black power Postado Março 21, 2006 Denunciar Share Postado Março 21, 2006 Bom dia já postei um tempo atraz mas não consegui pegar a ideia..assim tenho um arquivo style.css e numa pagina q tenho chamo o esse arq, mas queria mudar um unico link para outrar cor como q faço isso?chamo esse estilo no meu <head><LINK REL="StyleSheet" HREF="inc/style.css" TYPE="text/css">daí padronizo a pagina so qria muda a cor desse link, mas como?<a href=Index.php>Inicio</a>style.cssFONT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; color: #ffffff;}TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}body { background-color: #4682b4;}body, td, th { color: #ffffff;}h3 { color: #ffffff;} {scrollbar-arrow-color: ;scrollbar-base-color: ;scrollbar-dark-shadow-color: ;scrollbar-track-color: ;scrollbar-face-color: ;scrollbar-shadow-color: ;scrollbar-highlight-color: ;scrollbar-3d-light-color: ;FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px; COLOR: #ffffff}P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}INPUT {BORDER-TOP-COLOR: #ffffff; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}TEXTAREA {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}SELECT {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}FORM {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}A:link {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}A:active {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}A:visited {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}A:hover {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}.title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}.block-title {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}.storytitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}.storycat {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}.boxtitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}.boxcontent {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}.tiny {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}<LINK REL="StyleSheet" HREF="inc/style.css" TYPE="text/css">.link { background-color: #3399CC;} Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fercosmig Postado Março 21, 2006 Denunciar Share Postado Março 21, 2006 cria uma classe e aplica a este link<style type="text/css"><!--.ble:link {color: #336633; text-decoration: none;}.ble:active {color: #336633; text-decoration: none;}.ble:visited {color: #336633; text-decoration: none;}.ble:hover {color: #336633; text-decoration: none;}--></style><a href="pagina.htm" class="ble">clique aqui</a>abraços Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
black power
Bom dia já postei um tempo atraz mas não consegui pegar a ideia..
assim tenho um arquivo style.css e numa pagina q tenho chamo o esse arq, mas queria mudar um unico link para outrar cor como q faço isso?
chamo esse estilo no meu <head>
<LINK REL="StyleSheet" HREF="inc/style.css" TYPE="text/css">
daí padronizo a pagina
so qria muda a cor desse link, mas como?
<a href=Index.php>Inicio</a>
style.css
FONT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; color: #ffffff;}
TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
body {
background-color: #4682b4;
}
body, td, th {
color: #ffffff;
}
h3 {
color: #ffffff;
}
{
scrollbar-arrow-color: ;
scrollbar-base-color: ;
scrollbar-dark-shadow-color: ;
scrollbar-track-color: ;
scrollbar-face-color: ;
scrollbar-shadow-color: ;
scrollbar-highlight-color: ;
scrollbar-3d-light-color: ;
FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px; COLOR: #ffffff}
P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
INPUT {BORDER-TOP-COLOR: #ffffff; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
TEXTAREA {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
SELECT {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
FORM {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
A:link {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
<LINK REL="StyleSheet" HREF="inc/style.css" TYPE="text/css">
.link {
background-color: #3399CC;
}
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.