Como eu coloco o fundo dos links em azul?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como eu coloco o fundo dos links em azul?

Mensagem por Victor Vaz em 17/03/11, 05:48 pm

Qual é sua questão:
Se você ainda não entendei aqui está o meu fórum:
Counter-Strike e Half-Life

Que medidas você tomou para corrigir o problema:
Eu não entendo as folhas css.

Apresente-nos imagens do problema (se necessário):

[url=cs-hl.forumeiros.com]Counter-Strike e Half-Life[/url]

Código da folha css:
Código:
#wrap {
width : 90%;
border : 2px solid #444444;
background : url(http://i62.servimg.com/u/f62/14/52/34/74/fbg10.png) repeat;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-moz-box-shadow : 0 0 10px #333;
-webkit-box-shadow : 0 0 10px #333;
}

a:hover {
color: #e3e3e3;
text-shadow : 0px 0px 10px #009900;
}

a.mainmenu {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight : normal;
letter-spacing : -1px;
font-size : 14px;
}

.postprofile {
color: #e3e3e3;
border-right-color: #333;
}

body {
color: #fff;
background-image:url('http://i32.servimg.com/u/f32/14/52/34/74/bgr10.gif');
}

li.row {
border-top-color:  #121212;
border-bottom-color: #fff;
background : url(http://i62.servimg.com/u/f62/14/52/34/74/fbg10.png) repeat;
}

.row dl dd.dterm {
border-left: none;
}

#page-header .navbar {
border : 1px solid #444444;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
height: 35px;
background-image: url("http://i63.servimg.com/u/f63/14/63/83/43/bggggg10.png");
padding: 3px;
}

#page-header #search-box {
display: none;
}

.navbar ul {
border : none;
}

blockquote, blockquote blockquote, blockquote blockquote blockquote {
border : 1px solid #555;
background : url(http://i32.servimg.com/u/f32/14/52/34/74/bgr10.gif) repeat;
padding-left: 1px;
border-left-color: #333;
border-left-width: 3px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

dl.codebox {
background : url(http://i32.servimg.com/u/f32/14/52/34/74/bgr10.gif) repeat;
border-color: #666;
border-left-color: #333;
border-left-width: 3px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

dl.codebox dt {
border-bottom-color: #666;
}

dl.codebox code {
color: #2E8B57;
}


.forabg {
border: 1px solid #343434;
padding: 0px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.forumbg {
border: 1px solid #343434;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.forums .row {
border: 1px solid #343434;
margin:5px;
-moz-border-radius: 3px;
}

.forumbg li.row{
margin-top: 5px;
border: 1px solid #343434;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: center;
float: center;}

.post {
background-color: none;
border: 1px solid ;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-color: #333333;
-moz-box-shadow : 0 0 10px #101010;
-webkit-box-shadow : 0 0 10px #141414;
}

#text_editor_textarea{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #555555;
background-color: #232323;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}

.table-title, .table-title h2{
font-weight: bold;
font-size: 12px;
font-family: "Franklin Gothic Demi", Verdana, Arial, sans-serif;
color: #fff;
padding: 2px;}
.table-title, .table-title h2:hover{color: #e3e3e3;
text-shadow : 0px 0px 6px #009900;}

.online{z-index: 999 !important;
background:  url(http://i63.servimg.com/u/f63/14/63/83/43/user_g10.png) no-repeat top right;}

button.button2, input.button2{
background: #f4f5f4 url(http://i22.servimg.com/u/f22/14/52/65/41/see11.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup {
    position: absolute;
    z-index: 999;
    display: none;
        color: #fff !important;
        background: url(http://i32.servimg.com/u/f32/14/52/34/74/login_10.jpg);border: 1px #333 solid;outline: 1px #111 solid;
    }
#login_popup_buttons {
    position: absolute;
    bottom: 8px;
    right: 6px;
    }
#login_popup_buttons input {
    margin-left: 6px;
    }

a.button1 , a.button2 {
border-color: #343434;
background: #000;
}

ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('http://i33.servimg.com/u/f33/14/63/83/43/leg10.png');
  text-align: CENTER;
  padding: 24px 0;
  }


Última edição por Victor Vaz em 17/03/11, 05:56 pm, editado 2 vez(es)
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Como eu coloco o fundo dos links em azul?

Mensagem por Luciano98 em 17/03/11, 05:50 pm

Olá!

Você se refere ao efeito Neon nos links?

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como eu coloco o fundo dos links em azul?

Mensagem por Victor Vaz em 17/03/11, 05:50 pm

Sim
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Resolvido Re: Como eu coloco o fundo dos links em azul?

Mensagem por Luciano98 em 17/03/11, 05:52 pm

Olá!

- Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar os Links com o "Efeito Neon" é necessário adicionar códigos na Folha de estilo CSS.
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)

- Código:

a:hover {
color: #CORLETRA;
text-shadow : 0px 0px 10px #CORNEON;
}

CORLETRA :seta2: A cor da letra que o Link com o Efeito terá
CORNEON :seta2: A cor que terá o Efeito Neon

Quando modificarmos os campos necessários, por exemplo, ficará assim:
CORLETRA :seta2: Azul escuro (#4876FF)
CORNEON :seta2: Vermelho (#FF0000)
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

- O resultado será assim:


Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como eu coloco o fundo dos links em azul?

Mensagem por Victor Vaz em 17/03/11, 05:56 pm

Muito Obrigado!
avatar

Victor Vaz
Usuário destaque

Masculino
Inscrito dia : 06/02/2011
Mensagens : 598
Pontos Ativos : 1171

Ver perfil do usuário http://vcommunity.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum