Page Index Toggle Pages: [1] 2 
Topic Tools
Hot Topic (More than 10 Replies) Change Hover Link color? (Read 4,559 times)
L_ith
Full Member
***
Offline



Posts: 246
Change Hover Link color?
Jun 13th, 2010 at 12:54pm
Post Tools
Yea i managed to change the links on my forum to any color i want, but

when you hover over them they turn white? now i dont want this... i am looking now in the "style sheet" section but cannot find the option ?


do i have to edit somehting else? the html??

Thank you
  
Back to top
 
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #1 - Jun 13th, 2010 at 3:12pm
Post Tools
lol.. anyone??


i dont like my links showing up "white" when i hover of them
  
Back to top
 
IP Logged
 
Jet Li
Legacy Dev Team
Development Team
****
Offline



Posts: 6,588
Location: Hong Kong
Re: Change Hover Link color?
Reply #2 - Jun 13th, 2010 at 3:24pm
Post Tools
L_ith wrote on Jun 13th, 2010 at 3:12pm:
lol.. anyone??

LoL. No Patience? Shame on it. You should not expect answer within 3 hours. Huh

In Stylesheet in source
Code
Select All
a:hover {
	color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	text-decoration: underline;
} 



Code
Select All
/* YaBB navigation links */
.nav, a.nav, a.nav:visited {
	font-weight: bold;
	font-size: 10px;
	color : #000033;
	text-decoration: none;
}
a.nav:hover {
	color: #990000;
	text-decoration: underline;
} 



For links in Posts:
Code
Select All
.message a:hover {
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
} 

« Last Edit: Jun 13th, 2010 at 3:27pm by Jet Li »  

PM me for YaBB Installation Service
Back to top
WWWGTalkFacebook  
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #3 - Jun 13th, 2010 at 3:25pm
Post Tools
Patience...  Embarrassed lol..

so where is that code? looks like a CSS file correct ?

  
Back to top
 
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #4 - Jun 13th, 2010 at 3:34pm
Post Tools
Yea found them,

but its changing stuff that i dont want "changed" lol...


im talking about hyper links ?

i changed links for downloads or website address green which is now but when i hover over them they are white? lol thats what i need to change

i tried changing all what you said i the CSS but its not changing what i want changing.

and seeing as we are on the subject can you please tell me how to make this text white

IMAGE BELOW



see? look how dark that is lol.. where it says "general board"
« Last Edit: Jun 13th, 2010 at 3:40pm by L_ith »  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: Change Hover Link color?
Reply #5 - Jun 13th, 2010 at 5:08pm
Post Tools
abbreviations in CSS

nav (Navigation)

a   (url links)          <~~~~ hyperlink

hover (mouseover)

visited (clicked on)


Code
Select All
a {
  font-weight: normal;
  color: #62686F;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
}
a:hover {
  color: #000000;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: underline;
}
a:visited {
  font-weight: normal;
  color: #62686F;
  font-family: Verdana, Arial, Sans-Serif;
} 





  Also don't see General Board at all .... but in CSS look for forumjump (that is the type of window) your looking for.
« Last Edit: Jun 13th, 2010 at 5:43pm by »  
Back to top
 
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #6 - Jun 13th, 2010 at 6:04pm
Post Tools
Right well

I, havent found anything about hover links so i assume i add them or my css file is missing them ?

as for drop down menu...  i am baffled here.. can you please take a look at the css file for me ?

i have attach it.

  

CSS_File.zip ( 1 KB | 82 Downloads )
Back to top
 
IP Logged
 
LoneWebSurfer
Past Team Members
Offline



Posts: 1,279
Re: Change Hover Link color?
Reply #7 - Jun 13th, 2010 at 7:08pm
Post Tools
They are in there L_ith... I just looked at your css Smiley there are a few different sections that have css controled links (for different parts of your forum.. the best way I can tell you is .. if it has an a in it.. it is for a link.
for example...
Code
Select All
a.nav:hover {
	color: #FFFFFF;
	text-decoration: underline;
 



notice how it has a.? that indicates its a link control.. nav: is the css class.. and hover indicates its a hover control (mouse hover)
  

Closed all my sites due to lack of Internet access
Back to top
WWW  
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #8 - Jun 13th, 2010 at 7:32pm
Post Tools
LoneWebSurfer wrote on Jun 13th, 2010 at 7:08pm:
They are in there L_ith... I just looked at your css Smiley there are a few different sections that have css controled links (for different parts of your forum.. the best way I can tell you is .. if it has an a in it.. it is for a link.
for example...
Code
Select All
a.nav:hover {
      color: #FFFFFF;
      text-decoration: underline;
 



notice how it has a.? that indicates its a link control.. nav: is the css class.. and hover indicates its a hover control (mouse hover)



ok but everything with "a" in it i changed and still the hyper links was white when i hover over them... so please tell me which one to EDIT

also did you see the drop down menu thing that john was talking about? look at the image i posted is that in the CSS to ?
  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: Change Hover Link color?
Reply #9 - Jun 13th, 2010 at 9:02pm
Post Tools
L_ith wrote on Jun 13th, 2010 at 7:32pm:
so please tell me which one to EDIT

below is "your" CSS file"

Code
Select All
a {
  font-weight: normal;
  color: #fff;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: none;
}
a:hover {
  color: #fff;
  font-family: Verdana, Arial, Sans-Serif;
  text-decoration: underline overline;
} 



fff should be "6" characters

Code
Select All
.nav, a.nav, a.nav:visited {
  font-weight: bold;
  font-size: 13px;
  color : #FFFFFF;
  text-decoration: none;
}
a.nav:hover {
  color: #FFFFFF;
  text-decoration: underline;
} 



  ffffff .. is "White"

this CSS file is NOT the Y2.1 nor the Y2.4 CSS file that comes with the installation file.

since your using the Y2.1 template for Y2.4, your CSS file should have this at the top of it:
Code
Select All
/*--------------------------------------------------------*/
/*                      YaBB 2009                         */
/*--------------------------------------------------------*/
/*      Created by: XIMinc http://www.ximinc.com          */
/*            YaBB http://www.yabbforum.com               */
/*--------------------------------------------------------*/
/*    You may adapt elements of this CSS in your own      */
/*   projects, but please give credit to yabbforum.com.   */
/*--------------------------------------------------------*/
/*    This is the css file for YaBB 2.1 style Templates   */
/*--------------------------------------------------------*/
/* $Revision: 1.7.2.1 $ */
 

« Last Edit: Jun 13th, 2010 at 9:03pm by »  
Back to top
 
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #10 - Jun 13th, 2010 at 9:09pm
Post Tools
Thanks john i'll give it a try

Yea the CSS is old.. just using it as base till i get help with the theme for 2.4 boards

! i'll add those colours now

and let you know!
  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: Change Hover Link color?
Reply #11 - Jun 13th, 2010 at 9:12pm
Post Tools
L_ith wrote on Jun 13th, 2010 at 9:09pm:
Yea the CSS is old.. just using it as base


   Then features in Y2.4 are NOT supported, unless they are added to the "base"
  
Back to top
 
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #12 - Jun 13th, 2010 at 9:19pm
Post Tools
Right well i did edit those CSS codes but it just change the "hover" color of the menus or links...


i am talking about download links as hyper links no matter what i try  any color i change it wont seem to change in the posts? still white


and any info on the drop down menu ??


thanks for the help guys means a lot.
  
Back to top
 
IP Logged
 
LoneWebSurfer
Past Team Members
Offline



Posts: 1,279
Re: Change Hover Link color?
Reply #13 - Jun 13th, 2010 at 9:57pm
Post Tools
CJ is talking about them too  Wink you must add the css for specific features like the forum jump (drop down menu) and quick links..
you should take a 2.4 css file... and compare them.. and when you see something like
Code
Select All
.forumjump {
	color: #000000;
	background-color: #F5F5DC;
	border-bottom: 1px dashed #D6B2FF;
	border-top: 1px dashed #D6B2FF;
	font-weight: bold;
}
.forumjumpcat {
	color: #000000;
	background-color: #FFFEDF;
	border-bottom: 1px dashed #D6B2FF;
	border-top: 1px dashed #D6B2FF;
}
.forumjumpcatm {
	color: #000000;
	background-color: #EEE8AA;
	font-style: italic;
}
.forumjumpcatmf {
	color: #000000;
	background-color: #EEE8AA;
	font-style: italic;
	border-bottom: 1px dashed #C5AAEE;
}
.forumcurrentboard{
	color: #000000;
	background-color: #F0FFF0;
	font-weight: bold;

 


that is not in your css.. add it. (by the way.. that is the css for the forum jump)
  

Closed all my sites due to lack of Internet access
Back to top
WWW  
IP Logged
 
L_ith
Full Member
***
Offline



Posts: 246
Re: Change Hover Link color?
Reply #14 - Jun 13th, 2010 at 10:09pm
Post Tools
kk i will add that and let you know guys


THANKS FOR HELPING ME lol
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: [1] 2 
Topic Tools