home resources tutorials facebook hosting credits ov
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 :)