Home
Search results “Table style td width” for the 2019
Make table in HTML & CSS with easy tips and triks
 
04:04
We are going to make Table in HTML with CSS. HTML - table tag | HTML - tr tag | HTML - th tag | HTML - td tag How to create tables in html? How to add rows to table? How to add cells to table rows? html table tag: table tag is a paired tag. border="in pixels" cellspacing="in pixels" cellpadding="in pixels" bgcolor="color" background="imagename" width="pixels/percentage" height="pixels/percentage" html caption tag: caption tag is paired tag. Used to set title or caption to the table. html tr tag: used to create table rows. tr tag has two child tags th for table heading cells, td for table data cells. bgcolor="color" align="left/center/right" valign="top/middle/bottom" html th tag: th tag should be used in first tr. not mandatory but need to follow some rules. html td tag: table data cell used to create cells. bgcolor="color" align="left/center/right" valign="top/middle/bottom" width="pixels" height="pixels" rowspan="number" colspan="number" ======================================================== ========= For more benefits & Be up to date =================== Subscribe to "IT Adda" channel: it's free if you want full code - https://itaddahtml.blogspot.com/2019/02/education-adda-body-margin-0-font.html ======================================================== ========== HTML Questions & Answers ====================== 1. Which HTML tag is used to add a row in a table? a. td b. dd c. tr d. th Answer: c 2 .Which HTML tag is used to add a table data cell in a table row? a. dt b. td c. th d. dh Answer: b 3. The space between the content and border around it in HTML table is specified by the HTML attribute: a. cellspacing b. margin c. cellpadding d. padding Answer: c
Views: 7 IT ADDA
Learn CSS3 in Urdu _ CSS Table Style Formatting _ Responsive, Striped, Hover _ Lecture#15 _ Nanosoft
 
11:27
website: http://www.thenanosoft.com like my FB page: https://fb.com/932farhan follow on Twitter: https://twitter.com/932developer Instagram : https://instagram/nanosoft.official Next Lecture#16 CSS Display https://youtu.be/TRNKa5w1jHY Previous Lecture#14 List Formatting: https://youtu.be/QfNC9IRb6Rk HTML Table Lecture#6 https://youtu.be/Wmz1fkzqviA Padding & Margin CSS Lecture#7: https://youtu.be/N6xB9vjH-7w in this course we learn three types of language for Web Designing: 1. HTML 2. CSS 3.JavaScript In this lecture, we learn about CSS table formatting? how to make a beautiful design in css3 ? how to make a beautiful table design in css3 ? css table designing and formatting best tutorial css3 in urdu language ======================================== Heading !-- * CSS3 Table borders * CSS3 Collapse table borders * CSS3 Table width and height * CSS3 Horizontal alignment * CSS3 Vertical Alignment * CSS3 Table Padding * CSS3 Horizontal Dividers * CSS3 Hoverable Table * CSS3 Striped Table * CSS3 Table Color * CSS3 Responsive Table -- ======================================== code: note : must add all tag before and after angle brackets..! !DOCTYPE html html head titlethenanosoft.com/title style table { background:yellow; } table { width: 100%; } th { height: 50px; } th, td { text-align: center; } th, td { vertical-align: center; } td, th{ border-bottom:1px solid black; } tr:nth-child(odd) { background-color: blue; } tr:hover { background-color: yellowGreen; } th { background-color: greenYellow; } table { overflow-x: 100%; } /style /head body table tr th Name /th th Cell No /th /tr tr td Farhan Ellahi /td td +92-305-486 9663 /td /tr tr td Nauman Ellahi /td td +92-308-276 0000 /td /tr /table /body /html ========================================== #Nanosoft #932developer #FarhanEllahi Upload date: 27-01-2019 ============================== Learn CSS3 in Urdu _ CSS Table Formatting _ Striped, Hover, Divider & more properties _ Lecture#15 _ Nanosoft HTML Playlist Link: https://www.youtube.com/playlist?list=PLCQvila8_tWiC64EJ3979Pto2WR1Kl6GV Previous Lecture#13 Links formatting: https://youtu.be/uBGMXQw7umY subscribe to my channel: www.youtube.com/nanosoftofficial E-mail: [email protected] [email protected] Nanosoft Official fb page: https://facebook.com/nanosoft.official Twitter Link: https://twitter.com/nanosoft_pk
Views: 20 Nanosoft
HTML Tables | Easy Way to Create Table in HTML
 
01:00
Dear Friends, Today we are going to discuses about HTML tables & basic html table elements. Key Notes : html table style html table attributes html table generator html table colspan html table column width html table border color html table header html table padding html table border collapse html table border color inline style html table cell border html table no border between cells html image border color html border html table attributes css table design examples with code #html#htmltable
Views: 35 #VIDYA TV
Learn CSS3 in Urdu _ CSS Width & Max-Width _ Difference width & Max-Width _ Lecture#17 _ Nanosoft
 
03:18
website: http://www.thenanosoft.com like my FB page: https://fb.com/932farhan follow on Twitter: https://twitter.com/932developer Instagram : https://instagram/nanosoft.official Previous Lecture#16 CSS Display: https://youtu.be/TRNKa5w1jHY in this course we learn three types of language for Web Designing: 1. HTML 2. CSS 3.JavaScript I'm Farhan Ellahi Cheema, today we learn about CSS Width & Max-Width Properties? CSS3 Max-Width resize the size of div ? how to resize the div context with the size of browser window? the main difference between width & Max-Width what is the main difference between css width and max-width proprties learn css3 max-width and width property. ======================================== Heading !-- * CSS width Property * CSS max-width property -- ======================================== code: note : must add all tag before and after angle brackets..! !DOCTYPE html html head titlethenanosoft.com/title style [hashtag]width { border: solid 2px green; margin: 2px; width: 1000px; } [hashtag]maxWidth { border: solid 2px green; margin: 2px; max-width: 1000px; } /style /head body div id="width"pNanosoft/p/div div id="maxWidth"pNanosoft Official/p/div /body /html ========================================== #Nanosoft #932developer #FarhanEllahi Upload date: 29-01-2019 ============================== Learn CSS3 in Urdu _ CSS Width & Max-Width _ Difference between width & Max-Width _ Lecture#17 _ Nanosoft HTML Playlist Link: https://www.youtube.com/playlist?list=PLCQvila8_tWiC64EJ3979Pto2WR1Kl6GV previous Lecture#15 CSS Table https://youtu.be/yZQ9bqZPlOA subscribe to my channel: https://youtube.com/nanosoftofficial E-mail: [email protected] [email protected] Nanosoft Official fb page: https://facebook.com/nanosoft.official Twitter Link: https://twitter.com/nanosoft_pk
Views: 7 Nanosoft
HTML Tutorial Part 10 (how to use of table, tr, th, td in html)
 
04:14
This is part 10 of HTML tutorials, in this tutorial we will learn about given below tags:- table tr table row th table heading td table data HTML Tutorials Playlist https://www.youtube.com/watch?v=4vgHdHjdEw4&list=PLpl0GEINwjAS_rCqrP38GPAfpah8gbrQY -~-~~-~~~-~~-~- Please watch: "HTML Tutorial part 1 (What is html and how to use heading and p tag in html)" https://www.youtube.com/watch?v=4vgHdHjdEw4 -~-~~-~~~-~~-~-
Views: 47 Still Learning
HTML & CSS Bengali tutorial A to Z Part-12(HTML-Tables)
 
12:04
# html table style, #newtechvideos #htmltable html table attributes, table html generator, html table colspan, html table border color, html table column width, css table design examples with code, html table id, How do you create a table?, How do you use table tags in HTML?, How do you create a frame in HTML?, What is a table tag and how you can create it?, html table bangla tutorial, html table tag,
Views: 21 New Tech Videos
styliser un tableau html css
 
15:39
ixar:https://www.youtube.com/channel/UC4vD_Spv_zjcmyfHpnAwBNA Voici le code css: Le fichier style.css le dossier page18 dans qui est dans le dossier css : table{ border-collapse: collapse; } th, td{ border: 2px solid #000000; width: 200px; height: 60px; text-align: center; transition: 2s; } .recre{ background-color: rgba(80, 80, 80, 0.7); } .non{ background-color: #FF0000; } th:hover{ background-color: #9966FF; text-decoration: underline; font-family: Arial black; } td:hover{ background-color: #19EAFF; text-decoration: underline; font-family: Arial black; } th:active{ text-decoration: none; font-size: 10px; } Modifie les couleurs!!!!!!!!!!!!!
Views: 52 DEV_WEB -officiel
Css Tables Design Property  in hindi Web Designing for beginners Part - 13
 
13:44
#htmlcsstutorialinhindi #htmlcsstutorial #webdesign In This Video Describe Tables with there values how design a table in css? how set row odd even color in table? Table layout - how describe Table layout in css? Border collapse - how describe Border column space in css? Border spacing - how set Border spacing in css? Empty cells - how set Empty columns in css? Caption side - how set Caption side in css? max-width - how set maximum width in css? width - how describe Table width in css? height- how describe Table height in css? min-height- how set minimum Table height in css? max-height- how set maximum Table height in css? min-width - how set minimum Table width in css? max-width - how set maximum Table width in css? With Example
Creating a Button in Cascading Style Sheet (CSS).
 
17:40
This is a tutorial about creating a button in Cascading Style Sheet (CSS). References: [CSS vertical-align property / display property with table-cell value] https://www.tutorialrepublic.com/css-reference/css-vertical-align-property.php https://www.w3docs.com/snippets/css/how-to-vertically-center-text-with-css.html#vertical-align [CSS background-color property] https://www.w3schools.com/cssref/pr_background-color.asp [CSS color property] https://www.w3schools.com/cssref/pr_text_color.asp [CSS pick your colors] https://www.w3schools.com/colors/colors_picker.asp [CSS 'buttonface' color] https://drafts.csswg.org/css-color-3/#buttonface [CSS border property] https://www.w3schools.com/cssref/pr_border.asp [CSS border-style property] https://www.w3schools.com/cssref/pr_border-style.asp [CSS width property] https://www.w3schools.com/cssref/pr_dim_width.asp [CSS height property] https://www.w3schools.com/cssref/pr_dim_height.asp [CSS text-align property] https://www.w3schools.com/cssref/pr_text_text-align.asp [CSS border-radius property] https://www.w3schools.com/cssref/css3_pr_border-radius.asp https://www.w3schools.com/css/css3_borders.asp https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator [CSS font-size property] https://www.w3schools.com/cssref/pr_font_font-size.asp [CSS element selector] https://www.w3schools.com/cssref/sel_element.asp [CSS cursor property] https://www.w3schools.com/cssref/pr_class_cursor.asp [Create an arc here and see it's arc length value in real-time.] https://www.mathopenref.com/arclength.html https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator Music By: "Cyber Transquility" - by LDUK Music Link: https://www.youtube.com/watch?v=m3G_bX-MsWg "A Thousand Suns" by LDUK Music Link: https://www.youtube.com/watch?v=JAp-NZts88s Music Album here: http://lduk.bandcamp.com Check out LDUK's channel: https://www.youtube.com/user/LDUKMusic
Views: 5 Jerry Fleurival
WordPressの表(テーブル)が横にはみ出る時の対応方法
 
17:27
WordPressのテーブル(表)がはみ出てしまって右のほうが見えなくなってしまった…。そんな経験はありませんか?特にスマホから!今回は、WordPressのテーブルをスマホで見たときも見やすく収める方法(レスポンシブにする方法)&収まんなくても横にスクロールして見れるようにする方法を解説します!   //////////////////////////////////////////////////////////////////////////////////////////// ★動画の中で出てくる「横スクロールさせるためのコード」   ↓↓ /*テーブルの横スクロールのためのCSSはここから*/ table{ width:100%; } .scroll{ overflow: auto; white-space:nowrap; } .scroll::-webkit-scrollbar{ height: 15px; } .scroll::-webkit-scrollbar-track{ background: #f1f1f1; } .scroll::-webkit-scrollbar-thumb{ background: #bbb; } /*テーブルの横スクロールのためのCSSはここまで*/ ■チャンネル登録はこちらお願いいたします(土下座)↓ https://www.youtube.com/channel/UCPxJNYI1RbIz0znMvlzJ5CA   /////////////////////////////////////////////////////////////// ■『デジマ研究所』主のジュンイチについて /////////////////////////////////////////////////////////////// ・ブログ:https://junichi-manga.com/ ・Twitter:https://twitter.com/Junichi_Santa ・Facebook:https://www.facebook.com/junichi.matsubara.58 ・Instagram:https://www.instagram.com/junichi.manga
CSS ve HTML DERSLERİ | CSS İLE ELEMENT POZİSYONLARI (POSITION)
 
30:57
Web tasarım konusundaki belki en önemli derslerden bir tanesi pozisyonlardır. CSS pozisyonlar (css position) html elementlerinin tasarımda web sayfasının istenilen yerinde konumlandırmak css'in en çok kullanılan niteliklerinden biridir. Konu konu bakarsak absolute position (mutlak pozisyon), relative position (göreceli pozisyon), sticky ise elementlerin yapışkan pozisyonu anlatılmaktadır. Bu dersimizde relative (göreceli) konumlandırmanın mantığını, mutlak konumlandırmanın mantığını ve yapışkan pozisyon niteliği olan sticky niteliğini detaylıca anlatmaya çalıştım. Umarım iyi bir anlatım ve kaynak olmuştur. İyi seryirler. Diğer konu anlatım videolarına ulaşmak için aşağıdaki linkleri kullanabilirsiniz. BLOCK INLINE VISIBILITY STİL ÖZELLİKLERİ https://youtu.be/Qm9w7t1hTd8 TABLO (TABLE) STİL ÖZELLİKLERİ https://youtu.be/1uIq4hiaUtY LİSTE STİL ÖZELLİKLERİ https://youtu.be/siVGJELgCoo HYPERLINK VE BAGLANTI STİL ÖZELLİKLERİ https://youtu.be/nOKxxJJLG_c FONT KULLANIMI ve STİL ÖZELLİKLERİ https://youtu.be/3zEZ_J8XvVQ YAZI (TEXT) STİL ÖZELLİKLERİ https://youtu.be/tQzd0Ck5WmQ BOXMODEL (KUTU MODELİ) VE OUTLINE (DIŞ ÇİZGİ) https://youtu.be/E9UMNumh3oY GENİŞLİK VE YÜKSEKLİK (WIDTH AND HEIGHT) https://youtu.be/Aaq9VLZ9tMw PADDING (DOLGU) ÖZELLİKLERİ https://youtu.be/u3AcCzss7V8 MARGIN (KENAR BOŞLUKLARI) ÖZELLİKLERİ https://youtu.be/VIXx77bnuEU KENARLIK (BORDER) ÖZELLİKLERİ https://youtu.be/Io02oxBq0h4 ARKAPLAN (BACKGROUND) ÖZELLİKLERİ https://youtu.be/ploAtBdgiks RENK (COLOR) ÖZELLİKLERİ https://youtu.be/ElJ4yWRQhDI CSS'e Giriş https://youtu.be/tj0tEhaE3cY Temel HTML Dersleri Oynatma Listesi #htmldersleri https://www.youtube.com/watch?v=71zqwXY93Eg&list=PLGgCXWTaAx658ixB20FC-XmOtPwBXWZow #cssdersleri Twitter: https://twitter.com/esencan_net Facebook: https://www.facebook.com/esencan.net/ Google+: https://plus.google.com/+EmreESENCAN Blog: https://www.esencan.net E-posta: [email protected]
Views: 22 Emre ESENCAN
TABLEPRESS y DIVI 2019🏆▶ Plugin tablas responsive wordpress y divi incluye CSS
 
10:21
En este tutorial aprenderas a crear TABLAS RESPONSIVE con DIVI y WORDPRESS utilizando el plugin DIVI TABLEPRESS, utilizaremos un CÓDIGO CSS para personalizar mejor nuestra tabla responsive. 👉 PLUGIN DE TABLEPRESS Tables in WordPress made easy.. https://wordpress.org/plugins/tablepress/ 👉 Página Oficial: https://tablepress.org/ 👉DEMO DIVI y TABLEPRESS : https://bit.ly/2M6z535 🏆 CODIGO CSS PARA TABLEPRESS. 🏆 .tablepress thead th, .tablepress tfoot th { font-family: Tahoma; font-size: 18px; color: #fff; background-color: #91c049; } .tablepress tbody td { font-family: Tahoma; font-size: 14px; color: #fff; } .tablepress .even td { background-color: #84b23e; } .tablepress .odd td { background-color: #91c049; } .tablepress, .tablepress tr, .tablepress tbody td, .tablepress thead th, .tablepress tfoot th { border: 0; } .tablepress .row-hover tr:hover td { background-color: #62a744; } 👇 ► Nuestra página oficial y nuestras redes sociales para que nos sigas 👍 DiviCon " El origen de las grandes ideas " ► Meetup: https://www.meetup.com/es-ES/Divi-Celaya/ ► Facebook: https://www.facebook.com/DiviConWordpress/ ► Instagram: https://www.instagram.com/diviconwordpress/ ► Twitter: https://twitter.com/diviconwordpres ► Email: [email protected] ► Página Oficial: https://divicon.net/ 🚨 10% de descuento en su tema Divi themes https://bit.ly/2BwzvM6 🦏 #diviwordpress #divibuilder #divithemes #diviespañol #divitutoriales #divitutorialesespañol #divislider #fullwidth #DiviConwordpress #TABLEPRESS
Views: 226 DiviCon Wordpress
Web Page Dimensions | CSS Height And Width In Px | Tutorial#24  | Html And CSS For Beginners
 
10:46
The height and width properties are used to set the height and width of an element. The height and width can be set to auto (this is default. Means that the browser calculates the height and width), or be specified in length values, like px, cm, etc., or in percent (%) of the containing block. Css Height And Width For Beginners, Welcome To Tech Tutor Sajawal ? In this Video We will Learn About Web Page Dimensions. This Is a Complete Guide Webpage Pixels In Hindi Or Urdu For Beginners. Web Development Masterclass Lesson 2 : Html and CSS Tutorials For Beginners Class 24 : Css Height And Width In our Second Lesson We Will Work On Html And CSS, Firstly We Will Only Work On Html to Better Understand It.After That We Will Merge CSS With Html. At The End Of This Lesson You Will Be able to Create Your Own Webpage. Watch First Lesson (Basics Of Coding) Here: https://www.youtube.com/watch?v=w3qHvAH5qH4&list=PL7ayruaS96YRt9zTG5OMMMNC70AcQI2_4 Lesson 2 : Html and CSS For Beginners : https://www.youtube.com/watch?v=lh4srUVnXig&list=PL7ayruaS96YQTp0ijC5sZm-31A3E0ABBG Hope You Will Enjoy The Course. If You Have Any Question Please Inform Me In Comment Section, I Will Answer You As Soon As Possible. Please Like And Share This Video. Also Subscribe My Channel For Any Update. I Need Your Support. #CssHeightAndWidth #WebPageDimensions #TechTutorSajawal
Views: 42 Tech Tutor Sajawal
Lesson-4| Adding Images And Background images| HTML/HTML5 (In Hindi)
 
12:31
In this lesson you will learn how to add images and background images in html using notepad++. Subscribe my channel for HTML, CSS and JavaScript tutorials. #frontendsuperhero #html #imageinhtml
Views: 83 Frontend Superhero
Learn CSS3 in Urdu _ CSS Display Properties & Visibility _ Lecture#16 _ Nanosoft
 
04:39
website: http://www.thenanosoft.com like my FB page: https://fb.com/932farhan follow on Twitter: https://twitter.com/932developer Instagram : https://instagram/nanosoft.official Next Lecture#17 Width & Max-Width: https://youtu.be/FBkZps7FSXw previous Lecture#15 CSS Table https://youtu.be/yZQ9bqZPlOA HTML5 _ Types of List _ Lecture #5 https://youtu.be/yBHUy4B-iRU in this course we learn three types of language for Web Designing: 1. HTML 2. CSS 3.JavaScript In this lecture, we learn about CSS display properties & Visibility Property? How to create a block in CSS Display property how to create an inline property in CSS how to hidden object and space remain on the page how to hide object and space not remain in a web page ======================================== Heading !-- * inline * block * none * visibility: hidden; -- ======================================== code: note : must add all tag before and after angle brackets..! !DOCTYPE html html head titlethenanosoft.com/title style li{ visibility: hidden; } /style /head body ul lia href="http://thenanosoft.com"thenanosoft/a/li lia href="https://fb.com/nanosoft.official"nanosoft.official/a/li lia href="https://youtube.com/nanosoftofficial"nanosoft/a/li /ul pFarhan Ellahi/p /body /html ========================================== #Nanosoft #932developer #FarhanEllahi Upload date: 28-01-2019 ============================== Learn CSS3 in Urdu _ CSS Display Properties & Visibility _ Lecture#16 _ Nanosoft HTML Playlist Link: https://www.youtube.com/playlist?list=PLCQvila8_tWiC64EJ3979Pto2WR1Kl6GV Previous Lecture#14 List Formatting: https://youtu.be/QfNC9IRb6Rk subscribe to my channel: https://youtube.com/nanosoftofficial E-mail: [email protected] [email protected] Nanosoft Official fb page: https://facebook.com/nanosoft.official Twitter Link: https://twitter.com/nanosoft_pk
Views: 19 Nanosoft
How to Hide Scrollbar In your website 2019
 
02:44
Coding Link - https://bit.ly/2G3VbDb Online Web code Testing - https://bit.ly/2AHrndY Website Link - https://bit.ly/2OEPBZj Color Picker - https://bit.ly/2NuDWeB ♪ Other Video ♪ Background image to an HTML textbox - https://bit.ly/2GeaAjK Add HTML scroll picture box on your website - https://bit.ly/2G1oNRA How to Solve Website Text Problem - https://bit.ly/2HGn0mG Set Marquee Speed - https://bit.ly/2UlAKF2 Create Social Media Buttons - https://bit.ly/2RLtPYV How to Create a Free Website - https://bit.ly/2sASIHT CSS Colors - https://bit.ly/2TX5ZWG How to Change Word Spacing - https://bit.ly/2RCPNgL Create a Stylish Button - https://bit.ly/2AgYf9I How to Create CSS Margins - https://bit.ly/2Q07zcd How to Create a Image Gallery in 4 Minutes - https://bit.ly/2qtYSIO How to Add a Text Stylish Border - https://bit.ly/2SIrz1A How to Add Scroll Box Color - https://bit.ly/2ORYJNR Create Your Website Top Menu - https://bit.ly/2Ovd6Y9 How to Set Dropdown Menu - https://bit.ly/2RL6vqG How to add Stop Marquee - https://bit.ly/2N5kJDY How to Set Image Border - https://bit.ly/2wZ4AG2 How to Add Overlapping Text - https://bit.ly/2wHFtrg How to Change Text Shadow Effects - https://bit.ly/2NGrmJ4 How to Set a Stretch Background Image - https://bit.ly/2PO4Uzq How to Create PHP Validation Form - https://bit.ly/2BvFHXgf How to Create a Comment Box - https://bit.ly/2MzpLHS How to Create a stylish Button - https://bit.ly/2nmch3M How to Create a Php File Uploading - https://bit.ly/2vh7sNL Online Web Coding Testing | Write and Run - https://bit.ly/2vyT8PT __________________________________ Hide Scrollbar When you add a text box to your website, scrollbars automatically appear once the text takes up more room than the text box. In most cases, this is fine - after all, the user should be able to scroll down to see more content right? Sometimes, however, you might not want the scrollbars to appear. This could be for any reason, and far be it for me to say why you shouldn't hide the scrollbars from your users! This page contains code that allows you to hide scrollbars. If the content becomes to big for the box, too bad - the user only sees what you want them to see! Feel free to copy and paste the following "hide scrollbar" code into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish. Also, please consider keeping the link back to this website - if you do it will be very much appreciated! Basic Hide Scrollbar Code Below are two textarea elements that contain more text than can fit into its containing block. The first example demonstrates the browser's default behavior. By default, the textarea grows scrollbars (at least, a vertial scrollbar) whenever the text overflows the box. The second textarea however, does not grow the vertical scrollbar. This is because we hide the scrollbar. To hide the scrollbar, we use overflow: hidden. This basically tells the browser that if there's any overflow in the box, hide any scrollbars that would have appeared.
Views: 12 TechZone
CSS Video Tutorial 85 - CSS Linear Gradient
 
10:17
CSS Linear gradient: is used to create a background consisting of transition between two or more colors along a straight line. Syntax: background: linear-gradient(direction, color-stop1, color-stop2,........., last-color-stop); OR background-image: linear-gradient(direction, color-stop1, color-stop2,........., last-color-stop); direction: - to left, to right, to top, to bottom , - to top left, to top right, to bottom left, to bottom right - or angle in degrees. color-stop: color position - color : color name, hex color value , rgb(0-255,0-255,0-255), rgba(0-255,0-255,0-255,0-1) - position: px or % Ex: background: linear-gradient(to right, red 0%, blue 100%); background: linear-gradient(to bottom right, red 0%, blue 100%); background: linear-gradient(90deg, red 0%, blue 100%); background: linear-gradient(to right, red 0%, green 50%, blue 100%); Note: if you use pair of same color side by side you can create color strip background: linear-gradient(to right, red 0%, red 25%, green 25%,green 50%,blue 50%, blue 100%); repeating-linear-gradient syntax: background: repeating-linear-gradient(direction, color-stop1, color-stop2, ..., last-color-stop); OR Background-image: repeating-linear-gradient(direction, color-stop1, color-stop2, ..., last-color-stop); Ex: background: repeating-linear-gradient(90deg,white 0px, white 20px,black 20px, black 40px); ======================================================== Follow the link for next video: https://youtu.be/kL1Huw6LGp8 Follow the link for previous video: https://youtu.be/6bX8wp1bA5I ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== CSS Questions & Answers ======================== ========================================================
Social Icon Design || html css social icon design
 
08:36
Social Icon Design || html css social icon design how to make html css button how to make cool button how to mak ebutton hover effect how to animate button how to animate html button how to animate html button with css button html and css button with hover effect button with animation effect how to make progress bar how to make animation proress bar how to make progress bar html css and js how to add preloader in website how to make css preloader how to make loading effect ---------------------------------------------html tag---------------------------- html a tag html ul tag html li tag html div tag html button tag html ans css link ------------------------------------------- css --------------------------------- transition scale css transition scale css animation css width css height css position absolute css position relative css top css left ------------------------------------ in this channel ------------------------------ #html #css #javascript #jquery #php #android #psd_to_html #creative_css_design
Views: 22 Full Dev
Divi CSS Change Scrollbar Color
 
04:19
Are you designing websites and not changing the color of the scroll bar to match? You're doing it wrong. Check out this video to learn how to change the color of the scrollbar on your website designs using CSS. /*----------Scroll bar ------------*/ ::-webkit-scrollbar {width: 20px; } ::-webkit-scrollbar-track {background-color: #202020;border-radius: 2px; } ::-webkit-scrollbar-thumb {background-color: #fc4be1;border-radius: 2px; }
Views: 222 MCG Studios
How To Set Logo With Image In WApkiz Website
 
07:29
Width & Height Code- https://techhindi-99.blogspot.com/2018/12/image-running-code.html How to set logo with text-https://youtu.be/8DAQOPPcu4w Happy New Year My All Frends How To Set Logo With Image In WApkiz Website Wapkiz.Com Add Logo Image In Wapkiz Web Site
Views: 16 Tech Hindi 99
Making Future Interfaces: Inline SVG
 
11:16
There's SVG, and there's inline SVG. Learn why raster images suck, what's better about SVG, how to hand code SVG, and how to make generative art with SVG and JavaScript. Featuring Billy Corgan and God for some reason. Transcript: https://gist.github.com/Heydon/1448790ef070530006d0f7092ab89feb
Views: 9173 Heydon Pickering
Html Tutorials - 04 | Html Attributes | href, lang, src, title, alt attributes in html
 
12:36
#html #htmltutorial #htmlattributes #href #src #title, #alt Hi viewers Today in This Tutorial we discuss on the topic is: Html Attributes:  Attributes provide additional information about HTML elements.  All HTML elements can have attributes  Attributes are always specified in the start tag  Attributes usually come in name/value pairs like: name="value".  Href, src, lang, title, alt, The href Attribute: HTML links are defined with the a tag. The link address is specified in the href attribute: The src Attribute:  HTML images are defined with the img tag.  The filename of the image source is specified in the src attribute: The width and height Attributes:  Images in HTML have a set of size attributes, which specifies the width and height of the image:  The image size is specified in pixels: width="500" means 500 pixels wide. The alt Attribute:  The alt attribute specifies an alternative text to be used, when an image cannot be displayed.  The value of the attribute can be read by screen readers.  This way, someone "listening" to the webpage, e.g. a vision impaired person, can "hear" the element. The style Attribute :  The style attribute is used to specify the styling of an element, like color, font, size etc. The lang Attribute:  The language of the document can be declared in the html tag.  The language is declared with the lang attribute.  Declaring a language is important for accessibility applications (screen readers) and search engines: The title Attribute:  Here, a title attribute is added to the p element.  The value of the title attribute will be displayed as a tooltip when you mouse over the paragraph:  All HTML elements can have attributes  The title attribute provides additional "tool-tip" information  The href attribute provides address information for links  The width and height attributes provide size information for images  The alt attribute provides text for screen readers Follow - Shs Tech Solutions : https://www.youtube.com/shstechsolutions Follow On Social Media : Facebook : https://www.facebook.com/shstechsolut... Twitter : https://twitter.com/shstechsolution Google Plus : https://bit.ly/2REaV5g
Views: 64 Shs Tech Solutions
HTML 5 CSS 3 ||Use CSS in HTML || Lesson #15 || for Beginner || Urdu/Hindi Tutorials 2019
 
17:26
This is The YouTube Channel. We Will Learn Online Courses (web design tutorial full, How to, PHP JavaScript, ETC) free of cost in this channel. In This Course We Will Learn Complete HTML 5 Course From Starting to End. And We Will Teach to Make a Website The End of Course. In this lesson we will read CSS file use in HTML. ========================================= Styling HTML with CSS ========================================= CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS can be added to HTML elements in 3 ways: 1. Inline - by using the style attribute in HTML elements 2. Internal - by using a style element in the head section 3. External - by using an external CSS file The most common way to add CSS, is to keep the styles in separate CSS files. However, here we will use inline and internal styling, because this is easier to demonstrate, and easier for you to try it yourself. Tip: You can learn much more about CSS in our CSS Tutorial. ========================================= 1. Inline CSS An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML element. This example sets the text color of the h1 element to blue: ========================================= ========================================= 2. Internal CSS An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the head section of an HTML page, within a style element: ========================================= 3. ========================================= External CSS An external style sheet is used to define the style for many HTML pages. With an external style sheet, you can change the look of an entire web site, by changing one file! To use an external style sheet, add a link to it in the head section of the HTML page: ========================================= ========================================= If you want to learn this course so Subscribe to my channel first of all. Click on this link👇👇👇: https://bit.ly/2AyIEmQ ========================================= ========================================= Website design Complete Course👇👇👇: https://bit.ly/2GZUJaw ========================================= ========================================= Free mini website Complete Course 👇👇👇: https://bit.ly/2C5tCoI ========================================= ========================================= Other Channels👇👇👇: https://bit.ly/2CVXs0D https://bit.ly/2sfeTTz ========================================= ========================================= Google+👇👇👇: https://bit.ly/2CInioP ========================================= Facebook 👇👇👇: https://bit.ly/2SMFL9r https://bit.ly/2FcdhCP https://bit.ly/2QuINwV ========================================= ========================================= Blogger 👇👇👇: https://bit.ly/2Quf8nn https://bit.ly/2AJU07Z =========================================
Views: 43 Info Online School
26.4 Use Query to Display Dynamic Information
 
08:18
00:00 next we will see how to deal with another kind of repetitive date using Appage query table control 00:05 in this case, skills are a set of repetitive items, meaning that we may later on add more skills, change some skills or remove some skills 00:20 so we may modify the table structure of site_Item a bit... 00:32 ... by adding one more "flag" option "skill"... 00:47 ... and adding one more "note" column "remark" 01:02 because there are already some records in the table, any newly added columns must accept null values 01:09 and because for new "skill" records, there may not be any "pic" images for them, we turn "null allowed" to "yes" for the column... 01:19 ... and for the other 2 columns "pic width" and "pic height" 01:41 when completed the modification, put the table online and go to its tabular view 01:49 go back to site_index.html and copy the skills data... 02:00 ... and add new records at site_Item and paste the data there 02:06 select "skill" option... 02:10 ... and paste the percentage data in "remark" 02:18 save the new record 02:21 repeat the same for the other "skill" records 02:28 then identify the block of codes representing the skills 02:45 and copy the codes for just one skill and paste them to a new file 02:59 then replace the skill name with "((subject))" 03:09 and replace the percentage with "((remark))" 03:26 lastly save the file as "site_skill.html" 03:48 and add the file as a new Appage, and bound it to "site_Item" again 04:21 then go back to site_index.html, replace the block of codes for the skills with the query table control syntax on the online help 04:59 again "NOTAB" for property style class 05:02 the Appage ID for the skills 05:14 "1" for number of columns 05:17 set number of rows to "99" - the number of skills is expected not more than 99 05:23 offset is "0" because all records will be shown and there will be no data navigation 05:30 for the sorting order, we will put the most skillful item on the top; so it's by "remark" and in descending order, and that's "-10" 06:03 set query to "flag=skill" so that only "skill" items are filtered 06:10 as there will be no data navigation, leave the button properties empty 06:25 key in the message when there is no skill item at all 06:32 to hide the navigation control, set it to "1"... 06:37 ... and set navigation input to "0" 06:41 lastly leave all other properties empty 06:57 save site_index.html and upload it again to Appage 07:24 save the Appage and reload the site 07:37 we can see all "skill" items are filtered and displayed 07:40 now we go back to the table "site_Item"... 07:48 ... and add one more skill 08:07 then reload the site... 08:11 ... and we see the new skill is displayed dynamically
how to create html table | HTML TABLE TAG
 
08:13
HTML tutorial 01 How to create html table? A table is defined using the "table" element, and contains a number of table cells ( "td" , for “table data” ) which are organized into table rows ( "tr" ). The markup (HTML code) for a table is always based on rows, never columns.
Views: 5 Jd Tech
HTML Tutorial in Bangla Part 3: HTML Elements & Attributes
 
19:04
This Video is the Third Video of the HTML Tutorial in Bangla 2019 (HTML Bengali Workshop Series). In this video we have covered the following topics. HTML Elements --HTML Nested Elements --HTML Tags ---HTML Empty Rags HTML Attributes -- HTML href Attributes --HTML src Attributes --HTML width & height Attributes ------------------------------------------------------------------------------------------------------------------------------------------------- 1st Video of the Series HTML Tutorial 2019 Course https://youtu.be/8KSX4LFow5Q 2nd Video of the Series HTML Bengali Tutorial 2019 https://youtu.be/5fytksIBI-k HTML Tutorial 2019 Course https://www.youtube.com/playlist?list=PLAyYPhceiWs-Za-tv1lY4QxgKIXODamay For Upcoming Videos please Consider liking our Facebook page https://www.facebook.com/bengalcoder Website --Coming Soon-- ------------------------------------------------------------------------------------------------------------------------- Please don't forget to ... LIKE | SHARE | COMMENT SUBSCRIBE
Views: 42 Bengal Coder
Input tag with type attribute - part 2 - html 5 tutorial in hindi/urdu - Class - 50
 
12:22
In this tutorial, I will show you how to use input tag in html 5 in Hindi and Urdu with type, accept, autofocus, checked, disabled, form, formaction, formmethod, list, max, maxlength, min, multiple, name, placeholder, readonly, required, size, src, step, value and width attribute. And also you will learn all values of type attribute like as :- button, checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week. --------------------------------------------------------------------------------------------------------- If you want to learn all html tag then follow the link :- https://www.youtube.com/playlist?list=PLw9zMOoodWb6KogQMHqAfXk_y0tgJSzI3
Views: 314 all type tutorials
SKMEI 1112
 
02:26
Buy here: https://www.gearbest.com/sports-watches/pp_247450.html?wid=1433363&lkid=19010471 Skmei 1112 Male Sports Digital Watch with 3D Pedometer Function Skmei, focuses on designing and manufacturing wristwatch of young people. This Skmei 1112 3D pedometer sports LED men watch, with soft strap, sturdy structure, 3D pedometer function, and the original digital movement, appeals to men, especially to those who like doing sports. The brand new fashion big dial fully express men's masculinity. Are you still upset about unknowing your daily amount of exercise? You will never need to worry about it, if you have the Skmei 1112 3D pedometer sports men watch. And you will never have no plan when doing sports. It adds your youth with dynamic and energetic feeling. Features: - Skmei 1112 3D pedometer sports watch for men and boys. - Auto time, stopwatch, alarm, water resistant, 12 / 24 hours format, back light and low-power reminding. - Digital times shows with EL backlight function. -Unique design: Taiwan IC chipset, original digital movement, Japanese battery, highly transparent resin glass, imported PC case, stainless steel buckle, German imported PU plastic strap. - 3D pedometer function, can record your amount of exercise. - EL backlight, luminous in dark, can read time easily at night, serve as lighting as well. - Function as an alarm to call you get up in the morning, and remind you of other matters. - Offer precise time anytime and anywhere. - Water resistant within 50 meters, more convenient for your daily life. General Brand: Skmei Watches categories: Male table Watch style: Trends in outdoor sports Style elements: LED Available Color: Black,Green Dial Movement type: Digital watch Shape of the dial: Round Display type: Digital Hour formats: 12/24 Hour Case material: PC Band Band material: PU Clasp type: Pin buckle Band color: Black,Green Function Special features: Alarm Clock,Calendar,Pedometer,Stopwatch Water resistance : 50 meters Weight and Size The dial thickness: 1.5 cm / 0.59 inches The dial diameter: 4.5 cm / 1.77 inches The band width: 2 cm / 0.79 inches Wearable length: 15 - 21 cm / 5.91 - 8.27 inches Product weight: 0.0470 kg Package weight: 0.0510 kg Product size (L x W x H): 23.00 x 4.50 x 1.50 cm / 9.06 x 1.77 x 0.59 inches Package size (L x W x H): 24.00 x 5.50 x 2.50 cm / 9.45 x 2.17 x 0.98 inches Package Contents Package Contents: 1 x Skmei 1112 3D Pedometer Digital Watch
Views: 72 JT channelplus
div row and column css | grid row column css | css grid example | avadh tutor
 
07:57
in this video avadh tutor provide div rows and column use to create partition and maintain your grid with simple css --- thanks for watching our video avadh tutor please subscribe our channel avadh tutor to get more videos
Views: 55 Avadh Tutor
How to add images for picture perfect reports & forms in Quick Base!
 
15:10
Including images on your reports and forms can make it easier to identify records, preview attachments, and add visual impact. Using a Rich Text Formula field and a short line of HTML code I'll show you the ins and outs of adding images to your Quick Base Apps. Plus you'll get a sneak peek at how I use images in my Content Management Quick Base. There are several different ways you can add an image, picture, or photo to a Quick Base report or form. Generally, they will fall into one of these three categories: * All records use the same image * Groups of records share an image * Every record has its own image In this video, I'll walk you through several variations of the following steps for each different image category. 1. Identify the URL for the image 2. Create a new Rich Text Formula field 3. Use the image tag to display the image using HTML code NOTES: Remember to set the width (or height) of the image to that it doesn't overwhelm your form or report. Sizes between 30 - 100 pixels are best. Also, if the image does not need to be downloaded for another purpose, you may consider resizing it so it doesn't require as much storage space. With just a tiny bit of HTML code your forms and reports will be ready for their close up! RESOURCES: For all the code used in this course please visit: https://www.quickbasejunkie.com/blog/how-to-add-images ****FREE CHEAT SHEET**** HTML/CSS Cheat Sheet for Quick Base Forms https://quickbasejunkie.com/p/html-css-cheat-sheet FROM THE VIDEO: "...Now let's get into the details of how we make this happen. We'll do that in this other Quick Base. While this Quick Base might be called the HR Employee Tracking Quick Base you can imagine it might be sales leads or any other type of Quick Base that we want to add images to. The first type of image we'll add is an example where we want one image to display on every record in this table. We'll start by creating a new table in order to house our image. Now you don't have to create a new table. You might already have an existing table of documents or files that you manage and you could use that as well. What I recommend is that the file is stored in Quick Base and that way you can manage it. However, the image itself will need to be accessible to anyone who might view it so that means that all roles in the Quick Base will need to have at least view privileges even if they don't actually see the table. They will need to have view privileges to the file itself. Go ahead and upload our first image with my file attachment field here. I can simply drag my file and drop it onto that Choose File button to upload my new file. With my file added, I'm going to right click on it and copy the link address. You may also be able to view the address in the lower left-hand corner. This is what we're going to need in order to reference this on each of our records. I'll head back to my employee table and open a record. Let's say I want this icon to show at the very beginning of the fields so I'm going to add a field before this one. And this will be our rich text formula field. I can go in and edit that now. Here's where the magic happens in our rich text formula field. We can use HTML code in order to reference that image. I'll start with a quotation and then what's called an image tag IMG. Followed by a space and we need the source for the image or SRC. That'll be followed by the equal sign and then a single quotation. This is very important, we want a single quotation and then we'll include that URL that we copied from our image. So, I'll paste that in. And with another single quotation, and now an important part. I want to include the width of the image so that way it's not too big. So I'll include width and set that equal to another single quotation and then the number of pixels that I want it to be. So, in this case, we want to choose 30 pixels and then close out that image tag with the right angle bracket. I'll click Save and now you see I've got my new icon located on the record. If I go to another record, it also has the icon. Let's head back to our report. Here you'll see the new icon is now located on every single record in this report because I added it to a field on this table. Now what if though we want a different icon depending on what department the individual is in...." Feeling like a Junkie? Subscribe Now! https://www.youtube.com/c/QuickBaseJunkie?sub_confirmation=1 LET’S CONNECT! Facebook ➤ https://fb.me/quickbasejunkie Twitter ➤ https://twitter.com/QuickBaseJunkie LinkedIn ➤ https://www.linkedin.com/company/quickbasejunkie/ Pinterest ➤ https://www.pinterest.com/quickbasejunkie Quick Base Junkie ➤ https://quickbasejunkie.com I'm always interested in hearing from you about what you're working on and what you would like to learn more about. Visit: https://quickbasejunkie.com/p/input Learn More About QuickBase @ https://www.quickbase.com Quick Base Junkie is unofficial and not affiliated with QuickBase Inc.
Views: 60 Quick Base Junkie
About us page design using /  html & css  (#6)
 
07:49
This is my sixth video in wedesigning hope you all have seen my previous lecture where I had discuss about making the navigation ,foo r e, and the blog pages. In this lesson I am gonna show you all how to design a perfect about us pagepage using html and Css, as a real programmer and not using WordPress or wix .this website won't be responsive, if you further want to learn how to make a responsive website then do subscribe this channel I will be updAting the videos. The responsive website lesson video is ready but I need to upload them in a serial ways. The source code are as follows Ans,==comment below for the source code If u do like this video then please do not forget to subscribe because I will show step by step how to design a web site so in my next episode I will show how to make log in form. Please do wAtch my other video it may help you if needed. 1) how to hack wifi password https://youtu.be/Vsh1Rhna-Yg 2)how to see wifi password in mobile phone https://youtu.be/xSPSxJYsBEU 3)what is html and how does it work. https://youtu.be/31X7rfsrcyY 4)what is css https://youtu.be/mOBEkjZ3XJg 5) design tables in HTML https://youtu.be/tcsW1D7V3WA
Bootstrap 4 Grid System Layout Explain | Bootstrap 4 Beginner Tutorial 12 | Owais Azam
 
47:33
In This Tutorial I Will Show You How To Use Grid System layout Column Row All Classes Easy Way In Bootstrap 4 In Urdu Hindi With Owais Azam Technical More About.... bootstrap 4 grid system explained bootstrap 4 grid system not working bootstrap 4 grid system css understanding the bootstrap 4 grid system bootstrap grid system css bootstrap 4 col grid system bootstrap grid system example how to use bootstrap 4 grid system bootstrap grid system images bootstrap grid system in table bootstrap 4 responsive grid system bootstrap grid system table bootstrap 4 grid width bootstrap 4 grid without padding bootstrap 4 grid with images bootstrap 4 grid without row bootstrap 4 grid wrap ________________________________________________________________ Music Provided By mercifulservant Channel Name: mercifulservant Channe Link : https://www.youtube.com/channel/UCHGAqdQBKTVON_FUCIYCh3Q Song : My Hope Artist : Muhammad Al Muqit Orignal Link : https://www.youtube.com/watch?v=slkyMimmb1M _________________________________________________________________ Html And Css Tutorial Series Basic To Advance Urdu Hindi With Owais Azam Technical... https://www.youtube.com/watch?v=0RzrW... Bootstrap 4 Tutorial Series Basic To Advance Urdu Hindi With Owais Azam Technical... https://www.youtube.com/watch?v=Y42MQ... Please Note ------------------------------------------- If we have mistakenly uploaded any copyright material, please message us and we will take it down immediately. Follow Share, Support, Subscribe!!! ▽Website | https://owaisazamtechnical.blogspot.com/ ▽Face Book Page | https://www.facebook.com/owaisazamtec... ▽YouTube | https://www.youtube.com/channel/UCN5S... ▽Gmail [email protected] ▽Whats App | 03112239342 **Disclaimer**- Instructions shown in this video are used for the educational purpose of fair use. 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, Education, 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 favour of fair use.
Bootstrap 4 Create An Animated Gif Background Hero Text
 
17:43
Have a look at our "Build a modern Bootstrap 4 site from scratch" course. Check it out here: http://bit.ly/BS4full-course Bootstrap 4 Create An Animated Gif Background Hero Text. In this video we are going to customize a Bootstrap 4 website using the brackets text editor. Bootstrap 4 is an awesome platform, it's really fast loading and lightweight, if you are not creating a blog or e-commerce store I would recommend it over WordPress every time. Brackets text editor is a fantastic free code editor that can be used for editing just about any type of code. Brackets is really easy to use and has many free extensions that make coding a bootstrap site really quick and easy. Bootstrap page setup video: https://youtu.be/_tOzRLbGnL8 Download the free brackets text editor from here: http://brackets.io/ Text code here: https://codepen.io/Moslim/pen/zwJPgL Free Tech Courses - Web Design, game development, javascript, wordpress, bootstrap: https://bestwebdevelopmentcourses.com/free/ Get our Build an awesome pro eCommerce store for free with WordPress course. https://goo.gl/fQDRMP Get our complete WordPress local install and migration course here : https://goo.gl/MsW8B3 Get Our Full Bootstrap Website Building Course – Learn to build sites fast: https://goo.gl/6tzUxH Subscribe to our Channel https://goo.gl/Vn3Qu2 More tips at :http://web-design-and-tech-tips.com/ Facebook:https://www.facebook.com/system22.net/ Get us to build Your website: http://www.system22.net/web-design.html Free Fitness and Health Courses Yoga, Weight Loss, Fitness, Work Out: https://easy-get-fit.com/free-courses/
Bootstrap Col-sm-* Col-md-* Col-lg-* classes #15
 
10:15
Welcome to Tech Talk Tricks and in this video, we will learn about Bootstrap Col-sm-* Col-md-* Col-lg-* classes in bootstrap tutorial for beginners in hindi with suitable example. My Gadgets : ►Laptop : https://amzn.to/2UlVZq7 ►Mic : https://amzn.to/2Scq3al ►Tripod : https://amzn.to/2TfND3e ►Phone : https://amzn.to/2UroWkN Bootstrap's grid system is responsive, and the columns will re-arrange depending on the screen size: On a big screen it might look better with the content organized in three columns, but on a small screen it would be better if the content items were stacked on top of each other. Tip: Remember that grid columns should add up to twelve for a row. More than that, columns will stack no matter the viewport. The Bootstrap grid system has four classes: xs (for phones - screens less than 768px wide) sm (for tablets - screens equal to or greater than 768px wide) md (for small laptops - screens equal to or greater than 992px wide) lg (for laptops and desktops - screens equal to or greater than 1200px wide) The classes above can be combined to create more dynamic and flexible layouts. Tip: Each class scales up, so if you wish to set the same widths for xs and sm, you only need to specify xs. Grid System Rules Some Bootstrap grid system rules: Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding Use rows to create horizontal groups of columns Content should be placed within columns, and only columns may be immediate children of rows Predefined classes like .row and .col-sm-4 are available for quickly making grid layouts Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and last column via negative margin on .rows Grid columns are created by specifying the number of 12 available columns you wish to span. For example, three equal columns would use three .col-sm-4 Column widths are in percentage, so they are always fluid and sized relative to their parent element bootstrap grid template, bootstrap grid tutorial, bootstrap grid examples, bootstrap grid generator, bootstrap grid psd, bootstrap 4 grid example, bootstrap container width, angular bootstrap grid, At Tech Talk Tricks you will learn HTML, CSS, SQL, PL/SQL, JAVA and many more computer as well as mobile tips and tricks. So please SUBSCRIBE to getting updated with the latest technology. SUBSCRIBE our channel at : https://www.youtube.com/techtalktricks ************************************************** Follow Tech Talk Trick on Facebook https://www.facebook.com/techtalktricks ************************************************** Follow tech talk trick on Twitter https://twitter.com/tecktalktrick ************************************************** Follow Tech Talk Tricks on Instagram https://www.instagram.com/techtalktricks ************************************************** Subscribe tech talk tricks on YouTube https://www.youtube.com/techtalktricks ***************************************************
Views: 240 TechTalkTricks
HTML 5 CSS 3 ||Border Color Value || Lesson #14 || for Beginner || Urdu/Hindi Tutorials 2019
 
06:06
This is The YouTube Channel. We Will Learn Online Courses (web design tutorial full, How to, PHP JavaScript, ETC) free of cost in this channel. In This Course We Will Learn Complete HTML 5 Course From Starting to End. And We Will Teach to Make a Website. In this lesson we will read text, border color value. What is the color value? Color value is write in RGB, HEX (Hexadecimal), RGBa, ETC. RGB is basically (RED+GREEN+BLUE) mixer of three colors. RGB value is (255, 99, 71) 255 is RED, 99 is GREEN and 71 is BLUE. Hexadecimal value is basically color cod is (#ff6347) ff is RED RED, 63 is GREEN GREEN and 47 is BLUE BLUE actually cod is (#rrggbb). RGBa value is (255, 99, 71, 0.5) this is the same like RGB but some different. Different is 0.5 include in RGB “A” means alpha. Alpha is use transparent for the color. R===RGB===RED value is (255, 0, 0) G===RGB===GREEN value is (0, 255, 0) B===RGB===BLUE value is (0, 0, 255) Allah Hafiz ========================================= If you want to learn this course so Subscribe to my channel first of all. Click on this link👇👇👇: https://bit.ly/2AyIEmQ ========================================= ========================================= Website design Complete Course👇👇👇: https://bit.ly/2GZUJaw ========================================= ========================================= Free mini website Complete Course 👇👇👇: https://bit.ly/2C5tCoI ========================================= ========================================= Other Channels👇👇👇: https://bit.ly/2CVXs0D https://bit.ly/2sfeTTz ========================================= ========================================= Google+👇👇👇: https://bit.ly/2CInioP ========================================= Facebook 👇👇👇: https://bit.ly/2SMFL9r https://bit.ly/2FcdhCP https://bit.ly/2QuINwV ========================================= ========================================= Blogger 👇👇👇: https://bit.ly/2Quf8nn https://bit.ly/2AJU07Z =========================================
Views: 21 Info Online School
Html Tutorials - 07 | Html Colors | Html Background Colors | Html Text Colors | Html Border Colors
 
18:42
#htmlcolors #htmlbackgroundcolors #htmltextcolors #htmlbordercolors Hi viewers today in this tutorial we discuss on the topic is: Html Colors: 1) Color Names? 2) Background Colors? 3) Text Color? 4) Border Color? 5) Color values? (Rgb, HEX, HSL, RGBA, HSLA) RGB Value In HTML, a color can be specified as an RGB value, using this formula: rgb(red, green, blue) rgb(255, 0, 0); HEX Value In HTML, a color can be specified using a hexadecimal value in the form: #rrggbb : #ff 00 01 HSL Value In HTML, a color can be specified using hue, saturation, and lightness (HSL) in the form: hsl(hue, saturation, lightness) : hsl(0%, 0%, 0%); RGBA Value RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color. An RGBA color value is specified with: rgba(red, green, blue, alpha) The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (not transparent at all): Rgba : rgba(100,100,150, 0.5); HSLA Value HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color. An HSLA color value is specified with: hsla(hue, saturation, lightness, alpha) hsla(9, 100%, 64%, 0.4); Follow - Shs Tech Solutions : https://www.youtube.com/shstechsolutions Follow On Social Media : Facebook : https://www.facebook.com/shstechsolut... Twitter : https://twitter.com/shstechsolution Google Plus : https://bit.ly/2REaV5g
Views: 31 Shs Tech Solutions
Elementor Rotate [Scale or Transform] Image Text tutorial -Using Free version
 
22:09
Hey Designers! Looking to rotate your image or text in Elementor. Well, you can do it easily with custom CSS in Elementor on your Wordpress website. Apart from that you can scale, skew and translate any Section/Column/Widget in Elementor. All this is done by using something called 2D transforms. They can also help you achieve absolute positioning within a column or a section. For instructions related to free version CSS, refer to the first comment. Copy the following code into Custom CSS in Pro version: /*Position an element*/ selector{ -ms-transform: translate(50px, 100px); /* IE 9 */ -webkit-transform: translate(50px, 100px); /* Safari */ -moz-transform: translate(50px, 100px); /* mozilla */ -o-transform: translate(50px, 100px); /* opera */ transform: translate(50px, 100px); } /*Code ends here*/ /*Rotate an Element*/ selector{ -ms-transform: rotate(20deg); /* IE 9 */ -moz-transform: rotate(20deg); /* IE 9 */ -o-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Safari */ transform: rotate(20deg); } /*Code ends here*/ /*Scale an element*/ selector{ -ms-transform: scale(2, 3); /* IE 9 */ -o-transform: scale(2, 3); /* IE 9 */ -moz-transform: scale(2, 3); /* IE 9 */ -webkit-transform: scale(2, 3); /* Safari */ transform: scale(2, 3); } /*Code ends here*/ /*Skew an element*/ selector{ -ms-transform: skew(20deg); /* IE 9 */ -moz-transform: skew(20deg); /* IE 9 */ -o-transform: skew(20deg); /* IE 9 */ -webkit-transform: skew(20deg); /* Safari */ transform: skew(20deg); } /*code ends here*/ /*Matrix Method here*/ /* matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()) */ selector{ -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -o-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -moz-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, -0.3, 0, 1, 0, 0); } Simply change the values to your requirement.
How To Set Up Your Columns In Facebook Ads | 2019
 
05:49
👉 Follow me on instagram: https://bit.ly/2D4oaoX 👉 Join The Royal Council: https://bit.ly/2UGaSUB If you're struggling or just need help getting to the next level, schedule a 1-1 call with me here▸ https://bit.ly/2q9wLyh 👉 Product Research Hack: https://bit.ly/2BhCV4r 👉 Join the Ecom Royals FB Group: https://bit.ly/2O6SWhW If you would like to learn more about shopify dropshipping, Ecommerce, Facebook ads and more then please do subscribe. I will be doing Shopify tutorials and how to make sales using facebook ads, instagram influencers and email marketing. My aim is to give you as much value as possible showing you what a successful shopify store looks like digging deep into improving your dropshipping stores conversion rate, suggesting which are the best shopify apps to have and sharing tips and tricks so that you can make money online. DISCLAIMER: Any information or advice I give is purely based on my own experience and research. There is no guarantee as there are many variables that will impact your success. Everything stated should be taken as opinion.
Views: 6864 KING COMM
What's New Element Pack V3.0  Addon for Elementor
 
06:09
Here we show that what's new element pack V3.0 addon for Elementor For more details about this elementor addon please look here: https://goo.gl/Ek93Cv For more demos about this elementor addon please look here: https://goo.gl/kFQQFo For more details about Element Pack Pro Developer & Agency Package please look here: https://elementpack.pro/pricing/ Others Video ........... How to Create Chart Widget in Elementor by Element Pack: https://youtu.be/Na1aKpUc3Xg How to Create Help Desk Widget in Elementor by Element Pack: https://youtu.be/bO__skhy4yk How to Create Open Street Map Widget in Elementor by Element Pack: https://youtu.be/DCQ5g7yleyk How to Create Table of Content Widget in Elementor by Element Pack: https://youtu.be/DbPrqUD8cOY How to Create WooCommerce Slider Widget in Elementor by Element Pack: https://youtu.be/ic8p-3jO35U How to Create Video Gallery Widget in Elementor by Element Pack: https://youtu.be/wbkou6p7l3s How to Create 360 Product Viewer Widget in Elementor by Element Pack: https://youtu.be/60Q4sK-FzLI #bdthemes #elementpack #elementor Visit Our Website: https://bdthemes.com/ [Note: You need to install Elementor Core Plugin for run this addon, but not mandatory pro version.]
Views: 1924 BdThemes Ltd
How to use img tag in html in hindi !! img tag in html !!html tutorial
 
07:11
How to insert images using HTML html img tag img tag is a unpaired tag. img tag is a inline tag. img tag has various attributes like: src, width, height, title, alt, border. src attribute indicates the source, source image name or full path of the source image is given as a value to src attribute. width attribute is used to set the width of the image. height attribute is used to set the height of the image. title attribute: when we mouse over the image the value given to the title attribute is displayed as a tool tip. border attribute used to set the border to image. alt attribute is used to give an alternate name to the image, when source image is not available at specified location then alternate text will get display in place of the image. our old video on table https://youtu.be/fazHh-pwp8o list https://youtu.be/LkN_rXt_hNQ table https://youtu.be/fe7sBIw_dAo sign up id https://youtu.be/wQ-dg6xcfss #programming #programmer #coding #developer #html #css #javascript #webdeveloper #webdevelopment #webdesign img tag in html img tag attributes in html html img tag img tag css img tag attributes attributes of img tag what is img tag img tag in html in hindi img src tag in html html img tag resize html img tag example img tag html
Views: 41 The coding master
CSS ve HTML DERSLERİ | FLOAT CLEAR ve OVERFLOW STİL ÖZELLİKLERİ
 
16:25
Bu dersimizde block seviyesi ve inline seviyesindeki elementlerin birbirleri üzerine yaslanılarak konumlandırmalarına bakacağız. Float ve Clear stil özellikleri nedir nasıl çalışır mantığı nedir gibi konulara açıklık getiereceğiz. Son olarak overflow (saçıntılar veya taşıntılar) konusunu işleyerek dersimizi sonlandıracağız. İyi seyirler. Daha önceki videolarıma ulaşmak için aşağıdaki linkleri takip edebilirsiniz. CSS İLE ELEMENT POZİSYONLARI (POSITION) https://youtu.be/CRymYd1FqW8 BLOCK INLINE VISIBILITY STİL ÖZELLİKLERİ https://youtu.be/Qm9w7t1hTd8 TABLO (TABLE) STİL ÖZELLİKLERİ https://youtu.be/1uIq4hiaUtY LİSTE STİL ÖZELLİKLERİ https://youtu.be/siVGJELgCoo HYPERLINK VE BAGLANTI STİL ÖZELLİKLERİ https://youtu.be/nOKxxJJLG_c FONT KULLANIMI ve STİL ÖZELLİKLERİ https://youtu.be/3zEZ_J8XvVQ YAZI (TEXT) STİL ÖZELLİKLERİ https://youtu.be/tQzd0Ck5WmQ BOXMODEL (KUTU MODELİ) VE OUTLINE (DIŞ ÇİZGİ) https://youtu.be/E9UMNumh3oY GENİŞLİK VE YÜKSEKLİK (WIDTH AND HEIGHT) https://youtu.be/Aaq9VLZ9tMw PADDING (DOLGU) ÖZELLİKLERİ https://youtu.be/u3AcCzss7V8 MARGIN (KENAR BOŞLUKLARI) ÖZELLİKLERİ https://youtu.be/VIXx77bnuEU KENARLIK (BORDER) ÖZELLİKLERİ https://youtu.be/Io02oxBq0h4 ARKAPLAN (BACKGROUND) ÖZELLİKLERİ https://youtu.be/ploAtBdgiks RENK (COLOR) ÖZELLİKLERİ https://youtu.be/ElJ4yWRQhDI CSS'e Giriş https://youtu.be/tj0tEhaE3cY Temel HTML Dersleri Oynatma Listesi #htmldersleri https://www.youtube.com/watch?v=71zqwXY93Eg&list=PLGgCXWTaAx658ixB20FC-XmOtPwBXWZow #cssdersleri Twitter: https://twitter.com/esencan_net Facebook: https://www.facebook.com/esencan.net/ Google+: https://plus.google.com/+EmreESENCAN Blog: https://www.esencan.net E-posta: [email protected]
Views: 18 Emre ESENCAN
Elementor v2.4: Responsive Background Image, Custom Settings and More
 
03:18
Elementor v2.4 introduces features that focus on improving your user experience: mobile control over background images, custom background size and position, safe mode for troubleshooting and more. Get Elementor: https://elementor.com Read the full post: https://elementor.com/blog/responsive-image-background/
How To Build A Floating Divi Submenu
 
06:28
In this video, we walk through how to create a floating Divi submenu using the theme customizer and a little custom CSS.
Views: 19 Keegan Lanier
AMST AM3003 Gearbest
 
02:22
Buy here: https://www.gearbest.com/sports-watches/pp_314092.html?wid=1433363&lkid=19010389 *************** Main Features: •Double movement: Analog and digital to show the time, the combination of classical and modern. •Day and date display: You can know the daily date clearly that you just need to press the button. •Alarm function: When it is set, you can be waked up or reminded at any time you want. •Stopwatch: Without a timer, you also can count time. •100M water resistance: Convenient for your daily life, needn't to take it off when you do daily washing. •Luminous pointers: Even in the dark place, you can get time clearly. •Canvas strap, has great breathability and comfortable to wear. •Classic pin buckle, easy to adjust the length. Operation Instruction: 1. In any mode, press LIGHT key to activate EL Backlight; 2. In any mode, press MODE key to switch modes, such as alarm, day and date etc.; 3. In any mode, hold RESET into setting mode, and press START to adjust the value. *************** General Brand: AMST People: Male table Watch style: Outdoor Sports,LED Available Color: Black,Green,Silver Dial Shape of the dial: Round Movement type: Double-movtz Display type: Analog-Digital Hour formats: 12/24 Hour Case material: Stainless Steel Band Band material: Canvas Clasp type: Pin buckle Function Special features: EL Back-light,Alarm Clock,Day,Date,Stopwatch Water resistance : 100 meters Weight and Size The dial thickness: 1.4 cm / 0.55 inches The dial diameter: 5.3 cm / 2.08 inches The band width: 2.2 cm / 0.86 inches Wearable length: 15.5 - 22 cm / 6.1 - 8.66 inches Product weight: 0.0940 kg Package weight: 0.1440 kg Product size (L x W x H): 25.00 x 5.30 x 1.40 cm / 9.84 x 2.09 x 0.55 inches Package size (L x W x H): 26.00 x 6.30 x 2.40 cm / 10.24 x 2.48 x 0.94 inches Package Contents Package Contents: 1 x AMST AM3003 Watch, 1 x Chinese and English Manual
Views: 222 JT channelplus
Dulhan Chahi Pakistan se
 
04:35
body{ background:#fff; color:#000;} body *{ margin: 0; padding: 0; font-family:verdana, "Comic Sans MS",Helvetica,sans-serif;} a img,:link img,:visited img { border: none; } a { text-decoration:none; color:#5d3ca6; } a:hover { color:#f33;} body, td{ margin: 0; padding: 0; font-size: small;} b{ font-weight:bold; } textarea{ font-size:small; } .tCenter { text-align:center; } .logo { color:#fff; background:#ece8f5; text-align:center; border-bottom:1px solid #c1b4dd; } .logo a { color:#fff; font-weight:bold; } .search { background: #ece8f5; border:1px solid #ddd; padding:2px; } hr{background-color:#D2D2D2; border:medium none; height:1px; margin:2px 0; padding:0;} h1, h2, h3{ background:#5d3ca6; background: -moz-linear-gradient(top, #8466c8 0%, #5d3ca6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8466c8), color-stop(100%,#5d3ca6)); background: -webkit-linear-gradient(top, #8466c8 0%, #5d3ca6 100%); text-align:center; color:#fff; border-bottom:1px solid #3f2281; font-size:110%; padding:5px; margin:0; text-shadow: 1px 1px 3px #555; } h2 a{ color:#ffffff; } h3{ text-align:left; } h2 a{ color:#ffffff; } .clr { clear:both; } .absmiddle { vertical-align:middle; padding:1px; border:1px solid #999; } .A2 { margin-right:3px; vertical-align:middle; padding:1px; border:1px solid #999; } .odd, .even, .sl { vertical-align:middle; } .odd { background:#f5f5fa; } .even { background:#fff; } .description { background:#eee; padding: 4px; margin-bottom:2px; margin-top:2px; font-size:x-small; text-align:center; } .filedescription { background:#f5f5f5; padding: 5px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .fl { } .fl td{ padding:7px 2px; border-bottom:1px solid #ccc; } .fl a{ vertical-align:middle; } .fl img{ border:1px solid #bbb; padding:1px; } .fl div{ display:table-cell; } .tblimg { width:65px; text-align:center; } .catRow div{ display:table-cell; } .catRow div img { padding-right:5px; } .link1{ color:#0E71C6; } .button { color:#086C8F; font-weight:bold; } .red { color:red;} .info { color:red; background:#fff; text-align:center; padding:2px; } p{ padding:2px 0; } table { width:100%; margin:auto;} .devider { height:5px;} .dtype { border-bottom:1px solid #ccc; font-size:small; padding:5px; text-align:center; } .dtype span{ border:1px solid #d50; padding:3px; border-radius:5px; background:#d50; color:#f5f5f5; } .dtype a { border:1px solid #ccc; padding:3px; border-radius:5px; background:#f5f5f5; } .fileName { font-weight:bold; } .fileName span{ color:#555; text-decoration:none;} .fileName img{ padding-right:3px;} .downLink { margin:5px 0; } .dwnLink { font-weight:bold; } .pgn { text-align:center; padding-top:10px; background:#eee; } .pgn a,.pgn span { border:1px solid #ccc; padding:2px 5px; margin:0 2px; background:#ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none; font-weight:bold; } .pgn a:hover, .pgn span { background:#ddd; border-color:#ddd; } .pgn div { padding-top:5px; } img { vertical-align:middle; } .showimage { padding:5px; text-align:center;} a.top {color:#FF7F00; text-decoration:none; } .updates div { border-bottom:1px solid #ddd; padding:4px; } .catRow,.catRowHome { border-top:1px solid #ddd; font-weight:bold; } .catRow:hover,.catRowHome:hover { background:#f5f5f5; } .catRow a, .catRowHome a { display:block; font-weight:bold; background:url(../images/arrow.png) right center no-repeat; padding:9px; } .catRow a div span, .catRowHome a div span,{ font-size:x-small; color:#5a5; font-weight:normal; } .fl { border-bottom:1px solid #ddd; background:#fff;} .fl:hover {background:#eee;} .fl span{ color:#CD3508; font-weight:normal; } .fl span.ar { color: #00a; font-style:italic;} .fl a{ display:block; padding:8px; } .fl a img{ border: 1px solid #ddd; border-radius: 3px; padding:0;margin-right:5px;} .fl a div div{ vertical-align:middle; display:table-cell; } .fl a div{ } .path { border-bottom:1px dashed #bbb; font-weight:bold;
Views: 36 Dj Suraj chaudhari
Send email with HTML body and logo from Excel
 
03:33
Send an email with HTML body and logo from Excel HTML allows more formatting ability. HTML allows you to save your logo as part of your message. How to add an attachment without sending an attachment. Code Sub Send_email_fromexcel() Dim edress As String Dim subj As String Dim message As String Dim filename, fname2 As String Dim outlookapp As Object Dim outlookmailitem As Object Dim myAttachments As Object Dim path As String Dim lastrow As Integer Dim attachment As String Dim x As Integer x = 2 Do While Sheet1.Cells(x, 1) does not equal "" Set outlookapp = CreateObject("Outlook.Application") Set outlookmailitem = outlookapp.createitem(0) Set myAttachments = outlookmailitem.Attachments path = "C:\Users\Barb\Documents\statements\" edress = Sheet1.Cells(x, 1) subj = Sheet1.Cells(x, 2) filename = Sheet1.Cells(x, 3) fname2 = "excellogo.jpg" attachment = path + filename outlookmailitem.To = edress outlookmailitem.cc = "" outlookmailitem.bcc = "" outlookmailitem.Subject = subj outlookmailitem.Attachments.Add path & fname2, 0 outlookmailitem.HTMLBody = "Thank you for your contract br" _ & " br We will work to acheive the results you require.br" _ & "br For any further questions please feel free to contact us any time br " _ & "br or visit our website at www.easyexcelanswers.com br" _ & "p:(780) 499-6658 br" _ & "Canada br" _ & " br img src='excellogo.jpg'" & "width='146' height='138'" 'outlookmailitem.body = "Please find your statement attached" & vbCrLf & "Best Regards" myAttachments.Add (attachment) outlookmailitem.display 'outlookmailitem.send lastrow = lastrow + 1 edress = "" x = x + 1 Loop Set outlookapp = Nothing Set outlookmailitem = Nothing End Sub For more help visit my website http://www.easyexcelanswers.com or email me at [email protected] I can customize this Excel application for your exact needs for a fixed price of $50. The work is normally returned within 24hrs. I am able to provide online help on your computer at a reasonable rate. MY videos are all created on Camtasia. http://send.onenetworkdirect.net/z/582993/CD237560/ Follow me on Facebook https://www.facebook.com/easyexcel.answers
Views: 216 Barb Henderson