Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, sou leigo em CSS. Gostaria de um ajuda para fazer o seguinte: Tenho um texto no rodapé do site do cliente informando quem fez o site. Ao passar o mouse o texto não muda de cor apenas sublinha e se você clicar no link direciona para o meu site na mesma página e sai do site atual. O código que está agora funcionando assim é:
<a href="http://tiagodutra.com.br/">Design I www.tiagodutra.com.br</a>
Gostaria de fazer um código que fizesse o seguinte:
1º Ao passar o mouse ele fique em vermelho #ff0000 sem sublinado
2º Ao clicar o link abre em outra janela mantendo o site principal
3º Sem passar o mouse ele fique na cor cinza claro igual as outras informações que estão escritas no mesmo local
Não sei a questão da fonte do texto mas sem informar nada ele já esta vindo com uma fonte padrão que me atende. Trata-se de um Widget que está todos os códigos do rodapé do meu site no template Betheme.
O Site em questão é: [http://formaservicos.com/home/](http://formaservicos.com/home/) estou concluindo o trabalho ainda.
Agradeço a atenção Obrigado!!!Oi Pessoal fiz a seguinte alteração e já resolvi a questão número 2º
Agora o link abre em outra janela.
<a href="http://tiagodutra.com.br" target="_blank" data-content="http://tiagodutra.com.br" data-type="external" rel="undefined">Design I www.tiagodutra.com.br</a>
>
23 minutos atrás, Maujor disse:
Para o link abrir em nova janela altere a marcação HTML do link adicionando os atributos target e a class conforme mostrado a seguir:
<a href="http://tiagodutra.com.br/" target="_blank" class="tiago">Design I www.tiagodutra.com.br</a>
Para obter o efeito no link acrescente a seguinte regra de estilo CSS:.tiago:hover {
color: red!important;
text-decoration: none;
}
**Nota: **Suas dúvidas são o básico do básico da HTML e das CSS.Usar templates prontos é uma prática que não enriquece seu desenvolvimento profissional
se você não conhece as tecnologias de criação do template.
Oi Maujor, Obrigado pela ajuda! fiz o procedimento para o link abrir em outra janela e está ok funcionando!
Para obter o efeito não consegui inserir a regra CSS. Coloquei em diversos pontos e não funcionou.
Essa regra precisa ser incorporada dentro do <a </a>?
Grato pela ajuda.
Agradeço o conselho sobre estudar HTML e CSS realmente faz falta!!!
Estou me aventurando nesse primeiro site em Wordpress não pretendo comercializar só projetos pessoais e família.Coloque a regra CSS no final do arquivo que se encontra na pasta wordpress:
wp-content/themes/betheme/css/base.css
Nota: Faça uma cópia backup de base.css para o caso de você acidentalmente apagar parte ou o arquivo todo.
>
26 minutos atrás, Maujor disse:
Coloque a regra CSS no final do arquivo que se encontra na pasta wordpress:
wp-content/themes/betheme/css/base.css
Nota: Faça uma cópia backup de base.css para o caso de você acidentalmente apagar parte ou o arquivo todo.
Oi Maujor, Fiz o procedimento e não consegui. Mas da forma que esta ta ótimo! Vou deixar assim mesmo. Agradeço seu tempo e generosidade!!!
Valeu mesmo!!! Obrigado e bom final de semana pra você e família!!!
Deveria ter funcionado.
Você acrescentou o atributo class="tiago" no link como eu indiquei?
Alterou o arquivo base.css e fez upload para o servidor?
Opa, eu fiz o donwload do arquivo caso eu precisasse dele e alterei o arquivo no próprio servidor.
Na ultima linha eu colei exatamente essa expressão e salvei:
.tiago:hover {
color: red!important;
text-decoration: none;
}
Não coloquei **class="tiago"**Examinei a HTML do link e você não colocou class="tiago".
Sem essa classe não vai funcionar, pois a CSS se refere a ela.
>
1 minuto atrás, Maujor disse:
Examinei a HTML do link e você não colocou class="tiago".
Sem essa classe não vai funcionar, pois a CSS se refere a ela.
Ahhh agora que eu vi!!! rsrsrsrsr ok Vou fazer isso então!!! Agora mesmo...
Cara consegui!!!! Ficou top demais!!!! você é o cara!!! eu nunca ia descobrir isso sozinho!!!
Parabéns!!!
Único detalhe é como coloca a cor do texto antes de passar o mouse para cinza claro?
Se você acessar pode ver que esta preto a cor do texto e os textos acima estão cinza.
Olhando um outro código aqui axo que tem a ver com style mas não sei onde e como aplicar nesse código.
<a href="http://tiagodutra.com.br/" target="_blank" class="tiago">Design I www.tiagodutra.com.br</a>
O Betheme na hora q fui alterar na primeira vez enviou uma msg q não podia alterar mas depois deixou fazer a alteração..tiago:visited {
color: #abacac!important;
}
Insira mais essa regra CSSPerfeito!!! Maujor
Está funcionando ok!!!!
Top demais
Obrigado pelas informações. Foi e será de grande valia.
Obrigado por compartilhar o seu conhecimento.
Vi aqui seu site sobre CSS pelo que entendi você domina muito o assunto.
Tem muito conteúdo no site.
você me indica alguém que ensina CSS voltado para essa área para eu usar com Betheme?
Novamente Muito obrigado!!!
Para o link abrir em nova janela altere a marcação HTML do link adicionando os atributos target e a class conforme mostrado a seguir:
.tiago:hover {
Aconselho estudar HTML e CSS antes de criar sites.
Usar templates prontos é uma prática que não enriquece seu desenvolvimento profissional
se você não conhece as tecnologias de criação do template.