Personalizar div.pathname-box do fórum

[ExpTech]

Qual é sua questão:
Olá,

Poderiam me passar a css para esse efeito :
https://i.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):
https://i.servimg.com/u/f42/17/52/76/06/sem_ta10.png

[Scrat]

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

[ExpTech]

Muito bom obg.. Só não funciona dentro dos topicos conheçe algum pra personaliza aqueles link dentro dos topicos?

[Scrat]

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

[ExpTech]

A sim, agradeço.

[Shek]

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,

[ExpTech]

Perfeito..
Muito obrigado!! REP+

[Conteúdo patrocinado]