FREEDOM DESIGN

Liberdade de edição


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

Ir à página : Anterior  1, 2

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

26 Re: Quote, Spoiler em Sex Jan 25, 2013 12:19 am

Designer

Olá,

Mateus, eu substitui o CSS e fiz o código javascript, e bugou tudinho. '-'
Tudo voltou a normal, a ser cinza e feio e talz. '-'

Re-faz?

Ver perfil do usuário

27 Re: Quote, Spoiler em Sex Jan 25, 2013 12:23 am

Administrador

Olá,

Substitua o código por este:
Código:

.codebox dt {
    background: black;
    border: none;
    color: white;
}
.codebox dd {
    background: transparent;
}
.codebox {
    border: 2px solid black;
    background: white;
}
.nameQuote {
display: block;
border-bottom: 1px solid #333;
border-left: 1px solid #333;
padding: 5px 0 3px 10px;
margin: 0 0 10px;
font: 700 11px Tahoma, serif;
}
/*Começo PrevMSG*/
#prevBG {
z-index: 998 !important;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
}
#prev {
position: fixed;
z-index: 999;
top: 15em;
left: 5em;
right: 5em;
bottom: 20em;
background-color: white; 
background-repeat: no-repeat;
background-position: bottom left;
background-image: url() !important;
}
.prevE {
position: absolute;
z-index: 9;
bottom: -22px;
right: -23px;
cursor: pointer;
}
.prevTxt {
  overflow-y:scroll;
  max-height:28.8em;
white-space: pre-line;
border-radius: 5px;
float: left;
margin:0 5px;
border: 1px solid #f9f9f9;
background: #fff;
display: block;
width: 96%;
padding: 15px;
box-shadow: inset -2px 1px 5px rgba(51, 51, 51, 0.4);
position: absolute;
top: 40px !important;
}
.prevTit h1 {
position: absolute;
background: #333;
top: 0;
right: 0;
left: 0;
text-align: center;
font: 18px Tahoma;
padding: 6px;
color: #F1F1F1;
font-weight: bold;
border-bottom: 6px solid #666;
}
/*fim PrevMSG*/

/* Alterações do Chatbox. */
 #chatbox_header { background: url('http://upamais.com/images/45903911249381626003.jpg'); }
#chatbox_footer { background: url('http://i.imgur.com/gfmg8ha.png') !important; background-repeat: no-repeat;}
/* Fim alterações do ChatBox. */

/* Opacidade nas opções do post. */
 .post:hover .posting-icons {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .posting-icons:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .posting-icons {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
/* Fim opacidade. */

#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
#divbold:hover, #divcolor, #divitalic:hover, #divsmilies:hover, #divstrike:hover, #divunderline:hover, #main-content a.cgu-buttons:hover, #message:hover, button.button2:hover, input#submit_button:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #363636;
color: #363636;
}
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-radius: 10px;
background-color: #EAEAEA;
border: 1px solid #D4D6D5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
input.search {
background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
.inputbox:hover {
border: 1px solid #EFEFEF;
}
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
border-radius: 10px;
color: #222;
cursor: text;
padding: 2px;
}
.spoiler {
    border: 3px solid black;
    padding: 8px;
}
.spoiler dt {
    background: black;
    color: white;
}
blockquote cite {
    background: transparent;
}
blockquote {
    background: white;
    padding: 10px;
    border: 1px solid black;
}

Adicione no fim da folha de estilo CSS.




Here comes the sun, here comes the sun,
And I say it's all right

Little darling, it's been a long cold lonely winter
Little darling, it feels like years since it's been here
Here comes the sun, here comes the sun
And I say it's all right



Ver perfil do usuário http://frdesign.probb.org

28 Re: Quote, Spoiler em Sex Jan 25, 2013 12:27 am

Designer

Well. Resultou. Só que ainda tem o bug do preto ultrapssar o spoiler.
Veja: http://narutoreborn.ativoforum.com/u207



Ver perfil do usuário

29 Re: Quote, Spoiler em Sex Jan 25, 2013 12:31 am

Administrador

Olá,

Junto ao código anterior adicione este:
Código:
#profile-advanced-details dl.spoiler {
    width: auto!important;
    margin: auto!important;
    padding: auto!important;
}
#profile-advanced-details .spoiler dt {
    float: none!important;
    width: auto!important;
    margin:0px;
  margin-top:-10px;
}

Abraços.




Here comes the sun, here comes the sun,
And I say it's all right

Little darling, it's been a long cold lonely winter
Little darling, it feels like years since it's been here
Here comes the sun, here comes the sun
And I say it's all right



Ver perfil do usuário http://frdesign.probb.org

30 Re: Quote, Spoiler em Sex Jan 25, 2013 12:32 am

Designer

Resultou. S222222222

Ah, e 1 favor: retire o meu CSS daí do tópico. e_e

E pode blockiar. ;D



Ver perfil do usuário


Conteúdo patrocinado

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

Ir à página : Anterior  1, 2

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