Personalizar div.pathname-box do fórum
Página 1 de 1 • Compartilhe
Personalizar div.pathname-box do fórum
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
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
Re: Personalizar div.pathname-box do fórum
Olá amigo,
O CSS para o efeito é o seguinte:
Apenas troque-as para adapta-las a seu fórum.
Até mais
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/***/
Apenas troque-as para adapta-las a seu fórum.
Até mais
Re: Personalizar div.pathname-box do fórum
Muito bom obg.. Só não funciona dentro dos topicos conheçe algum pra personaliza aqueles link dentro dos topicos?
Re: Personalizar div.pathname-box do fórum
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
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
Re: Personalizar div.pathname-box do fórum
A sim, agradeço.
Re: Personalizar div.pathname-box do fórum
Olá!
Tente usar o código CSS indicado abaixo:
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/***/
Re: Personalizar div.pathname-box do fórum
Perfeito..
Muito obrigado!! REP+
Muito obrigado!! REP+
Conteúdo patrocinado
Tópicos semelhantes
» Tecno 3.0 + personalizar seleção de texto
» Caixa de seleção do fórum Espaço de publicidade do fórum Shiftactif
» Redirecionamento do Fórum
» Personalizar o widget "Tópicos Recentes"
» Personalizar caixa de cores com Javascript externo
» Caixa de seleção do fórum Espaço de publicidade do fórum Shiftactif
» Redirecionamento do Fórum
» Personalizar o widget "Tópicos Recentes"
» Personalizar caixa de cores com Javascript externo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|