Home
Search results “Drupal form add style”
Block Style Plugins - Drupal 8 module tutorial
 
10:26
UPDATE: form fields can now be entirely added via the yaml file so that a themer never needs to create a PHP file. The Block Style Plugins module allows developers and themers to create form elements for applying block-specific styles. This allows day-to-day editors the opportunity to change a block's appearance without needing to know CSS. https://www.drupal.org/project/block_style_plugins 0:30 - Example plugins in /tests directory 1:56 - Defining plugins in a Theme 5:08 - Restricting styles to specific blocks with "include" 6:13 - Using Drupal's Form API to add conditional style options 8:14 - How to discover a block's Base Plugin ID 9:10 - Including only a specific custom Block Content type 9:44 - Excluding styles from specific blocks with "exclude"
Views: 405 Mark Miller
Drupal Tutorials #18 - Creating Custom Image Styles
 
06:18
This is the 18th tutorial in a series that show users how to create and edit image styles to have full control over cached images. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 34960 LevelUpTuts
Drupal 7 - How To Add CSS Classes To Blocks
 
01:08
https://samulinatri.com/blog/drupal-7-block-class "Django - The Easy Way" book is now available at https://leanpub.com/django-the-easy-way Samuli Natri has been a software developer since the 90's. He enjoys building web applications and games. He attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). https://SamuliNatri.com https://twitter.com/SamuliNatri https://www.facebook.com/NatriSamuli
Views: 3012 Samuli Natri
Drupal 7 - Style Formatting
 
01:39
Drupal 7 Content Editor Training Video - Content Editor - Adding Styles to your text with Style Formatting
Views: 62 ISUExtensionWeb
Drupal 7 Tutorial - How To Style Drupal Flags With CSS (5/5)
 
03:46
"Django - The Easy Way" book is now available at https://leanpub.com/django-the-easy-way Samuli Natri has been a software developer since the 90's. He enjoys building web applications and games. He attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). https://SamuliNatri.com https://twitter.com/SamuliNatri https://www.facebook.com/NatriSamuli
Views: 1528 Samuli Natri
How to Build Beautiful Forms in Drupal 7
 
43:15
The source code for this talk (with some adjustments) is http://is.gd/beautifulforms . This is a 45-minute talk given at DrupalCamp Colorado, 2011. It covers how to work with some of the most interesting aspects of the Form API, including dynamically showing and hiding elements, and modifying existing forms. As an example, we convert the default search form to a Google suggestions-style format which auto-completes based on search history. Kind of fun!
Views: 131890 BuildAModule
Drupal Tutorials #8 - Creating a Content Type
 
09:24
This Drupal 7 tutorial shows you how to create a custom content type. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 82565 LevelUpTuts
Drupal Commerce Tutorials #6 - Ajax Add To Cart
 
06:15
In the 6th video in the Drupal Commerce Tutorial series. Here, we add our first Drupal Commerce contrib module to allow for refresh free add to cart. https://drupal.org/project/commerce_ajax_cart Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e
Views: 8636 LevelUpTuts
Drupal Tutorials #20 -  Creating a Contact Form With Drupal
 
03:04
This tutorial shows Drupal users how to enable and configure Drupal 7's core contact form module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 46443 LevelUpTuts
Drupal 7 - How To Create Dynamic Classes With Views
 
03:04
Tutorial on how to use tokens from the views Rewrite section to create classes. https://samulinatri.com/blog/drupal-7-views-dynamic-classes "Django - The Easy Way" book is now available at https://leanpub.com/django-the-easy-way Samuli Natri has been a software developer since the 90's. He enjoys building web applications and games. He attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). https://SamuliNatri.com https://twitter.com/SamuliNatri https://www.facebook.com/NatriSamuli
Views: 3114 Samuli Natri
Drupal 8 TDD, by example: Writing a Form, part 1
 
42:45
In this tutorial, we'll see how to use true TDD practices when writing Drupal 8 modules. In this video, we'll see how to apply TDD for testing a custom file upload validation. Source code: https://github.com/wadmiraal/drupal8_tdd_form_validation Related blog post: http://wadmiraal.net/lore/2018/01/29/drupal-forms-and-tdd-part-1-file-validation/
Views: 563 Wouter Admiraal
Learn Drupal 8 - How to use image styles
 
03:33
In this tutorial I discussed about Drupal 8 image styles. I create a custom image style. I showed how to add custom image style with content type to display content images. http://pydream.com/
Views: 563 Imran Sarder
Drupal Tutorials #22 - Inserting an Image Into Your Wysiwyg
 
08:24
This is the 22nd tutorial in the Drupal 7 tutorial series. This video shows users how to use the Insert module to insert images into their wysiwyg text editors. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/insert Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 40105 LevelUpTuts
Drupal Tutorials  #15 - Creating a Menu and Adding Menu Items
 
04:18
This Drupal 7 tutorial shows users how to create a menu and add/create menu items. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 62828 LevelUpTuts
Drupal 8 Programatically created custom form.
 
12:16
In this video, we are going to create a simple module with a form in it. We will explain the basic structure that a Drupal 8 basic form should have. In our example, the form would be having two fields and a submit button and after clicking on submit it will simply sum the two fields. We will also create a simple route in order to be able to show the form on its own page. If you liked this video, please also have a look at my new corse about Drupal 8 module development here (with 50% discount): https://goo.gl/LPyeDw The full code of the module you could find here: https://github.com/drupal-up/drupalup_simple_form
Drupal 8 - How To Create A Custom Template For A View
 
04:21
"Django - The Easy Way" book is now available at https://leanpub.com/django-the-easy-way Samuli Natri has been a software developer since the 90's. He enjoys building web applications and games. He attended Helsinki University Of Technology (Computer Science) and Helsinki University (Social Sciences). https://SamuliNatri.com https://twitter.com/SamuliNatri https://www.facebook.com/NatriSamuli
Views: 12550 Samuli Natri
Advanced Training - Drupal 7 Webforms
 
08:42
Advanced Content Editor Training Video - Learn how to add a webform to your website.
Views: 226 ISUExtensionWeb
Drupal Working With image Styles and Theming
 
07:59
Drupal tutorial series on building a full realistate website with Drupal 7 Key concepts covered in this Drupal video tutorial: Dealing with images styles in Drupal7, covering image styles - and how add custom image fields to your node.tpl.php via php Part of Drupal Contractor Tutorial Series form http://drupalcontractor.com Direct link: http://drupalcontractor.com/tutorials/basics-dealing-images-styles-drupal7
Views: 1139 Bujinskate
Drupal 8 Site Building, Lesson 39: Display Suite Custom CSS
 
03:27
Find out more about Drupal training by visiting http://ostraining.com/drupal-training. Display Suite has a powerful templating system. By using template overrides and CSS, you can easily customize the layouts of nodes and fields in Display Suite. You can also add CSS classes directly into the admin area of Display Suite. Find out more about Drupal training by visiting http://ostraining.com/drupal-training. Try Drupal 8 hosting from GlowHost for just 1 cent for your first month, PLUS get a free domain name, yours to keep! https://glowhost.com/order/order.php?id=65787&sa_name=Drupal&coupon=1CENTC&utm_source=youtube&utm_medium=Drupal8_Free_Training&utm_campaign=Drupal_8_Videos Learn more about web hosting optimized for Drupal 8 - https://glowhost.com/Drupal8
Views: 5629 OSTraining
Drupal Tutorials #21 - Webform - A Better Contact Form Module
 
09:25
This Drupal 7 tutorial shows Drupal users how to create and configure more robust and multiple contact forms using the Webform module. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW http://drupal.org/project/webform Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7.
Views: 57935 LevelUpTuts
Drupal 7 Views Module Tutorial 5 of 10: Theming Views
 
20:46
#1 Drupal Book: http://amzn.to/1LOFwOK Own this series by visiting https://www.torontowebsitedeveloper.com/store. You can also checkout my monthly earnings / YouTube reports. In the 5th video of this 10 part drupal video tutorial series on the Views module, we look at theming views. To do so, we first create our own theme so that we do not hack up Bartik. From there, we look at field level CSS changes, then adding custom tpl files and making our view aware, finally ending with custom functions in our template.php file which override the tpl files we created.
Drupal 8 Theming - Part 16 - Working With CSS Frameworks
 
18:44
In this episode of Drupal 8 Theming we are going to do some actual theming using Zurb Foundation framework. To use any kind of CSS framework, something like Bootstrap or in our case [Foundation](http://foundation.zurb.com/) we have to be able to control output of our HTML, and specifically CSS classes that are applied on that HTML output. Because almost all of those frameworks depend on those CSS classes to work as expected. In this video I'm going to show you how you can add CSS classes to your output in your templates by using *addClass()* function on your attributes. I'm also going to show you how you can add custom CSS classes to your Views output. Code used in this tutorial https://github.com/ivandoric/d8theming/releases/tag/16 http://watch-learn.com/video-tutorials/drupal-8-theming-part-16-working-with-css-frameworks/
Views: 15963 Watch and Learn
Drupal Tutorials #26 - Views - Fields
 
08:45
This is the 26th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to use fields to decide what content to show. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Drupal Tutorials here: https://goo.gl/YDHhLW Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! http://leveluptuts.com/level-up-pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 7 tutorial series shows users how to build websites with the very popular open source content management system Drupal 7. What is Views The Views module provides a flexible method for Drupal site designers to control how lists and tables of content, users, taxonomy terms and other data are presented. This tool is essentially a smart query builder that, given enough information, can build the proper query, execute it, and display the results. It has four modes, plus a special mode, and provides an impressive amount of functionality from these modes. Among other things, Views can be used to generate reports, create summaries, and display collections of images and other content. drupal.org/project/views
Views: 33221 LevelUpTuts
Drupal 7 jQuery SelectBox Module - Daily Dose of Drupal episode 117
 
04:58
The Drupal 7 jQuery SelectBox module is a simple module that makes HTML select boxes easier to style. It replaces the HTML form select element with easier to style HTML markup. In this episode you will learn: - How to download and install the jQuery SelectBox module - What the jQuery SelectBox module is doing in the background to make the select boxes on the site continue to work correctly Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-jquery-selectbox-module http://twitter.com/smthomas3 http://drupal.org/project/selectbox Thanks to Drupalize.me (http://drupalize.me) for sponsoring this episode.
Views: 5283 Code Karate
Drupal Tutorials #24 - Creating A Block View
 
07:30
This is the 24th tutorial in the Drupal 7 tutorial series. This tutorial shows you how to create a block view using the Views module. from Drupal.org... What is Views The Views module provides a flexible method for Drupal site designers to control how lists and tables of content, users, taxonomy terms and other data are presented. This tool is essentially a smart query builder that, given enough information, can build the proper query, execute it, and display the results. It has four modes, plus a special mode, and provides an impressive amount of functionality from these modes. Among other things, Views can be used to generate reports, create summaries, and display collections of images and other content. drupal.org/project/views Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations
Views: 64996 LevelUpTuts
Drupal 6 - Adding Style Formatting to Text
 
01:51
Drupal 6 Content Editor Training Video - Content Editor - How to add formatting to text
Views: 109 ISUExtensionWeb
Drupal 7 add js or css in the footer of theme
 
04:03
Let us see how to add js or css in the theme using info file or using the hook process_page in template.php
Views: 567 Pierpaolo Romanelli
Drupal 8 Basics #18 - Customizing Your Contact Form
 
05:12
Learn how to customize your contact form in Drupal 8 in a course design for Drupal 8 beginners. Subscribe for more free tutorials https://goo.gl/6ljoFc, buy NEXT LEVEL CSS Animations & Transitions https://goo.gl/cGB30u Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e This Drupal 8 tutorial series shows users how to build websites with the very popular open source content management system Drupal 8. The world’s favorite open source content management platform just got better. Drupal 8 is the new standard for creating incredible digital experiences—for small businesses, global enterprises, and everything in between. Meet Drupal 8, a powerful new suite of tools, and the strongest link in your new content supply chain. Interact with countless applications, thanks to REST-first native web services. Use progressive decoupling to break free from back-end restrictions without sacrificing security and accessibility. Deliver faster, with enhanced entity caching and better integration with CDNs and reverse proxies. With Drupal 8, you can build almost any integrated experience you can imagine.
Views: 8572 LevelUpTuts
Part 3: Drupal 7 Image Gallery (Use Image Styles - custom thumbnails)
 
02:37
/* Note: I am new to this and self-taught, so if you have a better suggestion or video out there,please share! */ Create custom thumbnail styles in drupal 7 by using image styles.
Views: 4247 Sophia Haq
Drupal7 Create a Custom Module to alter Webform
 
29:46
Key concepts covered in this Drupal video tutorial: a basic intro in to making a custom module to over ride a webform hidden field from a user reference field we make the webform , give it a custom theme , install shadow box , then create a custom module and test it. hook_form_alter example Part of Drupal Contractor Tutorial Series form http://drupalcontractor.com Direct link: http://drupalcontractor.com/tutorials/basic-module-creation
Views: 3685 Bujinskate
Drupal 8 Block Plugin API
 
31:14
This blog post takes a look at how a module developer might create custom blocks in Drupal 8. This is my first attempt at working through all of this so if you've got thoughts on better ways to do this please leave a comment. Why Blocks? The concept of blocks has been around in Drupal since the earliest versions. Chunks of information that can be placed into the regions provided by a theme and re-used throughout your site. As Kyle points out in his previous blog post, blocks are really useful in Drupal 8 as the tools for managing their placement and visibility have continued to mature. The system for defining blocks in code has changed quite a bit for Drupal 8 though so it's worth taking a fresh look at how to create blocks in your own module. Especially since in my experience it's one of the first things we need to know how to do as module developers. Creating Blocks: The Block Plugin API In previous versions of Drupal, blocks where added by implementing hook_block_info() and the various block CRUD hooks like hook_block_save(). Or if you're really old-school there was just plain ole' hook_block(). The general premises was write some code that tells Drupal about the existence of your block and which PHP functions Drupal should call when someone is viewing the block. Then implement those functions and adhere to a defined pattern of what the expected return results from those function(s) should be. Drupal would then know your block existed and allow administrators to place it in a region on the page. Drupal would also know what PHP function to call to retrieve the content of your block. The general idea is still the same in Drupal 8. Tell Drupal your block exists, and then provide PHP code that will be called when someone is trying to view or otherwise interact with your block. The mechanics however are quite a bit different. In Drupal 8, custom blocks provided by a module implement the Block Plugin API which is a subset of the more generic Plugin API. What used to be info hooks that returned arrays for block discovery is now composed of Annotations and the use of PSR-0 so Drupal can both find and understand your blocks. Callback functions that returned the content of your block are now methods on the Drupal\block\BlockPluginInterface which you can override as needed in our custom block code. Blocks are, of course, a really common pattern in Drupal and as such there is a helpful Drupal\block\BlockBase class that you can extend when creating your own Blocks. BlockBase provides the basic block configuration form which administrators see, access rules, and cache handling—all of which can be overridden as needed for your specific use-case. In this video I'm going to define a custom block with some very basic configuration settings and walk through: Where you should put the code for your block Annotation based plugin discovery and how to know what to put in the annotation Outputting simple text in the body of a block Changing the access rules / visibility for a block in code Adding a custom configuration option to the block configuration form Saving block configuration data Using stored block configuration data Rather than start from scratch I'll be building off the Chad module which I started in Writing a Hello World Module, and then continued to build on in Getting Started with Drupal 8 Forms and Configuration Management for Developers. The code can be found on GitHub, and you should totally grab a copy and follow along. Writing this blog post and recording this video resulted in the following documentation pages being overhauled: https://drupal.org/node/2168137 and an issue for missing documentation in core being filed: https://drupal.org/node/2248951. Now that you know how blocks work, help us get the documentation updated. :)
Views: 8259 Drupalize.Me
Drupal 7 Style Guide Module - Daily Dose of Drupal episode 110
 
05:14
The Drupal 7 Style Guide module is a very simple module that helps you when building a Drupal theme. The module provides a single page displaying how your Drupal theme renders common Drupal elements, form elements, and other HTML elements. By having all of these elements rendered in one page, it makes it much easier to ensure your theme covers all the basics. In this episode you will learn: - How the Drupal Style Guide module will help you build better Drupal themes - How the Style Guide module helps make sure you don't forget to theme any common Drupal and HTML elements Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-style-guide-module http://drupal.org/project/styleguide Thanks to Drupalize.me (http://drupalize.me) for sponsoring this episode.
Views: 2324 Code Karate
Drupal 8 Theming - Part 19 - Rewriting Views Fields
 
16:24
In this last video of the Drupal 8 Theming series I'm going to show you how you can rewrite the output of fields that you use in your Views. You will need to do this if you want to have specific HTML output of your Views fields for what ever reason. We are going to change the output of our movies section. This is not really necessary on our site but there are some real life examples where that would be needed. Also this is going to be last episode of Drupal 8 Theming for some time. Please leave your suggestions in the comments below for specific problems you might want to see in these videos. And I will do a video about it if I think it could help people. Thank you for watching this series, the new one starts real soon. http://watch-learn.com/video-tutorials/drupal-8-theming-part-19-rewriting-views-fields/
Views: 12508 Watch and Learn
Build Your First Blog in Drupal 7: Part 1 - Custom Content Types and Layout
 
18:41
Create your first Drupal 7 blog with a new content type using Drupal 7 core and the CSS Injector Module. Includes tags, images and image placement in display. Part two will cover using quick and easy views to make a list of your blog entries and place them in the menu. You can find our example CSS at http://www.drupalforanyone.com
Views: 7018 Drupal for Anyone
Change themes and basic CSS - Drupal video tutorial from SlashNode.in
 
14:31
In this tutorial learn how to change the Drupal themes, learn to download new themes and some basic CSS to change the appearance of the Drupal Website. For more videos please visit our website: http://www.slashnode.in Follow us on twitter: http://www.twitter.com/Slash_Node Like us on facebook: http://www.facebook.com/SlashNode.in
Views: 10991 slash node
Drupal 7 Menu Attributes Module - Daily Dose of Drupal episode 47
 
06:20
If you are building a Drupal 7 website and need to target an individual menu item for some JQuery or CSS code, the Drupal 7 Menu Attributes module can help. The Menu Attributes module allows you to add CSS classes, ids, title attributes and more to your menu items. In this episode you will learn: - How the Drupal 7 Menu Attributes module can be used to add CSS or Jquery to target individual menu items by looking at a practical example - How the Drupal 7 Menu Attributes can configure the id, class or title attributes of an individual menu item Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-menu-attributes-module http://drupal.org/project/menu_attributes
Views: 6834 Code Karate
Drupal 7 tutorial: Image fields
 
11:33
Watch the full Drupal 7 tutorial series: http://www.leveltendesign.com/tutorial/course/getting-started-drupal-7 This tutorial walks you through how to add and configure Drupal 7's image field. Watch the full Getting Started with Drupal 7 tutorial series: http://www.leveltendesign.com/tutorial/course/getting-started-drupal-7
Views: 43526 Tom McCracken
Drupal 8 Theming - Part 06 - Theming the Header
 
22:44
In this episode of Drupal 8 Theming tutorial series we are going to theme our header the 'Drupal way', by using blocks, css, html and Twig. Also we are going to learn how to define our front page so that we don't use the same template as we would use on other content types. This way our front page will be able to have different type of design. As for the header we are going to style a block that displays the header, add some css to it and I will show you how to change the path of your logo. By doing all of this we will get better acquainted with Twigs template hints, and will learn where the stuff on our page is coming from. Code used in this tutorial: https://github.com/ivandoric/d8theming/releases/tag/6 http://watch-learn.com/video-tutorials/drupal-8-theming-part-06-theming-the-header/
Views: 37346 Watch and Learn
Drupal 7 No Knowledge Needed: Adjust Image Placement & Display
 
26:13
Learn how to adjust the placement and display of images on your drupal site using a combination of the CSS Injector module and firebug for firefox (all free). You do NOT need any previous CSS knowledge (although it doesnt hurt). We explain everything step by step. Skills covered: How to use CSS to float and pad images How to use firebug to inspect CSS classes How to change image sizes in drupal How to add or remove labels from image How to add activate the blog module & add a custom image field In this tutorial we use drupal 7's built in blog module with a field image (which we teach you to setup fast), but our instructions can apply to any content with a field image on your drupal website. Our Example CSS: .field-name-field-custom-image .field-items { float: right; padding-bottom: 30px; padding-left: 30px; }
Views: 479 Drupal for Anyone
Drupal 7 Options Element: A quicker way to add radio and checkbox options
 
06:07
Drupal 7 Options Element: A quicker way to add radio and checkbox options Daily Dose of Drupal Episode 192: https://codekarate.com/daily-dose-of-drupal/drupal-7-options-element-quicker-way-add-radio-and-checkbox-options We kept things simple for this episode of the DDoD. The options element module uses Javascript to create an easy way to create radio button and checkbox options for fields on a Drupal content type. Before this module you had to add key|value for each options you wanted. Using this module the key and value is broken down into two fields making it easier to distinguish the difference. Also, the added javascript will allow you easily add additional options with just a click of a "+" sign or delete an options with a click of the "x" button. Reordering is easier as well, you can simply drag and drop all the options to get the order exactly how you want it. This is by knows means a life changing Drupal module, but I would recommend this module if you are looking to improve your user experience quickly and easily. Links: Options Element Module - https://www.drupal.org/project/options_element Daily Dose of Drupal Options Element Module - https://codekarate.com/daily-dose-of-drupal/drupal-7-options-element-quicker-way-add-radio-and-checkbox-options CodeKarate.com - http://codekarate.com Code Karate YouTube Channel - https://www.youtube.com/user/codekarate Code Karate Google+ Page - https://www.youtube.com/user/codekarate Twitter account for Code Karate - http://twitter.com/codekarate Twitter account for Shane Thomas - http://twitter.com/smthomas3 Twitter account for Adam Learing - http://twitter.com/adamlearing Code Karate Facebook Page - https://www.facebook.com/codekarate
Views: 3472 Code Karate
Drupal Bootstrap - 20 - Creating Article Views - Custom Grid Layout + Equal Heights
 
13:56
Playlist: https://goo.gl/RqVELg To make the image larger on hovering, you can apply some CSS3 styles like this :) .col .dImage{ overflow: hidden; } .col .dImage img{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .col .dImage:hover img{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); } Ref: http://www.w3schools.com/css/css3_transitions.asp http://www.w3schools.com/cssref/css3_pr_transform.asp Module to install: https://www.drupal.org/project/equalheights
Views: 9241 Drupal Legoland
Drupal 7 Field Formatter CSS Class Module - Daily Dose of Drupal episode 83
 
06:07
The Drupal 7 Formatter CSS Class module (not to be confused with episode #82 and the Field Formatter Class module), can be used to add a CSS class to the display of a node based on a specific value in that node. For instance, it can be used to add a class based on what the user selects for a dropdown value when creating the piece of content. In this episode you will learn: - How the Drupal 7 Formatter CSS module differs from the Field Formatter Class module - How the Drupal 7 Formatter CSS module can be used to add CSS classes based on the value of a Select box on a content type Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-field-formatter-css-class-module http://drupal.org/project/field_formatter_css_class
Views: 10239 Code Karate
Drupal 7 SimpleAds Module - Daily Dose of Drupal Episode 5
 
08:22
Have you ever wanted to display advertisements on your Drupal 7 website? If so, this episode will walk you through step by step, how to set up and configure text and image advertisements for display on your Drupal site. In this episode you will learn: - How to install and configure the SimpleAds module on a Drupal 7 site - How SimpleAds campaigns work - How to display text based advertisements on your Drupal 7 website - How to display image based advertisements on your Drupal 7 website - How to view analytics and performance of the advertisements
Views: 18421 Code Karate
Drupal - Headings, Fonts and Styles
 
06:57
Lane CC Drupal tutorials - Headings, fonts and styles
Views: 139 Atc Lanecc
Drupal 7 Smart Crop module - Daily Dose of Drupal episode 115
 
05:51
The Drupal 7 Smart Crop module is a Drupal module that provides an Image Style action that provides more intelligent image cropping. In this episode you will learn: - How to create a new Drupal image style that uses the SmartCrop action - How to create a new Drupal image style that uses the Scale and SmartCrop action Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-smart-crop-module http://drupal.org/project/smartcrop Episode sponsored by Drupalize.me (http://drupalize.me)
Views: 2888 Code Karate
Theming a Drupal 7 Webform - Daily Dose of Drupal Episode 13
 
11:36
A simple example showing how to theme a Drupal 7 webform created by the Drupal Webform module. In this episode you will learn: - How to override the Drupal 7 Webform template file in your theme - How to access and display output of your Webform in the template file
Views: 18146 Code Karate
#1 Creating a Drupal 7 custom theme from an HTML template :: Part 1
 
25:28
This series will show you how to setup a custom theme in drupal 7 from an HTML template. Video 1 shows you the thought process behind the converting the theme to Drupal 7 (What do I need to create for the page? What regions? etc) , the modules / tools needed and begins preparing the site for theming. Acquia Development Environment :: http://acquia.com/downloads#acquia-drupal Drupal 7 Core :: http://drupal.org/project/drupal Modules :: Use the search function on drupal.org and make sure you have the following modules :: Views, Views slideshow, Ctools, Nodequeue, Libraries, Devel, Zenophile, Backup and Migrate, Token, Pathauto, Themes :: Use the search function on drupal.org :: Zen IDE: Netbeans :: http://netbeans.org/ Views Slideshow themeing video on mustard seed media :: http://mustardseedmedia.com/podcast/episode42 Photoshop TechLayout HTML Files http://www.4shared.com/rar/tHHTYGa5/TechLayoutSeries.html
Views: 173435 Jason Moreland

What is a cover letter for a resume definition
Job cover letter email title for job
How to write a general cover letter for an internship
The best paper writing service
Writing a letter of complaint about service