HomeОбразованиеRelated VideosMore From: Online Tutorials

How To Create Navigation Bar With Icon Using Html And CSS - CSS Horizontal Menu Bar with Icons

1122 ratings | 35759 views
Part 2 - https://www.youtube.com/watch?v=x36T4X33tk8 (Video Will Be Published on 8th May 2018) Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ
Html code for embedding videos on your blog
Text Comments (84)
אושר רווח (3 days ago)
Hey , why when im adding the "Display : Flex" the list is still vertical ?
Eric WTS97 (6 days ago)
Hi~Can this use on website?
Zekarias Araya (2 months ago)
It is called Sublime Text editor. You can download it from this site for free:- https://www.sublimetext.com/3
BlackPanther X (2 months ago)
What text editor are you using
amirah zavel Nantes (2 months ago)
i like the song's "background" anyone can tell me what's the title?
Aylin Almatkyzy (2 months ago)
How to do sub pages with this nav bar???😖😖 pls, can u help me, I tried a lot of ways, didn’t work
Fix Tube (2 months ago)
I want ask someone
DaWinnerTV (3 months ago)
Your videos are really awesome. I am pretty happy to be part of your subcribers. How ever, i can't find this video on your Android App from play store. Can you please tell if it is because is dated from last year may 2018? Thanks again for almost all source codes on Android App
magburner (3 months ago)
These videos really are awesome. I am pretty much okay with HTML and CSS, but I watch them, to see if I come to the same conclusions that you do. If I do not, I have learned something new.
sham parmar (4 months ago)
can i get the source code?
I am Groot (5 months ago)
linda cancion ♥
Juan Ignacio Rios (5 months ago)
Hi! The "Position Absolute" makes all the icons and texts be at the same spot and it only shows me the first icon and the first text, and we i use the positivon relative, its all vertical
Online Tutorials (5 months ago)
Use position relative in <li>
Chetan Gaurkar (5 months ago)
Is it possible to make it Drop down menu bar with this coding and design because I'm designing the web site with this menu bar i i really love it bt their is no drop won menu options and i need it............... so Is it possible to make this menu bar as drop down. Then please send me the source code for it ................. Thank U.............. contact Me.... 9595951405 [email protected] [email protected]
Muhammad Boota (5 months ago)
Thanks for Sharing Such a good Knowledge. Allah Ap ko Hmasa Khush Rkhaa.
shxhrco (6 months ago)
the column for icon not works for me why?
Daniel Orosz (8 months ago)
Awesome! I lost at the end lol Need to watch again for sure! Thank you!
RavenTheX (8 months ago)
Like from Ukraine. Best UI tutorials channel on youtube
Online Tutorials (8 months ago)
thanks bro :)
Lakshmi Pathi (8 months ago)
Kindly make a video -> how add submenu with images and text below the responsive navigation bar
Lakshmi Pathi (8 months ago)
Kindly make a video -> how add submenu with images and text below the responsive navigation bar.
Fstar Dmo (8 months ago)
great video
UMA MISHRA (8 months ago)
Please make a video on horizontal scrolling.🙏🙏
jakub klos (8 months ago)
Great tutorial, But unfortunatly without the audio the last few minute are a little bit difficult to understand, especially the bit with text-data and span elements inside the name class, a explenation of that would increase the level of the tutorial and wil be really helpful. Thanks so much for the tuts!
MareGraphics (9 months ago)
The best Html and Css tutorial channel in existence! Btw, why don't you use different songs in videos? NCS has great free songs
Nazeeru Md (9 months ago)
Awesome bro....
Greek Warrior (9 months ago)
Hey man for some reason my icon going right bot corner???? How can i fix that???
sanfrozen (9 months ago)
nice video but provide code though.
Inam Shaikh (9 months ago)
Which software are you use?
Online Tutorials (9 months ago)
sublime text
Greek Warrior (9 months ago)
My man... You are the best!!!! Definitely I'm gonna use this menu in my webpage
Atimad EL KHAOUAT (9 months ago)
if i want to add sub items in each menu item how can i do it?
Channel BiDD (9 months ago)
You've just had a new fan bro xD
Entertainment Channel (10 months ago)
Hi would like to ask if the user would hover to the icon. How are we going to make it dropdown automatically with that animation. Is it responsive ? Sorry for the questions I’m not home yet to try the codes
Youssef Abdaoui (1 year ago)
Please you can responsive this menu
John Jordan Dionisio (1 year ago)
Somehow the data-text doesnt work to me can anybody help?
Виталий (1 year ago)
благодарю
I hope one day I can program like you...🙂
Sukhdeep Kaur (1 year ago)
Just Awesome Thank you
Rahul Mehta (1 year ago)
can we use fa fa icons offline without usage of internet or it’s requirement
The best tutorials! My like here from Brazil.
Online Tutorials (1 year ago)
Thanks bro
Rahul Rudra Paul (1 year ago)
Hey I am unable to set my menu bar with 2 options at middle I have seen many videos but didn't get what I am looking for plz help me
Gamal Abdall (1 year ago)
Muhammed, There is online university "UDEMY" that offers to people courses from videos like yours, I think if you contacted them and show them your work, you will be able to teach there through your videos, All they do is offers your videos to their student a classes and you shall be getting either steady salary from them or per course salary, all you have to do is contact them and give them the address to your youtube videos and once they see them they will decide and may God create a way for you in their world.
Anirudh Soni (1 year ago)
Change the song But esa hi kuch rakhna
Hasan Ahmed (1 year ago)
I see all of your videos. Please see, How to do 'Custom Togglable tabs.js'?
Barracuda (1 year ago)
Would you like to make a video of how to make 404 error page,that will be responsive or ,just,with some special effects?
Ao Nguyen Duc (1 year ago)
Tks pro
Online Tutorials (1 year ago)
:)
SOLUTION (1 year ago)
Nice bro
Online Tutorials (1 year ago)
(Y)
Barracuda (1 year ago)
Very nice video,thank you!
Online Tutorials (1 year ago)
c
Youssef Abdaoui (1 year ago)
Is not responsive pro
Online Tutorials (1 year ago)
ok....i'll upload
Thank you very much for your work, your lessons are very helpful, very glad that I found your channel, thanks again :)
Online Tutorials (1 year ago)
Welcome bro
Best css3
Sumon Kabir (1 year ago)
Awesome work <3
The Kingfisher (1 year ago)
I am just waiting for this.............at last you are upload this..........Thanks "Brother..............But responsive navigation bar needed.........Plzzzzzzzzzz upload this type of menu in fully responsive, if you have time.......!!!!!!!!!!! Thanks
The Kingfisher (1 year ago)
Really you are a great man!! To i am so happy. Because you are accept my request. Really you are awesome man like your awesome tutorial.........!!!!!!!!!! Many many thanks brother...... Go ahead and we are always with you. I can't pass any single day without your channel.....!!!! Everyday waiting for your update.
Online Tutorials (1 year ago)
yes bro...its only for ur request
Props! C h a n n e l (1 year ago)
Please answer me :(
Props! C h a n n e l (1 year ago)
Online Tutorials In FB please, i need to know
Online Tutorials (1 year ago)
??
Yudhi Prasetyo (1 year ago)
its really awesome, hope you continues to make a full design of the website
gamer player (1 year ago)
piiiiiiiiiii the best
çağatay emre ünal (1 year ago)
awesome bro. you're good at this. Congrats.
moha med (1 year ago)
انا أدمنت علي قناتك I became addicted to your channel .. no day without watching tuts brother...
Online Tutorials (1 year ago)
ok bro
moha med (1 year ago)
And please there is something wanted from the all..grid slider like in news themes
Mohammed Bakr (1 year ago)
Nice, The best channel for UI developer.
Technical Tips (1 year ago)
Bro pls make image slider and carrousel
Technical Tips (1 year ago)
Thnx plz make it soon
Online Tutorials (1 year ago)
ok bro
Technical Tips +++++++
Technical Tips third request
tommyzDad (1 year ago)
I second this request.
Leslie Aikpe (1 year ago)
you're fantastic
Online Tutorials (1 year ago)
thanks
Gurmeet Dhillon (1 year ago)
Always first Like👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Online Tutorials (1 year ago)
thanks :)
Technical Tips (1 year ago)
Nyc
Online Tutorials (1 year ago)
thanks

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.