InícioComo transformo esses links em botões?
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Como transformo esses links em botões?
por Legolass 14.05.13 15:25
Qual é minha questão:
Como faço para transformar os links "Compartilhe" e "Mais!" em botões?
Veja a imagem:
Endereço do meu fórum:
http://www.fanfictionunited.com.br
Versão do fórum:
PHPBB2
Como faço para transformar os links "Compartilhe" e "Mais!" em botões?
Veja a imagem:
Endereço do meu fórum:
http://www.fanfictionunited.com.br
Versão do fórum:
PHPBB2
Última edição por Cris Varella em 14.05.13 22:22, editado 1 vez(es)
Legolass- Membro
- Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912 -
Re: Como transformo esses links em botões?
por [F]lames 14.05.13 15:56
Olá,
Adicione este código á teu CSS:
Atenciosamente.
Adicione este código á teu CSS:
- Código:
table[width="100%"][border="0"][cellspacing="2"][cellpadding="0"] tbody tr:first-child td.nav + td[align="right"] .bold a {
background: rgba(255, 255, 255, 0.64);
display: inline-block;
padding: 7px 30px;
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.20);
border: 1px solid rgba(0,0,0,0.19);
margin: 5px 0;
border-radius: 1px;
}
Atenciosamente.
![[F]lames](https://2img.net/h/oi43.tinypic.com/28quglc.png)
[F]lames- Membro
- Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208 -
Re: Como transformo esses links em botões?
por Legolass 14.05.13 17:17
Olá,
Adicione este código á teu CSS:
Código:Selecionar conteúdo
table[width="100%"][border="0"][cellspacing="2"][cellpadding="0"] tbody tr:first-child td.nav + td[align="right"] .bold a {
background: rgba(255, 255, 255, 0.64);
display: inline-block;
padding: 7px 30px;
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.20);
border: 1px solid rgba(0,0,0,0.19);
margin: 5px 0;
border-radius: 1px;
}
Resulta?
Atenciosamente.
Olá, ele apenas criou uma tabela ao redor dos links. Eu queria transformá-los em botões, assim como é aqui no FdF, para que tenha um efeito de hover neles.
Legolass- Membro
- Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912 -
Re: Como transformo esses links em botões?
por [F]lames 14.05.13 21:58
Olá,
Substitua o código por este:
Atenciosamente.
Substitua o código por este:
- Código:
table[width="100%"][border="0"][cellspacing="2"][cellpadding="0"] tbody tr:first-child td.nav + td[align="right"] .bold a {
border: 1px solid rgb(221, 221, 221);
background-color: rgb(241, 241, 241);
border-image: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 5px 0;
padding: 4px 7px 3px 7px;
text-align: center;
text-decoration: none;
}
table[width="100%"][border="0"][cellspacing="2"][cellpadding="0"] tbody tr:first-child td.nav + td[align="right"] .bold a:hover {
background-color: rgb(153, 153, 153) !important;
border: 1px solid rgb(153, 153, 153);
color: white !important;
text-decoration: none !important;
}
Atenciosamente.
[F]lames- Membro
- Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208 -
Re: Como transformo esses links em botões?
por Legolass 14.05.13 22:21
Olá,
Substitua o código por este:
Código:Selecionar conteúdo
table[width="100%"][border="0"][cellspacing="2"][cellpadding="0"] tbody tr:first-child td.nav + td[align="right"] .bold a {
border: 1px solid rgb(221, 221, 221);
background-color: rgb(241, 241, 241);
border-image: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 5px 0;
padding: 4px 7px 3px 7px;
text-align: center;
text-decoration: none;
}
table[width="100%"][border="0"][cellspacing="2"][cellpadding="0"] tbody tr:first-child td.nav + td[align="right"] .bold a:hover {
background-color: rgb(153, 153, 153) !important;
border: 1px solid rgb(153, 153, 153);
color: white !important;
text-decoration: none !important;
}
Resulta?
Atenciosamente.
Agora ficou perfeito amigo! Pode fechar
Legolass- Membro
- Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912 -
Tópicos semelhantesFórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
