Você não está conectado. Conecte-se ou registre-se

Pedido de ranks em css

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1Resolvido Pedido de ranks em css em Sab Fev 06, 2016 10:00 pm

tdias72

avatar
Membro
Minha questão:
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

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

2Resolvido Re: Pedido de ranks em css em Sab Fev 06, 2016 10:10 pm

Admin

avatar
Administrador
Olá tdias72, para obteres algo como isto: , peço que sigas os seguinte passos:

Painel de Controlo Seta 1 Usuários&Grupos Seta 1 Ranks Seta 1 Administração de Ranks

Quando ai estiveres e visualizares os teus ranks, carrega neste ícone num dos ranks config

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 Seta 1 Visualização Seta 1 Cores Seta 1 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;
}

Ver perfil do usuário http://webgraphic.forumeiro.com

3Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 1:50 pm

tdias72

avatar
Membro
Obrigado amigo.
Já fiz os passos, mas o botão não apareceu.
Abraço grande.

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

4Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 2:41 pm

Admin

avatar
Administrador
No código CSS. eu coloquei entre parenteses alguns passos para te esclarecer, vê lá com anteção e depois remove-os.

Ver perfil do usuário http://webgraphic.forumeiro.com

5Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 6:24 pm

tdias72

avatar
Membro
Continuo a não conseguir amigo.

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

6Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 6:28 pm

IsmaelS.

avatar
Administrador
Olá!

Poderias fornecer o link do teu fórum direito?



  • webGRAPHIC - Desenvolvimento Web e Gráfico

    faceface
    Ver perfil do usuário http://webgraphic.forumeiro.com/

    7Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 6:33 pm

    RafaelS.

    avatar
    Administrador
    Olá tdias72, para obteres algo como isto: , peço que sigas os seguinte passos:

    Painel de Controlo Seta 1 Usuários&Grupos Seta 1 Ranks Seta 1 Administração de Ranks

    Quando ai estiveres e visualizares os teus ranks, carrega neste ícone num dos ranks config

    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 Seta 1 Visualização Seta 1 Cores Seta 1 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;
    }

    Ver perfil do usuário

    8Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 7:04 pm

    tdias72

    avatar
    Membro
    Aqui está o link: http://receitasparatodos.forumeiros.com/forum

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

    9Resolvido Re: Pedido de ranks em css em Dom Fev 07, 2016 8:34 pm

    IsmaelS.

    avatar
    Administrador
    No Painel de Controlo em Usuários & Grupos escolhe um que queiras e no final tens Título do Rank: e escolhes o que criastes.



  • webGRAPHIC - Desenvolvimento Web e Gráfico

    faceface
    Ver perfil do usuário http://webgraphic.forumeiro.com/

    10Resolvido Re: Pedido de ranks em css em Seg Fev 08, 2016 10:19 am

    tdias72

    avatar
    Membro
    Já deu amigos.
    Só que aparece como podem verificar desalinhada.

    http://receitasparatodos.forumeiros.com/t58-receita-de-doce-de-quinoa-com-iogurte

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

    11Resolvido Re: Pedido de ranks em css em Seg Fev 08, 2016 11:57 am

    MateusR

    avatar
    Membro
    Olá!
    Para retirar o texto de cima do rank, procure por
    Código:
    .messageUserBlock .extraUserInfo {
    no seu CSS, e na parte
    Código:
    padding: 4px 6px;
    altere o 4px para 35px.

    Em questão ao rank, procure em seu CSS pela parte:
    Código:
    .rank {
    e dentro deste código, altere as seguintes partes:
    Código:
        margin: 5px;
        padding: 3px 8px;
    width: 130px;
    Para:
    Código:

    margin: 10px;
    padding: 2px 2px;
    width: 100px;

    Abrass Wink



    Eu apenas vou aonde minha guitarra me leva
    "Angus Young"

    Ver perfil do usuário http://webgraphic.forumeiro.com/

    12Resolvido Re: Pedido de ranks em css em Seg Fev 08, 2016 12:41 pm

    tdias72

    avatar
    Membro
    Já está a ficar melhor, mas agora ficou o time online por cima do mesmo.

    Ver aqui como ficou

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

    13Resolvido Re: Pedido de ranks em css em Seg Fev 08, 2016 12:47 pm

    MateusR

    avatar
    Membro
    Sim, para isto basta fazer a primeira parte que lhe disse ai encima.
    Procure por:
    Código:
    .messageUserBlock .extraUserInfo {
    E na parte
    Código:
    padding: 4px 6px;
    Altere o 4px para 35px, ficando assim:
    Código:
    padding: 35px 6px;
    Vi alteraste o 6 para 35, por isso ficou bugado
    Abrass Wink



    Eu apenas vou aonde minha guitarra me leva
    "Angus Young"

    Ver perfil do usuário http://webgraphic.forumeiro.com/

    14Resolvido Re: Pedido de ranks em css em Qua Fev 10, 2016 1:44 am

    Luiis_xD

    avatar
    Membro
    Caso o código do nosso amigo Mateus Não funcionar, faça o seguinte..

    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!

    Ver perfil do usuário

    15Resolvido Re: Pedido de ranks em css em Qua Fev 10, 2016 9:15 am

    tdias72

    avatar
    Membro
    Continua a aparecer o time online Trocado

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

    16Resolvido Re: Pedido de ranks em css em Qua Fev 10, 2016 12:35 pm

    Luiis_xD

    avatar
    Membro
    Adicione esse código em seu 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 Right

    Até mais Smile

    Ver perfil do usuário

    17Resolvido Re: Pedido de ranks em css em Qua Fev 10, 2016 1:51 pm

    tdias72

    avatar
    Membro
    Obrigado Luiis_xD.
    Está a funcionar direito ;-)

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

    18Resolvido Re: Pedido de ranks em css em Qua Fev 10, 2016 2:14 pm

    Luiis_xD

    avatar
    Membro
    [sucesso="Tópico Resolvido"]Tópico marcado como resolvido pelo autor.[/sucesso]

    Ver perfil do usuário

    Conteúdo patrocinado


    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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

     

    © WEBGRAPHIC - Todos os Direitos Reservados
    Este tema foi construído pelo WEBGRAPHIC com a utilização de alguns utilitários
    do fórum WASD a cópia total ou parcial de qualquer conteúdo do fórum é proíbida.