How to create transparent navigation bar using html and css

Подписаться 82 тыс.

Просмотров 318 тыс.

50% 1

In this video you will learn how to create transparent navigation bar using html and css
----------------------------------------------
Facebook Page : / rvwebtutorials
=============********==============
Check some popular videos on my channel:
css positioning explained with examples (static,relative,absolute,fixed):-
• css positioning explai...
----------------------------------------------
css image hover effect - Css Tutorial - Css3 Hover Effect:-
• css image hover effect...
----------------------------------------------
how to change text selection color in html and css:-
• how to change text sel...
----------------------------------------------
how to make Simple css3 loading animation:-
• how to make Simple css...
----------------------------------------------
How to create contact form using html and css:-
• How to create contact ...
----------------------------------------------
How to make fullscreen video background using html and css:-
• How to make fullscreen...
----------------------------------------------
Advance text shadow hover effect using html and css:-
• Advance text shadow ho...
----------------------------------------------
How to create fixed navigation bar using html and css:-
• How to create fixed na...
----------------------------------------------
how to create animated Dropdown menu using html and css:-
• how to create Dropdown...
----------------------------------------------
how to create hero image using html and css:-
• how to create hero ima...
----------------------------------------------
simple parallax effect using html and css:-
• simple parallax effect...
----------------------------------------------
How to create login form using Html and css:-
• How to create login fo...
----------------------------------------------
How to create animated search bar using Html and css:-
• How to create animated...
~-~~-~~~-~~-~
Please watch: "Responsive Image Slider | HTML & CSS"
• Responsive Image Slide...
~-~~-~~~-~~-~

Опубликовано:

3 авг 2017

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 276

@scriver500 4 года назад

God bless you my man been searchign this for 2 days

@webdev07 4 года назад

Thanks for your appreciation

@CC-um5cu 6 лет назад

Great video, very easy to understand. Thank you!

@christopherpereira420 3 года назад

Very good tutorial, great video, looking for a bootstrap version of it now but will use this example for starters. Keep up the good work.

@IvoirRienna 6 лет назад

Great video! Easy to follow even if I don't understand the language. Thank 👌👌

@jagdishjena9058 5 лет назад

Its in India

@Napkin2d 4 года назад

I agree

@LearnandEarn375 3 года назад

@diannerivera6167 6 лет назад

thank you very much for your tutorial web dev.

@ericsonpalaganas7563 4 года назад

highly understandable, great job man.

@Ben-tm7nt 3 года назад

the way you explain bro ...its perfect

@safinahmed3252 3 года назад

you are the best in my life instructor for web design

@rubbiverma784 5 лет назад

it helps me alot your way of teaching is really very good doing good nd appreciable job

@andrejapesic4145 6 лет назад

Great video,step by step,you are genious,thank you!

@webdev07 6 лет назад

+Andreja Pesic thanks

@ujjalsharker4176 5 лет назад

You explained so easily...tnx bro...

@dannythapa2337 6 лет назад

New concept of transparent.. Thanks a lot.

@webdev07 6 лет назад

+Danny Thapa Thanks

@harshitsrivastava2633 3 года назад

thank you soo much brother for such a great meaning ful help for inserting a navigation bar .

@Patrick-Seth 5 лет назад

Easy to learn. Thanks

@aaronargottelopez3488 2 года назад

This was awesome. Thanks.

@tawzanoussaka2382 4 года назад

Great work and thank you very much

@hernanrodriguez1893 3 года назад

Good work!!! I love your Chanel 😊😊

@danieltkach2330 3 года назад

You are a freaking genius.

@giiieeexd 6 лет назад

Thank you so much Sir.

@mdmanik-xy7ui 4 года назад

Thanks a lot From Bangladesh

@saipraneethbommana4335 5 лет назад

Thank u so much bro..

@shivangsrivastava6310 2 года назад

Thanks so much

@dondonganados 3 года назад

very nice and great tutorial..pls

@mortadaalnour8364 2 года назад

thanks for you my dear

@basharathussain732 4 года назад

thanks Sir nice video very helpful videooo

@superstarayazali7955 3 года назад

wonderfull i really appreciate you

@eaglescenes 6 лет назад

even tho i dont understand what are u talking about but you made a very great method. Thanks very much mate.

@webdev07 6 лет назад

Welcome 😊

@itepic5608 5 лет назад

helpful video..Thanks

@BonthalaRamesh Год назад

Excellent and super excited application you explained

@webdev07 Год назад

Thank you so much 🙂

@romasoni1082 3 года назад

thank you so much sir

@abhisheklale1429 4 года назад

That was nice thanks buddy!!!

@webdev07 4 года назад

Thanks keep supporting webdev

@nustyauchapatya3521 4 года назад

really good job....keep it up

@1shortv 5 лет назад

Your Great channel in RU-vid bro good job

@webdev07 5 лет назад

Thanks for your appreciation

@sardarmuhammadqasir6032 6 лет назад

very good yar asan tarika good

@user-hc8ih2gl3v 6 лет назад

thank you 👌👌

@nitmnmotionvfx7512 4 года назад

awesome video

@shahsalahuddinmca1 3 года назад

Thanks dude

@Tendo_27 5 лет назад

Thank you bro!!

@webdev07 5 лет назад

Welcome

@PuzaExplores 5 лет назад

I want your every video should be explained in this way!😊

@webdev07 5 лет назад

Ok i will pooja

@irfanbutt2105 3 года назад

Well done

@crazybee3573 5 лет назад

You're the best

@zaidzeee 4 года назад

very nice really you did very good job thank you so much for this video

@webdev07 4 года назад

Thanks keep supporting webdev

@ajtube6716 3 года назад

Amazing

@dreamvenomyt9689 4 года назад

@Web dev your tutorial is good but do after every Style tag show as what happen next?

@LiteDuniya 4 года назад

This video is very useful for us

@webdev07 4 года назад

Thanks keep supporting

@CodingShiksha 6 лет назад

Hello bro if i wanted to use an image as a background to make the form transparent how to do that

@dcgaming6190 4 года назад

i think..opacity ko kam kar ke kya jaa sakta hai..

@Moodboard39 Год назад

Opacity properties is used for trans Opacity : 0.2; or water number up to 1.0

@shaheenpathan9146 6 лет назад

Super sir this video is very useful for me

@webdev07 6 лет назад

Thanks

@GameThief. 4 года назад

nice done it work for me end it is easy to make

@_anjthings 4 года назад

very helpful thank you!

@webdev07 4 года назад

Welcome keep supporting

@eyeberu2133 6 лет назад

keep it up

@aishwaryachavan7620 3 года назад

Great 👌

@dalowarhossain7593 2 года назад

Very helpful toturial🙂🙂🙂

@webdev07 Год назад

Thanks

@adityaprakashsingh2491 3 года назад

Nice video

@SaberTech. 5 лет назад

legit! congrats..

@arvindbilwal3374 6 лет назад

Very clear...

@webdev07 6 лет назад

Thanks arvind bilwal

@mlemmlemkeebs7591 4 года назад

thank you, saved me

@webdev07 4 года назад

Welcome keep supporting

@gyandeep961 4 года назад

plz send/upload the video how to add many people images, contact number, name etc (profile) under the people icon in the navigation bar after clicking the people ICON.

@allanserrano4249 5 лет назад

i dont know who this guy is but i'll call you daddy frok now on. Love your videos daddy it's vey educational specially for students like me. Keep it up daddy

@webdev07 5 лет назад

I am teenager

@rainbowedge9817 4 года назад

@@webdev07 hhaa lol

@gulamhassnain 6 лет назад

NICE

@user-dj3cy2sn7g 2 года назад

गुड टीचिंग

@gamingtechnicalgaurav3141 6 лет назад

Nice videos

@binsonfeng1205 4 года назад

Thanks ;-)

@HarpalSingh-pg5tv 5 лет назад

It is good video but how to adjust the padding on hovering if i give the height of the nav and line height 50 px

@vanshikagupta3289 3 года назад

All video is awesome Easy to understand But sir I have a one problem sir Plz help me My logo position is not set perfectly My logo is outside the navigation bar What can I do sir ?

@webdev07 3 года назад

Msg me on instagram i will solve your problem

@laxmihembram7336 4 года назад

sir i impress this video ,ap age v estrah video dale viewer & subscribers so happy & also you

@webdev07 4 года назад

Thanks for your appreciation keep supporting

@himanshuvariya5273 6 лет назад

super

@SOHANFF514 6 лет назад

Very good video bhai keep going up and help us also

@webdev07 6 лет назад

Thanks

@SOHANFF514 6 лет назад

Web dev welcome bhai

@dolnik1986 6 лет назад

Great video! How i can the navbar fixed and responsive?

@webdev07 6 лет назад

+dolnik1986 check my all videos ,you will find responsive navbar and fixed navigation bar videos

@pratikthorat3480 4 года назад

Maine Float: right; use kiya toh bhi same effect diya. but there is a difference for inline-block and float. float will only work on block level elements. and display: inline-block; will work for all inline level elements.

@devangel1698 3 года назад

Its better use flex layout for ul tag and center in the main and cross axis

@premamadvi1205 5 лет назад

nice .

@yusramudasir2322 3 года назад

Could u please tell me how we create footer at bottom using html and css

@mainul__islam 4 года назад

your outro will give people a heart attack....😂😂😂

@redabeg 4 года назад

Thanks from Israel.

@vnsminerlimited1585 6 лет назад

do you have any video about for creat drop down menus nav + logo ?

@ToddDolce 5 лет назад

trying to figure that out too.

@Moodboard39 Год назад

Create another you act like u search on Google ?! Or websites that tells u how to do it ?. Stop relying on the damn videos for all your damn issues

@Moodboard39 Год назад

Do you understand?.

@gorimanni1813 5 лет назад

Awesome..sir

@webdev07 5 лет назад

Thanks for your appreciation

@chandrapatrapatra 5 лет назад

Awesome video

@webdev07 5 лет назад

Thanks

@Giselle472 6 лет назад

How can I do a dropdown in this code with subpages?

@user-nq2js8ng4t 2 года назад

Just use another

@rubabqureshi3904 5 лет назад

how can i apply image slider on it please tell simple way

@shanmukasri2476 4 года назад

thanks bro

@webdev07 4 года назад

Welcome keep supporting

@shanmukasri2476 4 года назад

@@webdev07 ok bro

@ToddDolce 5 лет назад

This worked and is very cool. Thanks....But how do I take this menu and lay it on top of a landing page I have already created without messing up the page? I do not need the background image. I just want this Nav menu to work on a page that I have already created. Not sure where to put the code in the other html and css files. Is it difficult to add a drop down menu to some of the main menus?

@YekumAne 3 года назад

Nice explanation please add sub titles so we follow more better please

@mukheshsai7540 4 года назад

mr dev i want some infromation can you tell me ,what it is if we click contact menu , then will show contact daetails page.. can you give me a source code