Folha de CSS - Transformar PhpBB2 para PunBB
Página 1 de 1 • Compartilhe
Folha de CSS - Transformar PhpBB2 para PunBB
Qual é sua questão:
QUERIA PASSAR MINHA ANTIGA CSS PARA A VERSÃO PUNBB POIS MODIFIQUEI ME FÓRUM
Que medidas você tomou para corrigir o problema:
---------X--------
Apresente-nos imagens do problema (se necessário):
NN PRECISA xD
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
Re: Folha de CSS - Transformar PhpBB2 para PunBB
Olá,não é possível de converter códigos CSS phpbb2 para punbb serem muito diferentes.
Fiz o possível, aqui está:
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}
Re: Folha de CSS - Transformar PhpBB2 para PunBB
Resolvido vlw
Conteúdo patrocinado
Tópicos semelhantes
» [TUTORIAL] Caixa de busca elegante para PunBB & PhpBB2
» [TUTORIAL] Imagem com título do tópico nos subfóruns (PUNBB & PHPBB2)
» Efeito palavras chave no fórum para PunBB
» IPBoard PunBB
» Correções na versão Punbb
» [TUTORIAL] Imagem com título do tópico nos subfóruns (PUNBB & PHPBB2)
» Efeito palavras chave no fórum para PunBB
» IPBoard PunBB
» Correções na versão Punbb
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos