Bookmarlucas654
sou nível 14Qui 10 Jan 2013, 11:02 am | |
Qual é minha questão:
Eu preciso que meu fórum tenha os botões(de todas as áreas) igual a esta imagem:
Link do fórum que vi estes botões: http://toon.forumeiros.com/
Bom, peço desculpas por estar pedindo estas coisas urgentemente, mas é porque o aniversário de primeiro ano de meu fórum é hoje, as 18:27(Evento vai ser as 18:30).
No meu fórum, os botões são estes, e quero modificar todos, pois são incrivelmente horríveis ;s
Eu preciso mudar TODOS os botões do fórum, é possível ser como o do fórum informado?
Imagem do meu problema:
Endereço do meu fórum:
http://habbojoy.forumeiros.com
Versão do meu fórum:
PunBB
Eu preciso que meu fórum tenha os botões(de todas as áreas) igual a esta imagem:
Link do fórum que vi estes botões: http://toon.forumeiros.com/
Bom, peço desculpas por estar pedindo estas coisas urgentemente, mas é porque o aniversário de primeiro ano de meu fórum é hoje, as 18:27(Evento vai ser as 18:30).
No meu fórum, os botões são estes, e quero modificar todos, pois são incrivelmente horríveis ;s
- Código:
/*-------------------Guia BB Code Icon-------------------*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited { background: url(http://cdn1.iconfinder.com/data/icons/famfamfam_mini_icons/icon_info.gif) !important; background-position: left center; background-repeat: no-repeat !important; padding: 2px 0 2px 20px; color: white; }
/*-------------------Final Guia BB Code Icon-------------------*/
/*-------------------BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
.pun .frm .frm-buttons input {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 31px;
min-width: 54px;
padding: 0 8px;
text-align: center;
vertical-align: middle;
}
.pun .frm .frm-buttons input:hover {
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
}
pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
/*-------------------Final BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
#quick_reply .frm-buttons {
text-align: center;
}
button, input, select, textarea {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
border-radius: 2px;
color: #666;
min-width: 20px;
vertical-align: middle;
background: #F3F3F3!Important;
border: 1px solid #666!Important;
line-height: 20px;
}
button, input, select, textarea:hover {
outline: 0;
color: #333;
}
/*-------------------Iconos de respuesta rapida-------------------*/
button.button2, input.button2 {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 12px;
min-width: 25px;
padding: 5px 10px;
text-align: center;
vertical-align: middle;
}
button.button2, input.button2:hover {
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
}
/*-------------------Final Iconos de respuesta rapida-------------------*/
.pun .posthead {
background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed #CCC;
font-size: 13px;
line-height: 30px;
padding: .1em .5em .5em 0;
text-shadow: 1px 1px 0 white;
}
.postfoot {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 10px 10px;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}
.pun .postmain {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}
.pun .main-content {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: none;
}
.pun .post {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
padding: 0;
border: 1px solid #DEDEDE;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
}
.pun .sig-content {
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border-top: 1px solid #D5D5D5;
}
Eu preciso mudar TODOS os botões do fórum, é possível ser como o do fórum informado?
Imagem do meu problema:
Endereço do meu fórum:
http://habbojoy.forumeiros.com
Versão do meu fórum:
PunBB