index resources tutorials facebook hosting credits ov

welcome

This website is here to provide you with the necessities to design & code your own websites, signs, and much more. If you have any questions, please contact me on fb. Thank you for visiting my website. I hope you enjoy everything I have to offer! ♥

updates

comment

Please let me know if you used this tutorial.
Please do not redistribute my tutorial.
Please contact me if you have any questions about this tutorial.


square links

You can use square links as any type of link, not just elites.

the steps

1. Copy this coding and paste it. (There are other ways to code these, but this way is pretty easy so)


2. Change the line-height, width, and height to what ever size square you want. Make sure the numbers match!

3. Edit the rest of the coding (like the font-family and the font-size, font-weight, and background-color) to your liking.
DO NOT TOUCH THE DISPLAY OR THE MARGIN UNLESS YOU KNOW WHAT THE HELL YOU'RE DOING!

Some fonts: calibri, helvetica, arial, tahoma, georgia, verdana, courier-new.

4. Edit the a.elite:hover{ to your liking. This is the links hover so when someone hovers your link, it's the effect you see!




***IMPORTANT*** If you changed the title of the link (aka from elite to nav or whatever) than you need to CHANGE this where it says elite to whatever you named your link.




Keep in mind there's other ways to do this, but I think this way is pretty easy :)