As always very good stuff, thank you for that. But, maybe it is time to use HTML5 tags for Bootstrap also. Thus, I use e.g. or , for my layouts. Makes the code easier to read and complies with contemporary standards. Big ups.
I'm new to coding so this might be a little advanced for me at the moment BUT I appreciated your walk through. instant subscriber! I will definitely be going through your videos as I progress.
where nested hover effect code..i wanna this .When i clicked back to small side it did not show me result of hover effect i give two time hover effect in nested menus of div it was show me nested div inside of parent div instead of showing outside
Incase it doesn't work for you. Line 48 should be: $("#wrapper").toggleClass("menuDisplayed"); In the video he has it as toogledClass("toggled"); but on his github page it's like the code I posted above. After this fix it worked for me.
Thank you by this video friend. I download the source code of your tutoriasl but i can´t to find this same example of this video. Where i can to find the source code of this video?
is an anchor tag, it links whatever is between its tags to the page written within it. In this case # is an empty. It makes it clickable but it wouldn't redirect you to anywhere.
Hey following ur Chanel for a long time, just curios where do you learned these things from did you graduted uni?? And also can u make how to develope a game in Java please? Thank you much thanks.
aoihgaigh ihusgohg He didn't go to college I believe. I think he left college. Also, he probably learned the same way you are--google, and for dummies.
aoihgaigh ihusgohg He reads a whole bunch of books, I think he's shown it in a vlog once and/or talks about it in the podcasts. Yes there are podcasts and vlogs, if you didn't already know.
Hey Bucky, why not just use a button instead of a hyperlink? Just add a few extra self-made variables to it such as [toggle="collapse"] and [target="#sidebar"].
Awesome like always Bucky!. Bucky, i need make some copy clipboard on y website. Allready try searching how to make it but still not found. Can you help me make some video for that? Thanks anyway Bucky.
Hi Bucky! Your tutorials are awesome and you don't need class col-lg-12 when you want full width column (block elements like divs are full width by default).
Hello, Would you be able to show us how to create a site like yours. So people can sign in and do stuff like yours because there is no videos on youtube what show you that, and you'll be able to explain it well. Thanks Steven
where can we download the sidebar.css? I'm trying the code and i'm not sure if its working correctly because all I can see is the word account, settings and logout. Also a button that says toggle menu.
/*SideBar main*/ #Sidebar-warapper { z-index: 1; position: absolute; width: 0px; height: 100%; overflow-y: hidden; background: #2C3E50; border: 2px red; opacity: 0.9; } /*main content*/ #Page-Main-Content { width: 100%; position: absolute; position: 15px; border: 5px green; } /* CHange the side bar displayt #WrapperMain.MenuDiaplay #Sidebar-warapper ========================================== this is use to show the side bar (by increasing width) when Jquery button click #WrapperMain.MenuDiaplay #Page-Main-Content ========================================== this used to make room for side bar when it showing. doing that by padding left same width as side bar simple */ #WrapperMain.MenuDiaplay #Sidebar-warapper { width: 250px; } #WrapperMain.MenuDiaplay #Page-Main-Content { padding-left: 250px; } /*Other styling*/ .Sidebar-Navx{ padding: 0; list-style: none; } .Sidebar-Navx li { text-indent: 20px; line-height: 40px; } .Sidebar-Navx li a { display: block; text-decoration:none; color: #ddd; } .Sidebar-Navx li a:hover { background: black; }
Can someone help me? What's that icon on the javascript at 11:55 on both before the "menu-toggle" and "wrapper" Is it this "&"? I haven't learn jquery or javasript is yet. But soon I will after I finish this Bootstrap playlist tutorial. BTW Thanks for the tutorial vids. I am learning so much. Future Web Designer here :)
+Roberto Flores Thanks man for very useful advice. I didn't know before that u need to go to bootstrap website. That's why i watched this video so someone can link me to boostrap website. I cant use google for that, in fact i dont know how to use google, never used it. Thanks man ur a *** star ***..........
+Diego Maradonna When you are actually hosting a website on a server, you should use CDNs. These are basically links to where the files are hosted on other websites. If you use those from home though, make sure to have a good internet connection. The main thing that they do is reduce the amount of downloading you need to do because everything is already set up
bahi bootstrap gives us classes then we use bootstrap classes used complete work but some time bootstrap overwride then the css is better as compare to bootstrap
I love how he builds a website then shows us a completely different website that has no real applicability to this..... "look i did it guys" worst tutorial ever
I love your tutorials! So much more fun listening to then all the other stuff on youtube. You're a funny guy :)
As always very good stuff, thank you for that. But, maybe it is time to use HTML5 tags for Bootstrap also. Thus, I use e.g. or , for my layouts. Makes the code easier to read and complies with contemporary standards. Big ups.
I'm new to coding so this might be a little advanced for me at the moment BUT I appreciated your walk through. instant subscriber! I will definitely be going through your videos as I progress.
Thank you so much!!!! you helped me a lot on my project... The best!!!
Dear Bucky!
Can you show us how to create the website in your above tutorial..Please
where nested hover effect code..i wanna this .When i clicked back to small side it did not show me result of hover effect i give two time hover effect in nested menus of div it was show me nested div inside of parent div instead of showing outside
Incase it doesn't work for you.
Line 48 should be:
$("#wrapper").toggleClass("menuDisplayed");
In the video he has it as toogledClass("toggled"); but on his github page it's like the code I posted above.
After this fix it worked for me.
Hi there
Super helpful video however all my text in my paragraph tags etc. in my page content class does not get displayed at all
PLEASE HELP
Thanks
Thank you by this video friend. I download the source code of your tutoriasl but i can´t to find this same example of this video. Where i can to find the source code of this video?
Newbie here.... Is it possible to use another tag instead of so that you don't need to disable its default action?
Can you make a tutorial how to make those kind of boxes. Like how can we make a box with that traffic shizzle en stuf like that.
Can we use python instead of jQuery for the script part ?
can you do a chart.js tutorial?
What text editor is that it is pretty cool? :)
hi great video! quick question why did you use instead of for the button.
is an anchor tag, it links whatever is between its tags to the page written within it. In this case # is an empty. It makes it clickable but it wouldn't redirect you to anywhere.
my sidebar menu doesn't get in the sidebar. can someone solve it ?
Any chance you can add this to you GitHub ? Thank you.
Can u teach us how you add a picture in the sidebar?
Anyone know why the columns would show up stacked on each other instead of next to each other?
Hey following ur Chanel for a long time, just curios where do you learned these things from did you graduted uni?? And also can u make how to develope a game in Java please? Thank you much thanks.
aoihgaigh ihusgohg He didn't go to college I believe. I think he left college. Also, he probably learned the same way you are--google, and for dummies.
aoihgaigh ihusgohg He reads a whole bunch of books, I think he's shown it in a vlog once and/or talks about it in the podcasts. Yes there are podcasts and vlogs, if you didn't already know.
Hey Bucky, why not just use a button instead of a hyperlink? Just add a few extra self-made variables to it such as [toggle="collapse"] and [target="#sidebar"].
Awesome like always Bucky!.
Bucky, i need make some copy clipboard on y website. Allready try searching how to make it but still not found. Can you help me make some video for that?
Thanks anyway Bucky.
HI. Which symbol did you used in script tag at the start? As im not familiar with jquery.
$.
+Nooria Khan $ is just a shortcut for everything in jQuery. It reduces the risk of name collision. Shortcuts for finding elements.
+Nooria Khan $ is just a shortcut for everything in jQuery. It reduces the risk of name collision. Shortcuts for finding elements.
Hi Bucky! Your tutorials are awesome and you don't need class col-lg-12 when you want full width column (block elements like divs are full width by default).
ruclips.net/video/vNzAfMxnfhQ/видео.html
Thank you :D
"Buhton". Lol
Thanks for the vid!
ruclips.net/video/vNzAfMxnfhQ/видео.html
Hello,
Would you be able to show us how to create a site like yours. So people can sign in and do stuff like yours because there is no videos on youtube what show you that, and you'll be able to explain it well.
Thanks
Steven
+MendozaEU Clan That's really complicated. Start learning JavaScript, PHP, and SQL first. Also learn jQuery right after JavaScript.
can u send the dashboard template?
Nice tut but where can we get those codes on top??(meta charset,..)
ruclips.net/video/vNzAfMxnfhQ/видео.html
where can we download the sidebar.css? I'm trying the code and i'm not sure if its working correctly because all I can see is the word account, settings and logout. Also a button that says toggle menu.
meron ka na? penge. mejo magulo ung site ni bucky e
/*SideBar main*/
#Sidebar-warapper {
z-index: 1;
position: absolute;
width: 0px;
height: 100%;
overflow-y: hidden;
background: #2C3E50;
border: 2px red;
opacity: 0.9;
}
/*main content*/
#Page-Main-Content {
width: 100%;
position: absolute;
position: 15px;
border: 5px green;
}
/*
CHange the side bar displayt
#WrapperMain.MenuDiaplay #Sidebar-warapper
==========================================
this is use to show the side bar (by increasing width) when Jquery button click
#WrapperMain.MenuDiaplay #Page-Main-Content
==========================================
this used to make room for side bar when it showing. doing that by padding left same width as side bar
simple
*/
#WrapperMain.MenuDiaplay #Sidebar-warapper {
width: 250px;
}
#WrapperMain.MenuDiaplay #Page-Main-Content {
padding-left: 250px;
}
/*Other styling*/
.Sidebar-Navx{
padding: 0;
list-style: none;
}
.Sidebar-Navx li {
text-indent: 20px;
line-height: 40px;
}
.Sidebar-Navx li a {
display: block;
text-decoration:none;
color: #ddd;
}
.Sidebar-Navx li a:hover {
background: black;
}
you need to minified above
Can someone help me? What's that icon on the javascript at 11:55 on both before the "menu-toggle" and "wrapper"
Is it this "&"? I haven't learn jquery or javasript is yet. But soon I will after I finish this Bootstrap playlist tutorial.
BTW Thanks for the tutorial vids. I am learning so much. Future Web Designer here :)
it's a "#"
It's a dollar sign. $$$$$$$$$$
can you please show us the real actual of your coding output before it finished. I'm just curios how it looks like.
ruclips.net/video/vNzAfMxnfhQ/видео.html
where I can download this menu?
ruclips.net/video/vNzAfMxnfhQ/видео.html
drive.google.com/file/d/1omB2jbdR-_6A8tbeTIiT-QML7jPbdTpo/view?usp=sharing
menue code
drive.google.com/file/d/1omB2jbdR-_6A8tbeTIiT-QML7jPbdTpo/view?usp=sharing
COOLEST GUY ON PLANET
ruclips.net/video/vNzAfMxnfhQ/видео.html
do you have another channel or is someone stealing your videos?
ruclips.net/video/ktGbK9wUaC0/видео.html
ruclips.net/video/vNzAfMxnfhQ/видео.html
how to change the toggle button to triple-lined button?
ruclips.net/video/vNzAfMxnfhQ/видео.html
navbar toggle code
drive.google.com/file/d/1omB2jbdR-_6A8tbeTIiT-QML7jPbdTpo/view?usp=sharing
what editor are you using
In notepad++ also working :D
Isnt he using itelliJ by jetbrains?
No, it's Pycharm yes is my JetBrains
phpstorm by JetBrains.
If you can see the logo it's Intellij, so...
*Bucky* my boyy
ruclips.net/video/vNzAfMxnfhQ/видео.html
lol are these 2.3 BTC in the top right corner or like 2319 BTC!?!?
ruclips.net/video/vNzAfMxnfhQ/видео.html
how long time sir
ruclips.net/video/vNzAfMxnfhQ/видео.html
am i supposed to remember all the class and attirbutes...its quite a lot u see
ruclips.net/video/vNzAfMxnfhQ/видео.html
where is the css code ?
+Diego Maradonna use bootstrap: getbootstrap.com/
+Roberto Flores Thanks man for very useful advice. I didn't know before that u need to go to bootstrap website. That's why i watched this video so someone can link me to boostrap website. I cant use google for that, in fact i dont know how to use google, never used it. Thanks man ur a
*** star ***..........
+Diego Maradonna When you are actually hosting a website on a server, you should use CDNs. These are basically links to where the files are hosted on other websites. If you use those from home though, make sure to have a good internet connection. The main thing that they do is reduce the amount of downloading you need to do because everything is already set up
ruclips.net/video/vNzAfMxnfhQ/видео.html
prefer to watch from start.
ruclips.net/video/vNzAfMxnfhQ/видео.html
bro why we use CSS instead of Bootstrap?
ruclips.net/video/vNzAfMxnfhQ/видео.html
bahi bootstrap gives us classes then we use bootstrap classes used complete work but some time bootstrap overwride then the css is better as compare to bootstrap
hmmm..bitcoin
ruclips.net/video/vNzAfMxnfhQ/видео.html
first
ruclips.net/video/vNzAfMxnfhQ/видео.html
Lie!!!!!
ruclips.net/video/vNzAfMxnfhQ/видео.html
I love how he builds a website then shows us a completely different website that has no real applicability to this.....
"look i did it guys" worst tutorial ever
+awman thisgirl If I struggled believing this person has any idea what theyre doing why would I continue tormenting myself
ruclips.net/video/vNzAfMxnfhQ/видео.html