ClientSide Technologies Discuss HTML/CSS/Javascript, and any other client-side technologies, here.
02-24-2006, 09:29 AM
#1
Hazard ***** Founder
Join Date: Feb 2006
Location: Glasgow
Posts: 62
Changing Link Colour
When you make a post in my forum the text is white and thats fine, but when you do something like
http://www.hazardforum.co.uk its also white.
How can I make it so that links show up in yellow????
Thanks
02-24-2006, 10:19 AM
#2
Lost in Time (1970's)
Join Date: Jul 2004
Location: Nashville TN USA
Posts: 1,932
You are using phpBB forums so go to your template folder for whatever the template name is and open the
templatename.css and look for
Quote:
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:visited { color : #993366; }
a:active { color : #215DC6; }
a:hover { text-decoration: underline; color : #000000; }
Then just enter the hex value for the link
02-24-2006, 10:24 AM
#3
Hazard ***** Founder
Join Date: Feb 2006
Location: Glasgow
Posts: 62
Code:
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #FFFFCC; text-decoration: none; }
a:hover { text-decoration: underline; color : #FFFFCC; }
hr { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px;}
Thats what mine is showing, so its saying the link colour is a dull yellow, and thats not right cause they show in white.
02-24-2006, 11:31 AM
#4
Senior Member
Join Date: Sep 2002
Location: Planet Earth
Posts: 1,284
Are you using any custom class tags for your links?
The code below is for a default <a href...> tag...
__________________
Thanks.
WARNING: The questions posted by this user appear to be more complicated then they actually are!
02-24-2006, 11:32 AM
#5
Hazard ***** Founder
Join Date: Feb 2006
Location: Glasgow
Posts: 62
So.... sorry to bother you but, how would i sort this then ??
02-24-2006, 11:46 AM
#6
Senior Member
Join Date: Sep 2002
Location: Planet Earth
Posts: 1,284
Look at you page source and locate where the link is.
Note if there's any class tag in it. If there is, then you need to locate a tag with the same name in you CSS file and tweak there. If you won't find any class tag, there might be an id tag. If there is one, look in the header of your doc as it could be set there.
Now if that's not there as well see if there's something like style="" in your href tag and tweak it there.
If that fails, and your <a href> tag does not have any of the mentioned above -- make sure your page points to a correct css file, i.e. check the path to css.
It's not s bad as it sounds... Good luck.
__________________
Thanks.
WARNING: The questions posted by this user appear to be more complicated then they actually are!
02-24-2006, 02:40 PM
#7
Lost in Time (1970's)
Join Date: Jul 2004
Location: Nashville TN USA
Posts: 1,932
IF you don't know the hex for yellow just enter yellow it is a valid css color name and don't put the # in front like
Quote:
a:link,a:active,a:visited { color : yellow; text-decoration: none; }
02-24-2006, 07:15 PM
#8
Hazard ***** Founder
Join Date: Feb 2006
Location: Glasgow
Posts: 62
OK I done that but its changed every single link in the forum. I only wanted the links that were posted in a post.
http://img526.imageshack.us/img526/2430/dsdgdfg1em.jpg
So do you know how I make it so that its just the links that you post in a topic are yellow, not every link in the forum???
Thanks
02-24-2006, 10:20 PM
#9
Lost in Time (1970's)
Join Date: Jul 2004
Location: Nashville TN USA
Posts: 1,932
In the same template.css file that you changed look for this
Look for this in your template.css file for your template and find the below
HTML Code:
/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}
Now just change the a
ostlink:link to
PHP Code:
a . postlink : link { text - decoration : none ; color : yellow }
02-25-2006, 08:08 AM
#10
Hazard ***** Founder
Join Date: Feb 2006
Location: Glasgow
Posts: 62
OK m8 in my subblack.css file the code is now:
Code:
/* The content of the posts (body of text) */
.postbody { font-size : 12px; color: #FFFFCC;}
a.postlink:link { text-decoration: none; color : #ffd800; }
a.postlink:visited { text-decoration: none; color : #ffd800; }
a.postlink:hover { text-decoration: none; color : #ffd800; }
But look at a preview of a post with a link in my forum here:
http://img113.imageshack.us/img113/5457/gggg7tc.jpg
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes
Rate This Thread
Linear Mode
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
All times are GMT -4. The time now is 07:43 AM .