Thanks for creating all these amazing tutorials. You are a professional blogger. Whenever you create this type of project then please tell then how we add this into our blog site.
Bro please make a video on sticky icons how it use and make different usages various sticky icons please make this video . Your doing the good job your code development is awesome
@CodingNepal I added an a href link to my buttons at the same as you told on the website, but the icons are blue now. I checked your website, there was the same question, but the solution you gave their didn't work for me. You said to add this to css = .wrapper .icon span i{color: #fff}; Unfortunately that turns the whole icon white so you can only see the icon when you hover it, then it shows normal. Do you know a potential fix for this? Thanks!
Hey bro! This is superb! I'm facing problem with where to insert the links as I do not know anything about coding! 😅 Can you please elaborate on where do I place the tag? 😄
You can also easily to this... Just change the span tag with anchor tag like it's tag and you've to change it into and also remember to change tag name in css file too.
When I remove the "i" from line 45 at 7m58s: .wrapper .icon:hover span{ color #fff; } My icons don't turn white on hover, and the colors I later put in for the other icons stay as Facebook blue. It's driving me crazy! :D Any tips?
@@CodingNepal hey man. I just tried the same, but both the icons and text becomes a hyperlink and turns purple. And the alignment also changes. Any suggestions for it?
If your icons aren't showing, replace the line no.7 script of index.html with this:
Why this video doesn't have a millions of views??
Succesfully video friend 😄😄😄
Thank you 💙😁... Stay tuned.
it is same for me too😍
Thank you 💙😁... Stay tuned.
@@CodingNepal of course. I already subscribed your channel 🤗
This video is awesome, but when write i dotn have the icon
can you tell me why ?
the best channel ever for coding content !.
This was new experience for me.
Thank you from the bottom of my heart!
Awesome bro....
Ajha bolldai tutorial banako vaye ta jhanai sunn maa sugandha nai hunnthyo.❣️
Umm bro.. Abw naya video ma voice add garnw parlaa.
You are a wizard of code!!!!!
Hello friend thanks for the blessings you give us through coding. Can you please make a video about website responsiveness on all devices.
This channel deserves better
My pleasure!
Where did you get the icons from? I need them please
One more thing is there a way I convert this whole file into one line of html code. Whenever I want to add this into my post, I just add that code.
THIS IS EPICALLY GOOD
Thank you 💙😁... Stay tuned.
Thank you give me a new concept of animations, thanks again alot of love bro💝
You make very great videos
Itna detail mai koe bhi nii bataya hai
Thanks for creating all these amazing tutorials. You are a professional blogger. Whenever you create this type of project then please tell then how we add this into our blog site.
Okk.. I'll make video on it.. Stay tuned 😁
This is art! Holy smokes! (By the way, I usually hate music on code videos, but this track is amazing, as well.)
Thank you! Glad you enjoyed both the content and the music!
this is lovely and helpful
Omg!!! So perfect 😍
Thanks!
You're welcome.. Stay tuned 😁
Your vedios is very helpful.
Thank you bro
It's my pleasure
Bro please make a video on sticky icons how it use and make different usages various sticky icons please make this video . Your doing the good job your code development is awesome
Please make video on sticky icons like what up , Facebook like this
Here is the video - ruclips.net/video/h0_o5jznRWM/видео.html
Ótimo vídeo parabéns ✌.
Excellent video
But How to make it appear when we click the social media icons??
website adblocker is faulty and alerting even when i disabled all extensions and tried incognito :(((
Can you please tell me where you learn these programming languages.
From RUclips videos, blogs, and many free sites
@CodingNepal
I added an a href link to my buttons at the same as you told on the website, but the icons are blue now. I checked your website, there was the same question, but the solution you gave their didn't work for me. You said to add this to css = .wrapper .icon span i{color: #fff};
Unfortunately that turns the whole icon white so you can only see the icon when you hover it, then it shows normal. Do you know a potential fix for this?
Thanks!
I think u have to go to css and change span to a
How did u get the buttons to work with links?
Nepali honi! Awesome bro :)
Thank you bro 💙 😁
Video and song both are great !!! 🔥
Thanks codding Nepal. I got an recommended video. Can you make an view counter. Please
that's excellent
Thank you.. Stay tuned 😁
Hey bro! This is superb! I'm facing problem with where to insert the links as I do not know anything about coding! 😅 Can you please elaborate on where do I place the tag? 😄
If you don't know then don't worry I'll do for you just contact me on Instagram.
You can also easily to this... Just change the span tag with anchor tag like it's tag and you've to change it into and also remember to change tag name in css file too.
@@CodingNepal okay.. Thank you! :)
awesome bro, hats off
Thank you so much 😀
Good work. thanks!
how to add social links to the social icons to made those clickable
Thank you so much, this helped me alot
Glad it was helpful for you :)
thank you to Social Media Buttons with Tooltip on Hover using
You're welcome... Stay tuned 😁
Olive you
Sorry I love you
@@CodingNepal I love you
Oh wow I also love me!
Thank you so much
You have given code as well
It makes work so easy
thank you bhai ,You are great'
Incredible, Thanks!!
Love You bro 👍👍
Thanks bro.. Stay tuned 😁
@@CodingNepal ❤️❤️
Bhai whole website par videos banao ek
Mujhe intjaar hai please ☑️
Should we download the images? like facebook and instagram etc.
These aren't images.. These are icons... Please watch full video for further info.
You are awesome brother
Thank you bro.. Stay tuned 😁
can we just type span{} instead of .wrapper .icon span{}
Yes but it'll select all spans outside .icon and .wrapper if there you used span
Please aap slideshow image kea sath menu bar banao for phone view
Why did you give flex direction column?
Real professional
how can we add that green ripple effect on mouse click,can you share that video?
Thank you so much for this! :)
Awesome 👍
Thank you so much
why you made span position to relative?
Because I gave children to position absolute
how to change the position of this to our wish..plx help me out...
Very nice !
where did you get kit frontawsome website or can you me link
Is this possible with tailwind css?
That's amazing
Thank you.. Stay tuned 😁
did you use bootstrap ??
No it's pure css
@@CodingNepal please do you have any course about css ? in udemy or any other platform ?
How do I make it that, when I press the buttons, it brings me to another website.
thank you so much bro
I was doing this just now but then the logo was missing and it says "Not allow when Origin Missing". How to fix this?
I have done this but F ko mathi facebook aauni ma tei aautai f lekhko mai joderw aau6 ani mathi aauni sattoo ma kata mistake bako hola?
Friend, could you help me to Make this social icon bar responsive and see it on all My devices
Hay forma de hacerlo adaptable a otros dispositivos?
Your tutorial really super
How to Generate Barcode
I'll make video... Stay tuned 😁
@@CodingNepal thanks
can you recreate this video please using display flex
how do i add hyperlink without changing the color?
Email me here codingnepalweb@gmail.com and I'll send code for you.
How do I fix the icon turn blue instead of black please reply
In the css file add this a{color: #333;}
need help!!!
HOW TO CHANGE THE POSITION OF THIS WHOLE TO BOTTOM RIGHT OF MY WEB PAGE
@CodingNepal
position: absolute;
bottom: 0px;
right: 0px;
*Thnx bro*
Please slow write the code to understand thank you 💯💚
OK I'll improve it.. Stay tuned 😁
Bro can you tell me the import link which you added on style.css
Niice
You're welcome 💙
Thanks bro
Hey bro how you preview page in vs code
You are so nice
Awesome
YR YE COLOR KESEY CHANGE HOGA ICONS KA
Css ki file m 1st link kis cheez ka h?
Oh Google font ko import kiya he... Meh kal iska source codes mere website pe provide kardunga.
@@CodingNepal OK
When I remove the "i" from line 45 at 7m58s:
.wrapper .icon:hover span{
color #fff;
}
My icons don't turn white on hover, and the colors I later put in for the other icons stay as Facebook blue. It's driving me crazy! :D
Any tips?
I've checked the code in CodePen so many times, and can't seem to see where I'm going wrong...
I've coded for I tag so when you removed it.. The codes for this tag are not used. So if you don't know about it then don't remove it.
@@CodingNepal Totally my fault, it was an HTML, not a CSS error :D
Great widget, thanks!!
how do you add links to it please
It's simple.. Add tag inside each div.. If you don't know how then you can contact me on Instagram and I'll send the codes of it.
Its not working beacuse if i open the html file it wont load the css
Sir,,,its not device responsive .....Can you make it.....?
Sir,, could you please help me to make it device responsive
can you share the code of this awesome video
You can copy or download codes from here www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/
@@CodingNepal bro it is not responsive
what -70px mean?
To move element -70px
went a step further and added links to the icons
greAt!
Thank you.. Stay tuned 😁
@@CodingNepal always
Plz make wave of water 🥰
how to add our social media links to it
Just add tag inside each div and insert your social network link inside href attribute of tag.
Like this
@@CodingNepal hey man. I just tried the same, but both the icons and text becomes a hyperlink and turns purple. And the alignment also changes. Any suggestions for it?
Yes I've styled the span tag.. Just replace span with tag and change tag name in css codes too.
@@CodingNepal Yes, I did the same. All the icons are becoming purple.
Oh yes, got it. I added text-decoration: none; and color: inherit; Now it works. Thanks a lot.
You are so fast bro
But good job 👍
nice
Please slow write the code to understand thank you
Thanks for your suggestion and I'll improve it.
💻🅶🅾🅳 𝕭𝖑𝖊𝖘𝖘 𝖄𝖔𝖚💻
Thank you 💙😁... Stay tuned.
यस वेबसाइटमा कुनै भ्रमणहरू छैनन् किनभने तिनीहरू सबै कुरा मुद्रीकरण गर्न चाहन्छन्!!!!
save my 3 to 5 hour Thanks
8:02
Ure used script means ure ued the js I am right na
Bhai music ka nam kya ha
Check description.
Bhai your are 😊👏👏👏👍👍
Thank you bro 💙😁
Can you please give me the source code of the program bro
You can download it from here - www.codingnepalweb.com/social-media-buttons-with-tooltip-on-hover/
Music menit 1:00 ? Thanks
Up
I didn't understand
Where is code
❤️❤️❤️❤️❤️❤️
✔👌❤