Home
Search results “Style display inline important”
Learn CSS in HIndi  | CSS Display property, Inline, block, none , visibility  in Hindi
 
16:31
Learn CSS in HIndi | CSS Display property in Hindi ►Important Notice : क्या आप वेब डिजाइनिंग और डेवलपमेंट हिंदी में सीखना चाहते है ? और साथ में बहोत ऐसे courses आपके लिए बनाये गये है अधिक जानकारी के लिए यहाँ पर क्लिक कर के देख सकते है | https://www.instamojo.com/youtubebipinwebacademy/ ►You can Buy Web Designing and Development Course Video : ►Buy Now HTML & HTML 5 only Rs.299 Click Here : http://imojo.in/fpd64z ► Don’t Forget to “ Like Subscribe Share Us” ► Our Social Network : ► Subscribe Us : https://www.youtube.com/c/bipinwebacademy?sub_confirmation=1 ► Connect with: Facebook : https://www.facebook.com/bipinwebacademy/ ► Follow on Google+ : https://plus.google.com/u/0/107406438107616992475 ► Follow on Twitter : https://twitter.com/BipinWebAcademy ► Follow on LinkedIn : https://www.linkedin.com/in/bipin-web-academy-60bbbb13a/ ► Email id : [email protected] ► Watch our playlist : ► Learn Photoshop in Hindi : https://goo.gl/uKP8NU ► Learn PHP in Hindi : https://goo.gl/wLGyxs ► Learn mysql in Hindi : https://goo.gl/5rPd6j ► Learn PowerPoint in Hindi : https://goo.gl/4LLwLh ► Learn SwishMax in Hindi : https://goo.gl/bIx1EI ► Learn Wordpress in Hindi : https://goo.gl/C4mt86 ► Learn MS word in Hindi : https://goo.gl/siqFnP ► Learn jQuery in Hindi : https://goo.gl/Hgqerj ► Learn JavaScript in Hindi : https://goo.gl/5P1r22 ► Learn Internet in Hindi : https://goo.gl/8HPlsM ► Learn Illustrator in Hindi : https://goo.gl/OFk6Iy ► Learn HTML in Hindi : https://goo.gl/QcjtOf ► Learn MS Excel in Hindi : https://goo.gl/WzZ1NW ► Learn CSS in Hindi : https://goo.gl/vNIvaY ► Learn Adobe Flash in Hindi : https://goo.gl/wRwlB2 ► Earn Money From youtube : https://goo.gl/cglNn8 ► Earn Money from Blogger : https://goo.gl/XZQPAF ► Bipin Web Academy | bipin web academy | Saurabh Kumar Shrivastav ► Note: Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. #html#css#javascript#jquery#bootstrap#php#mysql#mongodb#bipinwebacademy#trending#webdevelopment#webdesign
Views: 6421 Bipin Web Academy
CSS Display Property Tutorial
 
09:40
In this video we learn about the CSS property "display." We take a look at the most common values and their typical uses in web pages. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow LearnWebCode on Twitter for resources and updates: https://twitter.com/learnwebcode
Views: 44187 LearnWebCode
HTML5 Basics - Display Types (Part5)
 
07:06
In this video we are going to talk about something inherent to html tags: display types. Display types define how the tags behave when rendered by the browser. We can use Style Sheets to change these at any time, but each tag has a default behavior and its important to understand how they will work when you are describing your page when writing the initial markup. Got that? # Three Types There are a lot, but we are going to concern ourselves with three main display styles. # Block Block level elements are big blocks, just like they sound. They are generally used to divide content, because by default block level elements begin on new lines. Block-level elements may contain inline elements and other block-level elements. Inherent in this structural distinction is the idea that block elements create "larger" structures than inline elements. An example is a "p" tag, that sections off the whole paragraph, and forces the next paragraph tag to a new line. Check out the notes below for a link to a list of all the block level tags in HTML. [https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements] # Inline Inline elements may contain only data and other inline elements. Where block level elements are larger structures that contain all kinds a crap. By default, inline elements do not begin with new line when rendered by the browser. An example of this would be to wrap some words in your paragraph in an "a" tag. the words become a link, but the link does not start a new line in the paragraph, or disrupt the flow of content. It just sits inline in the paragraph. When we get to styling our document, we will note that inline elements cannot take width, height, margin and padding styles. For more on that check out this link [http://www.maxdesign.com.au/articles/inline/] # Inline-block This is the strange, but handy one. An inline block is placed inline (ie. on the same line as adjacent content), but it behaves as a block. So it can take those margins and paddings and dimensions. The only tags that default to inline-block are images and buttons. But with css, later on we will see that we can change any element to inline-block if we want to. Check out the link below for more information on inline-block [http://www.impressivewebs.com/inline-block/] # Display None & Table and others... There are other default display types that all have their little display behavior quirks; like display:table, or display:none. And there are a lot of interesting display methods on the horizon in css3, but today we wanted to just talk about how the html tags cary certain display types by default.
Views: 46933 DevTips
CSS Tutorial For Beginners 13 - The Important Declaration
 
05:40
Hey ninjas, in this CSS tutorial for beginners, we'll take a close look at the !important declaration and how it should AND SHOULDN'T be used. The important declaration should only be used in extreme cases where no other alternative is available. Otherwise, it's always best to re-visit your selectors to make them work the way you want them to! SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML Basics Course ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 12584 The Net Ninja
Difference Between Inline and Block Elements CSS
 
05:52
Block vs inline explained. Why not both? When to use it, how to transform one in another and much more in this tutorial. Follow the wisdom of Tech Tzu: https://twitter.com/Tech_Tzu https://www.facebook.com/profile.php?id=100013382105892&fref=ts Project Resources: http://www.mediafire.com/download/ydkkkcar8z6685c/Inline_vs_Block_elements_-_by_Tech_Tzu.zip Tools: Brackets, FREE code editor http://brackets.io/ Emmet, super speed coding addon http://emmet.io/ Beautify, turning your ugly code into beautiful script https://github.com/brackets-beautify/brackets-beautify Transcription: Okay let's understand what is the difference between inline and block elements, it's very important to understand the difference so we can easily manipulate your HTML file and CSS files. And your website layout in general. Okay. Inline elements are basically elements that flow, that flows one after each other, for example, add one p tag and add some text inside, as you can see we can add our span, which is an in-line element and says this is span and you can see that our text is inside the text it this text wrap its around, so nothing special, you just add some in-line elements. For example, let's add the big is this is an inline element and say this is big text, and that's it. Inline elements are elements that are inside the text and the text flows around them. Okay, let's move to block elements. Block elements are, for example, our div is a block element and I will explain on this example. Let's add to our div some styling, some styling, I prepare some styles over here in the comment just cut it inside add some width to be 100 pixels, and the height also, and background color to be white. Just to add hex code... and now we can see our div element. For example, if you add, we can add in the span elements, we can add another span element, for example, this is a big text big, we just copy and paste it and it will be in a line, but if we add another div elements, just copy this one here, it will go in another line. Just add some margin so we can better see margin to be up 20 pixels. Okay, so we can see our, our div element so let's add another div element. okay, there's another div element. As you can see the block elements are one below another and our in-line elements are next to each other. But, we have tricks, we can just mash up some these things, and just let's say that are div elements, which are naturally block elements, let's say display, display inline, so they act like inline elements. And what happened? As you can see something is wrong. And that's because inline elements don't support height and width of the elements. Just check this out: if we add to our big, just say it's add to our big element, let's add height for example 100 pixels nothing happens. Width also 100 pixels nothing happens. Because inline elements don't support width and height, but block elements do, so we just need to display these like inline-block. As you can see now our elements are acting just like in-line elements, just like this one, and that but there block elements. What will happen if we add to our in-line elements display to be displayed like a block? They will just fall down ok? I will just add background color so we can see better. And as you can see we changed to block height in the width now have a purpose and we had these white background block but if we add inline-block they will flow next to each other the flow next to each other. So the main difference between the div and in-line between the block and in-line elements is that in-line in line with text and block acts as a block and just add display in-line block or display block to change behavior of that element. So everything can be in-line and everything can be a block element by just by adding these rule display. And this is it, thank you for watching and bye-bye.
Views: 2485 Filip Delac
CSS display (block, inline) Tutorial #16 (2018)  Deutsch
 
17:23
Hi, display block und inline haben wir im CSS-Code zwar schon öfter bei uns verwendet aber nie besprochen. Deswegen heute noch mal ein Intensiv-Tutorial über display block, inline, inline block und none. Das sind nicht alle Werte die man verwenden kann aber die wichtigsten. Viel Spaß beim lernen! :D Leider ist mir am Samstag mein PC abgeschmiert :/, meine Mainboard hat angefangen zu rauchen :o. Deswegen kommt mein Video etwas später, ich lade es gerade hoch. Sonst zum Gewinner, es ist Alexander Fein mit seiner Website geworden :D. Aber keine Sorge, es wird noch ein Wettbewerb in naher Zukunft geben. Dort dürft ihr euch auf gleich zwei Hammer Bücher zu JavaScript HTML und CSS freuen! Projekt bei Codepen: http://codepen.io/tech-punkt/pen/pEpqbk Du willst mich unterstützen?: https://www.patreon.com/techPunkt Facebook: https://www.facebook.com/techPunkt.Blog/ -- Mein YouTube Equipment -- Meine Kamera: http://amzn.to/29suMeY Das Objektiv: http://amzn.to/29suOmX Mein Mikrofon: http://amzn.to/29rifvV Video-Leuchten: http://amzn.to/29rjs6n Domainanbieter: http://www.anrdoezrs.net/click-8178540-10483537-1276239318000 Die Amazon- und one-Links hängen mit dem Partnerprogramm von Amazon und one zusammen. Sie dienen dem potentiellen Käufer als Orientierung und verweisen explizit auf bestimmte Produkte. Sofern diese Links genutzt werden, kann im Falle einer Kaufentscheidung eine Provision ausgeschüttet werden. -- Thanks to -- Bensound (http://www.bensound.com/) Andrew Applepie (https://andrewapplepie.bandcamp.com/) http://www.freesfx.co.uk/
Views: 8101 techPunkt
Learn Css in Arabic #10 - Box Model Properties
 
05:19
Learn about Box Model properties and how to deal with elements
Views: 46855 Elzero Web School
How To Put Blog Posts on Homepage with Images - in less than 90 seconds
 
04:31
Super quick tutorial. Just download the Recent Post Extended Widget. Drag it into your widgets and click a few boxes and UNCLICK "use default css" and PASTE in this (edit summary font as necessary - see video for details): .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .read-more, .more-link { color: #ef0202; padding-left: 8px; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; clear: none; font-size: 22px !important; font-weight: 400; line-height: 1.5em; margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 1px; } .rpwe-thumb{ border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 16px; line-height: 24px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } ---- This is part of the how to make a wordpress website series with the spacious theme. To watch the entire video see: https://youtu.be/E02UGRe1Yoc Use the hostgator code: nyctech30 for 30% off! (exclusively available through nyctechclub!)
Views: 27550 NYC TECH CLUB
How to resolve CSS style conflicts | lynda.com tutorial
 
05:57
This CSS tutorial explores why it is important to understand how style conflicts are resolved in the cascade. Watch more at http://www.lynda.com/Web-Interactive-CSS-tutorials/CSS-Core-Concepts/80435-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-80435-0302 This specific tutorial is just a single movie from chapter three of the CSS: Core Concepts course presented by lynda.com author James Williamson. The complete CSS: Core Concepts course has a total duration of 8 hours and 49 minutes, and demonstrates the concepts that form the foundation of Cascading Style Sheets (CSS), including styling text, adding margins and padding, and controlling how images display CSS: Core Concepts table of contents: Introduction 1. CSS Basics 2. Targeting Page Content 3. Resolving Conflicts 4. Basic Text Formatting 5. Styling Container Elements 6. Working with Color Conclusion
part 3 create a navigation bar in bootstrap and customize these.
 
16:19
hey guys in this video i'm going to show you how to create a navigation bar in bootstrap , and after that how to customize that navigation bar. please copy these style code from here ============================================ *{ padding: 0; margin: 0; } body{ overflow-x: hidden; font-family: 'Open Sans',sans-serif; text-rendering: optimizeLegibility !important; -webkit-font-smoothing:antialiases; } li{ list-style: none; display: inline-block; } a{ text-decoration: none; transition: all .5s ease-in-out; } a:hover a:active{ text-decoration: none; } h1,h2,h4{ font-family: 'PT Sans Narraw',arial,sans-serif; text-transform: uppercase; font-weight: 700; } p{ font-size: 15px;line-height: 21px; } .btn{ transition: all .3s ease-in-out; font-weight: 500 !important; text-transform: uppercase; } .btn:hover{ background: #ededed !important; color: #3c3c3c !important; border: 1px solid #fff; }
Views: 1399 my web
HTML and CSS Part-8 (Block, Display, Inline,Visibility) in Nepali
 
18:55
HTML and CSS Course for developing website Design, Online HTML Tutorials for web desing most important Video..... Please ... LIKE SHARE SUBSCRIBE
Views: 11 CRP Digital Earth
Display none vs Visibility hidden (Quick tutorial)
 
01:46
This video will show you what is the difference between visibility: hidden and display: none. How to hide or remove an element. Follow Us Facebook: http://bit.ly/2srBAX7 Twitter: http://bit.ly/2tAEvgG Instagram: http://bit.ly/2tbfnKn Subscribe: https://www.youtube.com/channel/UCaU1VsZaFQ1hHq8P2dGrJMw?sub_confirmation=1 visibility hidden | css visibility hidden | style display none | css hide element | css hide text | css hide div | css remove element | css hide element
Views: 5166 garnatti one
HTML video tutorial - 17 - paired, unpaired, block level & inline tags
 
09:43
HTML - Types of tags paired, unpaired, block level & inline tags It is important to know how html tags behave on the browser. That is how they display content on the browser and how much amount of space they occupie on the browser. This knowledge will help you when you start laying out your content on the browser. html paired tag : If any html tag has a separate opening and a separate closing tag,then such html tag is known as paired tag. html unpaired tag: If any html tag has both opening and closing tag in a single tag,then such html tag is known as unpaired tag. html block level tag: If an html tag always displays the content on the new fresh line and occupies the complete available width of its parent tag, then such html tag is known as block level tag. html inline level tag: If an html tag occupies the exact amount of space required to display the content on the browser, and will not move the content to the new line, then such html tag is known as inline tag. (i.e. It puts the content on the same line and wont take any extra space on the browser.) ======================================================== Follow the link for next video: https://youtu.be/MqBB5FX3VXw Follow the link for previous video: https://youtu.be/1GFFAcqUyBk ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== HTML Questions & Answers ====================== ========================================================
Views: 1086 Chidre'sTechTutorials
CSS important property
 
05:03
HTML,CSS
Views: 251 Sadet Sevinç
Inline Vs Block
 
02:25
This video is part of an online course, Web Development. Check out the course here: https://www.udacity.com/course/cs253.
Views: 10840 Udacity
Important Declaration in CSS (Hindi)
 
05:25
Topics: Important Declaration in CSS Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 898 Geeky Shows
How to Make a Wordpress Website With GoDaddy - UPDATED 2018!!
 
01:15:21
http://www.nyctechclub.com/how-to-make-a-website-with-godaddy-domain/ HOSTGATOR: http://www.nyctechclub.com/hostgator/ (affiliate link) If you have a domain with godaddy or want to register a domain with godaddy - this video shows you how to build a wordpress website. Step by step! In less than 45 minutes! EDIT YOUR FONT USING THIS SHORT TUTORIAL: http://www.nyctechclub.com/how-to-change-font-wordpress-website-google-fonts/ 1:29 - Tour of the website we are going to build with godaddy 7:05 - Step 1: Choose a domain using godaddy http://www.nyctechclub.com/godaddy 9:37 - Step 2: Get hosting service with hostgator http://www.nyctechclub.com/hostgator 12:37 - Step 3: Connect Hostgator and Godaddy 13:54 - Step 4: Log into website cpanel 14:42 - Step 5: Install wordpress 16:29 - Step 6: Log into wordpress 17:21 - Step 7: Install Spacious Theme for our wordpress website 18:17 - Step 8: Download images at http://www.nyctechclub.com/how-to-make-a-website-with-godaddy-domain/ 18:58 - Step 9: Upload images onto wordpress 20:13 - Step 10: Create custom website logo http://www.logomakr.com (link may no longer work) 22:47 - Step 11: Upload logo 23:52 - Step 12: Create pages for slider 27:48 - Step 13: Activate slider 30:45 - Step 14: Create products and services section for more icons go to http://www.iconfinder.com Don't change the template to business, keep it at default to work correctly! 34:32 - Step 15: Create Image Gallery 36:48 - Step 16: Create recent blog posts section copy and paste this code below: .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .read-more, .more-link { color: #ef0202; padding-left: 8px; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; clear: none; font-size: 22px !important; font-weight: 400; line-height: 1.5em; margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 1px; } .rpwe-thumb{ border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 16px; line-height: 24px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } 40:30 - Step 17: Create blog posts 42:53 - Step 18: Create call to action 44:55 - Step 19: Create featured page and testimonials 48:07 - Step 20: Create additional pages 50:40 - Step 21: Customize footer get code at http://www.nyctechclub.com/how-to-make-a-website-with-godaddy-domain/ (the name and thumbnail changed for the social media widget but it is still the first one by noah kagen) 55:31 - Step 22: Create About Us Page 56:50 - Step 23: Customize header menu 58:36 - Step 24: Embed a video on your website 1:01:09 - Step 25: Learn how to edit font on wordpress 1:03:06 - Step 26: Create contact us page 1:05:12 - Step 27: Create email optin form 1:07:25 - Step 28: Customize right sidebar 1:11:51 - Step 29: Extras The END! Congratulations! Leave a comment if you need help. PLEASE LIKE THE VIDEO and make sure you subscribe!! Feel free to share the video as well!! Cheers, Jameson ------------ This video will show you how to build a website with godaddy. The site will be powered by wordpress. You'll need a godaddy domain and hosting with hostgator to complete this tutorial for your new customized website. If you have any questions just follow the video.
Views: 157442 NYC TECH CLUB
HTML / CSS : Box Model, Display Block / Inline, Collapsing Margins
 
05:20
How css is important for building websites ??? I like you guys to subscribe my channel . I am leaving a Free coupon code https://www.udemy.com/learn-and-earn-with-html-css/?couponCode=junefree
Views: 185 imran Abbasi
css selectors tutorial ( by element , class id ) - HTML5
 
33:09
CSS3 tutorial for selecting elements by element name, class, id and attribute. We use code snippets and clear examples to expiln this important topic in HTML5 + CSS3 - How to style and element - difference between id and class in html - css hooks - difference between inline-styling and css - css How to change background color of an element - css HOw to change font-size of an element - css applying multiple styles to an element Keywords: css li last child css class selector css id selector css attribute selector css select all children css tutorel
Views: 14625 techsith
inline, block, inline block and none in CSS (Hindi)
 
12:37
Topics: inline, block, inline block and none property in CSS Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 716 Geeky Shows
How to Make a Wordpress Website - 2015 (in less than 45 MINUTES!)
 
01:11:46
http://www.nyctechclub.com/how-to-make-a-wordpress-website-2015/ Learn how to make a wordpress website in less than 45 minutes. Step by Step! HOSTGATOR: http://www.nyctechclub.com/hostgator/ (affiliate link) EDIT YOUR FONT USING THIS SHORT TUTORIAL: http://www.nyctechclub.com/how-to-change-font-wordpress-website-google-fonts/ If you want to make a website and save thousands of dollars then this video is for you :) This tutorial shows you how to create a wordpress website from beginning to end. Below I have everything listed that we will do in order to make a beautiful wordpress website. 1:18 - Tour of the site we're going to build (to be updated) 6:58 - Step 1: Register a domain and get hosting service with hostgator http://www.nyctechclub.com/hostgator 10:17 - Step 2: Go to your email inbox 10:47 - Step 3: Log into website cpanel 11:08 - Step 4: Install wordpress 12:51 - Step 5: Log into wordpress 13:45 - Step 6: Install Spacious Theme for our wordpress website 14:41 - Step 7: Download images for tutorial at http://www.nyctechclub.com/how-to-make-a-wordpress-website-2015/ 15:23 - Step 8: Upload images onto wordpress website 16:37 - Step 9: Make custom website logo http://www.logomakr.com 19:12 - Step 10: Upload logo (yes we are creating a custom logo!) 20:17 - Step 11: Create pages for slider 24:14 - Step 12: Activate slider 27:09 - Step 13: Create products and services section for more icons go to http://www.iconfinder.com Don't change the template to business, keep it at default to work correctly! 30:57 - Step 14: Make Image Gallery 33:13 - Step 15: Create recent blog posts section copy and paste this code below: .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .read-more, .more-link { color: #ef0202; padding-left: 8px; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; clear: none; font-size: 22px !important; font-weight: 400; line-height: 1.5em; margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 1px; } .rpwe-thumb{ border: 1px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary { font-size: 16px; line-height: 24px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } 36:55 - Step 16: Create blog posts 39:16 - Step 17: Create call to action 41:19 - Step 18: Create featured page and testimonials 44:32 - Step 19: Make additional pages 50:40 - Step 20: Customize footer get code at http://www.nyctechclub.com/how-to-make-a-wordpress-website-2015/ (the name and thumbnail changed for the social media widget but it is still the first one by noah kagen) 51:56 - Step 21: Make An About Us Page 56:50 - Step 22: Customize header menu 55:01: - Step 23: Embed a video 57:33 - Step 24: Learn how to edit font on wordpress 59:31 - Step 25: Create contact us page 1:01:36 - Step 26: Create email optin form 1:03:51 - Step 27: Customize right sidebar 1:08:15 - Step 28: Extras for your wordpress website The END! Congratulations!! You've just learned how to create a wordpress website :) Leave a comment if you need help. PLEASE LIKE THE VIDEO and make sure you subscribe!! Feel free to share the video as well to anyone that wants to know how to create a wordpress website Cheers, Jameson ------------ This video is all about how to build a wordpress website. You do not need to know any type of coding programming whatsoever to make your website. fyi: I receive a small commission from hostgator if you use my coupon code: nyctech30 - it helps me keep making these videos for free so I'd really appreciate it if you can use that code! Thanks in advance. I'm a web developer by night and I've made quite a few custom wordpress websites. I really like this theme because of its functionality and because of how it looks. I'll continue to create new videos on how to build a website so make sure you subscribe. If you have any questions about your website or any customizations please leave a comment. It is the best way to get in touch and I will try my best to help you build the best website possible. This is going to be fun. Let's get started! tl;dr create a wordpress website; congrats on making your wordpress website and saving $$. So glad I could help!
Views: 74020 NYC TECH CLUB
HTML for Twine Developers: Inline and Block Content
 
07:53
In this episode, I cover the concepts of inline and block content and why it is important to know. Twine App Download: http://bit.ly/1HjPHgB Harlowe Documentation: http://twine2.neocities.org Twine is a free online tool that allows you to create interactive stories like Choose Your Own Adventure books. ---- Like what you see: Subscribe! Enjoy the video? Give it a like! Follow me on Twitter: www.twitter.com/zombietreats The Web: www.aworldonfire.com Other Shows: Introduction to Twine: http://bit.ly/1KzaeNA Radiation Island: http://bit.ly/1JFFU35 The Long Dark: http://bit.ly/1I49COw Wolfenstein: The New Order: http://bit.ly/1FD5Ifq 7 Days to Die Season 1: http://bit.ly/1yVxXzi 7 Days to Die Season 2: http://bit.ly/1CZC8Rg 7 Days to Die Season 3:http://bit.ly/1CJ177f Minecraft Moonshot: http://bit.ly/1KgYH3X --- From Wikipedia: Twine emphasises the visual structure of hypertext and does not require knowledge of many programming languages other game development tools do.[3] This has led video game designer Anna Anthropy to remark that the proliferation of small, personal games made in Twine has given increased voice to game developers from marginalised communities.[4] Howling Dogs, a Twine-based game by Porpentine, won "Best Story" and "Best Writing" at the 2012 XYZZY awards for interactive fiction.[5] Depression Quest is a 2013 Twine based game dealing with the subject of depression developed by Zoe Quinn.[6] The game and its developer gained attention due to the Gamergate controversy.[ ----
Views: 540 VegetarianZombie
CSS: Inline Styles
 
03:46
Dr. Mark shows how to override the styling of internal and external style sheets with inline styling. Learn more about Cascading Style Sheets in my CSS Prep Course http://www.udemy.com/css-cascading-style-sheets-certification-prep-course/. This podcast is a companion resource to w3schools' CSS tutorials Syntax http://www.w3schools.com/css/css_syntax.asp, Id & Class http://www.w3schools.com/css/css_id_class.asp, and How To... http://www.w3schools.com/css/css_howto.asp. Read these and try out some of your own inline styles. "Envision a class existing beyond the bounds of time. Students ready to learn as soon as they enter class because they choose when to participate. Advanced learners working ahead of the class while others spend as much time as they need to master one topic before moving on to the next. No more excuses required because learning is self-directed. Course content at your fingertips." - from A teacher's guide to eLearning by Mark Winegar. Here it is! Study when and where you wish by reading the w3schools online tutorials and watching my podcasts. When you finish you will be ready to take the professional certification exam. What are you waiting for?
Views: 539 Mark Winegar
HTML video tutorial - 16 - Block level tags vs Inline level tags
 
08:00
HTML - Block level tags vs Inline level tags It is important to know how html tags behave on the browser. That is how they display content on the browser and how much amount of space they occupy on the browser. This knowledge will help you when you start laying out your content on the browser. html block level tag: If an html tag always displays the content on the new fresh line and occupies the complete available width of its parent tag, then such html tag is known as block level tag. Ex: heading tags, p, div etc. html inline level tag: If an html tag occupies the exact amount of space required to display the content on the browser, and will not move the content to the new line, then such html tag is known as inline tag. (i.e. It puts the content on the same line and wont take any extra space on the browser.) Ex: b, u, i, font, span etc. Example Code: <html> <head> <title> Block level vs Inline level tags </title> </head> <body> <h1>Hi HTML!</h1> Hi <u>HTML!</u> Hi HTML! </body> </html> ======================================================== Follow the link for next video: https://youtu.be/FSrVNvLyDdk Follow the link for previous video: https://youtu.be/s1jmDbZyEms ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== HTML Questions & Answers ====================== 1. Which of the following HTML tag is not a paired tag? a. img b. u c. div d. p Answer: a ========================================================
Views: 1103 Chidre'sTechTutorials
Difference between inline & block elements - HTML tutorial for beginner in Hindi, Part-6
 
07:03
Hi I am Kavita Sharma and welcome to Coding Curry.. Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline. In this tutorial you will learn about Inline and Block level Elements and the difference between inline and block level elements. SUBSCRIBE MY CHANNEL FOR MORE VIDEOS LIKE THIS. Sublime text editor download link:- https://www.sublimetext.com/3 all attribute of body tag attribute of body tag attribute of body tag in html attribute of the body tag background attribute of body tag in html bgcolor attribute of body tag bgcolor is an attribute of body tag explain bgcolor and background attribute of the body tag function of background (attribute of the body tag) basic html tutorial for beginners basic html video tutorial for beginners best html tutorial for beginners best html video tutorial for beginners complete html tutorial for beginners free html tutorial for beginners free online html tutorial for beginners free tutorial on html for beginners free video html tutorial for beginners good html tutorial for beginners html language tutorial for beginners html tutorial for beginner html tutorial for beginners html tutorial for beginners in hindi html tutorial for beginners in urdu html tutorial for beginners online html tutorial for beginners with examples html tutorial for beginners with examples in hindi html tutorial step by step for beginners html video tutorial for beginners in hindi html video tutorial for beginners in urdu tutorial on html for beginners web design html tutorial for beginners learn html html tutorial for beginners learn html5 learn html online learn html and css tutorial html html5 tutorial css tutorial html css tutorial learn css html for beginners learn to code html html coding tutorial html coding for beginners learn html free html5 tutorial for beginners html training learn html css learn basic html html coding for dummies learn html online free html and css tutorial html online tutorial basic html tutorial html tutorial for beginners with examples best way to learn html html tutorial point learn html for beginners html website tutorial
Views: 299 Coding Curry
How to Style Components in Angular 2
 
07:17
In this approach, we are taking advantage of the @Component decorators that allow us to define component inline styles. styles here: .selected { background-color: #CFD8DC !important; color: white; } .heroes { margin: 0 0 2em 0; list-style-type: none; padding: 0; width: 15em; } .heroes li { cursor: pointer; position: relative; left: 0; background-color: #EEE; margin: .5em; padding: .3em 0; height: 1.6em; border-radius: 4px; } .heroes li.selected:hover { background-color: #BBD8DC !important; color: white; } .heroes li:hover { color: #607D8B; background-color: #DDD; left: .1em; } .heroes .text { position: relative; top: -3px; } .heroes .badge { display: inline-block; font-size: small; color: white; padding: 0.8em 0.7em 0 0.7em; background-color: #607D8B; line-height: 1em; position: relative; left: -1px; top: -4px; height: 1.8em; margin-right: .8em; border-radius: 4px 0 0 4px; } -------------- May be you like this -------------- Our channel: https://www.youtube.com/c/gofreelancertutorials Complete Playlist: https://www.youtube.com/user/NewpathEdu/playlists Angular 2 playlist here https://www.youtube.com/watch?v=a0DJ0TJtedM&list=PLv0T7WlllnSkpQk--PYUBVp9MNMRdNpFl RavenDB playlist here: https://www.youtube.com/watch?v=Q8M4eIgzMHo&list=PLv0T7WlllnSnxvVNZR7CHVR0hR-8t69ow KnockoutJs Playlist: https://www.youtube.com/watch?v=H3IWQg1TfdA&list=PLv0T7WlllnSk2iDeqcwRyty__TRJMgGhr Wcf playlist : https://www.youtube.com/watch?v=t-6wGwiaDj4&list=PLv0T7WlllnSnulXRU200Lx97e_pJrGGfo Wcf restful playlist : https://www.youtube.com/watch?v=NB4k0RC6vl0&list=PLv0T7WlllnSmcGHacEQnLgKvitcJEsSl6 Angularjs playlist : https://www.youtube.com/watch?v=KXjD1RiAz1U&list=PLv0T7WlllnSkCfNftTNY8tWqCFWT0sIMd c# playlist: https://www.youtube.com/watch?v=ZrP0NKbsr8s&list=PLv0T7WlllnSl9pZWMaMGsyoAmqZtW4gM0 google maps playlist: https://www.youtube.com/watch?v=_3lci2cE05M&list=PLv0T7WlllnSnXz4EiDxNA5OWnfr5xgig umbraco playlist : https://www.youtube.com/watch?v=zoefdruzmGE&list=PLv0T7WlllnSnYRedhwL8x-atkVxrSdd3m jquery playlist : https://www.youtube.com/watch?v=jVncasz_iyw&list=PLv0T7WlllnSkkNahiiWu_GMXq49X5ccfe
Views: 463 Go Freelancer
CSS Horizontal Drop Down Menu - 1 of 2
 
09:57
Host Unlimited Websites For $3.88 ! http://bit.ly/Powweb-Hosting-Sale Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, $150 google adwords, E-Commerce Included, Dreamweaver Ready, 30 Day money back guarantee This is part 1 for part 2 please follow this link: http://www.youtube.com/watch?v=vW4IzAjbqCU In this tutorial by James from http://www.dreamweavertutorial.co.uk we will be create a menu, a horizontal css dropdown menu to be exact. The css menu will be complete with css hover effects whereby the drop down menu is visible only when a user hovers over the main link on the horizontal menu. Drop down menus are derived from the original sucker fish JavaScript dropdown menus. The drop down menu in css is exactly the same but will load much quicker in a web browser which is not only good for your website visitors but is also good for your Google page rank. The menu requires some html mark up but is easy to make with good direction (from me!) ***** IMPORTANT ****** Paste this code into your css file for IE7 /* IE7 Display Fix */ #navMenu #holder ul li { display: inline; } ******************************** Google + gplus.to/dreamweavertutorial Follow me on Twitter: http://www.twitter.com/dreamweaverman My RSS feed for Dreamweaver Tutorials: http://www.dreamweavertutorial.co.uk/feed.xml
Views: 642400 DreamWeaverTutorial
How to Customize WooCommerce CSS (#CustomizeWoo Ep.10)
 
47:30
**To get access to all the resources mentioned in the video, please log in at https://businessbloomer.com/customize-woocommerce-css-tutorial **To get instant access to all my other free WooCommerce resources, please visit https://businessbloomer.com/#row5 What you're going to learn in this video: 1) WooCommerce CSS: files overview & child themes. The best way to understand how to customize/override WooCommerce CSS is by taking a look at the WooCommerce CSS files. WooCommerce adds stylesheets on top of your WordPress theme and CSS should be overwritten via your child theme's style.css file. But sometimes, this won't work 🙂 2) WooCommerce CSS: first thing first. Inspect Element & Firebug. When you're about to customize CSS, you'd usually start by "inspecting" the element you wish to edit. Problem is - how do I know I've chosen the right "selector"? And how do I know I'm not going to mess with other pages? 3) WooCommerce CSS: why you should never use !important. I'm 100% sure you have used "!important" in your CSS at least once in your web design life 🙂 Beware: this is not a great idea - I'll explain why and I'll show you what else you can use. 4) WooCommerce CSS: most common CSS customization examples. The first thing I usually do is customizing the colors to make them consistent with the brand (for example, add to cart buttons should have the same color as the logo). Then, I move onto fonts, other styles, responsive checks and improvements. We could be talking for hours about this, but I'll try to cover the most common examples.
Views: 15904 Rodolfo Melogli
CSS Important
 
02:31
Check out my new site at http://www.youtubemuse.com/ This screencast is going to talk about adding the important rule to CSS stylesheet rules. Adding the important rule will make that specific stylesheet rule the most important.
Views: 1901 Jeffery Hirono
CSS Display Property in HINDI - How to use CSS Display in HTML?
 
10:44
Hello Friends.. today in this video i have explained the complete concept of CSS Display .. How to use CSS Display property in HTML? CSS display is the most important property of CSS which is used to control the layout of the element. It specifies how the element is displayed. Every element has a default display value according to its nature. Every element on the webpage is a rectangular box and the CSS property defines the behavior of that rectangular box. Syntax display:value; CSS display values There are following CSS display values which are commonly used. display: inline; display: inline-block; display: block; display: none; CSS display inline The inline element takes the required width only. It doesn't force the line break so the flow of text doesn't break in inline example. CSS display inline-block The CSS display inline-block element is very similar to inline element but the difference is that you are able to set the width and height. CSS display block The CSS display block element takes as much as horizontal space as they can. Means the block element takes the full available width. They make a line break before and after them. CSS display none The "none" value totally removes the element from the page. It will not take any space. Hope you guys like the video,if you have any other query ,please let me know. Thanks for watching.. Please Like ,share and Subscribe the channel.. JAI HIND!!
Views: 669 devotional study
Simple Social Icons Plugin WordPress - Change Icons Color
 
04:05
How to customize CSS colors for each of the different icons in Simple Social Icons plugin for WordPress from StudioPress.com This is updated CSS code on Dec 13, 2016 as the developer changed the classes: /***** .simple-social-icons svg[class^="social-"], .simple-social-icons svg[class*=" social-"] { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .simple-social-icons { overflow: hidden; } .simple-social-icons ul { margin: 0; padding: 0; } .simple-social-icons ul li { background: none !important; border: none !important; float: left; list-style-type: none !important; margin: 0 3px 12px !important; padding: 0 !important; } .simple-social-icons ul li a { border: none !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; height: 1em; line-height: 1em; text-align: center; text-decoration: none !important; text-transform: none !important; width: 1em; } .simple-social-icons ul.aligncenter { text-align: center; } .simple-social-icons ul.aligncenter li { display: inline-block; float: none; } .simple-social-icons .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .simple-social-icons .ssi-facebook a { background-color: #3b5998 !important; } .simple-social-icons .ssi-facebook a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-gplus a { background-color: #cc3732 !important; } .simple-social-icons .ssi-gplus a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-pinterest a { background-color: #cc2127 !important; } .simple-social-icons .ssi-pinterest a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-linkedin a { background-color: #0077b5 !important; } .simple-social-icons .ssi-linkedin a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-rss a { background-color: #F8630E !important; } .simple-social-icons .ssi-rss a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-tumblr a { background-color: #44546B !important; } .simple-social-icons .ssi-tumblr a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-twitter a { background-color: #00aced !important; } .simple-social-icons .ssi-twitter a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-youtube a { background-color: #cd201f !important; } .simple-social-icons .ssi-youtube a:hover { background-color: #cccccc !important; } .simple-social-icons .ssi-instagram a { background-color: #3f729b !important; } .simple-social-icons .ssi-instagram a:hover { background-color: #cccccc !important; } ***/
Views: 4341 Yuri Yeleyko
16 CSS3 Box Properties
 
18:39
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 87 RG Edu
Contact Form 7 CSS Styling (Part 2) - Style Input Fields, Thank You Message, Placeholder Text
 
18:58
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Contact Form 7 CSS Styling (Part 2) - Style Input Fields, Thank You Message, Placeholder Text https://youtu.be/9e-JbYgYBSs Resources mentioned in the video: Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab CF7 CSS Part 1: https://www.youtube.com/watch?v=bKarC0QO5og&t=0s&list=PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV&index=2 Blog post with the CSS code: https://wplearninglab.com/contact-form-7-css-style-almost-anything 4 places to put CSS: https://www.youtube.com/watch?v=vLSUWT9MNlA Chrome Dev Tools: https://www.youtube.com/watch?v=tP_kXBJWPhQ Google Chrome add-on: https://www.youtube.com/watch?v=CegkzTkcQq0 Contact Form 7 CSS is a must because the default styles are not pretty. So if you want forms to match your website you'll need to style them. You can find all the new CSS styles on the blog post, but I'll put them below as well: /* Turn an input box into an input line */ .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] { border:none; box-shadow:none; border-radius:0; border-bottom:1px solid #999; } /* Change input field styles when click into (on focus) */ .wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus { background-color:yellow; border:none; } .wpcf7 input[type=text]:active, .wpcf7 input[type=email]:active, .wpcf7 input[type=tel]:active { background-color:gold; } /* Change the width a drop down menu */ .wpcf7 .wpcf7-select { width:100%; /* you can use pixels, em, rem, % to determine the width */ font-size:20px; } /* Make checkboxes and radio boxes align vertically instead of horizontally */ span.wpcf7-list-item {display: block; } /* Placeholder text styles */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; font-size:30px; } ::-moz-placeholder { /* Firefox 19+ */ color: red; font-size:30px; } :-ms-input-placeholder { /* IE 10+ */ color: red; font-size:30px; } :-moz-placeholder { /* Firefox 18- */ color: red; font-size:30px; } /* Thank you message styles */ .wpcf7-response-output { border:1px solid gray; background-color:#ececec; font-size:30px; color:black; border-radius:5px; -webkit-border-radius: 5px; padding: 20px !important; } Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
Block and Inline Elements Part 1
 
08:57
Demonstrates making a web page with proper syntax and nesting for block and inline elements.
Views: 2034 Ralph Phillips
2012.03.24全省全福同工會議
 
07:19
<span style=\"text-align: left; widows: 2; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; display: inline !important; font: 14px/17px \'lucida grande\', tahoma, verdana, arial, sans-serif; white-space: normal; orphans: 2; float: none; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px\">~~~民國100年雙禧年蒙神的祝福與保守!~~~</span>
Views: 29 李冬壽
Bootstrap Grid System
 
10:38
bootstrap 3 grid example bootstrap 3 grid system bootstrap 3 columns layout bootstrap grid system example bootstrap 3 page layout bootstrap page layout examples bootstrap 3 layout examples bootstrap page layout tutorial bootstrap grid layout tutorial bootstrap column layout how to use bootstrap 3 grid system In this video we will discuss, How to create page layouts using bootstrap grid system. One of the very important concept that we need to understand in Bootstrap is it's Grid System. The Grid system is used for creating page layouts through a series of rows and columns. The Grid System consists of 12 columns. This grid system is so flexible that you can create any page layout that you want. Let us now see how to create a 3 column layout using the Bootstrap Grid System. The page should be divided into 3 columns with 1:4:1 ratio. One important thing to keep in mind here is that, if we add the 3 numbers in the ratio (1:4:1), the sum should be equal to 12, because the bootstrap grid system consists of 12 columns. This means if the LEFT SIDE BAR column is 2 units, the MAIN CONTENT AREA column should be 8 units and the RIGHT SIDE BAR column should be 2 units. So when we add these 3 numbers (2 Units + 8 Units + 2 Units), we get 12 units. Bootstrap includes several grid classes for creating layouts for different devices like mobile phones, tablets, laptops, desktops, etc. The table below shows the available bootstrap grid classes that you can use to create grid column layouts ranging from extra small devices like mobile phones to large devices like large desktop screens. We will discuss these different classes in detail with examples in a later video. For now let's use .col-md-* class to create a 3 column layout. There are 3 simple steps to create the 3 column layout that we want, using the bootstrap 12 column grid system 1. First, create a container. We do this by creating a [div] element using the bootstrap .container class. All the rows will be within this container. 2. Second, create a row within the container. We do this by creating a [div] element using the bootstrap .row class. 3. Finally within the row we create the 3 columns that we need. We do this by creating [div] elements using any of the bootstrap grid classes (.col-xs-*, .col-sm-*, .col-md-* & .col-lg-*). In this example we are using col-xs-* class. Please note that here I am also using a custom class (.customDiv) to apply some custom styles to each of the div elements. [div class="container"] [div class="row"] [div class="col-md-2"] [div class="customDiv"]LEFT SIDE BAR[/div] [/div] [div class="col-md-8"] [div class="customDiv"]MAIN CONTENT AREA[/div] [/div] [div class="col-md-2"] [div class="customDiv"]RIGHT SIDE BAR[/div] [/div] [/div] [/div] Here is the definition of the custom css class (.customDiv) .customDiv{ margin:3px; min-height:300px; background-color:silver; text-align:center; font-size:large } I have created this class in a stylesheet that I named CustomStyles.css. I have placed this in the root folder of the project. Some important points to keep in mind when working with the bootstrap grid system to create page layouts 1. Rows must be placed within a container for proper alignment and padding. 2. Use rows to create horizontal groups of columns. 3. Content should be placed within columns, and only columns may be immediate children of rows. 4. If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line. 5. Grid columns are created by specifying the number of twelve available columns you wish to span. For example, to create four equal columns we would use four .col-xs-3. Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/05/bootstrap-grid-system.html
Views: 231374 kudvenkat
Web Expression 4 Tutorial : !important Command in CSS
 
09:20
see how we can use the !important command to override one css rule over the other Mohit Manuja http://qualitylessons.net
Cum sa faci live cu obs studio
 
10:59
Obs Studio: https://obsproject.com/download ====================================================== COD:@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900); @import url(https://fonts.googleapis.com/css?family=Raleway:800); /*hide color bar*/ .accent-bar { display: none; } /*style username*/ .live-chat-widget .comment .author a { font-size: 27px; font-family: 'Titillium Web', sans-serif; color:#debc00; text-shadow: 1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000, 3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000; } /*style text*/ .live-chat-widget .comment-text { display: inline; font-family: 'Raleway', sans-serif; font-size: 24px; color:#e1e9ec; line-height: 32px; text-shadow: 1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000, 3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000; } .live-chat-widget .comment .author a:after { content: ":"; } /*Moderator name color*/ .live-chat-widget .comment.author-is-moderator a{ color:#28a5bc !important; } /*Streamer name color*/ .live-chat-widget .comment.author-is-owner a{ color:#0a809a !important; } /*Moderator icon offset*/ .live-chat-widget .comment.author-is-owner .yt-user-photo { margin-top:3px; } /*Icon offset*/ .yt-user-photo{ margin-top:7px } /*Chatroom isolation*/ #live-comments-controls { display: none; } /*Fix Padding*/ #body-container, .live-chat-widget .comment .content, .live-chat-widget .comment, .yt-card.yt-card-has-padding { padding: 2px!important; } /*Body background color*/ body , .live-chat-page{ background: transparent; /*background:red;*/ } /*Comment inline*/ .live-chat-widget .comment.author-is-owner .byline{ display:inline !important; } /*Hide scrollbar*/ body, .live-chat-widget #comments-scroller{ overflow:hidden !important; border:none; } /*Lock chatroom to top*/ #content, #watch7-sidebar { bottom: 0; } .live-chat-widget .comment.fan-funding-tip, .live-chat-widget .comment.new-member-announcement, .live-chat-widget.dark .comment.fan-funding-tip, .live-chat-widget.dark .comment.new-member-announcement { background-color: #0f9d58; } .live-chat-widget .gaming-promo { display:none; } .live-chat-widget .comment { position: relative; padding: 12px 14px; background-color: rgba(28, 28, 28, .6); border-style: solid; border-width: 5px; border-color: rgba(28, 28, 28, .7);; overflow: hidden; margin:6px; } .live-chat-widget .comment.alternate-row { background-color: rgba(28, 28, 28, .6); min-width:80px; } .live-chat-page .live-chat-widget #comments-scroller { padding:5px; } ====================================================== Internet test: http://www.speedtest.net/ ====================================================== Obs stream estimator: https://obsproject.com/help/estimator ====================================================== VIZIONARE PLACUTA! ! ! ! ! ! ! ! ! ! ! ! !
Views: 1573 Romanian Lets Play
2011.11.1-2回家會前會聚會
 
06:23
<span class=\"Apple-style-span\" style=\"text-align: left; widows: 2; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; display: inline !important; font: 14px/17px \'lucida grande\', tahoma, verdana, arial, sans-serif; white-space: normal; orphans: 2; float: none; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px\">曾國生會長的分享!~~~</span><br style=\"text-align: left; widows: 2; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; font: 14px/17px \'lucida grande\', tahoma, verdana, arial, sans-serif; white-space: normal; orphans: 2; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px\" /><span class=\"Apple-style-span\" style=\"text-align: left; widows: 2; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; display: inline !important; font: 14px/17px \'lucida grande\', tahoma, verdana, arial, sans-serif; white-space: normal; orphans: 2; float: none; letter-spacing: normal; color: rgb(0,0,0); word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px\">竭力傳揚福音!~~~</span>
Views: 75 李冬壽
Web Design Bangla (Block level & Inline element in HTML) Part 11
 
06:25
Web Design Bangla full tutorial. I am teaching you how to web design and what kind of job you can get in online. You can start your freelancing career after watching my tutorial . It is totally free and fully in bangla language. All of you are welcome to this course .
Views: 724 Amin Tech
Cara Streaming Youtube OBS Studio BEST Streaming & Recording Settings News Update 2017 [Tutorial]
 
10:32
Halo teman teman kembali lagi bersama Filosopi Youtube kali ini kita akan berbagi tutorial sederhana gimana cara streaming diyoutube dengan software OBS untuk gaming maupun editing tutor ok langsung aja yah - if you have any questions feel free to post in the comments! Link Download : OBS Download: https://obsproject.com/download#mp Link list program CSS https://electricalengineering-solutions.blogspot.co.id/2017/09/halo-teman-teman-kembali-lagi-dengan.html ATAU COPY PASTE DISINI YAH : Youtube Chat Transparent CSS : /*hide color bar*/ .accent-bar { display: none; } /*style username*/ .live-chat-widget .comment .author a { font-size: 27px; font-family: 'Titillium Web', sans-serif; color:#debc00; text-shadow: 1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000, 3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000; } /*style text*/ .live-chat-widget .comment-text { display: inline; font-family: 'Raleway', sans-serif; font-size: 24px; color:#e1e9ec; line-height: 32px; text-shadow: 1px 3px 0px #000, 2px 2px 0px #000, 3px 1px 0px #000, 3px 0px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, -3px 0px 0px #000, -3px -1px 0px #000, -2px -2px 0px #000, -1px -3px 0px #000, 3px 1px 0px #000, 2px 2px 0px #000, 1px 3px 0px #000, 0px 3px 0px #000, -1px 3px 0px #000, -2px 2px 0px #000, -3px 1px 0px #000, 3px -1px 0px #000, 2px -2px 0px #000, 1px -3px 0px #000, 0px -3px 0px #000, -1px -3px 0px #000, -2px -2px 0px #000, -3px -1px 0px #000; } .live-chat-widget .comment .author a:after { content: ":"; } /*Moderator name color*/ .live-chat-widget .comment.author-is-moderator a{ color:#28a5bc !important; } /*Streamer name color*/ .live-chat-widget .comment.author-is-owner a{ color:#0a809a !important; } /*Moderator icon offset*/ .live-chat-widget .comment.author-is-owner .yt-user-photo { margin-top:3px; } /*Icon offset*/ .yt-user-photo{ margin-top:7px } /*Chatroom isolation*/ #live-comments-controls { display: none; } /*Fix Padding*/ #body-container, .live-chat-widget .comment .content, .live-chat-widget .comment, .yt-card.yt-card-has-padding { padding: 2px!important; } /*Body background color*/ body , .live-chat-page{ background: transparent; /*background:red;*/ } /*Comment inline*/ .live-chat-widget .comment.author-is-owner .byline{ display:inline !important; } /*Hide scrollbar*/ body, .live-chat-widget #comments-scroller{ overflow:hidden !important; border:none; } /*Lock chatroom to top*/ #content, #watch7-sidebar { bottom: 0; } .live-chat-widget .comment.fan-funding-tip, .live-chat-widget .comment.new-member-announcement, .live-chat-widget.dark .comment.fan-funding-tip, .live-chat-widget.dark .comment.new-member-announcement { background-color: #0f9d58; } .live-chat-widget .comment.alternate-row { background-color: rgba(28, 28, 28, 0); min-width:80px; } .live-chat-widget .comment { position: relative; padding: 12px 14px; background-color: rgba(28, 28, 28, 0); overflow: hidden; margin:6px; } .live-chat-widget .gaming-promo { display:none; } Subscriber Counter Transparent CSS : CSS: body { background-color: rgba(0, 0, 0, 0); margin: -215px auto; overflow: hidden; } h1 { font-size: 0%; } h2 { font-size: 0% } div#cover { background-color: rgba(0, 0, 0, 0); } span#username { font-size: 0%; } div#main.top { background-color: rgba(0, 0, 0, 0); } h2.count_live.odometer.odometer-theme-minimal { color: #FFFFFF; }
Display Property in CSS (Hindi)
 
02:14
Topics: Display Property in CSS Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 634 Geeky Shows
03 HTML5 - CSS3 - Styling your First HTML5 WebPage with CSS3
 
29:22
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 149 RG Edu
What is Block Level Element and Inline Element in CSS (Hindi)
 
07:26
Topics: What is Block Level Element and Inline Element in CSS Difference between Block Level Element and Inline Element Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 767 Geeky Shows
Details Mini Cartoon Apple Rabbit USB Humidifier Top
 
01:49
Mini Cartoon Apple Rabbit USB Humidifier new Read More reviews http://amzn.to/1MdFMeR font-family:arial-helvetica-sans-serif font-size: 12pxFeatures: 1.Super Mini Rabbit shape humidifier- high frequency ultrasonic vibration 2.Exquisite cartoon- cute- simple and a little fresh rabbit small three-dimensional modeling 3.Water mist increases air humidity and keeps skin moisture 4.Automatically stop work after 2 hours' work- if you need continue spraying- restart the switch 5.Can add a few drops of aromatherapy prefume or vinegar into water which can help to create a fragrant atmo * sphere or play the role of sterilization Description: Material:ABS and Electronic component Size: 8×7.5×11.1cm Weight: Approx.160g Color: White-Sky-Red classweb-itemRated voltage: color: rgb(0- 0- 0) color: rgb(51- 51- 51) font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 18px orphans: 2 text-align: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline * ! important float: none color:#ff0000 font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 18px orphans: 2 text-align: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline ! important float: none5V classweb-item color: rgb(0- 0- 0) color: rgb(51- 51- 51) font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 18px orphans: 2 text-al * ign: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline ! important float: noneRated power: 2 color: rgb(51- 51- 51) font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 14.4px orphans: 2 text-align: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline ! important float: noneW Mini Cartoon Apple Rabbit USB Humidifier new Read More reviews http://amzn.to/1MdFMeR font-family:arial-helvetica-sans-serif font-size: 12pxFeatures: 1.Super Mini Rabbit shape humidifier- high frequency ultrasonic vibration 2.Exquisite cartoon- cute- simple and a little fresh rabbit small three-dimensional modeling 3.Water mist increases air humidity and keeps skin moisture 4.Automatically stop work after 2 hours' work- if you need continue spraying- restart the switch 5.Can add a few drops of aromatherapy prefume or vinegar into water which can help to create a fragrant atmo * sphere or play the role of sterilization Description: Material:ABS and Electronic component Size: 8×7.5×11.1cm Weight: Approx.160g Color: White-Sky-Red classweb-itemRated voltage: color: rgb(0- 0- 0) color: rgb(51- 51- 51) font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 18px orphans: 2 text-align: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline * ! important float: none color:#ff0000 font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 18px orphans: 2 text-align: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline ! important float: none5V classweb-item color: rgb(0- 0- 0) color: rgb(51- 51- 51) font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 18px orphans: 2 text-al * ign: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline ! important float: noneRated power: 2 color: rgb(51- 51- 51) font-: normal font-variant: normal font-weight: normal letter-spacing: normal line-height: 14.4px orphans: 2 text-align: left text-indent: 0px text-transform: none white-space: normal widows: 2 word-spacing: 0px background-color: rgb(255- 255- 255) display: inline ! important float: noneW Read More reviews http://amzn.to/1MdFMeR Mini Cartoon Apple Rabbit USB Humidifier review Mini Cartoon Apple Rabbit USB Humidifier specs Mini Cartoon Apple Rabbit USB Humidifier price Mini Cartoon Apple Rabbit USB Humidifier 2015 Mini Cartoon Apple Rabbit USB Humidifier new
Views: 96 tora santana
دورة CSS   الدرس 17 خآصية width
 
01:12
css profile css background image css border css selectors css position css transition css padding css display css animation css3 css profile css background image css border css selectors css position css transition css tutorial css padding css display css animation css animation css align css after css align center css attribute selector css arrow css awards css all caps css absolute position css align image center a css attributes a css rule consists of a css class a css hover a css declaration always ends with a a css selector a css tag a css file a css visited a css comment ends with which of the following css background css border css background image css background color css bold css box shadow css beautifier css button css background opacity css box model b css tag b css bold b css width css b vs strong css b strong css b&w filter css border css b series css b class css bgcolor css color css center css corp css cursor css color picker css class css comment css calc css content css color codes cmcss c css parser cmcss calendar cmcss powerschool cmcss jobs cmcss lunch cmcsssd cmcss central office cmcss onsite cmcss transportation css display css drop shadow css div css display block css drop down menu css definition css display flex css display inline-block css disabled css download dcss dl cssd dl css dl css style dl css examples dl css inline d cssd d css is undefined cssd cssd d2l css exam css em css ellipsis css examples css editor css effects css exam 2016 css em vs px css easing css editor online e cssd e.csshooks is undefined css ebook css e f ecommerce css cssf e-file css e html cssa e video css e php css e rechnung css font css forum css font color css font size css float css flexbox css font family css first child css flex css font weight css2123b/f css-f-3n-sw css forum css2123b/f review css2123b f manual css-f-3n css-f-3-hd-fs css-f-2 css f 2 ball valve css f&b css gradient css grid css gradient background css generator css grid layout css grayscale css gallery css glow css greater than css gradient border gcss army gcss-mc gcss-mc login gcssd gcss-a gcsssd gcssk12 gcsaa gcss marine corps gcss-army is specifically configured to css hover css hide css height css hover effects css html css horizontal align css hidden css hunley css hr css hide scrollbar h css class h css style h css tag css h.l. hunley cssmtype.h css h color css h margin css h padding css h-shadow css h tag color css important css italic css image css id css inline css in html css interview questions css image size css inline style css input type i css selector i css italic i css icon i css class css i estimator css i love you css i fly css i php css i love you lyrics css i element css justify css jquery css justify-content css javascript css jobs css jokes css javatpoint css jumbotron css javafx css job profile j css reload j css3 image gallery jquery css css j a cotton casey j j hussain css forum j_security_check css jquery add css jquery ui css jquery change css css keyframes css kerning css keyframe animation css knife css keep footer at bottom css keep aspect ratio css klerksdorp css keywords css keep image ratio css ku kcss kcss library kcs student kcssa kcss10ls kcssonline kcssetup kcssl kcss radio kcssa west africa limited css link css line height css last child css list style css letter spacing css layout css linear gradient css link color css less csslint dl cssd dl css dl css style dl css examples dl css inline مؤسسة النقد css l cssf.l css l shaped div css0015q-l-3000 css margin css media queries css minify css media css menu css meaning css multiple classes css modules css max-width css mania m casino css m yaw css margin css forum css m filter 1 css m dash cssm m&s csm assessment css m_filter css mania css not css nth child css not selector css nowrap css navigation css not class css not first child css normalize css nth-of-type css not last child css nth child css n child css nth css n+1 css n element css nth element css n selector css n+1 selector css n child selector css n of type
دورة CSS   الدرس 3 شرح id و class
 
07:29
css profile css background image css border css selectors css position css transition css padding css display css animation css3 css profile css background image css border css selectors css position css transition css tutorial css padding css display css animation css animation css align css after css align center css attribute selector css arrow css awards css all caps css absolute position css align image center a css attributes a css rule consists of a css class a css hover a css declaration always ends with a a css selector a css tag a css file a css visited a css comment ends with which of the following css background css border css background image css background color css bold css box shadow css beautifier css button css background opacity css box model b css tag b css bold b css width css b vs strong css b strong css b&w filter css border css b series css b class css bgcolor css color css center css corp css cursor css color picker css class css comment css calc css content css color codes cmcss c css parser cmcss calendar cmcss powerschool cmcss jobs cmcss lunch cmcsssd cmcss central office cmcss onsite cmcss transportation css display css drop shadow css div css display block css drop down menu css definition css display flex css display inline-block css disabled css download dcss dl cssd dl css dl css style dl css examples dl css inline d cssd d css is undefined cssd cssd d2l css exam css em css ellipsis css examples css editor css effects css exam 2016 css em vs px css easing css editor online e cssd e.csshooks is undefined css ebook css e f ecommerce css cssf e-file css e html cssa e video css e php css e rechnung css font css forum css font color css font size css float css flexbox css font family css first child css flex css font weight css2123b/f css-f-3n-sw css forum css2123b/f review css2123b f manual css-f-3n css-f-3-hd-fs css-f-2 css f 2 ball valve css f&b css gradient css grid css gradient background css generator css grid layout css grayscale css gallery css glow css greater than css gradient border gcss army gcss-mc gcss-mc login gcssd gcss-a gcsssd gcssk12 gcsaa gcss marine corps gcss-army is specifically configured to css hover css hide css height css hover effects css html css horizontal align css hidden css hunley css hr css hide scrollbar h css class h css style h css tag css h.l. hunley cssmtype.h css h color css h margin css h padding css h-shadow css h tag color css important css italic css image css id css inline css in html css interview questions css image size css inline style css input type i css selector i css italic i css icon i css class css i estimator css i love you css i fly css i php css i love you lyrics css i element css justify css jquery css justify-content css javascript css jobs css jokes css javatpoint css jumbotron css javafx css job profile j css reload j css3 image gallery jquery css css j a cotton casey j j hussain css forum j_security_check css jquery add css jquery ui css jquery change css css keyframes css kerning css keyframe animation css knife css keep footer at bottom css keep aspect ratio css klerksdorp css keywords css keep image ratio css ku kcss kcss library kcs student kcssa kcss10ls kcssonline kcssetup kcssl kcss radio kcssa west africa limited css link css line height css last child css list style css letter spacing css layout css linear gradient css link color css less csslint dl cssd dl css dl css style dl css examples dl css inline مؤسسة النقد css l cssf.l css l shaped div css0015q-l-3000 css margin css media queries css minify css media css menu css meaning css multiple classes css modules css max-width css mania m casino css m yaw css margin css forum css m filter 1 css m dash cssm m&s csm assessment css m_filter css mania css not css nth child css not selector css nowrap css navigation css not class css not first child css normalize css nth-of-type css not last child css nth child css n child css nth css n+1 css n element css nth element css n selector css n+1 selector css n child selector css n of type
Views: 102 soufian elmoussaoui
دورة CSS   الدرس 6 خآصية Font style
 
01:28
css profile css background image css border css selectors css position css transition css padding css display css animation css3 css profile css background image css border css selectors css position css transition css tutorial css padding css display css animation css animation css align css after css align center css attribute selector css arrow css awards css all caps css absolute position css align image center a css attributes a css rule consists of a css class a css hover a css declaration always ends with a a css selector a css tag a css file a css visited a css comment ends with which of the following css background css border css background image css background color css bold css box shadow css beautifier css button css background opacity css box model b css tag b css bold b css width css b vs strong css b strong css b&w filter css border css b series css b class css bgcolor css color css center css corp css cursor css color picker css class css comment css calc css content css color codes cmcss c css parser cmcss calendar cmcss powerschool cmcss jobs cmcss lunch cmcsssd cmcss central office cmcss onsite cmcss transportation css display css drop shadow css div css display block css drop down menu css definition css display flex css display inline-block css disabled css download dcss dl cssd dl css dl css style dl css examples dl css inline d cssd d css is undefined cssd cssd d2l css exam css em css ellipsis css examples css editor css effects css exam 2016 css em vs px css easing css editor online e cssd e.csshooks is undefined css ebook css e f ecommerce css cssf e-file css e html cssa e video css e php css e rechnung css font css forum css font color css font size css float css flexbox css font family css first child css flex css font weight css2123b/f css-f-3n-sw css forum css2123b/f review css2123b f manual css-f-3n css-f-3-hd-fs css-f-2 css f 2 ball valve css f&b css gradient css grid css gradient background css generator css grid layout css grayscale css gallery css glow css greater than css gradient border gcss army gcss-mc gcss-mc login gcssd gcss-a gcsssd gcssk12 gcsaa gcss marine corps gcss-army is specifically configured to css hover css hide css height css hover effects css html css horizontal align css hidden css hunley css hr css hide scrollbar h css class h css style h css tag css h.l. hunley cssmtype.h css h color css h margin css h padding css h-shadow css h tag color css important css italic css image css id css inline css in html css interview questions css image size css inline style css input type i css selector i css italic i css icon i css class css i estimator css i love you css i fly css i php css i love you lyrics css i element css justify css jquery css justify-content css javascript css jobs css jokes css javatpoint css jumbotron css javafx css job profile j css reload j css3 image gallery jquery css css j a cotton casey j j hussain css forum j_security_check css jquery add css jquery ui css jquery change css css keyframes css kerning css keyframe animation css knife css keep footer at bottom css keep aspect ratio css klerksdorp css keywords css keep image ratio css ku kcss kcss library kcs student kcssa kcss10ls kcssonline kcssetup kcssl kcss radio kcssa west africa limited css link css line height css last child css list style css letter spacing css layout css linear gradient css link color css less csslint dl cssd dl css dl css style dl css examples dl css inline مؤسسة النقد css l cssf.l css l shaped div css0015q-l-3000 css margin css media queries css minify css media css menu css meaning css multiple classes css modules css max-width css mania m casino css m yaw css margin css forum css m filter 1 css m dash cssm m&s csm assessment css m_filter css mania css not css nth child css not selector css nowrap css navigation css not class css not first child css normalize css nth-of-type css not last child css nth child css n child css nth css n+1 css n element css nth element css n selector css n+1 selector css n child selector css n of type