Pedido de ranks em css
WEBGRAPHIC :: DESENVOLVIMENTO WEB :: CSS - Cascading Style Sheets :: Arquivos: CSS - Cascading Style Sheets
Pedido de ranks em css
Boa noite. Gostava de pedir umas ranks em css para o meu fórum. Já não estou no meu computador mas sim no meu telemóvel a abrir aqui o pedido. Contudo um dos administradores ficou de ajudar-me com as ranks em css. Sem mais de momento fico a aguardar. Um abraço.
Endereço do meu fórum:
http://www.receitas para todos.forumeiros.com
Re: Pedido de ranks em css
Painel de Controlo Usuários&Grupos Ranks Administração de Ranks
Quando ai estiveres e visualizares os teus ranks, carrega neste ícone num dos ranks
Depois disso, onde diz "Título do Rank", colocas o seguinte código:
- Código:
<span class="user"NomedoRank"">Administrador</span>
Depois disto segues os seguinte passos:
Painel de Controlo Visualização Cores Folha de Estilos
Adicionas o seguinte código:
- Código:
.userNomedoRank {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830(aqui escolhes a cor que queres no retangulo);
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.userAdministrador {
background: #D60303;
}
Re: Pedido de ranks em css
Re: Pedido de ranks em css
Painel de Controlo Usuários&Grupos Ranks Administração de Ranks
Quando ai estiveres e visualizares os teus ranks, carrega neste ícone num dos ranks
Depois disso, onde diz "Título do Rank", colocas o seguinte código:
- Código:
<span class="rank Administrador">Administrador</span>
Depois disto segues os seguinte passos:
Painel de Controlo Visualização Cores Folha de Estilos
Adicionas o seguinte código:
- Código:
.rank {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830(aqui escolhes a cor que queres no retangulo);
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.rank .Administrador {
background: #D60303;
}
RafaelS.- Administrador
- Status : Boss !
Mensagens : 100
Pontos : 121
Reputação : 6
Re: Pedido de ranks em css
Re: Pedido de ranks em css
Só que aparece como podem verificar desalinhada.
http://receitasparatodos.forumeiros.com/t58-receita-de-doce-de-quinoa-com-iogurte
Re: Pedido de ranks em css
Para retirar o texto de cima do rank, procure por
- Código:
.messageUserBlock .extraUserInfo {
- Código:
padding: 4px 6px;
Em questão ao rank, procure em seu CSS pela parte:
- Código:
.rank {
- Código:
margin: 5px;
padding: 3px 8px;
width: 130px;
- Código:
margin: 10px;
padding: 2px 2px;
width: 100px;
Abrass
Re: Pedido de ranks em css
Procure por:
- Código:
.messageUserBlock .extraUserInfo {
- Código:
padding: 4px 6px;
- Código:
padding: 35px 6px;
Abrass
Re: Pedido de ranks em css
Em seu css procure por " .messageUserBlock .extraUserInfo " você vai adicionar uma propiedade " margin-top " o código ficará assim:
- Código:
.messageUserBlock .extraUserInfo{
margin-top: 40px;
}
Em 40px você pode ir aumentando a distancia do mesmo
Até mais!
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
Re: Pedido de ranks em css
- Código:
.messageUserBlock .extraUserInfo{
position: relative;
margin-top: 45px;
}
De Preferencia no final da sua folha de estilo css, não tem erro testei em meu fórum varias vezes o é ocorreu tudo certo
Até mais
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
Re: Pedido de ranks em css
Luiis_xD- Membro
- Status :
Mensagens : 155
Pontos : 182
Reputação : 27
WEBGRAPHIC :: DESENVOLVIMENTO WEB :: CSS - Cascading Style Sheets :: Arquivos: CSS - Cascading Style Sheets
|
|