Home
Search results “Style views drupal”
Create your own bespoke Views Style Plugins for Drupal 8 by Jibran Ijaz
 
33:44
Jibrans Ijaz' presentation at DrupalSouth 2015 in Melbourne
Views: 562 DrupalSouth
Drupal 8 Owl carousel Views style
 
05:31
Drupal 8 module: Owl carousel views style. Download the module: https://github.com/tabvn/owl Field formatter settings check this video: https://www.youtube.com/watch?v=PzBMJqkNHQ0 Drupal 8 Page Builder: http://codecanyon.net/item/drupal-drag-drop-builder/12014058?ref=tabvn Subscribe us at Facebook Page: https://www.facebook.com/TabvnGroup/
Views: 5202 Tabvn
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: 3109 Samuli Natri
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 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: 12432 Watch and Learn
Drupal 8 Theming - Part 12 - Images and Image Sizes
 
13:38
In this episode of Drupal 8 Theming tutorial series we are going to display image on our node, views and also learn how to make different image sizes for that image. Drupal has a great functionality called **Image Styles** it's basically a way for you to define different image sizes and effects for your images. It can do everything from scaling and cropping to desaturating and rotating your images. Which is pretty cool in my opinion. So in this tutorial we are going to add an image to our node template and resize it via image styles. Also we are going to add a different version of that image to our movies list using Views. Code used in this tutorial : https://github.com/ivandoric/d8theming/releases/tag/12 http://watch-learn.com/video-tutorials/drupal-8-theming-part-12-images-and-image-sizes/
Views: 10524 Watch and Learn
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: 34942 LevelUpTuts
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: 2323 Code Karate
Drupal Views Stylizer: How to use?
 
13:56
Shows how to use Views stylizer module to style a Drupal view
Views: 3566 TechNikh
Part 3/4. Create a slideshow in Drupal with Flexslider and Views Slideshow. CSS Styling.
 
12:25
Look at the discription of video 1 & 2 of this serie for the css code of the flexslider.css file for the css-styling of this slideshow . Because of Googles discription size limitation, I removed the gradient css code. Copy and past the code in flexslider.css from the line: /* Control Nav */ (delete the old code from that line) copy de code from the discription of video 2 below the code of video 1.
Views: 12478 DtoneMP
How to apply image styles in Drupal | lynda.com tutorial
 
07:44
This Drupal tutorial shows how to apply image styles that create consistency throughout the entire website. Watch more at http://www.lynda.com/Drupal-7-tutorials/essential-training/73655-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-73655-0906 This specific tutorial is just a single movie from chapter nine of the Drupal 7 Essential Training course presented by lynda.com author Tom Geller. The complete Drupal 7 Essential Training course has a total duration of 7 hours and 23 minutes and demonstrates how to download and install Drupal, add content and graphics to a site, change layout and design elements, control visitor interactions, and expand the site's capabilities beyond what's available in Drupal core Drupal 7 Essential Training table of contents: Introduction 1. Defining Drupal 2. Understanding How Drupal Works 3. Installing Drupal on Mac OS X or Windows 4. Installing Drupal on a Server 5. Controlling Drupal 6. Building a Drupal Site 7. Controlling Content 8. Enabling Other Content Types 9. Extending Content 10. Managing Users 11. Changing a Site's Interface 12. Helping Users Find Their Way Around 13. Expanding a Site's Capabilities with Modules 14. Displaying Information with Views 15. Administrating Drupal 16. Going Further with Drupal 17. Developing for Drupal Conclusion
Views: 6201 LinkedIn Learning
通通學--Drupal 6 Views--03-04--Style 設定
 
15:35
此為通通學 ( http://www.totolearn.com ) Drupal 6 Views, 03-03 的課程影片。
Views: 120 totolearn
Intro to Drupal 8 #6: How to Create New Image Styles
 
07:49
Looking for Hosting? Try www.torontowebsitedeveloper.com/hostgator In this 6th Drupal video tutorial, I show you how to create new image styles. In doing so, we walk through creating a custom style which will desaturate and scale down our images. Once created, we update our content display to use the new image style. I also show you where and when Drupal creates these new images.
How to Create a Drupal 7 Slideshow with Views: Tutorial 1 of 2
 
16:49
#1 Drupal Book: http://amzn.to/1PwoAo3 In this Drupal video tutorial, I show you how to create an image slideshow using Drupal 7 and Views. To do so, we create a specific content type for our images, create an image style for our images, download our modules / js script and set up our slideshow. The modules involved in this include views, views slideshow, chaos tools and libraries module. You also have to great the jquery cycle js file. In the next tutorial, I'll show you how to style the page so it isn't just ugly numbers. Make sure to leave a comment and with some feedback. In the event you are using a responsive theme, check out the Picture Module and a great post on how to use it here: http://webwash.net/tutorials/handle-responsive-images-using-picture-module-drupal-7
Style Manager Drupal module
 
12:56
More videos ----------------- http://www.youtube.com/watch?v=_oqzor6cQpw http://www.youtube.com/watch?v=LFzelPWQBN8 URL ----------------- http://drupal.org/sandbox/n.shmaleniuk/1977500 https://github.com/nikolay-shmaleniuk/style_manager ----------------- for music thanks to Sungha Jung http://www.youtube.com/user/jwcfree
Views: 2306 Nikolay Sh.
Drupal 7 - How To Use Views Header And Footer Areas
 
13:13
https://samulinatri.com/blog/drupal-7-header-footer "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: 7788 Samuli Natri
Tips on Theming A Drupal 7 Views Slideshow For Beginners
 
15:33
A quick video giving an overview and a few tips for theming a Views_slideshow in Drupal 7. This is a simple explanation of moving Title, Read More and Body Fields, laying out Image Pagers (horizontal and vertical) and also changing pagers to Images. This is not intended to show you a super slideshow but the general process so that you can manipulate and change your own to suit any style and layout you wish for. An important note... When using the css method shown here to change the previous and next pager to images its important to set a height:0px; padding-top:HIGHTOFYOURIMAGEpx; Overflow:hidden; This will hide the text from the pager and only display the image.
Views: 46238 Jason Moreland
Part 4/4. Create a slideshow in Drupal with Flexslider and Views Slideshow. Omega adaptive styling
 
05:52
Part 4 css-code used in the Omega theme: Global.css: #zone-slideshow-wrapper { /* this zone is created fort his slideshow. It´s not a standard Omega zone*/ display: none !important; /* does not show slideshow as default*/ overflow:hidden; /* no scrollbar-bottom in wide-mode */ } yourthemename.alpha.default.narrow.css: /* Display slideshow */ #zone-slideshow-wrapper { display: block !important; /*Displays slideshow with non mobile screens*/ } /* Places the bodytext and de transparent overlay to the bottom of the slideshow */ #transpbody { bottom:0%; } #trbody { zoom:.72; bottom:0%; } /* turns display off of the flexslider pager and transparent bar */ #transpager { display:none; } .flex-control-nav * { display:none; } /* Places the link towards the bottom of the slideshow */ #trlink * { top:85%; zoom:.80; /* makes the link button in proportion with the slideshow size */ } yourthemename.alpha.default.normal.css: /* Frontpage slideshow */ .flex-control-nav *{ display:block; display:inline; /* displays all the elements of the pager (in original size) */ } #transpbody { bottom:8%; } #transpager { display:block; bottom:0%; } #trbody { zoom:1; /* brings content to original size */ bottom:5%; } /* rearrange the place of the link */ #trlink * { top:80%; } yourthemename.alpha.default.wide.css: .region-slideshow-inner { /* mediasize of 1680px outside the 960 grid */ position: relative; width:1680px; margin-left:-840px;/*Half of the total desired width of the div*/ left:50% !important; /**/ max-height:100%; } .flex-control-nav { zoom:1.5; /* makes the pager proportion matches the big slides */ top: 93.666666666%; } #trlink *{ zoom:1.2; /* makes the pager proportion matches the big slides */ } #trbody { font-size:1.2em;/* makes the bodytext proportion matches the big slides */ zoom:1.2; bottom:10%; /* adjusts the vertical position */ }
Views: 7122 DtoneMP
Drupal 7 Image Styles - Daily Dose of Drupal episode 150
 
09:41
The Image Styles modules is part of Drupal 7 core modules. While simple, this module is a backbone to an enormous amount of use cases within Drupal. In this episode you will learn: - How to create an image filed on a content type - How to create an image style - How to associate the image style with the content type - How cute bunnies are
Views: 2609 Code Karate
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: 12403 Samuli Natri
How to create Jquery widget for Drupal Views?
 
15:02
This screencast demo explains how to create Jquery widget that can be used to style Drupal Views with https://drupal.org/project/views_stylizer
Views: 835 TechNikh
Styling Data Tables in Drupal
 
05:32
I'm testing the 4k video setting. It may be a huge file but I'm hoping for better resolution on the tutorial. If you're working in Drupal as a content manager and you don't know CSS, use this video to understand about data tables.
Views: 97 Jessica Sams
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: 15879 Watch and Learn
Drupal台北 4月小聚 - Pinterest-style like
 
18:14
模組秀:Pinterest-style like by gloomcheng
Views: 328 Taiwan Drupal
Drupal 7 Views Slideshow - Daily Dose of Drupal Episode 67
 
14:23
Note: In this video I do not mention that you need the jQuery Cycle plugin installed to get this working. I already had it installed in my video. You can see information on how to do that in steps 3 through 7 on http://drupal.org/node/903244 The Drupal 7 Views Slideshow module makes it easy to add a slideshow to display rotating content on any Drupal 7 website. In this episode you will learn: - How to create a simple Drupal content type with an image field to use for the Views Slideshow - How to create a block that displays as a Drupal 7 views slideshow - How to rewrite the Drupal views output so you can more easily style the slideshow with CSS Links: http://codekarate.com/daily-dose-of-drupal/drupal-7-views-slideshow http://drupal.org/project/views_slideshow
Views: 26442 Code Karate
Getting started in Drupal | lynda.com overview
 
04:59
This overview explains what is needed to begin working in a Drupal environment and how to use modules. Watch more at http://www.lynda.com/Drupal-7-tutorials/Reporting-and-Visualizing-Data/85758-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-85758-0002 This specific tutorial is just a single movie from the introductory chapter of the Drupal 7: Reporting and Visualizing Data course presented by lynda.com author Tom Geller. The complete Drupal 7: Reporting and Visualizing Data course has a total duration of 4 hours and 24 minutes, and examines several real-world examples of effective data visualization, describes the Drupal data-storage model, shows how to create, format, and style views, and much more Drupal 7: Reporting and Visualizing Data table of contents: Introduction 1. Data Visualization Gallery 2. Mastering Drupal's Data-Storage Model 3. Importing, Connecting, and Presenting Data 4. Understanding Views 5. Changing the Appearance of Views 6. Learning Views' Advanced Options 7. Working with Locational Data 8. Putting Data in Other Forms Conclusion
Views: 1000 LinkedIn Learning
Using the CSS Injector Module to Style a Drupal Website
 
08:33
A demonstration on how to use the CSS Injector module to apply styles to a Drupal webiste right on the browser.
Views: 5205 Mario Hernandez
Drupal 7 Sweaver Module: Change your theme style with no CSS code
 
16:43
Drupal 7 Sweaver Module: Change your theme style with no CSS code Daily Dose of Drupal episode 185 Video on Code Karate website - http://codekarate.com/daily-dose-of-drupal/drupal-7-sweaver-module-change-your-theme-style-no-css-code The Drupal 7 Sweaver module makes it easy to change the style of your Drupal theme without having to write any CSS code or dig through any template files. The Sweaver module provides a simple to use designer toolbar that sits at the bottom of the page and allows you to instantly change the look of your Drupal theme. The interface itself is not perfect, there are a few bugs with the toolbar, however it's still incredibly useful. You can change fonts, borders, spacing, backgrounds and much more. Plus you can even add your own CSS properties to extend the module to do exactly what you need it too. You can also easily save and load different saved styles making it easy to change the entire look of your site at a moments notice. If you are already an experienced Drupal themer, this module is probably not for you. However if you are just getting started with Drupal or don't know much about CSS, subthemes, or theme template files, this module might save you a lot of time. Here are the basic steps for using this module: 1. Install and enable the Drupal 7 Sweaver module 2. Use the style tab of the Sweaver design toolbar at the bottom of the page to change your theme style without CSS. You will need to click the element on the page that you want to style. This will turn on the style options for you to change. You can configure the font, borders, padding, margin, background, width/height, and much more. You can also upload images using the images tab on the Sweaver toolbar. 3. Once your style is the way you like it, you can click the Save tab to save your design. You can also choose to publish it to your Drupal site. This will allow all users to see your design (Note: you may need to clear the cache for anonymous users to see your design because of caching). 4. You can save and load multiple designs using the Drupal Sweaver module So check out the module and let me know what you think. I would always recommend going the Theme route if you know what you are doing, however this is still an option for those who want to stay as far away from code as possible. Happy designing... no... happy Sweavering!!! Helpful Links: Sweaver Module - http://www.drupal.org/project/sweaver Daily Dose of Drupal Sweaver Module - https://codekarate.com/daily-dose-of-drupal/drupal-7-sweaver-module-change-your-theme-style-no-css-code 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: 8814 Code Karate
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: 1519 Samuli Natri
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: 401 Mark Miller
Livecoding 08 - Drupal - Simple user page css style
 
01:06:58
Mat shows how to style a dynamically created page (using views and context)
Part 1/4. Create a slideshow in Drupal with Flexslider and Views Slideshow. Basic setup Drupal
 
09:33
/* PART 1 of the css code: */ /* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .next {background-position: -52px 0; right: -21px;} .flex-direction-nav li .prev {left: -20px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav { position: absolute; margin:0; padding:0; bottom:1.333%; text-align:left; left:25.38%; background-color: ; } .flex-control-nav li { height:inherit; display: inline; font-family:"MS Serif", "New York", serif; font-style:italic; color:#999999; font-weight:bold; font-size:small; padding:0 0.1em; /**/ } .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li * { padding:.15em .5em; border :.1em solid; border-radius:.2em; } .flex-control-nav li a:hover { border-color:#5E2727; cursor: pointer !important; color:#FFF; background: #543d3d; /* Old browsers */ /* copy & past here your gradient code!!! */ } .flex-control-nav li a.active { cursor: default !important; border-color:#9E504D; background: #9e504d; /* Old browsers */ /* copy & past here your gradient code!!! */ } .flex-control-nav li a { border-color:#4b0000; background: #6d3535; /* Old browsers */ /* copy & past here your gradient code!!! */ }
Views: 50466 DtoneMP
DrupalCon Dublin 2016: The views field plugin in Drupal 8
 
28:13
Views module is an integral part of the Drupal ecosystem. Almost every site built in Drupal uses Views. Views module was the first initiative to reach feature completion in Drupal 8. Like all other core systems the Views module has embraced PSR-4, the Plugins System, Annotations and ConfigEntities. The display of the proper information in the proper format is an integral part of creating a view. Views module uses views field plugins for this. These views fields can be added using ViewsUI. In Drupal 7, views fields come with their own set of configurable options to customize the output of a field. Being out of step with core formatter APIs lead to styling nightmares, performance issues and cache problems on sites of even modest complexity. Issues with views in Drupal 7 Styling nightmares: Views uses it's own markup templates to display views field plugins for many fields. Field formatters only work for the field plugins provided by field api. Performance issues: More field plugins mean more complex views queries. Cache Problem: Views module comes with its own caching system. Query caching and output caching are built in, but there is no built in support to cache views field plugins. In addition Views module doesn't leverage entity or render caching. Drupal 8 The API changes under the hood in Drupal 8 for views field plugins fixes all of these pain points. In this session we'll discuss: What are views field plugins? How views field plugins work? Which views field plugins come with core? When to create a new views field plugin? How to create a views field plugin? How to use field formatters for base fields(entity properties) and field properties? How to leverage entity caching in views field plugins? How to leverage views row caching? How to integrate render caching in views field plugins? How to make sure the new views field plugin is not introducing performance regressions? How to make sure the new views field plugin is not introducing caching problems? We'll also take a look into some contrib views field plugins. About the speaker @jibran Has been working with Drupal for more than 4 years. Has more than 200 commit mentions in Drupal 8. Has reviewed a lot Drupal 8 patches. Has worked on a lot Views patches in Drupal 8. Is the maintainer of Views field view, Views fieldset style plugin, Views details style plugin, Views vertical tabs style plugin and Views collapsible group.
Views: 664 Drupal Association
Drupal Consilium, How to change header style and class
 
04:06
This tutorial will show you how to change the header styles for our Drupal Consilium theme
Views: 3935 CMSSuperheroes
Drupal 7 Views Module Tutorial 4 of 10: Blocks, Attachments and Exposed Filters
 
21:50
#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 this drupal video tutorial, we carry on with our dog images view and create a block of 5 recently added images. We place the block in the sidebar and make sure it only shows up on pages outside of our galleries. From there, we add a views attachment to our existing dog images view which only shows the most recent dog image though with a different image style (our banner image style). Lastly, we conclude with exposed filters and I show you how to place the filter in a block, in our site's sidebar.
Rotate Drupal Images with Entity Image Style
 
04:34
Learn how to make one picture in an image field rotate using Drupal 7's image styles. http://ryanpricemedia.com http://twitter.com/gaelanadams http://drupal.org/project/entity_imagestyle
Views: 2398 Ryan Price
Using Image Styles in Node Display in Drupal 7
 
05:49
Discover hundreds more Drupal tutorial videos at Drupalize.Me/Videos. I am going to show you how you can upload an image of any size and it will automatically display as the size/style that you designate by editing the display field settings for your content type. We are going to add an image field to the basic page content type and set the node display to use medium size of 220 wide by 220 tall. Being able to set a standard for image display creates consistency and a better user experience. Site builders and content administrators will also have less work because you don't need to cut all of you images before you upload them. Drupal does all the work for you!!
Views: 2433 Drupalize.Me
Drupal 8 Beginner, Lesson 41: Image Styles
 
03:20
Image styles allow you to manipulate the size and scale of your images for different displays on your site. Drupal creates another copy of each image, as determined by the image style, so you don't have to process the image change on every page load. Find out more about Drupal training by visiting http://ostraining.com/drupal-training. Learn more about how Acquia can help your Drupal projects by visiting https://www.acquia.com/drupal-8.
Views: 24183 OSTraining
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.x override theme - Override blocks - Override views
 
14:56
In this tutorial I show you how to override parts of theme, such as blocks or views. You can override blocks in order to show your custom code and variables coming from themplate.php. Using preprocess hooks you can insert variables from the template.php to the tpl files. You can get data from database and pass it to the template files. In this video I show you how to create custom template for each page you need.
Views: 834 Pierpaolo Romanelli
Exploring a Drupal site | lynda.com overview
 
03:28
This overview explores a typical Drupal site and explains some of the techniques used to create the site. Watch more at http://www.lynda.com/Drupal-7-tutorials/Reporting-and-Visualizing-Data/85758-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-85758-0101 This specific tutorial is just a single movie from chapter one of the Drupal 7: Reporting and Visualizing Data course presented by lynda.com author Tom Geller. The complete Drupal 7: Reporting and Visualizing Data course has a total duration of 4 hours and 24 minutes, and examines several real-world examples of effective data visualization, describes the Drupal data-storage model, shows how to create, format, and style views, and much more Drupal 7: Reporting and Visualizing Data table of contents: Introduction 1. Data Visualization Gallery 2. Mastering Drupal's Data-Storage Model 3. Importing, Connecting, and Presenting Data 4. Understanding Views 5. Changing the Appearance of Views 6. Learning Views' Advanced Options 7. Working with Locational Data 8. Putting Data in Other Forms Conclusion
Views: 571 LinkedIn Learning
Theming the first paragraph 🥪 Real Life Drupal 8 Theming Project Episode 12
 
09:13
In this video, we are going to nudge a bit the Display of the paragraph and afterward, we are going to see how we can implement exactly the HTML output that we have in our static version regarding the three actions top paragraph. If you want to learn more about Drupal 8 theming - please check our "Full course on Drupal 8 theming here" with this link you get 30% discount - https://goo.gl/yEyiLc On the Drupal Up website - you may find even more resources for Drupal 8 development - http://drupal-up.com Thanks for watching!
Drupal 6 Simple Views Slideshow Setup In Aquia Marina
 
09:41
Create a slideshow with drupal 6 "Views" and "Views Slideshow" in Aquia Marina or for that case any other theme modules. style.css add the following /* Views Slideshow Styling For the most part it will get it's styling from the theme the only one you may need to add is the height and width style to stop it from bouncing the theme up and down as different size content fills it. Hence the need to control the content. */ /* CHANGE THE myslideshow to what ever your slideshow is called. */ /* Set the size of the slideshow box : Its important if you have content with long and short text if you don't set this your views-slide show will get bigger and smaller as it auto fits the text. For styling this can make it consistent */ #block-views-myslideshow-block_1 {height: 200px;width: 300px;} /* OPTIONAL STYLING */ /* Styling the title */ #block-views-myslideshow-block_1 .views-field-title a{font-weight: bold; text-decoration: none;} /* styling the body */ #block-views-myslideshow-block_1 .views-field-body {font-size: 14px;} /* styling the number pager at the bottom */ /* This is the whole pager */ #views_myslideshow_singleframe_pager_1 {background-color: #666666;} /* This is just the active number */ #block-views-myslideshow-block_1 .activeSlide{background-color: #000000;} I will add the css to my website when the server comes back up....
Views: 27724 Jason Moreland
Drupal 8 Beginner, Lesson 45: The Forum Module
 
03:13
If you have the kind of site that benefits from a discussion forum, you can enable the Forum module in the Drupal 8 core. This will create a bulletin board-style content type. The comments attached to this content type are used for the discussion. Find out more about Drupal training by visiting http://ostraining.com/drupal-training. Learn more about how Acquia can help your Drupal projects by visiting https://www.acquia.com/drupal-8.
Views: 22721 OSTraining
Creating a Grouped Accordion View in Drupal with Views Accordion and Taxonomy
 
08:56
I needed to set up a page where we group questions by a category in an accordion fashion. It was not working as predicted and after countless hours, I figured it out, and had to share so I can give back to those who helped me - and also have it for future reference!
Views: 6112 Marian Stevens
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: 9221 Drupal Legoland
Excluding Drupal nodes from a view based on node ID
 
06:21
Drupal 7 Excluding Node ID from URL Daily Dose of Drupal Episode 197 - https://codekarate.com/daily-dose-of-drupal/drupal-7-excluding-node-id-url In this installment of the Daily Dose of Drupal, we are looking not at a module, but rather how to exclude a node from a view using the node/content ID. The video explanation will put a lot more context around exactly what I mean, but the general idea is using a view we will be able to exclude the current node id we are on (grabbed from the URL) from the view. In other words, if you are on a page about grasshoppers the view possibly on the sidebar that displays other insects won't have the grasshopper listed (ie since we are already on this page). This little trick will greatly improve your user experience on your site. All in all, eliminating a "useless" link to the same page you are currently on is a win-win! Doesn't everyone love to win? We think yes. Also, make sure to listen to the end for a quote that I personally feel if taken to heart can be a life changer. Links: Drupal 7 Excluding Node ID from URL - https://codekarate.com/daily-dose-of-drupal/drupal-7-excluding-node-id-url 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: 2271 Code Karate
Using the CSS Injector Drupal Module to Change the Design of Your Drupal Site
 
09:53
In this video, I'll show you how to use the CSS Injector Module (https://drupal.org/project/css_injector) to tweak the design of your Drupal website without having to edit the theme code.
Views: 17516 DrupalTutor

Cleaning service bid cover letter
How to write a cover letter for a resume samples
Personal care assistant cover letter
Wolfe and associates application letters
Student receptionist cover letter