- Видео 19
- Просмотров 134 037
Site OverFlow
Пакистан
Добавлен 17 апр 2021
Hello!
Here you will find web development tutorial.
Stay tuned and Subscribe #siteoverflow
Here you will find web development tutorial.
Stay tuned and Subscribe #siteoverflow
How to build a calculator using HTML, CSS and JavaScript
How to build a calculator using HTML, CSS and JavaScript
How to build a calculator with themes in JavaScript
In this video, I am going to show you how to create a beautiful calculator with different background themes using HTML , CSS and JavaScript. To create this calculator we need three files HTML, CSS and JavaScript. In HTML file I have created the body of calculator, buttons and screen of calculator. In CSS file, I have applied different stylings to the calculator i.e on buttons and added background colors. In JavaScript file, first I have created three functions for changing different background colors of the
calculator by pressing the buttons on top right. And lastly I have wrote JavaS...
How to build a calculator with themes in JavaScript
In this video, I am going to show you how to create a beautiful calculator with different background themes using HTML , CSS and JavaScript. To create this calculator we need three files HTML, CSS and JavaScript. In HTML file I have created the body of calculator, buttons and screen of calculator. In CSS file, I have applied different stylings to the calculator i.e on buttons and added background colors. In JavaScript file, first I have created three functions for changing different background colors of the
calculator by pressing the buttons on top right. And lastly I have wrote JavaS...
Просмотров: 192
Видео
Create A Website Using HTML and CSS || Site Overflow
Просмотров 8412 года назад
Create A Website Using HTML and CSS || Site Overflow How to create a website how to create a website using html and css In this video I am going to show you how to create a website for home design services provider using html and css. In this video you will know how to set a background image cover and center using html and css, how to create a header with logo, some buttons using flex property ...
How to Make a Website Header using HTML and CSS || Site Overflow
Просмотров 2342 года назад
How to Make a Website Header using HTML and CSS || Site Overflow How to create a Navigation bar using HTML and CSS || Site Overflow How to create a Menu Bar using HTML and CSS || Site Overflow In this video, I am going to show you how to create a header or navigation bar for your website using HTML and CSS. If this video has helped you learning something than Subscribe to my channel for upcomin...
How to create a Search Box using HTML and CSS
Просмотров 8242 года назад
How to create a Search Box using HTML and CSS || site overflow In this video I am going to create a search box using html and css. This video is all about the front end of search box, this will not show any result on searching something because there is nothing on backend of this search box. watch my other videos how to create login form using HTML and CSS ruclips.net/video/6sbMGGiuVFQ/видео.ht...
How to create a Sign Up form Using HTML and CSS
Просмотров 2632 года назад
How to create a Sign Up form Using HTML and CSS || Site Overflow How to create registration form using HTML and CSS Hello! In this video I am going to show you how to create a sign up form or registration form using HTML and CSS. This Sign up form has inputs for first name, last name, email, phone number, new password, and retype password. If you are new to my channel, Subscribe for upcoming we...
How to Make Drop Down Menu Using HTML and CSS
Просмотров 3142 года назад
How to Make Drop Down Menu Using HTML and CSS || Site Overflow Wellcome to my channel: In this video, I am going to show you how to create a drop down menu using only HTML and CSS. First, I have used nav tag to create header and within nav tag I have created two divs one for Logo and one for menu buttons. Used display flex property in css to display both side by side. Than, I have created a dro...
Sidebar using HTML and CSS || Vertical Navigation || Site OverFlow
Просмотров 2952 года назад
How to create sidebar navigation system using HTML, CSS and JavaScript Sidebar using HTML and CSS || Vertical Navigation || Site OverFlow Sidebar Menu Using HTML, CSS and JS In this video tutorial, I am going to show you how to create a sidebar or side navigation system using HTML, CSS and JavaScript. First of all, I have created and unordered list for menu buttons, an H1 tag for logo/brand and...
Responsive Navbar Bar with Search Box
Просмотров 1,9 тыс.2 года назад
Responsive Navbar Bar with Search Box || site Overflow Responsive Navigation Bar with Search Box || site Overflow how to create a search box in header html css How to create a responsive navigation bar with search box using HTML CSS and JavaScript In this video I am going to show you how to create a responsive navigation bar with a search box using HTML, CSS and JavaScript. First of all, I have...
How to make responsive navbar using HTML, CSS and JavaScript
Просмотров 952 года назад
How to make responsive navbar using HTML, CSS and JavaScript how to create a navbar using html and css How to create a responsive navigation bar using html, CSS and JavaScript || Site Overflow In this video I am going to show you how to create a responsive navigation bar using HTML, CSS and JavaScript. Responsive navigation bars are important nowadays as mobile web browsing becoming popular day...
Animated & Transparent Login Form Using Only HTML and CSS
Просмотров 1492 года назад
Animated login form only using HTML and CSS || site Overflow Transparent login form only using html and CSS || Site Overflow In this video, I am going to create an amazing animated and transparent login form by only using HTML and CSS. For more tutorials on web development please SUBSCRIBE my Channel Site Overflow. Video link: ruclips.net/video/h8Y8sQHNIH4/видео.html Watch my other videos: How ...
How to Create an Amazing Login Form only using HTML and CSS || Site Overflow
Просмотров 9082 года назад
How to Create an Amazing Login Form only using HTML and CSS || Site Overflow In this video tutorial of web development you will learn how to create a login form in only html and CSS or sign up form in HTML and CSS. For more tutorials on web development please SUBSCRIBE my Channel Site Overflow. Video link: how to create a login form in html and css ruclips.net/video/6sbMGGiuVFQ/видео.html Sourc...
How to create a website || website using HTML & CSS || Site overflow
Просмотров 1,9 тыс.2 года назад
How to create a website || website using HTML & CSS || Site overflow How to create a website using HTML and CSS by site overflow In this video I have created a website for web design service providers using HTML and CSS. This website contains a navbar, where you can see a logo, some menu buttons, and two other CSS buttons for sign up and hire us with hover effect. Also I have added CSS hover ef...
How To Create a Travel Website Using HTML and CSS || Site OverFlow
Просмотров 93 тыс.3 года назад
How To Create a Travel Website Using HTML and CSS || Site OverFlow Hello! In this video I have created a simple travel website using html and css. If you are interested in web development in html and css than hit the like button and subscribe our channel #siteoverflow for upcoming free web development tutorials. Source Code: If you need source code click on below google drive link drive.google....
KEYBOARD Design in HTML & CSS :)
Просмотров 3033 года назад
KEYBOARD Design in HTML & CSS :) || site overflow In this video I have designed keyboard in html and css. how to develop or design keyboard in html and css. Also watch my other videos: How to create a website in html and css ruclips.net/video/ioKTVGnLkFc/видео.html How to create a vertical navigation in html and css ruclips.net/video/m-pksep7NfY/видео.html how to create a website using html and...
How to create a website in HTML and CSS || HTML CSS Homepage || Site OverFlow
Просмотров 4903 года назад
. . How to create a website using HTML and CSS || Website tutorials || Site Overflow In this video tutorial you will learn how to create a website in html and css. So, in this video you will know how to create a navbar in html css, how to style buttons in css, setting background image. IF you like the video than please SUBSCRIBE #siteoverflow Video link ruclips.net/video/ioKTVGnLkFc/видео.html ...
How to create a website using HTML and CSS || Website tutorials || Site Overflow
Просмотров 643 года назад
How to create a website using HTML and CSS || Website tutorials || Site Overflow
Sidebar using HTML and CSS || Vertical Navigation || Site OverFlow
Просмотров 32 тыс.3 года назад
Sidebar using HTML and CSS || Vertical Navigation || Site OverFlow
How to create a website in HTML and CSS || HTML and CSS website || Site OverFlow
Просмотров 5353 года назад
How to create a website in HTML and CSS || HTML and CSS website || Site OverFlow
How to create a website using HTML and CSS || HTML and CSS website 2021
Просмотров 1953 года назад
How to create a website using HTML and CSS || HTML and CSS website 2021
My CSS part is not working 😢 what I should do ?
Trevel website banwani hai payment kitna lagega
I have link for this
Yo bro can u give also a coding on Java script according to this video
Hey bro can you help me
supr behn
Super bro
Github link Please share
explain
can you make us travel website? Huhu badly needed for our research 😭
I want this code PDF please🙏
Using container bro ????
Boss How can I make all my images be on the some line…
Sourcr code correct link pls
Why dont i have background picture?
Not another video where you do NOT know how to talk!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Thank you for this one
Is there a way to make that the red color stay on what we clicked ??
Can you create horizontal and sidebar dropdown menu in same page aka in same time in html and of course I css 😌 please
Is any Source code available for this sign up page?
mine looks differ when i run the source code ?
Do you have java for this one?
i love your work
The music freaked the shit out me
Hello I need to add a background image to this, what code should I use? Because my navigation bar is disappearing when I try to add a background image
If you want to to add background image on navigation bar, give background image in css instead of background color on navigation bar div. Or if you want in body, add background image in css on body container div using class name.
you describe very perfectly. 😍👍
7:54
Good video bro, you helped me a lot thanks
*{ padding: 0; margin: 0; box-sizing: border-box; } .main{ width: 100%; height: 100vh; display: flex; text-align: center; } .menu{ width: 20%; background-color: #121227; } #logo{ color:#fff; font-size: 30px; letter-spacing: 4px; padding: 15px;background-color: #000; } .menu a{ text-decoration: none; color: #fff; font-size: 18px; letter-spacing: 2px; display: list-item; padding: 20px; border-top: 1px solid black; } .menu a:hover{ background-color: red; transition: 0.5s; letter-spacing: 4px; text-transform: uppercase; } .body{ width: 1000px; margin-left: auto; margin-right: auto; } .body h1{ color: #fff; letter-spacing: 4px; padding: 15px; background-color: #000; }
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sin título</title> <link rel="stylesheet" href="css/estilos.css"> </head> <body> <div class="main"> <div class="menu"> <h2 id="logo">LOGO</h2> <a href="">Home</a> <a href="">Servicios</a> <a href="">Productos</a> <a href="">Contactos</a> </div> <div class="body"> <h1>Slider usung html y css</h1> <p>Lorem ipsum dolor sit amet. Aut error doloremque et natus rerum non iure dignissimos sit nisi voluptatem. Sit incidunt adipisci sit perferendis dicta non distinctio dolorem in voluptas laudantium et labore est obcaecati quibusdam!</p> </div> </div> </body> </html>
how can we add both html file and css file
Where you want to add? In a single file?
saved my project last day of submission
His source code
source code
mine looks different when i run the source code?
how come u didnt get bulletins ? after using li ?
If you don’t want list styles, write list-styles: none; in css
@@siteoverflow2294 oh k thank you
Save my life at end of submission day😅
Nice video 👍❤️❤️❤️❤️❤️
thx a lot precise and concise , save me lots of time, hope your channel can grow magnificently, underrated
Code link Please?
Great presentation programming 👍
bhai background mai videi kaise add kare?
Video tag use karen e.g <video autoplay muted loop id= “ yourChoice”> // and give source <source src=“videoName.mp4” type=“video/mp4”> //close video tag </video>
@@siteoverflow2294 Bhaiya ek help kardo please bohot saare pages isse link krdijiye jaise sign up about etc. minmum 10 pages please bhaiya mere project mai help hojayegi
Shouldn't nav, ul, and li tags be used when creating a side nav?
Very nice
hukapan gd luck
Curti!! traga um resposivo ... abraço
sir wating for new vedio
Wait 😂
Quick question: How could i put this nav bar on the right side of the screen instead of the left?
Just change the navbar div with body div or apply flex-direction: column-reverse on parent div
@@siteoverflow2294 Thanks! Do you, by any chance, also know how i could place this navbar at the bottom of the screen (responsive, so at the bottom at bigger screens and at the right side with smaller screens). Anyways thanks a lot!
To apply different stylings on different device’s width you have to write media queries. And I recommend to use grid instead of flex for responsiveness.
This was exactly what I was looking for! tnx! btw You could have used .menu a { boder-bottom: 4px solid #000; } instead
it was helpful in the start but in middle in turns out not helpful in body part hayst I spend time to do it again but it still error hayst
Body part is simple. I have created cards in body part. To create a card you should create a parent div and inside parent div you have all the card elements i.e title, image and a button. For example <div class=“parent”> // creating parent div <div class=“title”> // first child of parent div Your title inside this div (h1 to h6 or a p) </div> <div class=“img”>// second child of parent div You image here inside img div </div> <div class”button> // third child of parent div A Button or an anchor tag here </div> </div> // closing parent div After creating this card you can apply your stylings, display to flex and flex direction to column on parent div class. And copy the card code and paste it according to your need and change content.
Hello sir I want you to be my teacher I want to learn from you How should I contact you...
Hello, you can ask anything here in comment section. Sorry I can’t share contact info