#hover link

[leroichevalier]

→ THEME 2  PREVIEW  //  CODE   → Contains:

- 2 sidebars:

- Both 200 px X 240 px (do respect the size or it'll look messy)

- Hover description

-Hover links

Big thanks to roxiestheme's base code, and imagnedragns ‘s hover link tutorial Note: Hopefully there won’t be any problem when used, but feel free to pm me if there is any :)

[kissedlouthemes-blog]

lp lp2// code code2//themage

Theme 10; Half a Heart

long sidebar

hover title 

hover long desc

hover 5 links

live preview 2 and code 2 is the theme with a updates box *to edit the updates box go to customize >> HTML then  press ctrl+f and type in updatesbox *

any questions comments or concerns please put them here

PLEASE REBLOG IF USING!!!

[traumajancy]

hi marcie! i was wondering, is there anything particular that you had to do to get the hover thing on your networks? like, when you hover over it and it says the name of the network, but its not the normal grey box tumblr has

Hey babe! So what you’re referring to is a tooltip - it’s used to customize the hover boxes that give additional information about links when you put your cursor over them :-)

To install one yourself, you will do the following:

STEP 1

Put this code somewhere after - this area will be near the top of your theme code. Oh, and fyi - the settings in this section are currently set to my own, but you are free to play with font family, style, color, etc. Just follow the instructions in the code. Also, make sure you pay attention to the margins, because that will determine how far away your hover box appears from your actual cursor.

STEP 2

Put this code  sometime before - I usually like to put it directly after {CustomCSS}, but it’s up to you as long as it’s somewhere in the header section.

STEP 3

Lastly, every time you make a link that you want hover text on, you will need to build it a little differently in order to tell the code that it needs to put a label on its link. It will look like this:

href="http://yourlink.com"> this is where the NON-hover link text will go, so if you’re using the tooltip you’ll probably be putting a symbol or something here!

If you have any other questions, please let me know!

Q: “Do I need to credit you if I use these codes?”

A: No. This is a generic code.

[exzyxlay]

Want to para? I will go to the first 15 people who reblog this and prupose them a para idea!

♡

[skywalhker]

Umm how do you put links in your updates tab? I have one and I don't know how to use it well.. (◕‿◕✿)

With this handy dandy link code (this one's the hover version which most people prefer)

PUT WHAT YOU WANT THE LINK TO SAY HERE

Have fun, sweetie!

[skywalhker]

I believe the anon is talking about when you hover over your links, the box is white to describe the link, but when they do it, it's yellow.

Gotchaaaa. I was so confused I forgot I had even posted that code. Lmao.

TO THE EARLIER ANON: Sorry about the confusion. I honestly have no idea why that would be yellow for you but it probably has something to do with where's it's being placed/your theme code 'cause there's nothing within the hover code itself to affect the color of the hover. 

[skywalhker]

what code did you use to have the words show up when you hover over a link

PUT WHAT YOU WANT THE LINK TO SAY HERE

There you go :)