If your icons aren't showing, replace the line no.7 script of index.html with this:
@niraj_raut3 жыл бұрын
Today I'm noticing a Nepali channel that's really awesome. You are pro
@CodingNepal3 жыл бұрын
Wow, thanks
@raphaelmottelet54214 жыл бұрын
I am a student in dev school, i can say its verry helpfull, i will try to understand your code before using it for projects. Thank you verry much, keep it up man ! Love from France.
@CodingNepal4 жыл бұрын
You're welcome and don't forget to subscribe for more awesome videos.
@twi44583 жыл бұрын
Just want to say Thanks, Seen this type of concept first time. Really glad that I could find ur video.
@CodingNepal3 жыл бұрын
Glad you liked it
@stoby97594 жыл бұрын
Awesome bro, have been looking for this type of social button
@CodingNepal4 жыл бұрын
Thank you bro 💙
@VikashXman2 жыл бұрын
This could be my best channel for chilling xD
@mymilliondollorjourney74504 жыл бұрын
Wow what a nice and awesome hover effect... Thanks..codeing Nepal broo
@CodingNepal4 жыл бұрын
You're welcome bro 💙
@HamidRaza083 ай бұрын
The code is so simple and very helpful Thanks man
@KrampusPlays2 жыл бұрын
Literally worked And Amazing Technique :O
@CodingNepal2 жыл бұрын
Great to hear!
@yntkns60947 ай бұрын
Thanks Man! its usefull for me for my school project lol, been searching for a good visual!
@CodingNepal7 ай бұрын
Glad I could help!
@avinashranjan96223 жыл бұрын
Wow wonderful ❤️❤️❤️❤️❤️❤️❤️..
@CodingNepal3 жыл бұрын
Many many thanks
@onlycoding22274 жыл бұрын
Its awesome bro.. keep going
@CodingNepal4 жыл бұрын
Thank you bro 💙
@laurasilva-t4n2 жыл бұрын
exactly what i was looking for. thank uuuu!!
@mirabbos024 жыл бұрын
awesome great work this is what i really wanted
@CodingNepal4 жыл бұрын
Thank you 💙
@iamhtmldeveloper4 жыл бұрын
Nice Creative Work... Thanks for your helpful video :)
@CodingNepal4 жыл бұрын
You're welcome 💙😁
@yashpanchal84642 жыл бұрын
Thank you so much for this cool icons "buttons"
@kartikvarade50394 жыл бұрын
Great work sir thank you so much 🙂
@CodingNepal4 жыл бұрын
You're welcome bro 💙
@loverboyhd42594 жыл бұрын
Awesome Work
@CodingNepal4 жыл бұрын
Thank you.. Stay tuned 😁
4 жыл бұрын
awesome thanks bro
@CodingNepal4 жыл бұрын
You're welcome bro.. Stay tuned 😁
4 жыл бұрын
@@CodingNepal haha I'm sis
@CodingNepal4 жыл бұрын
Haha ok sis.. Stay tuned with us 😁
@drunken-panda4 жыл бұрын
This is amazing! Keep up the great work!!
@CodingNepal4 жыл бұрын
Thank you 💙
@MohammadAli-iu3oi4 жыл бұрын
Yeah ... Its working ... NICE ...
@CodingNepal4 жыл бұрын
Thank you 💙
@JackBrian-wh5bp Жыл бұрын
Nice bro ❤
@AdeyCoder4 жыл бұрын
👏 nice work keep it up
@CodingNepal4 жыл бұрын
Thank you 💙
@HieuPhan-jt8bj4 жыл бұрын
thanks you, I form Vietnam
@CodingNepal4 жыл бұрын
You're welcome 💙
@stansfieldmalosa56084 жыл бұрын
Hai sir, this indeed amazing.
@CodingNepal4 жыл бұрын
Hey, thanks
@stansfieldmalosa56084 жыл бұрын
how can one build a school website with following website interface: home, staffs, students,about us , study with us , current affairs, campus life,research,library , eLearning,journals.if you any knowledge kindly assist
@deepthikorrapati71253 жыл бұрын
my styles(CSS) is not working plz help me.i put all style but it doesn't work
@CodingNepal3 жыл бұрын
Make sure you've linked your css file in your html file.
@govines43414 жыл бұрын
Bro please make a series of building your own css framework.
@CodingNepal4 жыл бұрын
Ok bro... Stay tuned.
@neelchauhan97704 жыл бұрын
Thank you sooo much
@CodingNepal4 жыл бұрын
You're welcome 💙
@mohsinsayyad63474 жыл бұрын
Great work bro ❤👌
@CodingNepal4 жыл бұрын
Thank you bro 💙
@muchamadfahmi13153 жыл бұрын
thank you sir
@CodingNepal3 жыл бұрын
Most welcome
@Joabson20113 жыл бұрын
Você é fenomenal!!!
@mael3303 жыл бұрын
Hello, if I change the icons by images, the span text is not vertically center after the hover effect. Do you know how to solve this problem ?
@CodingNepal3 жыл бұрын
If you use image tag then you have to add some custom css for images.
@shaderone074 жыл бұрын
incredible
@CodingNepal4 жыл бұрын
Thank you 💙
@adarshkumargupta21814 жыл бұрын
Great sir ❤️
@CodingNepal4 жыл бұрын
Thank you 💙
@mrandersoncga4 жыл бұрын
Very Nice!
@CodingNepal4 жыл бұрын
Thank you 💙
@artgrigoryan54754 жыл бұрын
yeah good thanks
@CodingNepal4 жыл бұрын
You're welcome
@Skyraxk3 жыл бұрын
hi bro, how to put link in every button?
@CodingNepal3 жыл бұрын
There is a .button div right.. Just change this div to and change the .button div close tag into Syntax: ... some other tags here.... Just change above starting tag and closing tag to ... Some other tags here....
@broveerPI3 жыл бұрын
@@CodingNepal We have to add also because otherwise it changes the color to blue and purple. (I added the extra style in this)
@Skyraxk3 жыл бұрын
@@CodingNepal thanks bro. Its work😁
@rudra33003 жыл бұрын
@@CodingNepal bro when I am adding more of them the span isn't shifting right nest to the icon???
@blu_nobile62853 жыл бұрын
@@CodingNepal I have a problem and it is that in the end the icons do not appear
@MarcoAntonioOwono3 ай бұрын
Hi, nice video. It's good but how can I move all the buttons at once without losing any effect? Because on my page I not only have that but also a top menu and a login, and the latter tends to move because the buttons take their place, I need: 1. General position of the buttons, how do I move them? 2. How do I make it not overlap my login panel? 3. How do I reduce the size of the buttons?
@OneSlySwan6 күн бұрын
Nice
@zmzzaytoon57304 жыл бұрын
thanks my love
@CodingNepal4 жыл бұрын
Stay tuned.
@zmzzaytoon57304 жыл бұрын
@@CodingNepal 💖👍
@moumita74914 жыл бұрын
Great 😍
@CodingNepal4 жыл бұрын
Thank you 💙
@Ayassee Жыл бұрын
wha url did you use on your css? lack of infortmation
@boo86774 жыл бұрын
Hi, Thank you for this video, im a beginner and have some questions as some strange things happened to my code 1/ After using float: left, the parent container "wrapper" collapsed with a 0 height. 2/ The finished product expands with the 200 px length, however the writing of "facebook, twitter etc" does not appear in it? Is it related to wrapper being 0px in height? What is the property that effects the "facebook, twitter etc" to enter the allocated space of 200px? 3/ Why did you have to keep writing display inline-block? does it not inherit this from the parents element, meaning you should only write it once in parent containers?
@CodingNepal4 жыл бұрын
At first icons have only 60px width so the remaining or overflow text moved to the bottom and due to the overflow: hidden property, overflow text aren't displayed but when we hover on the particular icon, the width of that icon becomes 200px and then the text appears. Yes there is no need to write display: inline-block twice... It can be inherit from the parent element. If you're facing problems.. Please download the source files from the description link.
@abcfuture57794 жыл бұрын
Cool bro
@CodingNepal4 жыл бұрын
Thank you bro 💙😁
@yasminebetrouni804 Жыл бұрын
pls telll me from where did u get the script link of icons bcs i'm looking for more icons .and ur code is helpfull thank you
@faisalmanali112 жыл бұрын
Thanks
@wintmain4 жыл бұрын
Soooo good.
@CodingNepal4 жыл бұрын
Thank you 💙
@clevercoderjoy3 жыл бұрын
in instagram icon when i hover it does not shows instagram written but when i put it outside of span tag it starts showing but with not styling
@bastizocker844 жыл бұрын
Im still a beginner but when I want the "button" to lead me somewhere I need to put an tag around the tag right ? Btw awesome buttons man I appreciate it Edit : Never mind I found it
@CodingNepal4 жыл бұрын
Contact me on Instagram and I'll do it for you.
@amineakremi5105 Жыл бұрын
@@CodingNepal Can you give me the solutions please
@sonqua6709 Жыл бұрын
i cant find the button in the button section of the link you provided
@ytardihydra39954 жыл бұрын
i like it
@CodingNepal4 жыл бұрын
Thank you.. Stay tuned 😁
@florianmolnar58484 жыл бұрын
Hi, what ide do you use?
@CodingNepal4 жыл бұрын
Atom.. Here is the video - kzbin.info/www/bejne/a2a5m4uKmr6eiqc
@ipdev-c1c Жыл бұрын
How to make, when on hover text show in right side of the icon.
@prosenjeetsarker Жыл бұрын
How to target it?code please I wanna little bit small icon 🙏
@rupeshbharuka77552 жыл бұрын
Which software do you use to record your screen? I'd be thankful to you for your response.
@CodingNepal2 жыл бұрын
I use Filmora screen recorder that comes with Filmora video editor
@rupeshbharuka77552 жыл бұрын
@@CodingNepal Thank you so much for your kind response. I'll try exploring the same. Your videos are awesome buddy.
@syediqbalahmed31763 жыл бұрын
vola ... ocay ... quickly done ...
@pankajdahal87874 жыл бұрын
Hey prakash bro, you got adsence with 2 months old Domain ? 😲😲
@CodingNepal4 жыл бұрын
Yes I got approval in 15 days after buy domain name. But first time it was rejected.
@pankajdahal87874 жыл бұрын
@@CodingNepal Congratulation bro , My got rejected more than 3 times.
@pankajdahal87874 жыл бұрын
@@CodingNepal ani himalayan hosting bata domain lida ta free ma Domain protection dinu parne ho ta.
@CodingNepal4 жыл бұрын
How... What's your niche.?
@CodingNepal4 жыл бұрын
Kati posts index garerw apply gartheu ni
@iftakharahammed48794 жыл бұрын
what is the url(?????) in css.......i hope i will answered me
@CodingNepal4 жыл бұрын
Here is the codes - www.codingnepalweb.com/2020/07/awesome-social-media-buttons-with-hover-animation.html
@LeQuocDat964 жыл бұрын
Please ask what this software is
@CodingNepal4 жыл бұрын
Atom... I've made a video on it.. Check description.
@LeQuocDat964 жыл бұрын
@@CodingNepal I mean what is the software used to code the code?
@CodingNepal4 жыл бұрын
Atom Text Editor
@ankitbhujeja17773 жыл бұрын
Bro how u change 5 lines in a single word called span at 5 lines at last after copy ?
@CodingNepal3 жыл бұрын
You've to install emmet in your text editor and do same I did then press tab
@furqan82754 жыл бұрын
what app is this mate?
@CodingNepal4 жыл бұрын
Atom... Check description.. I've made a video on it.
@furqan82754 жыл бұрын
@@CodingNepal sorry mate, i didn't see it before. thx for reply! Improve your skill and hope u for the best!
@CodingNepal4 жыл бұрын
Okk ... Keep watching 😁
@juliopratama60842 жыл бұрын
I have a problem with float , this code cannot apply display: inline-block; .wrapper .button { display: inline-block; height: 60px; width: 60px; margin: 0 5px; float: left; border-radius: 50px; background: #fff; cursor: pointer; box-shadow: 0px 10px 10px rgba (0, 0, 0, 0.1); } the float: left there doesn't have effect.. so my text just still bellow the icon when button:hover move. please. help.. :)
@parvinderbainsla42703 жыл бұрын
Why you not tell about
@CodingNepal3 жыл бұрын
This is a FontAwesome script and it's used for icons only.
@raidenedit64814 жыл бұрын
It's great man, I just have a question, what is the name of this music?
@CodingNepal4 жыл бұрын
Check description
@johnrobson5504 жыл бұрын
@@CodingNepal wow
@aangcrdbl3 жыл бұрын
bro, how do you get the icons to appear? Mine don't appear at all
@CodingNepal3 жыл бұрын
Replace the line.no 7 script tag of html file with this one:
@mr.x34534 жыл бұрын
social media icon doesn't display.give a suggest to correct it.
@CodingNepal4 жыл бұрын
Make sure you're connected with the Internet.
@RohitTharu-yy8cz3 жыл бұрын
@@CodingNepal thanks
@rudra33003 жыл бұрын
How to reveal them by button click???? Please help...
@manitdave61684 жыл бұрын
Please you create google multi color icon with fa fa-google
@CodingNepal4 жыл бұрын
I didn't understand
@codessite4 жыл бұрын
what is the name of the font ?
@CodingNepal4 жыл бұрын
Poppins
@codessite4 жыл бұрын
@@CodingNepal Thanks
@josecandia99913 жыл бұрын
hi, i have the same code but the propety "inline-block" is not working with the class button, the text is ever under the icon and the propety float in vs-code show an alert that say: inline-block is ignored due to the float. If 'float' has a value other than 'none', the box is floated and 'display' is treated as 'block' if someone cant help me i'll really grateful.
@mictronic12 жыл бұрын
Probably you wrote span in i tag. Span must be below.
@dariography8 ай бұрын
@@mictronic1 I didnt, and I have the same issue. The span text is always below... :( Still no solution? Or what are we doing wrong? Problably smth wrong
@breadstickkzxc34164 жыл бұрын
how to make a function out of this social media accounts which will direct you into it
@CodingNepal4 жыл бұрын
Just add tag and insert your fb url inside href attribute of tag. Like this
@davidbotero93914 жыл бұрын
@@CodingNepal can you show me an example? where add , please.
@aadityatrivedi76012 жыл бұрын
bro your social icon class link shows invalid link . and bro i want source code of all social icon
@LazyRoute4 жыл бұрын
Tq bro
@CodingNepal4 жыл бұрын
You're welcome bro 💙
@pinealgo Жыл бұрын
How to add this code to my wix website
@calebmendez28383 жыл бұрын
I have a problem with the "float" property ☹️
@CodingNepal3 жыл бұрын
What's the problem?
@FabricioAndrad3 Жыл бұрын
@@CodingNepal Specifies how a box should be floated. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned. (Edge 12, Firefox 1, Safari 1, Chrome 1, IE 4, Opera 7) Syntax: left | right | none | inline-start | inline-end MDN Reference inline-block is ignored due to the float. If 'float' has a value other than 'none', the box is floated and 'display' is treated as 'block'css(propertyIgnoredDueToDisplay)
@TFAROTGaming3 жыл бұрын
Your website is returning "Error establishing a database connection"
@CodingNepal3 жыл бұрын
Yes, we're working to fix it
@CodingNepal3 жыл бұрын
Site is live now. Sorry for the inconveniences.
@charlestheninja3 жыл бұрын
How to call a js function from it? After a simple click
@zinebbk91372 жыл бұрын
can you share the code of this awesome video thank you
@CodingNepal2 жыл бұрын
Here is the code: www.codingnepalweb.com/social-media-buttons-with-hover-animation/
@alfharisqiwicaksono58533 жыл бұрын
bro, how to make a responsive ?
@CodingNepal3 жыл бұрын
Use media breakpoints for it
@loverboyhd42594 жыл бұрын
This codes are free open to use for anyone ??? No copywrite issue
@CodingNepal4 жыл бұрын
You're free to use but don't claim it's own.
@thirudiwa5231 Жыл бұрын
bro where iget the fontawesome script
@utsavshah99374 жыл бұрын
give this Editors name plz....
@CodingNepal4 жыл бұрын
Atom and I've made a video on it - kzbin.info/www/bejne/a2a5m4uKmr6eiqc
@stevebendersky2056 Жыл бұрын
Doesnt work if the icon is an SVG and not text
@LaxrFar4 жыл бұрын
how to make when i click on a botton a website opens
@CodingNepal4 жыл бұрын
Add a anchor tag inside all and insert the particular website url inside the href attribute of tag.
@LaxrFar4 жыл бұрын
@@CodingNepal thats the code and where i add what ?
@CodingNepal4 жыл бұрын
When you want redirect your user on icon click or text click or anywhere ..?
@LaxrFar4 жыл бұрын
@@CodingNepal anywhere
@CodingNepal4 жыл бұрын
Then put tag after .button and before .icon.
@_chetirko4 жыл бұрын
Hi man its great but can i make it working i mean to really take me to my instagram and more.Help plz
@CodingNepal4 жыл бұрын
Please add this tag
@_chetirko4 жыл бұрын
@@CodingNepal Thanks man!
@shahabhosseiniashna1710 Жыл бұрын
like it
@vijaypanchalr33 жыл бұрын
How to open toggle in right
@loverboyhd42594 жыл бұрын
Hii bro I am unable to link my account please edit and send me codes with href please please
@CodingNepal4 жыл бұрын
Can you contact me on Instagram?
@michaelasante50022 жыл бұрын
Nothing seems to work even with the same code. Strange
@3mmar.1243 жыл бұрын
place-item!!!
@dtech43213 жыл бұрын
Git hub replace with whatsap pls
@CodingNepal3 жыл бұрын
It's just simple just change class name to whatsapp in html file. Like this
@Santoshdc4 жыл бұрын
Bro tapaiko Facebook ID ke ho ?
@CodingNepal4 жыл бұрын
Description maa xw..
@mohammedsahim82442 жыл бұрын
Your code is terrible because this doesn't work, it has the button align at the button unevenly and not how it appears in your video.