great video and it helped me alot, honestly who cares if you couldn't understand what he was saying. Following along got the job done for me. Awesome Video!!!!
for you to add the plus + sign your css position is absolute which is not working for me but for me its not working fot me its relative .i need to know why its so ..your answer will be helpful. and 1 more thing the remove icon is not displaying for me can u tell the resion
i have written this code but its showing the add menu far away i.e at the corner of the moniter and its not comming from 2nd row its comming on 1st row even help plz- moz-transition : all 0.3s; opacity : 0; position: absolute; visibility: hidden; left: 80%; top: -2;
@@ghurburrunnilesh3050 make sure your tag it not after Users but after the first closing tag right under delete. Scroll to 1:54 and study the code very carefully line by line and that should help. I ran into the same problem. God Bless
In this video, I used Atom editor. Here the link: atom.io/ And sorry for font, it's too long for me. I almost forget but I will try to find it for you. Thanks you!
If i add , for example by database or web design some attributes like edit or delete , i cant reach them anymore or better only the first one ( here only add ). So if i would like to reach the next one it jumps to the next here webdesign . ?? it works , but only for one item with a sub menu , but do you have an idea , whats going on by more than 1 menu with submenu ?? hope you will answer soon ! greetings paul
Why making ppl loosing so much time typing letter by letter everything instead of giving the full code already done and explaining only where to change colors and sizes?
Great tutorial man, but without english or source code then its helpless to the rest of the world. Put the source code man. I come from Zimbabwe and I cant be giving tutorials in Ndebele man . Its total bullshit
Language does not matter in this video. The video is very clear, well-explained, nothing to complaint. Thank you so much, Brother!
Super. Mind blowing
Awesome brother. Thanks from USA
It's alright if you can't understand ehat he's trying to say. The code is definitely understandable and really good. Nice job.
very nice nd thankyou
I really don't know what he talking about,but I know the videos what he doing. and thank you for your videos.
Hmm, sorry that the old videos. I don't have any videos update now. If have I will try to speak in English.
Great! Have only one problem to see this signs
I understand khmer but I'm american. I like your design.
Wow, sound great!
good videos for khmer. i like video of you
Nice Work. Thank you.
Thats good work. No Matter What you speak.. Each country have own language and should be.. You did good work, its a nice videos.
This helps a lot in my homework. Thxxx
Nice design, i like the UI
Very good. Excellent.
do you still have the full code for this? if so could you send a link?
Thank you man.. Awesome.
thank you for your tutorial. it works well
your struggle is valueable.
Please leave the code also.
low volume, listed as English with an English description, but frankly I can't tell what language is even being used!
It's Khmer language, sorry guy it's just my old video since I was junior.
great video and it helped me alot, honestly who cares if you couldn't understand what he was saying. Following along got the job done for me. Awesome Video!!!!
all the code
Vertical menu
body{
padding: 0;
margin: 0;
}
.menu ul{
list-style: none;
margin: 0;
padding: 0;
}
.menu ul li{
padding: 15px;
position: relative;
width: 150px;
vertical-align: middle;
background-color: #34495e;
cursor: pointer;
border-top: 1px solid #bdc3c7
-webkit-transition: all 0.3s;
-0-transition; all 0.3s;
transition: all 0.3s;
}
.menu ul li:hover{
background-color: #2ecc71;
}
.menu > ul > li{
border-right: 5px solid #f1c40f;
}
.menu ul ul{
transition: all 0.3s;
opacity: 0;
position: absolute;
border-left: 6px solid #f1c40f;
visibility: hidden;
left: 100%;
top: -2%;
}
.menu ul li:hover > ul {
opacity: 1;
visibility: visible;
}
.menu ul li a{
color: #fff;
text-decoration: none;
}
span{
margin-right: 15px;
}
.menu > ul > li::after{
content: "+";
position: absolute;
margin-left: 10%;
float: right;
color: #fff;
font-size: 20px;
}
Home
Users
add
edit
delete
Web Design
Database
Contact us
pregunta como accedo al contenido de los item de ese menu
for you to add the plus + sign your css position is absolute which is not working for me but for me its not working fot me its relative .i need to know why its so ..your answer will be helpful. and 1 more thing the remove icon is not displaying for me can u tell the resion
Although your speaking is terrible, you did a good work.
in mine bullets are comming at the left side of item list how to remove them and plz tell me what you use for coding means other than notepad++.
i have written the same code but 2nd< ul> is not working its not popping out
..plz help
simple mistake happened to me resulting the same mistake. Don't forget to write the 2nd (Sub menu) inside the tag.
what is the text editor are using
شكرا لك يا غالي ... الله يحفظك
can u put your .html and .css public?
Thanks, very useful!
hloo
This was really helpful. Thanks!
I think the English version of this video will be better for a better understanding ........
Please work on this!!!!
well done
can you sent me the code for this tutorial ?
Well done!!!
pls answer what means this sign > ?
i have written this code but its showing the add menu far away i.e at the corner of the moniter and its not comming from 2nd row its comming on 1st row even help plz- moz-transition : all 0.3s;
opacity : 0;
position: absolute;
visibility: hidden;
left: 80%;
top: -2;
when you type 'ul>(li>a)*5' what you press to make the list?
press enter simply
when i write ".menu ul li:hover >ul { " hover doesnt seem to work, why?
I know is a dumb question, but is it a pluggin or something? :c
Same problem
It's a Brackets (IDE) plugin called Emmet
@@yuvakishore548 did u find the solution ?
any solution found?
@@ghurburrunnilesh3050 make sure your tag it not after Users but after the first closing tag right under delete. Scroll to 1:54 and study the code very carefully line by line and that should help. I ran into the same problem. God Bless
is there any English languages videos around for making drop down menus?
what is the software u used & how to get all the font list u had
In this video, I used Atom editor.
Here the link:
atom.io/
And sorry for font, it's too long for me. I almost forget but I will try to find it for you. Thanks you!
If i add , for example by database or web design some attributes like edit or delete , i cant reach them anymore or better only the first one ( here only add ). So if i would like to reach the next one it jumps to the next here webdesign . ??
it works , but only for one item with a sub menu , but do you have an idea , whats going on by more than 1 menu with submenu ??
hope you will answer soon !
greetings paul
can u send please full code
a very helpful
how did you make the shortcut for div and ul
That's emmet plugin.
the hover code is not working in my front page 2003 what should i do ??? please i really need your help
me too
lels i was looking forward that he can answer my question lol
Front Page still exists??? wow lol
interesting
thx a lot! great style!
Hello brother,
I need to know how to download the Font awesome library?
or can you give me directly the link to download?
សួរស្តីបងប្រុស
ការបង្ហាញរបស់ពិតជាល្អមែនទែនសម្រាប់ខ្ញុំ ដែលទើបចាប់ផ្តើម HTML និង CSS
ខ្ញុំមានចំង្ងល់បន្ថែមពីរបៀប add list to gallery.
ឧទាហរណ៍៖ ខ្ញុំចង់ដាក់ Add, Edit and Delete ជាប្រភេទ gallery វិញ ។ តើគួរត្រូវធ្វើយ៉ាងដូចម្តេច?
អាចរកវិដេអូដែលទាក់ទងទៅនឹង CRUD(Create, Read, Update,Delete) មើលទៅ
awesome
can i have the color palette?
it works perfectly TESTED
what text editing app you are using?
Hello! Please can you help me do the vertical menu with dropdown ages like on fnac.com ?
hellow brother Please suggest a good screen capture software.
In this video, I use FastStone Screen Capture.
tq for your help...
i need so much your "fontawesome", can you tell me where you founded?
Nice Phanna. Can you share code ?
Thank you very much
Could you share the code?
Span tag is not working for me hel please 🙏🙏🙏🙏
whats your syntax theme? pls
atom.io
Which editor you are using please provide me the download link.
In this video, I used Atom editor.
Here the link:
atom.io
for the its doesn't work
can you explain why ?
maybe the file doesn't excisist
Already downloaded Font Awesome, but in Chrome They show up as rectangles, and in Edge They're invisible.
thank you very much ...
Thanks a lot.
wow, perfect
what means sign > in css someone explain pls?
Called a child combinators. Google it and you could find details with number of examples
.menu ul li:hover >ul is not working pls guide it's urgent.
Can you share your code, please??
Phanna ly OK sir wait I will share a link here to the GitHub OK ?
That's okay.
Nice b excuse me b can you show me about data that store in menu . For example home: when we click it output Data. Ok thanks
transition is not working for me notepad ++
Ur Great thanks
sir it very good for me.
But please give media to this
Code ???
why ur all video volume low, whereas other video it sounds good. plz sir, look after it
.sidebar ul li:hover > ul{
this code is not working for me can I get help please.
give both ul a class name and next ul then try .sidebar .sub1 li:hover>.sub2{}
What app editor that is?
sublime text
សួស្ដី!
ហេតុអ្វីបានជាខ្ញុំដាក់ fontawesome អត់ចេញរូប Icon បែជាចេញរូប បួនជ្រុងទៅវិញ
thank brother
why this design cannot support when try it.....plz reply my message...plz.
virtical menu
body{
padding: 0;
margin: 0;
}
.menu ul{
list-style: none;
margin: 0;
padding: 0;
}
.menu ul li{
padding: 15px;
position: relative;
width: 150px;
vertical-align: middle;
background-color: #34495E;
border-right: 5px solid #F1C40F;
cursor: pointer;
border-top: 1px solid #BDC3C7;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.menu ul li:hover{
background-color: #2ECC71;
}
.menu > ul > li {
border-right: 5px solid #F1C40F;
}
.menu ul ul{
transition: all 0.3s;
opacity: 0;
position: absolute;
border-left: 5px solid #F1C40F
visibility: hidden;
left: 104%;
top: -2%;
}
.menu ul li:hover > ul{
opacity: 1;
visibility: visible;
}
.menu ul li a{
color: #fff;
text-decoration: none;
}
span{
margin: 15px;
}
.menu > ul > li:nth-of-type(2)::after{
content: "+";
position: absolute;
margin-left: 30%;
color: #fff;
font-size: 20px;
}
How to Check Your Website with Multiple Browsers on a Single Machine (Cross-Browser Compatibility Checking)
Home
User
Add
Edit
Delete
Web Design
Database
Contact
+nirmal magar I just test it and work. The problem maybe I use CSS3 with new syntax. One more thing transition you need to use prefix.
+Phanna ly thanks for good suggestion to you......
Code source file not included here.
i want source code
plese send a tutorial "how to add data in database and retrive it to another page pleseeeeeeeeeeeee it is so important for me....
សួស្ដី បង
hover effect wont work for me!
you need to declare to html5 first before you can use other effects
I also face the issue.. do like this --1> Set the" Id" of fist "ul" -- 2> #vMenu li:hover > ul{ -----} . It will definitely work...
span is not work for me
I don't know your code. You should show it here and I will have a quick look.
it doesnt work on notepad
You should try to use any modern text editor. I will help you more.
Please try this atom.io
why not grab me the icons ?
Restaurante: Mi ranchito
body{
padding:0;
margin:0;
}
.menu ul{
list-style:none;
margin:0;
}
.menu ul li{
padding:15px;
position:relative;
width:150px;
background-color:#34495E;
border-top: 1px solid #BDC3C7;
}
.menu ul ul{
transition: all 0.3s;
opacity:0;
position:absolute;
visibility:hidden;
left:80%;
top:-2%;
}
.menu ul li:hover > ul{
opacity:1;
visibility:visible;
}
.menu ul li a{
color:#fff;
text-decoration:none;
}
span{
margin-right:15px;
}
Inicio
Menu
Desayunos
Tacos de guisado
Antojitos mexicanos
Comida del día
Entremés
Carnes
Ensaladas
Postres
Bebidas
Contactanos
Nosotros
guys please write it
write it
pleeeeeeeeeeeeaaaaaaaaaaaaasssee
You mean source code right?
Yes
Did not understand a single word LOL.
Why making ppl loosing so much time typing letter by letter everything instead of giving the full code already done and explaining only where to change colors and sizes?
Good Job God Bless :)
Friend I do not hear what you're saying, please I'm almost deaf.
Great tutorial man, but without english or source code then its helpless to the rest of the world. Put the source code man. I come from Zimbabwe and I cant be giving tutorials in Ndebele man . Its total bullshit
canhophuan.net/
cho e hỏi tên của kiểu menu này dc không ạ
cám ơn ad nhiều
good video, but not work for me!
you should try and try this video until success
This looks to be a good video, but I can't hear a thing. Can you re-do it with better sound...? English?
Hey help needed
Chẳng cần cao sang
This should be tagged as non English.