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 iniciante
Masculino
Idade : 26
PointActif's : 1760
ReputActifs : 2
Mensagens : 34
Inscrição : 14/12/2012

50%
Ver perfil do usuáriohttp://deathnote-therpg.forumeiros.com

Resolvido Folha de CSS - Transformar PhpBB2 para PunBB

em Sex 14 Dez - 17:12
Qual é sua questão:
QUERIA PASSAR MINHA ANTIGA CSS PARA A VERSÃO PUNBB POIS MODIFIQUEI ME FÓRUM

Código:
.quote  {
        color: #536482;
      background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #DEDEDE;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
        padding: 10px 20px;
    }

.spoiler {
background: #ffffff;
padding: 3px;
border: 1px solid #c9d2d8;
}
.spoiler_content {
color: #666666;
font-size: 1em;
font-weight: normal !important;
border: 0px;
border-top: 1px solid #cccccc;
padding-top: 3px;
}
.spoiler td:first {
border-bottom: 1px solid #cccccc;
font-weight: bold;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_closed {
line-height: 0%;
border-top: 1px;
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;
}


input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background: #DDD;
border-bottom-color: #999;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

input[type="button"], input[type="reset"], input[type="submit"] {
padding: 3px 9px 3px 9px;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -54px;
background-color: #EEE;
border: 1px solid #999;
border-bottom-color: #888;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
color:#333;
cursor:pointer;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -103px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color:white !important;
font-weight:bold;
cursor: pointer;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  background-position: -352px -09px;
}

.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}

.bodyline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}


.trash:focus > .lid, .trash:hover > .lid {
-moz-transform: rotate(-45deg);
-moz-transition: -webkit-transform 250ms;
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform 250ms;
}
.trash {
-moz-appearance: none;
-moz-transition: opacity 200ms;
-webkit-appearance: none;
-webkit-transition: opacity 200ms;
background: none;
border: none;
cursor: pointer;
display: inline-block;
height: 22px;
opacity: .8;
outline: none;
padding: 0;
position: relative;
right: 0;
top: 3px;
width: 30px;
}
.trash > .lid {
-moz-transform-origin: -7% 100%;
-moz-transition: -webkit-transform 150ms;
-webkit-transform-origin: -7% 100%;
-webkit-transition: -webkit-transform 150ms;
height: 6px;
width: 14px;
}
.trash > .can, .trash > .lid {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/trash10.png) 0 0 no-repeat;
left: 8px;
position: absolute;
right: 8px;
top: 2px;
}
.trash > .can {
background-position: -1px -4px;
height: 12px;
margin-left: 1px;
margin-right: 2px;
margin-top: 4px;
width: 11px;
}

tr.post td[valign="top"][width="150"] {
margin-top: 20px;
background-color: #1D1D1D;
color: white !Important;
border-top: 5px solid #854343;
border-bottom: 5px solid #854343;
border-left: 9px solid #471E1E;
border-right: 9px solid #471E1E;
box-shadow: black 0px 0px 5px;
-webkit-box-shadow: black 0px 0px 5px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}



        .c3pag{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;background:#F4FFBF;border:2px
 solid
#ccc;bottom:0;font-size:11px;font-weight:700;padding:15px;position:fixed;right:0}input.c3zotion{-moz-border-radius:6px;-webkit-border-radius:6px;border:1.3px
 dashed
#009FBF!important;font-weight:700;height:30px;margin-top:7px;text-transform:uppercase;width:170px}
       
a:hover {
color: #CC0000;
text-shadow : 0px 0px 10px #CC0000;
}
#chatbox {
background-color: #000000;
background-image: url(http://i.imgur.com/IjtL4.png); 
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50px 100px;
.chatbox_row_1 url(http://i.imgur.com/IjtL4.png);

#chatbox p {background: transparent !important;}
#chatbox {background-position: 50px 100px;}

a:link {text-decoration: none !important;}

::selection{background: #FC4C4C; color: white; text-shadow: 0 0 3px black}

tr.post td[valign="top"][width="150"]{-moz-transition:all 500ms;-o-transition:all 500ms;-webkit-border-radius:20px;-webkit-transition:all 500ms;background-image:url(http://i13.servimg.com/u/f13/17/96/92/75/sem_ta12.png);background-position:top left;background-repeat:repeat-x;border:1px solid gray;border-right:1px solid gray;box-shadow:0 0 111px #000;margin-top:-40px;min-width:160px!important;padding:1px 25px 2px;transition:all 500ms;transition-duration:500msbackground-image:url(http://i.imm.io/MnI8.jpeg)!important;background-position:top!important;background-repeat:repeat!important;border-color:#BD3333!important}tr.post td[valign="top"][width="150"]:hover{box-shadow:0 0 66px blue}


Que medidas você tomou para corrigir o problema:
---------X--------

Apresente-nos imagens do problema (se necessário):
NN PRECISA xD
avatar
Membro em destaque
Masculino
Idade : 24
PointActif's : 2067
ReputActifs : 11
Mensagens : 140
Inscrição : 02/06/2012

100%
Ver perfil do usuáriohttp://cavaleiros-lendarios.forum-livre.com

Resolvido Re: Folha de CSS - Transformar PhpBB2 para PunBB

em Sex 14 Dez - 17:46
Olá,não é possível de converter códigos CSS phpbb2 para punbb serem muito diferentes.
Fiz o possível, aqui está:

Código:

.quote  {
        color: #536482;
      background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #DEDEDE;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
        padding: 10px 20px;
    }

.spoiler {
background: #ffffff;
padding: 3px;
border: 1px solid #c9d2d8;
}
.spoiler_content {
color: #666666;
font-size: 1em;
font-weight: normal !important;
border: 0px;
border-top: 1px solid #cccccc;
padding-top: 3px;
}
.spoiler td:first {
border-bottom: 1px solid #cccccc;
font-weight: bold;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_closed {
line-height: 0%;
border-top: 1px;
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;
}


input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background: #DDD;
border-bottom-color: #999;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

input[type="button"], input[type="reset"], input[type="submit"] {
padding: 3px 9px 3px 9px;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -54px;
background-color: #EEE;
border: 1px solid #999;
border-bottom-color: #888;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
color:#333;
cursor:pointer;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -103px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color:white !important;
font-weight:bold;
cursor: pointer;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  background-position: -352px -09px;
}

.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}

#page-body {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}


.trash:focus > .lid, .trash:hover > .lid {
-moz-transform: rotate(-45deg);
-moz-transition: -webkit-transform 250ms;
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform 250ms;
}
.trash {
-moz-appearance: none;
-moz-transition: opacity 200ms;
-webkit-appearance: none;
-webkit-transition: opacity 200ms;
background: none;
border: none;
cursor: pointer;
display: inline-block;
height: 22px;
opacity: .8;
outline: none;
padding: 0;
position: relative;
right: 0;
top: 3px;
width: 30px;
}
.trash > .lid {
-moz-transform-origin: -7% 100%;
-moz-transition: -webkit-transform 150ms;
-webkit-transform-origin: -7% 100%;
-webkit-transition: -webkit-transform 150ms;
height: 6px;
width: 14px;
}
.trash > .can, .trash > .lid {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/trash10.png) 0 0 no-repeat;
left: 8px;
position: absolute;
right: 8px;
top: 2px;
}
.trash > .can {
background-position: -1px -4px;
height: 12px;
margin-left: 1px;
margin-right: 2px;
margin-top: 4px;
width: 11px;
}

.user {
margin-top: 20px;
background-color: #1D1D1D;
color: white !Important;
border-top: 5px solid #854343;
border-bottom: 5px solid #854343;
border-left: 9px solid #471E1E;
border-right: 9px solid #471E1E;
box-shadow: black 0px 0px 5px;
-webkit-box-shadow: black 0px 0px 5px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
}



        .c3pag{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;background:#F4FFBF;border:2px
 solid
#ccc;bottom:0;font-size:11px;font-weight:700;padding:15px;position:fixed;right:0}input.c3zotion{-moz-border-radius:6px;-webkit-border-radius:6px;border:1.3px
 dashed
#009FBF!important;font-weight:700;height:30px;margin-top:7px;text-transform:uppercase;width:170px}
       
a:hover {
color: #CC0000;
text-shadow : 0px 0px 10px #CC0000;
}
#chatbox {
background-color: #000000;
background-image: url(http://i.imgur.com/IjtL4.png); 
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50px 100px;
.chatbox_row_1 url(http://i.imgur.com/IjtL4.png);

#chatbox p {background: transparent !important;}
#chatbox {background-position: 50px 100px;}

a:link {text-decoration: none !important;}

::selection{background: #FC4C4C; color: white; text-shadow: 0 0 3px black}

#user{-moz-transition:all 500ms;-o-transition:all 500ms;-webkit-border-radius:20px;-webkit-transition:all 500ms;background-image:url(http://i13.servimg.com/u/f13/17/96/92/75/sem_ta12.png);background-position:top left;background-repeat:repeat-x;border:1px solid gray;border-right:1px solid gray;box-shadow:0 0 111px #000;margin-top:-40px;min-width:160px!important;padding:1px 25px 2px;transition:all 500ms;transition-duration:500msbackground-image:url(http://i.imm.io/MnI8.jpeg)!important;background-position:top!important;background-repeat:repeat!important;border-color:#BD3333!important}#user:hover{box-shadow:0 0 66px blue}
avatar
Membro iniciante
Masculino
Idade : 26
PointActif's : 1760
ReputActifs : 2
Mensagens : 34
Inscrição : 14/12/2012

50%
Ver perfil do usuáriohttp://deathnote-therpg.forumeiros.com

Resolvido Re: Folha de CSS - Transformar PhpBB2 para PunBB

em Sex 14 Dez - 17:59
Resolvido vlw Smile
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