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: 7006 Code Karate
In the 5th video in the Drupal Commerce Tutorial series. Here, we add attributes like an image and description to our products and product displays for more realistic product use cases. 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: 8176 LevelUpTuts
Views: 3557 Drupal Up - Drupal 8 Video Tutorials
We can add icons to drupal menu using 'Font awesome icons' and 'Menu attributes' modules. It can also be achieved using css instead of using 'Menu attributes' module which i have explained in article: 'Use Font Awesome icon in Drupal menu' on drupaldock website.
Views: 10252 DrupalDock
You can also check us out at https://www.acromedia.com/ In the previous 2 videos, we configured a new product attribute using a rendered color field. Now, we will set up a new product variation that uses the product attribute and a variety of custom fields. In Drupal Commerce, product variations are the specific instances of a product that customers will purchase. For example, a hat is the overall product but a large blue hat is the variation that the customer would ultimately buy. The site used in this video is our Urban Hipster demo site. We built this site specifically to showcase the power and adaptability of Drupal Commerce 2. You can try it for free, or take a tour: https://commerceplus.acromedia.com/ There will be more videos coming, so subscribe to our channel so you don't miss out! Please post any questions below, as others my have the same question as you!
Views: 3981 Acro Media
In this video, Mike from Acro Media shows you how you can create an awesome Drupal Commerce product catalog using Search API, Solr and Facets. This is a step by step walkthrough from start to finish that you can then build from and make your catalog even better. It should be noted that while we're making a product catalog here, the same method could be used for any other catalog type displays, such as videos, blog posts, resources, etc.
Views: 2383 Acro Media
Views: 4603 OSTraining
This tutorial shows you how to use menu attributes to take control of your Drupal 7 menus.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: 15676 LevelUpTuts
This is video series on Step by Step Tutorial on Drupal Commerce in Hindi. And this video covers How to set up drupal commerce Commerce Stock
Views: 1025 Drupal 7 in Hindi
/* Note: I am new to this and self-taught, so if you have a better suggestion or video out there, please share! */ Create a .info file which contains all the regions for your site. The regions are used to identify what blocks can be displayed.
Views: 6298 Sophia Haq
For more information check out https://www.acromedia.com/ Handling stock can be more complicated than you think! How does stock get updated between your website, warehouse, and point of sale? Shawn and Steve give you an inside look to stock management.
Views: 1057 Acro Media
A lightweight, fast, developer centric, FAPI based form builder and submission manager for Drupal 8. https://www.drupal.org/project/yamlform
Views: 1208 Jacob Rockowitz
Drupal 8 allows you to save revisions of content edited by either you or others. All you need to know how to revert the content back to previous revision, how to save the revision of the content. In this video, Dr. Yogendra Pal will describe the content revision. "Yogi's Guide to Drupal 8 Basics" ( Join: goo.gl/oHR6v5 ) is a web series created by Dr. Yogendra Pal. You will learn to make basic drupal 8 websites. You can watch all video of this series on YouTube for free but you can join the course online on our website if you want to ask questions or want some help from Dr. Yogendra Pal. Join this course online: http://www.learnbywatch.in/course/yogis-guide-to-drupal-8-basics/ At "Learn By Watch" we teach you everything from math, physics to web development, interview preparation and the subjects of your syllabus. Subscription links: YouTube: https://goo.gl/JT9uzi Facebook: http://www.facebook.com/learnywatch Twitter: http://www.twitter.com/learnbywatch Most Popular uploads: https://goo.gl/isq6mo Most Recent uploads: https://goo.gl/U9RL5E We upload Web Development videos every day at 9:00 AM so don't forget to visit our channel every day in the morning.
Views: 739 Learn By Watch
Looking for Hosting? Try www.torontowebsitedeveloper.com/hostgator Visit www.TorontoWebsiteDeveloper.com/store to support these free tutorials. In this 5th Drupal Video Tutorial, I explain what Drupal modules are, where you can find them and how you can install them. In a nutshell, Drupal modules provide functionality for your site. I walk you through how you can find modules on Drupal.org, how to interpret the module page including looking at whether the module is maintained, how many sites have installed it, how many downloads the module has and whether it has a stable release. From there, I show you how we can install a module via our site's UI, install it and where the module code actually goes in your directories.
Views: 1334 Web Development Tutorials
By Matt Cheney Jody Hamilton This session is about taking printouts of page designs and showing how you can build the site architecture of these websites in both Drupal 7 and Drupal 8. Session participants will be given printed handouts of site wireframe and presenters Jody Hamilton (Zivtech) and Matt Cheney (Pantheon) will talk through how you can make this all work in both Drupal 7 and Drupal 8. Particpants should leave with a better understand how to architect their Drupal sites and the differences in architecting between Drupal 7 and 8. Audience Level: Intermediate (install and configure modules/themes) Track: Site Building Version: Drupal 8 Drupal 7 Prerequisites: Limited knowledge is needed, but participants should be familiar with installing and configuration modules. https://www.drupalcampnj.org/program/sessions/designs-drupal-site-architecture-d7d8
Views: 258 DrupalCamp NJ
Views: 13 Technical Tutorials from Zero to Hero
/* Note: I am new to this and self-taught, so if you have a better suggestion or video out there, please share! */ First thing we'll do is create a basic html.tpl.php page for our new drupal 7 theme.
Views: 9979 Sophia Haq
Views: 318 Make Knowledge Free
https://samulinatri.com/blog/drupal-7-abbreviations-filter I have written a beginner book on how to use the Django web framework: https://leanpub.com/django-the-easy-way Web: https://SamuliNatri.com Github: https://github.com/SamuliNatri Twitter: https://twitter.com/SamuliNatri Facebook: https://www.facebook.com/NatriSamuli
Views: 198 Samuli Natri
Views: 372 Alaa Haddad
Views: 0 drupalvn drupal
If you have questions please post them below, or you can contact us at https://www.acromedia.com/ Apache Solr is a powerful search engine that can be set up for your site Drupal Commerce site. In this demo, we show you how it works, and how to set up your products to make it easy for your customers to find what they are looking for. We will have more Drupal Commerce "How-To" videos coming soon! Subscribe so you don't miss out!
Views: 632 Acro Media
You can now purchase the entire series to own at http://torontowebsitedeveloper.com/uc-series. In the 9th Drupal video tutorial of this series, we continue developing our Ubercart site by configuring product kits, setting up store stock and looking at our order states. This is the final video tutorial before we actually test our site and push it live. For additional help, you can check out http://www.drupal.org/forum, http://www.ubercart.org/forum
Views: 12851 Web Development Tutorials
In this video students will learn "How to create HTML Form?". How to create select box in HTML? How to create Scrolling Select Boxes in HTML?How to select Multiple Options in Select Boxes?. Let's see in this video For more updates subscribe my channel https://www.youtube.com/channel/UCGrZCPOFPfrfshEoVvyoQcA You can visit my blog http://webtechhub.com/ You can also find me on Facebook https://www.facebook.com/Programming-World-848503945319409/ You can contact me on [email protected] Thanks
Views: 8275 Fiaz Waheed
Earlier we talked about how selectors work and applied them to HTML elements. In this video we learn how to use classes to apply CSS to specific elements, regardless of their element type. Using classes here sets a foundation that we will build on throughout a huge part of this series.
Views: 1362 BuildAModule
Views: 11 Web Design Tutorial
In this video you will see how to style your navigation menu links with padding, margins and text-decoration and background-color CSS attributes. Keep in my the LoVe-HAte rule when styling links to insure that they function properly when clicked on.
Views: 377 Code Cascade
Views: 78016 kudvenkat
In this tutorial we cover how to format a page with CSS
Views: 7005 illiuniversity
SESSION LEVEL: Basic SESSION LANGUAGE: English Optimizing images can drastically decrease the page load time because, on average, 60% of a website’s page weight is made up of them. Responsive Web Design has changed how the web is built and that includes images too, because the aim is to deliver the highest quality image supported and nothing more. So today we have new standard elements and attributes to work with images widely supported by browsers (and polyfills for the rest) and Drupal has incorporated them. In Drupal 8 the Responsive Image module is in core and is prepared to solve a wide range of needs. And, as usually happens in Drupal, there are several contributed modules that help us to improve the basic needs or to solve the special ones, like Art Direction. I’ll start this session with a quick introduction about the different existing solutions for responsive images to be sure we are all at the same page. I’ll explain the difference between viewport sizing and Art Direction and how we are supposed to work with Drupal for each one, including demos. I’ll share tips and contrib modules that can make the developer and the final user live easier. I’ll also explain how lazy loading works and what solutions do we have in Drupal. When you leave this session you’ll have an idea about the options offered for Drupal and enough knowledge to choose the correct one for your project. Todos los videos de Drupalcamp 2017 https://www.youtube.com/playlist?list=PLKxa4AIfm4pVNaEYO5GKQaN5x_tveHpjO Descarga gratis la versión digital del libro de Roberto Canales “Conversaciones con CEOs y CIOs sobre Transformación Digital y Metodologías Ágiles ” https://goo.gl/i2zZtJ Facebook; https://goo.gl/o8HrWX Twitter; https://goo.gl/MU5pUQ LinkedIn https://goo.gl/2On7Fj/
Views: 273 Autentia
Regular expression in html to make conditions to the form inputs Regular expression Regexp form validation pattern attribute html
Views: 1308 Web development
In this video we take a look at block and inline elemnts and and how they can be converted. HTML: http://pastebin.com/w0DQXn4i CSS: http://pastebin.com/UJ25ZrPv
Views: 68824 EJ Media
Quick overview of the drupal wysiwyg extension module. The plugin allows creation of tabbed and accordion style content within the editor
Views: 8948 cntlscrut
Demonstration/Tutorial of setting the display order of menu items in Drupal using the row weights attribute and drag & drop features.
Views: 335 HowToDrupal by Eastern Standard
Views: 69 Logixx Tuts
CSS Introduction, CSS Syntax, CSS Selectors, Insert CSS, CSS Background, CSS Text, CSS Font, CSS Links, CSS Lists, CSS Tables, CSS Box Model, CSS Border, CSS Outlines, CSS Margin, CSS Padding, CSS Dimension, CSS Display and Visibility, CSS Positioning, CSS Float, CSS Horizontal Align, CSS Horizontal Align, CSS Pseudo-classes, CSS Pseudo-elements, CSS Navigation Bar, CSS Image Gallery, CSS Image Opacity / Transparency, CSS Image Sprites, CSS Media Types, CSS Attribute Selectors
Views: 1694 Ahmed Fathi
Views: 138 Blog WebSite templates
Download Stack - Multi purpose Drupal 8 Theme with Paragraph Builder - https://themeforest.net/item/stack-multi-purpose-drupal-8-theme-with-paragraph-builder/19787275?ref=motionstop Stack is a completed multipurpose Drupal 8 theme built with reuse and modularity at the core. Blending contemporary styling with beautiful markup, Stack forms the ideal starting point to website projects of any kind. Boasting over 140 demo pages, 270 customizable interface blocks and a plethora of carefully crafted base elements. Quality and quantity in equal measure Stack ships with over 140 content layouts, including 30 tailored niche homepages (from startup landing page to restaurant, portfolio and more) showcasing just a glimpse of what is possible with the detailed block and element library — from working social media feeds, contact forms and subscription blocks to fullscreen lightbox galleries and filterable portfolios, Stack is infinitely reusable, the ideal go-to template for your client projects. Empower Site Builders Using the Paragraph Builder, the theme incorporates 240+ interface blocks in the vast collection of customisable elements. This modular system empowers site builders to create their own blocks quickly and easily leaving more time for layout and interface experimentation. Our dedication to high performance means that Stack never uses inline styles, junk classes or layout-specific stylesheets. Adhering to the BEM (Block Element Modifier) methodology, Stack makes element and plugin customization logical and predictable. Thorough explanation of class and data attribute modifiers means you won’t be left guessing — It’s all here in Stack’s Element Index. For those who want to delve deeper, check out Stack’s extensive browser based documentation. Crafted for Designers Stack offers a formidable toolkit for designers to create diverse and beautiful websites that are underpinned by rock-solid design fundamentals. Layouts conform to a baseline grid, typography scales appropriately with different devices and colour schemes allow for a fully brandable design. In its original flavour, Stack showcases a clean and contemporary look fit for a range of purposes; employing the many colour scheme and font pairing options opens up a new level of aesthetic opportunity; Stack is a stunning canvas awaiting your touch. Documentation & Support Stack features thorough and well-written documentation to help guide you in customising pages to fit your needs, and if you get stuck – we’re always close at hand via our dedicated support forum. Each license purchase gives you 6 months of prompt and professional support! Stack Multipurpose HTML features: 150+ pages 280+ customizable interface blocks 32 niche homepage layouts Based on Bootstrap 3.x RTL Support to be added Left and Right Column Sidebar Layouts 8 unique footer styles Detailed Element Index with markup snippets Full blog styling with multiple layouts Full portfolio styling with multiple layouts Login and Create Account pages with additional utilities (eg: lost passwords) Coming Soon pages with working countdown timer One-page or Multi-page layouts with smooth scrolling Multiple colour schemes Multiple typography schemes 2,000+ Icons from the premium Icons Mind kit ($49 value) Flickity responsive slider plugin Isotope filterable masonry plugin Fullscreen lightbox gallery plugin Twitter feed integration Instagram feed integration Google Maps API Integration Countdown timer integration Exclusive parallax plugin Thorough, browser-based documentation View here 6 months included support via dedicated support forum Regular item updates with content additions and bug fixes Note: While most images in Stack are supplied in the download package – some images cannot be supplied due to licensing reasons and have been blurred heavily. Last Update 25 May 17 Created 9 May 17 Compatible Browsers IE11, Firefox, Safari, Opera, Chrome, Edge Compatible With Bootstrap 3.x Software Version Drupal 8.2.x ThemeForest Files Included PHP Files, HTML Files, CSS Files, JS Files Documentation Well Documented Layout Responsive Tags blog, bootstrap, corporate, drupal, gallery, landing, parallax, photography, portfolio, pricing, software, stack tags: blog, bootstrap, corporate, drupal, gallery, landing, parallax, photography, portfolio, pricing, software, stack download Stack - Multi purpose Drupal 8 Theme with Paragraph Builder | Themeforest Website Templates and Themes https://themeforest.net/item/stack-multi-purpose-drupal-8-theme-with-paragraph-builder/19787275?ref=motionstop
Views: 224 Popular Wordpress Plugins
В этом уроке я рассказываю про универсальные атрибуты тегов: id class style title Ссылка на урок: http://site-made.ru/drupal/html-pervye-shagi-urok-8-universalnye-atributy-tegov Группа Вконтакте: http://vk.com/sitemade Группа Facebook: https://www.facebook.com/groups/474610085922028/ Страница Facebook: http://www.facebook.com/Drupallessons
Views: 1275 Ivan Abramenko