Different Color Header Links
Aug. 12th, 2010 04:49 pm![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
sireesanwar.livejournal.com posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
layoutloungeAccount Status: Free
Actions: Making you header links (website, recent entries, calendar, friends, profile) different colors
Theme: Flexible Squares (not sure if it works with other themes)
Coding provided to me by![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
mercscilla from ![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-community.gif)
street_of_mercy .
Example
Typically you will see the below coding for a layout:
The first section being the actual text and color of things when they are not links. Then it follows with the link coloring and then the hover coloring. This is the basic form of header coding.
Multi-Color Header Links:
1. The above code will start off the Header Color Section. The "Recent View" coding is what any links will look like when they are not active (ie Recent Entires). It is then followed by the link color and hover color for Recent Entires.
2. After that coding you will want to add the calendar link. This has both the link color and hover color coding.
3. After that coding you will want to add the friends link. This has both the link color and hover color coding.
4. After that coding you will want to add the profile link. This has both the link color and hover color coding.
5. Last you will want to enter the above code for your website or external link. This coding must be at the bottom of this section of the coding to ensure it working properly. You will notice in the coding that it says "URL HERE". This is where you will copy your external link exactly. If the link is not exactly the same the coding will not function.
This coding can be used multiple times for Paid users who have added extra links to their header navigation. You only need to make sure each URL is exact.
Your header links should look similar to this EXAMPLE.
Actions: Making you header links (website, recent entries, calendar, friends, profile) different colors
Theme: Flexible Squares (not sure if it works with other themes)
Coding provided to me by
mercscilla from street_of_mercy .Example
Typically you will see the below coding for a layout:
The first section being the actual text and color of things when they are not links. Then it follows with the link coloring and then the hover coloring. This is the basic form of header coding.
Multi-Color Header Links:
1. The above code will start off the Header Color Section. The "Recent View" coding is what any links will look like when they are not active (ie Recent Entires). It is then followed by the link color and hover color for Recent Entires.
2. After that coding you will want to add the calendar link. This has both the link color and hover color coding.
3. After that coding you will want to add the friends link. This has both the link color and hover color coding.
4. After that coding you will want to add the profile link. This has both the link color and hover color coding.
5. Last you will want to enter the above code for your website or external link. This coding must be at the bottom of this section of the coding to ensure it working properly. You will notice in the coding that it says "URL HERE". This is where you will copy your external link exactly. If the link is not exactly the same the coding will not function.
This coding can be used multiple times for Paid users who have added extra links to their header navigation. You only need to make sure each URL is exact.
Your header links should look similar to this EXAMPLE.
layout_lounge