Logo name

Ipb 2.2:Underline Links in Posts

From IpbWiki

  • Currently0.00/5
Jump to: navigation, search


Underline Links in Posts

I must say I was kind of upset when I was accused of ripping tutorials/stealing ideas/rewriting existing tutorials but I decided that I will continue to spread my knowledge of IP.Board.

Ever notice how it's very hard to distinguish regular plain text with a link? In some skins, the link color is almost identical to that of original text. In this tutorial, you will learn how to have the forum underline every link in a post.

Follow these simple steps to achieve the desired result. Straightforward and to the point, this tutorial is easy to follow, just like all of my tutorials.

Administration CP Enter the Administration Control Panel (Admin CP) by visiting your forums and instead of browsing the index.php inside your forums' directory, change index.php to admin.php. This will bring you to the screen in which you enter your administrative username and password.

user posted image

CP Login Enter your administrative username and password (same as your forum username and password)

user posted image

Look & Feel Tab Click on the Look & Feel tab at the top of your forum.

user posted image

Skin Template HTML Click on the dropdown beside the skin and select Edit Stylesheet (CSS Advanced Mode) from the dropdown menu.

user posted image

Adding Elements Scroll down to the bottom of the Cascading Style Sheets (CSS) and add the following lines:

CODE
.post1 a, .post2 a { text-decoration: underline; font-weight:normal; }

.rte-menu-button  a,
.rte-menu-button  a:link,
.rte-menu-button  a:visited,
.rte-menu-button  a:hover,
.rte-menu-button  a:active { text-decoration: none; font-weight:normal; }

user posted image

Save Stylesheet After adding the code above, click on Save Stylesheet.

user posted image

Explanation The rte-menu-button defines the element for the DIV that covers the buttons used when editing a post in quick mode. Generally, the link would be displayed underlined to complete an edit. With the rte-menu-button fix, it will be displayed normally. The rest is pretty self-explanatory.

Inspired by a request on InvisionModding.

© 2007 by John of Platinum Zone. (Basic underlining explained by Sean of Invision Modding. All bug fixes by John) Find many more IPB tutorials at Platinum Zone

This page was last modified on 18 June 2007, at 00:59.  This page has been accessed 2,757 times.  Content is available under GNU Free Documentation License 1.2Disclaimers