Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Alguns codigos!

2 participantes

Início :: Forumeiros :: NostalgiaAlguns codigos!

#Hitz~* #Hitz~*  • Sáb 26 Jan 2013 - 0:28

Alguns codigos! Empty Alguns codigos! Sáb 26 Jan 2013 - 0:28

Iai Mano eu queria o codigo pra deixar o Spoiler e o code assim:
Spoiler:
Código:
Code

Tambem o code de mostrar avatar Ultimo a Postar!

Daemon Daemon  • Sáb 26 Jan 2013 - 0:34

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 0:34

adicione a sua css:
Código:
/*-----------------Efeito Spoiler+Code---------------*/
.codebox {
background: #1a1a1a;
border: 1px solid #2d2d2d;
box-shadow: 0 2px 10px #333;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #2d2d2d;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #333;
border: 1px solid #2d2d2d;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #333;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}

Daemon Daemon  • Sáb 26 Jan 2013 - 0:34

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 0:34

adicione a sua css:
Código:
/*-----------------Efeito Spoiler+Code---------------*/
.codebox {
background: #1a1a1a;
border: 1px solid #2d2d2d;
box-shadow: 0 2px 10px #333;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #2d2d2d;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #333;
border: 1px solid #2d2d2d;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #333;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}

#Hitz~* #Hitz~*  • Sáb 26 Jan 2013 - 0:51

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 0:51

Faz o Seguinte Adicione essa barra Laranja a esse codigo:
Código:
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dt {
border-bottom: 1px dotted #888;
padding: .25em;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

Daemon Daemon  • Sáb 26 Jan 2013 - 0:57

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 0:57

como assim? pelo que vejo vc quer a barra laranja, mas ela já está no código

#Hitz~* #Hitz~*  • Sáb 26 Jan 2013 - 1:00

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 1:00

Esse Code eu que Fiz mas só que não colokei a barra laranja tem como vc adicionar nesse?
Código:
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dt {
border-bottom: 1px dotted #888;
padding: .25em;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

N uso o Seu pq fikou muito escuro!

Daemon Daemon  • Sáb 26 Jan 2013 - 1:23

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 1:23

Reputação da mensagem: 100% (1 votos)
troque por este
Código:
/*-----------------Efeito Spoiler+Code---------------*/
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

#Hitz~* #Hitz~*  • Sáb 26 Jan 2013 - 1:24

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 1:24

Muito Obrigado era isso mesmo!

Daemon Daemon  • Sáb 26 Jan 2013 - 1:42

Alguns codigos! Empty Re: Alguns codigos! Sáb 26 Jan 2013 - 1:42

Tópico Resolvido; e bloqueado

De Seta 2 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Para Seta 2 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Conteúdo patrocinado  • 

Alguns codigos! Empty Re: Alguns codigos!

Início :: Forumeiros :: Nostalgia:: Alguns codigos!
Permissões neste sub-fórum
Não podes responder a tópicos