ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2033
ReputActifs : 6
Mensagens : 115
Inscrição : 21/05/2012

100%
Ver perfil do usuáriohttp://progaweb.forumeiros.com/

Resolvido Personalizar div.pathname-box do fórum

em Ter 27 Nov - 18:23
Qual é sua questão:
Olá,

Poderiam me passar a css para esse efeito :
http://i42.servimg.com/u/f42/17/52/76/06/sem_ta10.png

até mais agradeço desde ja ;D

Que medidas você tomou para corrigir o problema:
nenhuma

Apresente-nos imagens do problema (se necessário):
http://i42.servimg.com/u/f42/17/52/76/06/sem_ta10.png
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2470
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%
Ver perfil do usuáriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Personalizar div.pathname-box do fórum

em Ter 27 Nov - 20:20
Reputação da mensagem: 100% (1 votos)
Olá amigo,
O CSS para o efeito é o seguinte:
Código:
/*** Effects in sub-forums - Original code of FMcodes http://www.fmcodes.com/ is ShiftActif http://shiftactive.blogspot.com/***/
p.nomargin {
    color: #EEEEEE;
    font-size: 1.11em;
    line-height: 1.5;
    margin-left: -25px;
    text-shadow: none;
}

.nomargin {
  background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee))!important;background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 )!important;background:linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;
    border: 1px solid #e3e3e3;
    border-radius: 2px 2px 2px 2px;
    font-size: 11px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px 0 0;
    text-shadow: 1px 1px 0 #FAFAFA;
}
.nomargin a {
background-color: #F5F5F5;
    color: #777777;
    display: block;
    float: left;
    padding: 8px 0 8px 40px;
    position: relative;
    text-decoration: none;
}
.nomargin a:after {
    border-bottom: 50px solid transparent;
    border-left: 25px solid #F5F5F5;
    border-top: 50px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    z-index: 2;
}
.nomargin a:before {
    border-bottom: 50px solid transparent;
    border-left: 25px solid #F5F5F5;
    border-top: 50px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-left: 1px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.nomargin a :first-child a {
    padding-left: 10px;
}
.nomargin li:last-child a {
}
.nomargin a:hover {
    background: none repeat scroll 0 0 #5AE6CC;
    color: #777777;
}
.nomargin a:hover:after {
    border-left-color: #5AE6CC !important;
}
/*** Effects in sub-forums - Original code of FMcodes http://www.fmcodes.com/ is ShiftActif http://shiftactive.blogspot.com/***/
Contudo este código já está com as cores modificadas por mim.
Apenas troque-as para adapta-las a seu fórum.

Até mais
Piscada
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2033
ReputActifs : 6
Mensagens : 115
Inscrição : 21/05/2012

100%
Ver perfil do usuáriohttp://progaweb.forumeiros.com/

Resolvido Re: Personalizar div.pathname-box do fórum

em Ter 27 Nov - 20:38
Muito bom obg.. Só não funciona dentro dos topicos conheçe algum pra personaliza aqueles link dentro dos topicos?
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2470
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%
Ver perfil do usuáriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Personalizar div.pathname-box do fórum

em Qua 28 Nov - 7:22
Olá
O código que o S.A usa não funciona nos tópicos..........
Vou ver se consigo adapta-lo para os tópicos.

Até mais
Piscada
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2033
ReputActifs : 6
Mensagens : 115
Inscrição : 21/05/2012

100%
Ver perfil do usuáriohttp://progaweb.forumeiros.com/

Resolvido Re: Personalizar div.pathname-box do fórum

em Qua 28 Nov - 10:36
A sim, agradeço.
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4810
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

Resolvido Re: Personalizar div.pathname-box do fórum

em Qua 28 Nov - 13:23
Reputação da mensagem: 100% (1 votos)
Olá!

Tente usar o código CSS indicado abaixo:
Código:
    /*** Effects in sub-forums - Original code of FMcodes http://www.fmcodes.com/ is ShiftActif http://shiftactive.blogspot.com/***/
    div.pathname-box {
        color: #EEEEEE;
        font-size: 1.11em;
        line-height: 1.5;
        margin-left: -25px;
        text-shadow: none;
    }

    div.pathname-box {
      background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee))!important;background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 )!important;background:linear-gradient(top, #f9f9f9 0%,#eee 100%)!important;
        border: 1px solid #e3e3e3;
        border-radius: 2px 2px 2px 2px;
        font-size: 11px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 10px 0 0;
        text-shadow: 1px 1px 0 #FAFAFA;
    }
    div.pathname-box a {
    background-color: #F5F5F5;
        color: #777777;
        display: block;
        float: left;
        padding: 8px 0 8px 40px;
        position: relative;
        text-decoration: none;
    }
    div.pathname-box a:after {
        border-bottom: 50px solid transparent;
        border-left: 25px solid #F5F5F5;
        border-top: 50px solid transparent;
        content: " ";
        display: block;
        height: 0;
        left: 100%;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        z-index: 2;
    }
    div.pathname-box a:before {
        border-bottom: 50px solid transparent;
        border-left: 25px solid #F5F5F5;
        border-top: 50px solid transparent;
        content: " ";
        display: block;
        height: 0;
        left: 100%;
        margin-left: 1px;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        z-index: 1;
    }
  div.pathname-box a :first-child a {
        padding-left: 10px;
    }
    .nomargin li:last-child a {
    }
    div.pathname-box a:hover {
        background: none repeat scroll 0 0 #5AE6CC;
        color: #777777;
    }
    div.pathname-box a:hover:after {
        border-left-color: #5AE6CC !important;
    }
    /*** Effects in sub-forums - Original code of FMcodes http://www.fmcodes.com/ is ShiftActif http://shiftactive.blogspot.com/***/
Atenciosamente,
Beleza!



Staff Shiftactif

Bem vindo ao fórum ShiftActif. Aconselhamos que você veja alguns subfóruns e regras para iniciar sua carreira na comunidade.
Regulamento e informações afins:
Seta verde   Condições gerais de uso & equipe voluntária.
Seta verde Necessidade de um Adminactif ou Deveolper?
Seta verde Lista de tutoriais.
Seta verde Aumente a segurança do seu fórum.
Fóruns interessantes:
Seta verde Tutoriais especiais.
Seta verde JuriActif.
Seta verde Suporte ao usuário ShiftActif.
Seta verde Sugestões & Melhoras.
Serviços extras:
Seta verde Exclusão de temas do Hitskin.
Seta verde Desinscrever-se de um fórum.
Seta verde Temas grátis para Download.
avatar
Membro em destaque
Masculino
Idade : 20
PointActif's : 2033
ReputActifs : 6
Mensagens : 115
Inscrição : 21/05/2012

100%
Ver perfil do usuáriohttp://progaweb.forumeiros.com/

Resolvido Re: Personalizar div.pathname-box do fórum

em Qua 28 Nov - 14:34
Perfeito..
Muito obrigado!! REP+ Very Happy
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum