Home
Search results “Drupal attribute style”
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: 7006 Code Karate
Drupal Commerce Tutorials #5 - Products With Attributes
 
09:55
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
Declaring our library, adding CSS and JS files to our theme 🥪Real life Drupal 8 theming project 5#
 
05:17
This tutorial shows how to declare a simple Drupal 8 theme library. As this library is declared in the .libraries.yml file you are able to add CSS and Javascript files to your theme. We will copy all the CSS and Javascript files from our static version of the site and we will add them to our newly created library. As our library with the assets is declared - we will declare that we will use it in our theme by adding it to our .info.yml file. At the end we will see that we have all our CSS and JS files in our theme. 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 20% discount - https://www.udemy.com/full-introduction-to-drupal-8-theming-in-easy-steps/?couponCode=DRUPALUP_25 On the Drupal Up website - you may find even more resources for Drupal 8 development - http://drupal-up.com
Use Font Awesome icons in Drupal menu
 
03:08
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
How To: Set up a Product in Drupal Commerce (Part 3 of 5 - Variations with Custom Fields)
 
05:41
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
How To: Create a Drupal Commerce Product Catalog with Seach API, Solr and Facets
 
33:37
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
Drupal 8 Day: Managing CSS, JavaScript in Drupal 8 with Libraries
 
01:01:24
In this Drupal 8 video we cover how to create and control libraries from a Drupal theme. This video was recorded during http://Drupal8Day.com. Find more great Drupal training by visiting https://OSTraining.com/drupal-training This session was presented by David Hernandez. Drupal 8 revolutionizes the theming experience with many significant improvements to make theming easier, and give themers the flexibility and control they've never had before. One of those major improvements is to the library management system, which controls the attaching of CSS and JavaScript files. In this session we will cover how to create and control libraries from a theme. This will include SMACSS categorization for CSS files, dependencies, how to conditionally attach libraries, manipulating libraries that come from anywhere in a site (core, modules, or base themes,) and targeting individual files for removal or replacement. All this without needing a single line of PHP.
Views: 4603 OSTraining
Array attributes
 
02:33
This video is part of the Udacity course "Machine Learning for Trading". Watch the full course at https://www.udacity.com/course/ud501
Views: 2834 Udacity
Sizes 属性
 
03:19
This video is part of an online course, Responsive Images. Check out the course here: https://www.udacity.com/course/ud882.
Views: 747 Udacity
Drupal 7 Tutorials #40 - Using Menu Attributes For More Control Over Menus
 
04:00
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
Tutorial #19: How to set up drupal commerce Commerce Stock
 
06:16
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
Part 3 - Create a Drupal theme (.info file)
 
07:00
/* 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
High Five: How Drupal Commerce 2 handles Stock Management
 
09:13
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
Drupal: Yaml Form 8.x-1.x Demo - Developer Preview
 
10:44
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
Content Revision in Drupal 8 | Yogi's Guide to Drupal 8 Basics | Hindi / Urdu
 
07:51
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
Intro to Drupal 8 #5: How to Find and Install Drupal Modules
 
12:19
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.
Designs to Drupal: Site Architecture in D7/D8
 
59:11
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
How to use html Attributes
 
05:01
HTML Attributes All HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name="value" ................................................................. html attributes list html attributes vs properties html attributes definition html attributes case sensitive html attributes without values html attributes value html attributes javascript html attributes elm html attributes data html attributes mvc html attributes disabled html attributes without quotes html attributes class html attributes vs elements html attributes style html attributes onclick html attributes required html attributes readonly html attributes css html attributes syntax html attributes alt html attributes and properties html attributes and tags html attributes allowed characters html attributes and elements html attributes align html attributes and values html attributes angular html attributes autocomplete html attributes asp.net mvc html attributes aria html attributes angular 2 html attributes and their functions html attributes all html attributes and their uses html attributes and tags pdf html attributes add class html attributes array html attributes actionlink html attributes and tags list html attributes boolean html attributes background color html attributes button html attributes bold html attributes brackets html attributes background image html attributes beginform html attributes border html attributes body html attributes border color html attributes by tag html attributes best practices html attributes before html button attributes list html boolean attributes list html br attributes html b attributes html button attributes disabled html button attributes color html blockquote attributes html attributes custom html attributes camelcase html attributes color html attributes cheat sheet html attributes c# html attributes checkbox html attributes checked html attributes convention html attributes chart html attributes css html html attributes characters allowed html attributes class mvc html attributes class razor html attributes conditional html attributes center html attributes cheat sheet pdf html attributes code html attributes display html attributes double or single quotes html attributes dictionary html attributes disabled mvc html attributes div html attributes data-id html attributes dir html attributes dropdownlist mvc html attributes download html attributes dropdownlistfor html attributes data-toggle html attributes double quotes html attributes display none html attributes description html_attributes drupal 8 html attributes dash html attributes date html attributes examples html attributes escape html attributes enabled html attribute escape quotes html attributes explained html attributes encoding html attributes editorfor html attributes events html attributes escape double quotes html attributes editable html attributes empty html attributes enctype html attributes emmet html embed attributes html element attributes javascript html element attributes list html extra attributes html email attributes html attributes for dropdownlist html attributes for accessibility html attributes for html attributes font html attributes for input html attributes format html attributes font size html attributes for text html attributes form html attributes for table html attributes for image html attributes for seo html attributes for button html attributes for textbox html attributes font color html attributes for checkbox html attributes for screen reader html attributes for background image html attributes focus html attributes getattribute html_attributes gem html global attributes html getelementbyid attributes html generic attributes html global attributes pdf html.grid attributes html global attributes examples html get attributes value html attributes kendo grid html attributes telerik grid mvc
Part 2 - Create a Drupal theme (html.tpl.php page)
 
01:49
/* 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
8 Inline CSS style  is nothing but a element Attribute
 
04:54
This was yet another Aha moment .For centuries together ,i could just not figure my head about understanding the style definitions written internally .This again is not good practise and it's always better writing the style sheets and Javascript in seperate folders for the same .However ,it serves well to know how they are written lest you need to analyse a code where style's have been written internally .Like discussed in teh video ,the common attribute key here stays as style and then the attribute value like any other attribute value is within quotes where we basically define the CSS properties
Views: 318 Make Knowledge Free
Drupal 7 - Abbreviations Filter
 
02:35
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
Drupal8 W3CSS Theme - How to use the predefined w3.css themes.
 
02:30
Drupal8 W3CSS Theme is the first Drupal 8 theme that uses the w3.css framework. When building this theme, I focused on ease of use and a fast load time. Download the theme from drupal: https://www.drupal.org/project/d8w3css Live demo for the theme: http://www.drupal8.w3css.theme.flashwebcenter.com - Smaller and faster than other CSS frameworks. - Easier to learn, and easier to use than other CSS frameworks. - Uses standard CSS only (No jQuery or JavaScript library). - Speeds up and simplifies web development. - Supports modern responsive design (mobile first) by default. - Provides CSS equality for all browsers. Chrome, Firefox, IE, Safari, and more. - Provides CSS equality for all devices. PC, laptop, tablet, and mobile.
Views: 372 Alaa Haddad
Vue.js 080 Global  scoped styles
 
04:42
Drupal teach nơi chia sẽ các khóa học dành cho các bạn yêu thích tin học, bao gồm tất cả các khóa học về hệ thống, vê lập trình như: Quản trị mạng linux, lập trình PHP, lập trình JavaScript, lập trình VueJs, lập trình React, lập trình Drupal, lập trình Laravel, lập trình Symfony… Drupal teach is share all Information teachnology areas such as, Linux system, lession PHP, Javascript, Drupal CMS, React, Angular, VueJS… Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. Các khóa học: 1. Vue JS 2 - From Beginner to Professional 2. Thiết kế hệ thống thông tin 3. Hướng dẫn lập trình Javascript toàn tập 4. Quản trị linux 5. Thiết kế dữ liệu với SQL 6. Thiết kế hiệu ứng bằng JS và illustrator
Views: 0 drupalvn drupal
How To: Add SOLR Datasource Field for Product Searching in Drupal Commerce
 
04:59
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
Drupal 7 / Ubercart Tutorial 9 of 10: Setting Up Store Stock and Product Kits
 
17:00
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
Select Boxes |Size & Multiple Attributes|Lec-29 |HTML tutorial for beginners in Urdu/Hindi|
 
09:19
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
How to use a class to apply CSS styles to a single element
 
02:26
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
Select HTML attribute in JavaScript
 
01:18
In this video you can learn How to select HTML attribute using JavaScript. And If you want Sample file write mail to: [email protected] If have any doubts or problem than feel free to contact with us. Name: Aayush Jaiswal Mobile: 9111471354 Email: [email protected] And visitor if you want to learn Web Design and Development online or at your home. Feel free to contact to us. We provide online and offline training for any computer language and software like Drupal, WordPress, PHP, HTML, CSS, etc.
(32/35) Styling Navigation Menu Links
 
08:35
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
Bootstrap paragraphs
 
06:39
bootstrap 3 paragraphs bootstrap lead paragraph bootstrap's global default font-size bootstrap text strikethrough bootstrap text highlight bootstrap subscript superscript bootstrap text align center bootstrap text align justify bootstrap text nowrap bootstrap text lowercase bootstrap text uppercase bootstrap capitalize first letter bootstrap abbr tooltip bootstrap abbreviations bootstrap abbr tag Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/05/bootstrap-paragraphs.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Please replace [ with LESS THAN symbol and ] with GREATER THAN symbol In this video we will discuss working with paragraph elements and inline text. Bootstrap global defaults applied to the [body] and all paragraph [p] elements. In addition, paragraphs receive a bottom margin of half their computed line-height (10px by default). font-size : 14px line-height : 1.428 Bootstrap inline text elements example [p] [u]This text will be underlined[/u] [/p] [p] [s]This text will be striken through[/s] [/p] [p] [mark]This text will be highlighted[/mark] [/p] [p] [em]This text will be italicized[/em] [/p] [p] [strong]This text will be in boold[/strong] [/p] [p] This is [sub]subscript[/sub] and this is [sup]superscript[/sup] [/p] Bootstrap text alignment classes example [p class="text-left"]Left aligned text.[/p] [p class="text-center"]Center aligned text.[/p] [p class="text-right"]Right aligned text.[/p] [p class="text-justify"] The text in this paragraph will be justified. Bootstrap is a free, open-source and is the most popular HTML, CSS, and JavaScript framework. [/p] [p class="text-nowrap"] This text will not wrap and you will get a horizontal scrollbar if there is no space on the screen to view. [/p] Bootstrap transformation classes example [p class="text-lowercase"] All The Letters Will Be in Lowercase [/p] [p class="text-uppercase"] All The Letters Will Be in Uppercase [/p] [p class="text-capitalize"] First letter of every word will be capitalized [/p] To make a paragraph stand out from the other paragraph elements, use the lead class on the paragraph element [p class="lead"] What is Bootstrap [/p] [p] Bootstrap is a free, open-source and is the most popular HTML, CSS, and JavaScript framework [/p] Abbreviations : Abbreviations with a title attribute displays a dotted underline. When the mouse is over the abbreviation, the pointer becomes a help cursor and the title attribute value is displayed as a tooltip. Example : [abbr title="British Broadcasting Corporation"]BBC[/abbr] For a slightly smaller font-size apply .initialism class on the abbreviation.
Views: 78016 kudvenkat
Full Web Design Course - Lesson 3: Beginner CSS & Layout
 
51:45
In this tutorial we cover how to format a page with CSS
Views: 7005 illiuniversity
Responsive images  - Cristina Chumillas #DrupalCampES @chumillas
 
38:14
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 - lesson 3
 
21:14
Regular expression in html to make conditions to the form inputs Regular expression Regexp form validation pattern attribute html
Views: 1308 Web development
How To Add Product Attributes in Nop Commerce.mp4
 
05:24
Tutorial on how to add product attributes in NOP Commerce. Attributes are also known as options like giving your customer the option between a small, medium, or large shirt, or a blue or green shirt.
Views: 10336 RunningManGear
CSS Tutorial for Beginners - 32 - Block and Inline elements Part 3
 
02:29
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
Drupal Wysiwyg Tab and Accordion Module (smooth version)
 
03:17
Quick overview of the drupal wysiwyg extension module. The plugin allows creation of tabbed and accordion style content within the editor
Views: 8948 cntlscrut
Drupal Menu Management: Setting Menu Item Display Order (Weights/Drag & Drop)
 
02:55
Demonstration/Tutorial of setting the display order of menu items in Drupal using the row weights attribute and drag & drop features.
Sass Tutorials #19 - Placeholder Selectors
 
04:46
The 19th tutorial in the Sass Tutorial Series. This tutorial breaks down the new Placeholder Selectors feature in Sass 3.2.1. This allows you extend a styles without having the base style appear in the css.
Views: 13236 LevelUpTuts
QGIS: Map Styling
 
03:38
Tematizzare ed etichettare in tempo reale. by Nathan Woodrow - https://twitter.com/madmanwoo?lang=it http://qgis.it/ http://www.qgis.org/it/site/ http://gfoss.it/drupal/
Views: 389 Totò Fiandaca
drupal7 corkedscrewer theme
 
09:57
customization the banner
Views: 552 Karl Ababat
04-Understanding Tags and Attributes - HTML5 and CSS3 Complete Course
 
07:08
04. Understanding Tags and Attributes in HTML5 | html5 elements and attributes | html5 tags and attributes examples | html5 tags and attributes in hindi | html5 tags and attributes lecture In this lecture you will learn about tags and attributes in html5 in urdu hindi. You will learn what is html tags/elements and how we use it. What is HTML5? HTML 5 is a latest version of HTML (Hypertext Markup Language), the standard formatting language for describing the contents and appearance of Web pages. HTML5 was developed to solve compatibility problems that affect the current standard and to make responsive websites very easily. What is CSS3? CSS stands for Cascading Style Sheets. CSS describes how HTML data are to be displayed on different devices. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS3 is the latest version fo CSS. Don't forget to subscribe my channel for my all upcoming stunning vidoes related to technology including programming languages and tools. Channel Link: https://www.youtube.com/channel/UC_BC9jfOsNYr1vh1zDJ0kXg About Logixx Tuts: Logixx Tuts makes vidoes about programming languages and computer tools including HTML5, CSS3, JavaScript, Bootstrap, PHP, Jquery, Ajax, CodeIgniter, Laravel, Wordpress, Wordpress Theme Development, Wordpress Plugin Development, Joomla, Drupal, Open Cart, SquareSpace, Shofiy, Wix, Adobe PhotoShop, Adobe Illustrator, Corel Draw, MATLAB, Minitab, SPSS, and much more. Logixx Tuts is all about technology, fun, creative ways to experience the latest programming language and computer tools. Get Socialistic: Facebook: https://www.facebook.com/mehmoodkhan575 Twitter: https://www.twitter.com/mehmoodkhan575 LinkedIn: https://www.linkedin.com/in/mehmoodkhan575/ Google Plus: https://plus.google.com/u/1/+MuhammadMehmoodKhalil If you find this video helpful please don't forget to like, comment, share and watch videos online. #logixxtuts #html5 #css3
Views: 69 Logixx Tuts
Applying CSS Font Attributes
 
13:10
Video showing how to apply CSS for the WYSIWYG unit
Views: 163 unlimitedsuccessinc
4 - CSS Selectors شرح التعامل مع ال ال selector
 
09:06
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
Stability - Responsive Drupal 7 Ubercart Theme | Website Templates and Themes
 
00:21
Download Stability - Responsive Drupal 7 Ubercart Theme - http://themeforest.net/item/stability-responsive-drupal-7-ubercart-theme/7555904?ref=motionstop Description Stability is a clean, multi-purpose and responsive theme. It is suitable for your corporate business sites, a creative agency or a portfolio projects. The theme follows modern trends and is also very flexible and dynamic, so it can cater to your needs. Stability includes 8 predefined color schemes, but don’t feel restricted. Changing the entire color scheme is very easy and can be done very quickly! Stability comes with premium slider, 7 homepage layouts, 4 portfolio layouts, 4 blog pages, coming soon page, contact pages and more. Stability theme includes more than 50 pages. Video preview for Layout Builder and Visual Shortcodes Features 100% Responsive Layout Design HTML5 and CSS3 Bootstrap 3.1.1 Drag & Drop Visual Layout Builder Drag & Drop Visual Shortcodes Ubercart Shop Premium Mega Slider ($20) included. Fast and Easy Support. One Page version 8 predefined color schemes and easy to create your own CSS3 Animation Flickr Widget 600+ Google Fonts Usable 403 Font Awesome Icons Included 7 Home Layouts 6 Headers 5 Page Headers 5 Footers 4 Portfolio Layouts 4 Blog Layouts Forum Coming Soon page included 4 Pricing Tables Google Maps integration Contact Form 18 Layered PSD ($10) Documentation and much more… Sources and Credits Mega Slider by megadrupal Bootstrap 3.1.1 FlexNav Isotope Magnific Popup OWL Carousel FitVids Animate.css Glide.js jQuery Retina Display Plugin GMap3 Happy Customers Changelog Version 1.6 – July 24, 2015 Added: Visual Shortcodes Live Preview Fixed: Media bug Fixed: Minor Bugs Version 1.5 – April 9, 2015 Added: Home Pages versions 11-13 Added: New Shortcodes Updated: Modules to latest versions Fixed: Minor Bugs Version 1.4.3 – February 15, 2015 Updated: Modules to latest versions Fixed: Fatal error on some edit pages Fixed: Minor Bugs Version 1.4.2 – December 20, 2014 Fixed: Minor Bugs Version 1.4.1 – December 1, 2014 Fixed: Minor Bugs Version 1.4.0 – September 1, 2014 After updating files, run the update.php script. For enabling Visual Shortcodes read the section Install Visual Shortcodes Added: Visual Shortcodes Added: Theme Setting - Toggled Slider Overlay background Added: Theme Setting - Toggled Sticky Header Added: Theme Setting - Maintenance submit message Updated: All modules and core to latest versions Fixed: Minor Bugs Version 1.3.3 – June 29, 2014 Fixed: Layout Builder Fixed: Shortcode Tabs Fixed: Minor Bugs Version 1.3.2 – June 25, 2014 Improved: LayoutBuilder Fixed: Product custom fields display Fixed: MegaMenu position Fixed: LayoutBuilder bugs Fixed: Minor bugs Version 1.3.1 – June 20, 2014 Improved: Installation for Existing sites Version 1.3 – June 8, 2014 Requires the update by Features for using new blocks and views. Added: Mega Menu Added: Magazine 1 Home page layout Added: Magazine 2 Home page layout Added: Blog Home page Layout Added: WebForm integration Improved: Taxonomy view for Category taxonomy Improved: Highlite block titles by code instead of JavaScript Improved: Highlite active shortcode with "link" attribute Fixed: Minor bugs Fixed: User Profile tabs empty in some configuration Fixed: i18n module error Version 1.2.3 – May 25, 2014 (waiting approval) Updated: Modules Views, Rules, Fivestar and Mega Slider Fixed: Minor bugs and Warning errors Fixed: Word misspelling on the People page Fixed: Shop "Continue shopping" link Added: Catalog block Added: Featured items block Added: Allow to edit footer Copyright and Connect with us text Added: Control size of logo in sticky header Improved: Taxonomy view for Catalog products Version 1.2.2 – May 19, 2014 Updated: Drupal core to latest version 7.28 Fixed: Warning Errors on the Layout Builder, People page, Maintenance page and Theme Settings Page Fixed: Responsive Shopping Cart table and "Continue shopping" button Version 1.2.1 – May 12, 2014 Fixed: Minor bugs Version 1.2 – May 8, 2014 Please read the Documentation “Update Process” section. Added: Page Headers Added: Portfolio Timeline Added: Forum Added: User Page Added: Blog Masonry Added: Retina support Added: Pagination styles Added: Shortcode [block] Improved: Documentation Fixed: Minor bugs Version 1.1 – May 2, 2014 Added: Shape Boxes (svg based) Added: Ubercart Shop Updated: Layout Builder Fixed: Minor bugs Version 1.0 – April 25, 2014 Initial release IMAGES ARE NOT INCLUDED! Buyer Rating: 4.90 stars 4.90 average based on 63 ratings. (more information) 5 Star 90% 57 4 Star 9% 6 3 Star 0% 0 2 Star 0% 0 1 Star 0% 0 tags: agency, business, clean, contact, light, multipurpose, portfolio, professional, red, shop, ubercart download Stability - Responsive Drupal 7 Ubercart Theme | Website Templates and Themes http://themeforest.net/item/stability-responsive-drupal-7-ubercart-theme/7555904?ref=motionstop There is none directly downloadable links in
Stack - Multi purpose Drupal 8 Theme with Paragraph Builder | Themeforest Website Templates and
 
00:21
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
drop menu/list with button hover html/css
 
06:37
drop menu with button hover html/css In this tutorial we'll design a menu which we'll show up only if we hover on a button
Views: 161 Computer Master
HTML первые шаги урок8 - универсальные атрибуты тегов.mp4
 
07:47
В этом уроке я рассказываю про универсальные атрибуты тегов: 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