Skin para Forum
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Outras questões :: Questões resolvidas: Outras questões
Página 1 de 1
Skin para Forum
Detalhes da questão
Endereço do fórum: http://digimonviverpg.forumeiros.com/forum
Versão do fórum: PhpBB3
Descrição
Estou com uma pequena duvida, mesmo que aqui possa não ser o lugar ideal para resolver ela, acredito que alguém possa me ajudar. Estou seguindo um tutorial para colocar Skin no forum ( link do tutorial http://thecaptainknowsbest.tumblr.com/post/115576541120/recomendaci%C3%B3n-6-c%C3%B3mo-instalar-un-skin ) eu estou seguindo todas as dicas do tutorial, e usando os codigos dessa Skin no caso ( http://thecaptainknowsbest.tumblr.com/post/115472195945/skin-dark-world-para-foroactivo-versi%C3%B3n-phpbb3 ).
Porem estou com um problema, o tutorial completo não mostra como colocar muita coisa de todas as partes dessa skin, as únicas coisas que eu consegui colocar foram os códigos CSS e os de JavaScript, alguem sabe como prosseguir?
Última edição por Karadruz DL em 29.10.16 21:44, editado 1 vez(es)
Re: Skin para Forum
Saudações!
Cheque estes dois tópicos:
https://ajuda.forumeiros.com/t16113-
https://ajuda.forumeiros.com/t17276-
Eles lhe darão auxilio na instalação do tema;
Se mesmo ainda tiveres dúvida, nos avise.
Até mais.
Sennior
Cheque estes dois tópicos:
https://ajuda.forumeiros.com/t16113-
https://ajuda.forumeiros.com/t17276-
Eles lhe darão auxilio na instalação do tema;
Se mesmo ainda tiveres dúvida, nos avise.
Até mais.
Sennior
Re: Skin para Forum
O problema agora nao é mais a skin, é o template completo, fui remover os JavaScripts que eu tinha colocado, e agora toda a estrutura do forum foi desfeita, esta tudo mal organizado D:
Re: Skin para Forum
Ora! Ponha novamente os JavaScript. Se mesmo assim ano resultar, faça o processo todo novamente de instalação do tema.
Até mais.
Sennior
Até mais.
Sennior
Re: Skin para Forum
Olá, vamos por partes, primeiramente por segurança, salve qualquer código no bloco de notas.
Depois adicione os seguintes código... CSS
e na página inicial > Mensagem na Página Inicial.
Deixe apenas o widget de últimos assuntos ativo.
Voltarei
Depois adicione os seguintes código... CSS
- Código:
ul.topiclist.topics.bg_none dd.lastpost br {
display: none;
}
.contador {
width: 50px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
line-height: 100%;
text-align: center;
font-weight: bold;
background: #b49a50;
color: #000;
text-transform: uppercase;
font-size: 9px;
}
.grupos-est {
color: #000;
font-family: Consolas;
letter-spacing: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
font-weight: bold;
width: 190px;
line-height: 100%;
text-transform: uppercase;
font-size: 9px;
}
.ambientacion {
max-height: 100px;
font-size: 10px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 5px;
margin-top: 5px;
text-align: justify;
color: #d1d1d1;
line-height: 110%;
}
.titulo-tablon {
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
color: #000;
font-family: Titillium Web;
font-size:20px;
font-style: normal;
font-weight: 900;
letter-spacing: 0px;
line-height: 10px;
text-align: center;
width: 204px;
background: #4e6036;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
}
.caja-tablon {
width: 204px;
height: 195px;
background: transparent;
border-bottom: 10px solid #4e6036;
padding-top: 5px;
}
.titulo-afi {
background: #4e6036;
color: #D1D1D1;
font-family: Consolas;
font-size: 9px;
line-height: 100%;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 5px;
}
.elite {
width: 525px;
position: relative;
display: inline-block;
height: 278px;
overflow: hidden;
}
.bros {
width: 260px;
position: relative;
display: inline-block;
height: 278px;
overflow: hidden;
}
#alfinalforo {
position:relative;
left: 39px;
}
#elite img {
margin: 1px;
border: solid 3px #4e6036;
width: 50px;
height: 50px;
}
#bros img {
margin: 1px;
border: solid 2px #4e6036;
width: 50px;
height: 90px;
}
.estadistica {
display: inline-block;
line-height: 100%; padding-top: 10px;
padding-bottom: 10px;
font-size: 9px;
width: 260px;
background: #4e6036;
text-transform: uppercase;
text-align: center;
color: #D1D1D1;
font-family: Consolas;
margin-right: 3px;
}
.img-whois {
display: inline-block;
margin-right: 3px;
width: 260px;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
float: none;
height: 220px;
}
.grupos {
width: 260px;
display: inline-block;
color: #d1d1d1;
height: 220px;
margin-top: 3px;
margin-bottom: 3px;
overflow-y: auto;
overflow-x:hidden;
}
.enlinea {
width: 240px;
display: inline-block;
color: #d1d1d1;
height: 200px;
padding: 5px;
border: 5px solid transparent;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 3px;
overflow-y: auto;
overflow-x:hidden;
}
.estadisticas {
position:relative;
left: 39px;
}
#cp-main .panel.sig {background-color: #f9f9f9 !important;}
.headerbar {margin-bottom: -24px; !important; padding: 5px; width: 830px; height: 300px; background-image:url("https://38.media.tumblr.com/5a041a30b96f1d209602fdec6f57a04d/tumblr_n8z7xh8wuD1tfetvco1_1280.jpg"); }
p {font-size: 11px; line-height: 95%; margin-bottom: -10px; padding-left: 20px; padding-right: 20px; }
#left{display:none;}
#contenedorultimostemas{
margin-top: -10px;
oveflow: hidden;
height: 165px;
width: 185px;
font-family: Calibri;
padding: 5px;
background:transparent;
font-size: 10px;
text-transform: uppercase;
text-align: center;
line-height: 110%;
font-weight: 700;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb { background-color: #b49a50; border-radius:0px;}
::-webkit-scrollbar-track-piece { background-color: #000; -webkit-border-radius: 0px;}
.inputbox{
border-color: transparent !important;
color: #000;
}
#message-box textarea {
color: #000;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border-color: transparent !important;
}
p.right.rightside + p {
display:none;
}
p.rightside {
display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
display: block;
}
#cp-main h1 {
color: #000;
}
#wrap {
background-color: black;
margin: 0 auto;
min-width: 883px;
padding: 5px;
max-width: 883px;
margin-bottom: -10px;
border-bottom: none;
}
#phpbb {
margin-left: 0px;
}
/*----------------------- FONTS INSTALADAS------------------*/
@font-face {font-family:Six caps; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/Z0km826mg/sixcaps.ttf) format("truetype"); }
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format('woff');
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr8vGCqQ_I4mewSLySUmNzHA.woff) format('woff');
}
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }
@font-face {font-family:Optimus; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/oOjm489lo/optimusprinceps.ttf) format("truetype"); }
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:text me one; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }
ul.navlinks {
font-weight: normal !important;
text-transform: uppercase !important;
text-shadow: 0px 2px 2px #251d1d; !important;
position: fixed !important;
z-index: 999;
background: black; !important;
width: 100% !important;
top: 0px !important;
left: 0px !important;
}
A.opacity img { filter:alpha(opacity=20);
-moz-opacity: 0.5; opacity: 0.5;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;}
A.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border-left:none;
}
#page-footer {margin-top:100px !important;}
#search-box {visibility: hidden;}
#site-title {visibility: hidden; !important; }
.postbody {
width: 600px;
text-align: justify;
color: #d3d2d2;
position: relative;
padding: 20px;
}
div.post div.inner div.postbody div.content div {
font-size: 16px;
font-family: calibri;
line-height: 110%;
color: #b6b6b6;
}
.postbody .content {
font-size: 16px;
font-family: calibri;
line-height: 110%;
color: #b6b6b6;
}
.postbody .topic-title {
border: none;
color: #8C6E7C;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: 700;
margin: 50px !important;
margin-bottom: 20px;
padding: 22px;
text-transform: none;
text-align:justify;
}
a.page-title {
font-family: Poiret;
text-align: center;
margin: .8em 0 .2em;
font-weight: lighter;
font-size: 30px;
padding: 4px;
}
.postbody ul.profile-icons {
position: absolute;
right: 45px;
top: 3px;
bottom: 10px;
padding: 0;
width: auto;
}
::selection {background: #F6F7C2; color: #663145;}
ul.linklist {
padding-right: 45px;
padding-left: 45px;
}
.topic-actions {
font-family: consolas;
padding-right: 45px;
padding-left: 45px;
font-size: 9px;
text-transform: uppercase;
}
a:link, a:visited {
color: #d1d1d1;
font-weight: lighter;
font-size:9px;
letter-spacing: 0px;
font-family: consolas;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
-webkit-transition-duration: 2s;
}
a:hover {
color:#666;
text-decoration: none; !important;
text-transform: uppercase;
-webkit-transition: opacity 2s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-webkit-transition-duration: 2s;
}
a.topictitle:hover {
text-decoration: none;
border-bottom: solid 0px #C1E8CC;
text-shadow: -3px 0px 0px #E00303, 3px 0px 0px #2AE0E0;
}
a.navi {
color:#aaa;
font-style: none;
font-size:8px;
letter-spacing: 1px;
font-family: arial;
text-shadow: 0px 2px 1px #;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition-duration: 2s;
}
a.mainmenu {
font-family: consolas;
font-size: 9px;
font-weight: lighter;
letter-spacing: 0px;
line-height: 0.6em;
margin-top: -570px; !important;
right: 100px;
text-align: right;
text-shadow: 1px 1px #no;
text-transform: uppercase;
background-color:black;
color:#f4f4f4;
}
a.mainmenu:hover{
letter-spacing : 0px;
text-decoration: none;
color : #B4B4B4;
text-transform: uppercase;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"],.mainmenu[href="/groups"] {
display: none;
color: transparent; font-size: 0px;
}
.mainmenu[href="/memberlist"] {
margin-left: -10px;
}
a.forumtitle {
font-family: Titillium Web;
font-size: 13px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
font-weight: 900;
display: block;
background: #4e6036;
color: #000;
width: 590px;
line-height: 100%;
padding-top: 5px;
padding-bottom:5px;
position: absolute;
left: 100px;
top: 12px;
text-decoration: none;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-webkit-transition-duration: 2s; !important;
}
a.forumtitle:hover {
text-decoration: none;
}
dd.lastpost span.color-groups {
float: none;
text-align: center;
}
.forabg ul.forums li.row dd.topics::after {
content: "topics";
font-family: consolas;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
line-height: 100%;
font-weight: 700;
display: block;
color: #fff;
}
.forabg ul.forums li.row dd.posts::after {
content: "posts";
font-family: consolas;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
line-height: 100%;
font-weight: 700;
display: block;
color: #fff;
}
ul.forums li.row {
position: relative;
height: 200px;
overflow: hidden;
}
.forabg ul.topiclist.forums li.row dd.dterm {
height: 200px;
}
.forabg ul.forums li.row dd.topics {
width: 70px;
padding-top: 5px;
padding-bottom: 10px;
background-color: #4e6036;
position: absolute;
top: 44px;
right: 207px;
color: #fff;
}
.forabg ul.forums li.row dd.posts {
width: 70px;
padding-top: 5px;
padding-bottom: 10px;
background-color: #4e6036;
position: absolute;
right: 130px;
top: 44px;
color:#fff;
}
.forabg ul.forums li.row dd.lastpost {
width: 147px;
padding-top: 20px;
padding-bottom: 15px;
background-color: #4e6036;
position: absolute;
height: 40px;
right: 130px;
top: 102px;
font-size: 10px;
line-height: 110%;
text-align:center;
color:#fff;
}
.forabg li.header dd.topics {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.posts {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.lastpost {
background-color: transparent; color: transparent; height: 0px; padding-top: 0px; display: none; }
.profile .title2 {
text-align: right;
font-size: 11px;
font-weight: none;
text-transform: uppercase;
letter-spacing: 1px;
font-family: calibri;
color: #666;
line-height: 10px;
line-height:20px;
}
.introduction .h3, .module .h3 {
margin-top: -20px;
display: block;
text-align: center;
}
.h3 {
text-align: center;
}
ul.forums {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
ul.topiclist.topics.bg_none {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
ul.topiclist.pmlist.bg_none {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
li.header /*cabecera de foros*/ {
background-color: #4e6036;
line-height: 100%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 0px;
text-align:center;
width: 786px;
position:relative;
left: 39px;
}
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
.table-title h2 {
font-style: normal;
font-size: 50px;
letter-spacing:-1px;
line-height: 100%;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
}
h1.page-title {
background-color: #4e6036;
line-height: 100%;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
font-style: normal;
font-size: 35px;
letter-spacing:-1px;
line-height: 10px;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
width: 883px;
}
h1.page-title a {
font-style: normal;
font-size: 35px;
letter-spacing:-1px;
line-height: 10px;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
}
.postprofile dd, .postprofile dt {
margin-top:1px;
margin-left:1px;
line-height: 11px;
font-size: 10px;
}
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 20px;
background: #000;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: #000;
}
.postprofile dt img {
max-width:180px;
}
.postbody p.author {
position: relative;
margin-top: 10px;
background: #4e6036;
text-align: center;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-top: solid 3px #1a1a1a;
padding: 1px; !important;
font-family:arial;
txt-transform: uppercase;
font-size:8px;
letter-spacing:2px;
color: #fff;
width: 600px;
}
.postprofile {
display: block;
text-align: left;
line-height: 11px;
border-radius: 0px;
border-left: solid 3px #4e6036;
background-color: #010101;
color:#f4f4f4;
font-family:calibri;
text-transform:uppercase;
font-size:10px;
letter-spacing:0px;
padding-left: 5px !important;
float: right;
margin: 5px 0 0;
position: relative;
width: 180px;
right: 10px;
}
.postprofile dd {
text-align: left;
line-height: 12px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
padding:2px !important;}
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border: medium none;
color: #0f0f0f;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898;
}
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
border: none;
color: #3a1801;
}
button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898; }
button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;color: #989898;}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border:none;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none; }
.pagination span strong {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border:none;
font-size: 0.9em;
margin: 0 2px;
padding: 0 2px; }
.pagination span a:hover {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border:none;
color: #COLOR;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
height: 150px;
width: 100%!important;
border: none;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { /*NOMBRE USUARIO PERFIL*/
font-weight: none;
padding-top: 5px;
margin-top:5px;
font-size: 20px;
font-style: italic; !important;
font-family: Arial;
font-weight: 200;
text-decoration: none;
letter-spacing: -3px;
line-height:110%;
text-align: center;
}
dl.spoiler {
background-color: #1a1a1a;
font-size: 1em;
padding: 3px;
border-top: 0px;
border-bottom: 0px;
color:#f4f4f4;
letter-spacing:1px;
}
spoiler {
border-bottom:1px dashed #b49a50;
background-color:#1a1a1a;
color:white;
}
blockquote {
background: #1a1a1a;
border-top: 5px solid #4e6036; !important;
border-bottom: 0px;
border-left:0px;
color:white;
font-size: 12px;
-moz-border-radius: 0px;!important;
border-radius: 0px;!important;
font-family: calibri; !important;
line-height:11px;
font-style: none !important;
letter-spacing:1px;
width: 400px;
border-right: transparent;
}
dl.codebox {
background-color: #1a1a1a;
border: none;
font-size: 12px;
padding: 3px;
font-family: calibri;
}
.content blockquote {
font-size: 12px;
font-family: calibri;
}
.spoiler_content.hidden {
font-size: 12px;
font-family: calibri;
}
dl.codebox code {
color: #f4f4f4;
display: block;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
border:none;
white-space: no;
-moz-border-radius: 0px;
border-top: 5px solid #4e6036;
background-color: #1a1a1a;
}
dl.codebox dt {
border:none;
display: block;
font-size: 9px;
font-weight: 700;
margin-bottom: 3px;
text-align:center;
}
input, select, option, textarea {
letter-spacing: 2px;
font-family: arial;
font-size:9px;
background-color: #dfd0a4;
padding: 4px;
border-left: 5px solid #4e6036; !important;
border: #000;
opacity: 0.9;
color: #000;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.h3, h3 {
border-bottom: 1px dashed #4e6036;
color: #fff;
overflow: hidden;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 3px;
font-weight: normal;
margin-top: 1px;
padding-bottom: 2px;
text-transform: uppercase;
font-family: Arial Narrow;
}
.module {
background-color: #000; !important;
text-shadow: 1px 1px 0px #color;
border: 1px solid #1a1a1a;
margin-bottom: 4px;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
position: relative;
color: #666;
font-family: calibri;
text-transform: uppercase;
text-align: center;
-webkit-border-radius:0 0 0px 0px;
letter-spacing: 1px;
font-size: 11px;
}
.module dd.lastpost {
width: 130px;
}
.linksub a {
background-color: #4e6036;
display: inline-block;
color: #EBEADD;
font-family: Consolas;
font-size: 10px;
font-style: normal;
margin-bottom: 2px;
padding-bottom:1px;
padding-top:1px;
margin-right: 1px;
margin-left: 1px;
float: center;
text-align: center;
text-transform: uppercase;
font-weight: 700;
width: 166px;
line-height: 80%;
}
.descsub {
width: 350px;
height: 150px;
margin-left: 10px;
}
#basesub {
width: 550px;
background: #b49a50;
height: 150px;
border-right: solid 20px #4e6036;
border-left: solid 20px #4e6036;
position: absolute;
left: 100px;
top: 35px;
}
.textosub {
font-family: calibri;
padding: 9px;
font-size: 12px;
line-height: 90%;
text-align: justify;
color: #000;
padding-bottom: 3px;
height: 70px;
font-weight: 700;
padding-top: 12px;
overflow:auto;
margin-bottom: 10px;
}
.textosub2 {
font-family: calibri;
padding: 9px;
font-size: 12px;
line-height: 90%;
text-align: justify;
color: #000;
padding-bottom: 3px;
height: 70px;
font-weight: 700;
padding-top: 12px;
overflow:auto;
margin-bottom: 10px;
width: 330px;
}
#efectostaff {
overflow: hidden;
opacity: 0;
width: 80px;
height: 55px;
background: #bdac59;
-webkit-transform: scale(0);
-moz-transition: ease-in-out .5s;
-ms-transform: scale(0.5);
-ms-transition: ease-in-out .5s;
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
-webkit-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
#efectostaff:hover {
opacity: 1;
-webkit-transform: scale(1);
-moz-transition: ease-in-out .5s;
-ms-transform: scale(1);
-ms-transition: ease-in-out .5s;
-o-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
.fontstaff2 a {
text-align: center;
font-family: consolas;
font-size: 9px;
font-weight: lighter;
color: #000;
text-transform: uppercase;
line-height: 100%;
}
e na página inicial > Mensagem na Página Inicial.
- Código:
<center>
<table>
<tbody>
<tr>
<td>
<div style="margin-right: 10px;" class="titulo-tablon">
Administración
</div>
<div class="caja-tablon" style="margin-right: 10px;">
<center>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
</div>
</td>
<td>
<div style="margin-right: 10px;" class="titulo-tablon">
ÚLTIMOS ASSUNTOS
</div>
<div class="caja-tablon" style="margin-right: 10px;">
<div id="contenedorultimostemas">
<div id="micontenedor">
</div>
</div>
</div>
</td>
<td>
<div class="titulo-tablon">
Ambientación
</div>
<div class="caja-tablon">
<div style="width: 204px; margin-top: 5px; height: 80px; background:url('http://i.imgur.com/G5cXBYb.png');">
</div>
<div class="ambientacion">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br /><br />Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center><br />
Deixe apenas o widget de últimos assuntos ativo.
Voltarei
Re: Skin para Forum
Olá não creio que seja necessário criar um novo...
Experimente excluir os CSS, Javascript e outros códigos, e refaça os processos...
Qual é exatamente o problema? libere o fórum para visitantes.
Até
P.S. retorne ao padrão do Phpbb3 se necessário
Experimente excluir os CSS, Javascript e outros códigos, e refaça os processos...
Qual é exatamente o problema? libere o fórum para visitantes.
Até
P.S. retorne ao padrão do Phpbb3 se necessário
Re: Skin para Forum
Aqui é possivel ver como o forum ficou: http://digimonviverpg.forumeiros.com/forum
Re: Skin para Forum
Olá ainda estamos caminhando...
Esse tema requer algumas configurações...
Vá em Visualização > Página inicial > Estrutura e hierarquia e em Hierarquia, deixe configurado dessa maneira
http://prntscr.com/d0jyr4
Vá também em Gestão das imagens >Modo Avançado e retire essas imagens http://prntscr.com/d0k082
deixe somente o texto.
Esse tema requer algumas configurações...
Vá em Visualização > Página inicial > Estrutura e hierarquia e em Hierarquia, deixe configurado dessa maneira
http://prntscr.com/d0jyr4
Vá também em Gestão das imagens >Modo Avançado e retire essas imagens http://prntscr.com/d0k082
deixe somente o texto.
Re: Skin para Forum
acabei mudando da phpbb3 para a phpbb2, e de volta para a phpbb3 para ver se conseguia resolver o problema da estrutura, mesmo assim nao resolveu, fora isso, segui o que voce falou.
Re: Skin para Forum
Agora que refaça esses procedimentos
Irei postar o restante na proxima mensagem.
CSS
- Código:
ul.topiclist.topics.bg_none dd.lastpost br {
display: none;
}
.contador {
width: 50px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
line-height: 100%;
text-align: center;
font-weight: bold;
background: #b49a50;
color: #000;
text-transform: uppercase;
font-size: 9px;
}
.grupos-est {
color: #000;
font-family: Consolas;
letter-spacing: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
font-weight: bold;
width: 190px;
line-height: 100%;
text-transform: uppercase;
font-size: 9px;
}
.ambientacion {
max-height: 100px;
font-size: 10px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 5px;
margin-top: 5px;
text-align: justify;
color: #d1d1d1;
line-height: 110%;
}
.titulo-tablon {
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
color: #000;
font-family: Titillium Web;
font-size:20px;
font-style: normal;
font-weight: 900;
letter-spacing: 0px;
line-height: 10px;
text-align: center;
width: 204px;
background: #4e6036;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
}
.caja-tablon {
width: 204px;
height: 195px;
background: transparent;
border-bottom: 10px solid #4e6036;
padding-top: 5px;
}
.titulo-afi {
background: #4e6036;
color: #D1D1D1;
font-family: Consolas;
font-size: 9px;
line-height: 100%;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 5px;
}
.elite {
width: 525px;
position: relative;
display: inline-block;
height: 278px;
overflow: hidden;
}
.bros {
width: 260px;
position: relative;
display: inline-block;
height: 278px;
overflow: hidden;
}
#alfinalforo {
position:relative;
left: 39px;
}
#elite img {
margin: 1px;
border: solid 3px #4e6036;
width: 50px;
height: 50px;
}
#bros img {
margin: 1px;
border: solid 2px #4e6036;
width: 50px;
height: 90px;
}
.estadistica {
display: inline-block;
line-height: 100%; padding-top: 10px;
padding-bottom: 10px;
font-size: 9px;
width: 260px;
background: #4e6036;
text-transform: uppercase;
text-align: center;
color: #D1D1D1;
font-family: Consolas;
margin-right: 3px;
}
.img-whois {
display: inline-block;
margin-right: 3px;
width: 260px;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
float: none;
height: 220px;
}
.grupos {
width: 260px;
display: inline-block;
color: #d1d1d1;
height: 220px;
margin-top: 3px;
margin-bottom: 3px;
overflow-y: auto;
overflow-x:hidden;
}
.enlinea {
width: 240px;
display: inline-block;
color: #d1d1d1;
height: 200px;
padding: 5px;
border: 5px solid transparent;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 3px;
overflow-y: auto;
overflow-x:hidden;
}
.estadisticas {
position:relative;
left: 39px;
}
#cp-main .panel.sig {background-color: #f9f9f9 !important;}
.headerbar {margin-bottom: -24px; !important; padding: 5px; width: 830px; height: 300px; background-image:url("https://38.media.tumblr.com/5a041a30b96f1d209602fdec6f57a04d/tumblr_n8z7xh8wuD1tfetvco1_1280.jpg"); }
p {font-size: 11px; line-height: 95%; margin-bottom: -10px; padding-left: 20px; padding-right: 20px; }
#left{display:none;}
#contenedorultimostemas{
margin-top: -10px;
oveflow: hidden;
height: 165px;
width: 185px;
font-family: Calibri;
padding: 5px;
background:transparent;
font-size: 10px;
text-transform: uppercase;
text-align: center;
line-height: 110%;
font-weight: 700;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb { background-color: #b49a50; border-radius:0px;}
::-webkit-scrollbar-track-piece { background-color: #000; -webkit-border-radius: 0px;}
.inputbox{
border-color: transparent !important;
color: #000;
}
#message-box textarea {
color: #000;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border-color: transparent !important;
}
p.right.rightside + p {
display:none;
}
p.rightside {
display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
display: block;
}
#cp-main h1 {
color: #000;
}
#wrap {
background-color: black;
margin: 0 auto;
min-width: 883px;
padding: 5px;
max-width: 883px;
margin-bottom: -10px;
border-bottom: none;
}
#phpbb {
margin-left: 0px;
}
/*----------------------- FONTS INSTALADAS------------------*/
@font-face {font-family:Six caps; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/Z0km826mg/sixcaps.ttf) format("truetype"); }
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format('woff');
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr8vGCqQ_I4mewSLySUmNzHA.woff) format('woff');
}
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }
@font-face {font-family:Optimus; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/oOjm489lo/optimusprinceps.ttf) format("truetype"); }
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:text me one; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }
ul.navlinks {
font-weight: normal !important;
text-transform: uppercase !important;
text-shadow: 0px 2px 2px #251d1d; !important;
position: fixed !important;
z-index: 999;
background: black; !important;
width: 100% !important;
top: 0px !important;
left: 0px !important;
}
A.opacity img { filter:alpha(opacity=20);
-moz-opacity: 0.5; opacity: 0.5;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;}
A.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border-left:none;
}
#page-footer {margin-top:100px !important;}
#search-box {visibility: hidden;}
#site-title {visibility: hidden; !important; }
.postbody {
width: 600px;
text-align: justify;
color: #d3d2d2;
position: relative;
padding: 20px;
}
div.post div.inner div.postbody div.content div {
font-size: 16px;
font-family: calibri;
line-height: 110%;
color: #b6b6b6;
}
.postbody .content {
font-size: 16px;
font-family: calibri;
line-height: 110%;
color: #b6b6b6;
}
.postbody .topic-title {
border: none;
color: #8C6E7C;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: 700;
margin: 50px !important;
margin-bottom: 20px;
padding: 22px;
text-transform: none;
text-align:justify;
}
a.page-title {
font-family: Poiret;
text-align: center;
margin: .8em 0 .2em;
font-weight: lighter;
font-size: 30px;
padding: 4px;
}
.postbody ul.profile-icons {
position: absolute;
right: 45px;
top: 3px;
bottom: 10px;
padding: 0;
width: auto;
}
::selection {background: #F6F7C2; color: #663145;}
ul.linklist {
padding-right: 45px;
padding-left: 45px;
}
.topic-actions {
font-family: consolas;
padding-right: 45px;
padding-left: 45px;
font-size: 9px;
text-transform: uppercase;
}
a:link, a:visited {
color: #d1d1d1;
font-weight: lighter;
font-size:9px;
letter-spacing: 0px;
font-family: consolas;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
-webkit-transition-duration: 2s;
}
a:hover {
color:#666;
text-decoration: none; !important;
text-transform: uppercase;
-webkit-transition: opacity 2s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-webkit-transition-duration: 2s;
}
a.topictitle:hover {
text-decoration: none;
border-bottom: solid 0px #C1E8CC;
text-shadow: -3px 0px 0px #E00303, 3px 0px 0px #2AE0E0;
}
a.navi {
color:#aaa;
font-style: none;
font-size:8px;
letter-spacing: 1px;
font-family: arial;
text-shadow: 0px 2px 1px #;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition-duration: 2s;
}
a.mainmenu {
font-family: consolas;
font-size: 9px;
font-weight: lighter;
letter-spacing: 0px;
line-height: 0.6em;
margin-top: -570px; !important;
right: 100px;
text-align: right;
text-shadow: 1px 1px #no;
text-transform: uppercase;
background-color:black;
color:#f4f4f4;
}
a.mainmenu:hover{
letter-spacing : 0px;
text-decoration: none;
color : #B4B4B4;
text-transform: uppercase;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"],.mainmenu[href="/groups"] {
display: none;
color: transparent; font-size: 0px;
}
.mainmenu[href="/memberlist"] {
margin-left: -10px;
}
a.forumtitle {
font-family: Titillium Web;
font-size: 13px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
font-weight: 900;
display: block;
background: #4e6036;
color: #000;
width: 590px;
line-height: 100%;
padding-top: 5px;
padding-bottom:5px;
position: absolute;
left: 100px;
top: 12px;
text-decoration: none;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-webkit-transition-duration: 2s; !important;
}
a.forumtitle:hover {
text-decoration: none;
}
dd.lastpost span.color-groups {
float: none;
text-align: center;
}
.forabg ul.forums li.row dd.topics::after {
content: "topics";
font-family: consolas;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
line-height: 100%;
font-weight: 700;
display: block;
color: #fff;
}
.forabg ul.forums li.row dd.posts::after {
content: "posts";
font-family: consolas;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
line-height: 100%;
font-weight: 700;
display: block;
color: #fff;
}
ul.forums li.row {
position: relative;
height: 200px;
overflow: hidden;
}
.forabg ul.topiclist.forums li.row dd.dterm {
height: 200px;
}
.forabg ul.forums li.row dd.topics {
width: 70px;
padding-top: 5px;
padding-bottom: 10px;
background-color: #4e6036;
position: absolute;
top: 44px;
right: 207px;
color: #fff;
}
.forabg ul.forums li.row dd.posts {
width: 70px;
padding-top: 5px;
padding-bottom: 10px;
background-color: #4e6036;
position: absolute;
right: 130px;
top: 44px;
color:#fff;
}
.forabg ul.forums li.row dd.lastpost {
width: 147px;
padding-top: 20px;
padding-bottom: 15px;
background-color: #4e6036;
position: absolute;
height: 40px;
right: 130px;
top: 102px;
font-size: 10px;
line-height: 110%;
text-align:center;
color:#fff;
}
.forabg li.header dd.topics {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.posts {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.lastpost {
background-color: transparent; color: transparent; height: 0px; padding-top: 0px; display: none; }
.profile .title2 {
text-align: right;
font-size: 11px;
font-weight: none;
text-transform: uppercase;
letter-spacing: 1px;
font-family: calibri;
color: #666;
line-height: 10px;
line-height:20px;
}
.introduction .h3, .module .h3 {
margin-top: -20px;
display: block;
text-align: center;
}
.h3 {
text-align: center;
}
ul.forums {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
ul.topiclist.topics.bg_none {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
ul.topiclist.pmlist.bg_none {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
li.header /*cabecera de foros*/ {
background-color: #4e6036;
line-height: 100%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 0px;
text-align:center;
width: 786px;
position:relative;
left: 39px;
}
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
.table-title h2 {
font-style: normal;
font-size: 50px;
letter-spacing:-1px;
line-height: 100%;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
}
h1.page-title {
background-color: #4e6036;
line-height: 100%;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
font-style: normal;
font-size: 35px;
letter-spacing:-1px;
line-height: 10px;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
width: 883px;
}
h1.page-title a {
font-style: normal;
font-size: 35px;
letter-spacing:-1px;
line-height: 10px;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
}
.postprofile dd, .postprofile dt {
margin-top:1px;
margin-left:1px;
line-height: 11px;
font-size: 10px;
}
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 20px;
background: #000;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: #000;
}
.postprofile dt img {
max-width:180px;
}
.postbody p.author {
position: relative;
margin-top: 10px;
background: #4e6036;
text-align: center;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-top: solid 3px #1a1a1a;
padding: 1px; !important;
font-family:arial;
txt-transform: uppercase;
font-size:8px;
letter-spacing:2px;
color: #fff;
width: 600px;
}
.postprofile {
display: block;
text-align: left;
line-height: 11px;
border-radius: 0px;
border-left: solid 3px #4e6036;
background-color: #010101;
color:#f4f4f4;
font-family:calibri;
text-transform:uppercase;
font-size:10px;
letter-spacing:0px;
padding-left: 5px !important;
float: right;
margin: 5px 0 0;
position: relative;
width: 180px;
right: 10px;
}
.postprofile dd {
text-align: left;
line-height: 12px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
padding:2px !important;}
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border: medium none;
color: #0f0f0f;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898;
}
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
border: none;
color: #3a1801;
}
button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898; }
button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;color: #989898;}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border:none;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none; }
.pagination span strong {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border:none;
font-size: 0.9em;
margin: 0 2px;
padding: 0 2px; }
.pagination span a:hover {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border:none;
color: #COLOR;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
height: 150px;
width: 100%!important;
border: none;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { /*NOMBRE USUARIO PERFIL*/
font-weight: none;
padding-top: 5px;
margin-top:5px;
font-size: 20px;
font-style: italic; !important;
font-family: Arial;
font-weight: 200;
text-decoration: none;
letter-spacing: -3px;
line-height:110%;
text-align: center;
}
dl.spoiler {
background-color: #1a1a1a;
font-size: 1em;
padding: 3px;
border-top: 0px;
border-bottom: 0px;
color:#f4f4f4;
letter-spacing:1px;
}
spoiler {
border-bottom:1px dashed #b49a50;
background-color:#1a1a1a;
color:white;
}
blockquote {
background: #1a1a1a;
border-top: 5px solid #4e6036; !important;
border-bottom: 0px;
border-left:0px;
color:white;
font-size: 12px;
-moz-border-radius: 0px;!important;
border-radius: 0px;!important;
font-family: calibri; !important;
line-height:11px;
font-style: none !important;
letter-spacing:1px;
width: 400px;
border-right: transparent;
}
dl.codebox {
background-color: #1a1a1a;
border: none;
font-size: 12px;
padding: 3px;
font-family: calibri;
}
.content blockquote {
font-size: 12px;
font-family: calibri;
}
.spoiler_content.hidden {
font-size: 12px;
font-family: calibri;
}
dl.codebox code {
color: #f4f4f4;
display: block;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
border:none;
white-space: no;
-moz-border-radius: 0px;
border-top: 5px solid #4e6036;
background-color: #1a1a1a;
}
dl.codebox dt {
border:none;
display: block;
font-size: 9px;
font-weight: 700;
margin-bottom: 3px;
text-align:center;
}
input, select, option, textarea {
letter-spacing: 2px;
font-family: arial;
font-size:9px;
background-color: #dfd0a4;
padding: 4px;
border-left: 5px solid #4e6036; !important;
border: #000;
opacity: 0.9;
color: #000;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.h3, h3 {
border-bottom: 1px dashed #4e6036;
color: #fff;
overflow: hidden;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 3px;
font-weight: normal;
margin-top: 1px;
padding-bottom: 2px;
text-transform: uppercase;
font-family: Arial Narrow;
}
.module {
background-color: #000; !important;
text-shadow: 1px 1px 0px #color;
border: 1px solid #1a1a1a;
margin-bottom: 4px;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
position: relative;
color: #666;
font-family: calibri;
text-transform: uppercase;
text-align: center;
-webkit-border-radius:0 0 0px 0px;
letter-spacing: 1px;
font-size: 11px;
}
.module dd.lastpost {
width: 130px;
}
.linksub a {
background-color: #4e6036;
display: inline-block;
color: #EBEADD;
font-family: Consolas;
font-size: 10px;
font-style: normal;
margin-bottom: 2px;
padding-bottom:1px;
padding-top:1px;
margin-right: 1px;
margin-left: 1px;
float: center;
text-align: center;
text-transform: uppercase;
font-weight: 700;
width: 166px;
line-height: 80%;
}
.descsub {
width: 350px;
height: 150px;
margin-left: 10px;
}
#basesub {
width: 550px;
background: #b49a50;
height: 150px;
border-right: solid 20px #4e6036;
border-left: solid 20px #4e6036;
position: absolute;
left: 100px;
top: 35px;
}
.textosub {
font-family: calibri;
padding: 9px;
font-size: 12px;
line-height: 90%;
text-align: justify;
color: #000;
padding-bottom: 3px;
height: 70px;
font-weight: 700;
padding-top: 12px;
overflow:auto;
margin-bottom: 10px;
}
.textosub2 {
font-family: calibri;
padding: 9px;
font-size: 12px;
line-height: 90%;
text-align: justify;
color: #000;
padding-bottom: 3px;
height: 70px;
font-weight: 700;
padding-top: 12px;
overflow:auto;
margin-bottom: 10px;
width: 330px;
}
#efectostaff {
overflow: hidden;
opacity: 0;
width: 80px;
height: 55px;
background: #bdac59;
-webkit-transform: scale(0);
-moz-transition: ease-in-out .5s;
-ms-transform: scale(0.5);
-ms-transition: ease-in-out .5s;
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
-webkit-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
#efectostaff:hover {
opacity: 1;
-webkit-transform: scale(1);
-moz-transition: ease-in-out .5s;
-ms-transform: scale(1);
-ms-transition: ease-in-out .5s;
-o-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
.fontstaff2 a {
text-align: center;
font-family: consolas;
font-size: 9px;
font-weight: lighter;
color: #000;
text-transform: uppercase;
line-height: 100%;
}
e na página inicial > Mensagem na Página Inicial.
- Código:
<center>
<table>
<tbody>
<tr>
<td>
<div style="margin-right: 10px;" class="titulo-tablon">
Administración
</div>
<div class="caja-tablon" style="margin-right: 10px;">
<center>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
</div>
</td>
<td>
<div style="margin-right: 10px;" class="titulo-tablon">
ÚLTIMOS ASSUNTOS
</div>
<div class="caja-tablon" style="margin-right: 10px;">
<div id="contenedorultimostemas">
<div id="micontenedor">
</div>
</div>
</div>
</td>
<td>
<div class="titulo-tablon">
Ambientación
</div>
<div class="caja-tablon">
<div style="width: 204px; margin-top: 5px; height: 80px; background:url('http://i.imgur.com/G5cXBYb.png');">
</div>
<div class="ambientacion">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br /><br />Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center><br />
Deixe apenas o widget de últimos assuntos ativo.
Irei postar o restante na proxima mensagem.
Re: Skin para Forum
eu nao encontro os lugares para colocar esses codigos, o unico CSS que eu mudei antes era apenas os das cores, e este da mensagem da pagina inicial, nao aparece no meu painel
Re: Skin para Forum
Olá desculpe-me a falha de não apontar o caminho
O CSS vá em Painel de Controle > Visualização > Imagens e Cores > Cores na aba Folha de estilo CSS adicione
E Salve
Nessa mesma aba vá em Página inicial > Geral no campo Conteúdo da mensagem, adicione
e salve, veja se está ficando bom...
O CSS vá em Painel de Controle > Visualização > Imagens e Cores > Cores na aba Folha de estilo CSS adicione
- Código:
ul.topiclist.topics.bg_none dd.lastpost br {
display: none;
}
.contador {
width: 50px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
line-height: 100%;
text-align: center;
font-weight: bold;
background: #b49a50;
color: #000;
text-transform: uppercase;
font-size: 9px;
}
.grupos-est {
color: #000;
font-family: Consolas;
letter-spacing: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 3px;
font-weight: bold;
width: 190px;
line-height: 100%;
text-transform: uppercase;
font-size: 9px;
}
.ambientacion {
max-height: 100px;
font-size: 10px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 5px;
margin-top: 5px;
text-align: justify;
color: #d1d1d1;
line-height: 110%;
}
.titulo-tablon {
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
color: #000;
font-family: Titillium Web;
font-size:20px;
font-style: normal;
font-weight: 900;
letter-spacing: 0px;
line-height: 10px;
text-align: center;
width: 204px;
background: #4e6036;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
}
.caja-tablon {
width: 204px;
height: 195px;
background: transparent;
border-bottom: 10px solid #4e6036;
padding-top: 5px;
}
.titulo-afi {
background: #4e6036;
color: #D1D1D1;
font-family: Consolas;
font-size: 9px;
line-height: 100%;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 5px;
}
.elite {
width: 525px;
position: relative;
display: inline-block;
height: 278px;
overflow: hidden;
}
.bros {
width: 260px;
position: relative;
display: inline-block;
height: 278px;
overflow: hidden;
}
#alfinalforo {
position:relative;
left: 39px;
}
#elite img {
margin: 1px;
border: solid 3px #4e6036;
width: 50px;
height: 50px;
}
#bros img {
margin: 1px;
border: solid 2px #4e6036;
width: 50px;
height: 90px;
}
.estadistica {
display: inline-block;
line-height: 100%; padding-top: 10px;
padding-bottom: 10px;
font-size: 9px;
width: 260px;
background: #4e6036;
text-transform: uppercase;
text-align: center;
color: #D1D1D1;
font-family: Consolas;
margin-right: 3px;
}
.img-whois {
display: inline-block;
margin-right: 3px;
width: 260px;
overflow: hidden;
margin-top: 3px;
margin-bottom: 3px;
float: none;
height: 220px;
}
.grupos {
width: 260px;
display: inline-block;
color: #d1d1d1;
height: 220px;
margin-top: 3px;
margin-bottom: 3px;
overflow-y: auto;
overflow-x:hidden;
}
.enlinea {
width: 240px;
display: inline-block;
color: #d1d1d1;
height: 200px;
padding: 5px;
border: 5px solid transparent;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 3px;
overflow-y: auto;
overflow-x:hidden;
}
.estadisticas {
position:relative;
left: 39px;
}
#cp-main .panel.sig {background-color: #f9f9f9 !important;}
.headerbar {margin-bottom: -24px; !important; padding: 5px; width: 830px; height: 300px; background-image:url("https://38.media.tumblr.com/5a041a30b96f1d209602fdec6f57a04d/tumblr_n8z7xh8wuD1tfetvco1_1280.jpg"); }
p {font-size: 11px; line-height: 95%; margin-bottom: -10px; padding-left: 20px; padding-right: 20px; }
#left{display:none;}
#contenedorultimostemas{
margin-top: -10px;
oveflow: hidden;
height: 165px;
width: 185px;
font-family: Calibri;
padding: 5px;
background:transparent;
font-size: 10px;
text-transform: uppercase;
text-align: center;
line-height: 110%;
font-weight: 700;
}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb { background-color: #b49a50; border-radius:0px;}
::-webkit-scrollbar-track-piece { background-color: #000; -webkit-border-radius: 0px;}
.inputbox{
border-color: transparent !important;
color: #000;
}
#message-box textarea {
color: #000;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar {
border-color: transparent !important;
}
p.right.rightside + p {
display:none;
}
p.rightside {
display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
display: block;
}
#cp-main h1 {
color: #000;
}
#wrap {
background-color: black;
margin: 0 auto;
min-width: 883px;
padding: 5px;
max-width: 883px;
margin-bottom: -10px;
border-bottom: none;
}
#phpbb {
margin-left: 0px;
}
/*----------------------- FONTS INSTALADAS------------------*/
@font-face {font-family:Six caps; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/Z0km826mg/sixcaps.ttf) format("truetype"); }
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/7XUFZ5tgS-tD6QamInJTcdGU7DQ8I6RFMlK0vgclk7w.woff) format('woff');
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 900;
src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr8vGCqQ_I4mewSLySUmNzHA.woff) format('woff');
}
@font-face {font-family:Archivo Narrow; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/joamie4iu/archivonarrow-regular.ttf) format("truetype"); }
@font-face {font-family:Optimus; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/oOjm489lo/optimusprinceps.ttf) format("truetype"); }
@font-face {font-family:Poiret; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/poiretone/v1/HrI4ZJpJ3Fh0wa5ofYMK8RsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); }
@font-face {font-family:Economica; font-weight: 200; src: url(http://static.tumblr.com/kqwo46q/7sWmd983f/economica-regular.ttf) format("truetype"); }
@font-face {font-family:text me one; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/mtLmie4zo/textmeone-regular.ttf) format("truetype");}
@font-face {font-family:Julius Sans One; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/YZTmjkjfd/juliussansone-regular.ttf) format("truetype"); }
@font-face {font-family:Benchnine; font-weight: 400; src: url(http://static.tumblr.com/kqwo46q/i0mmjvhdz/benchnine-regular.ttf) format("truetype"); }
ul.navlinks {
font-weight: normal !important;
text-transform: uppercase !important;
text-shadow: 0px 2px 2px #251d1d; !important;
position: fixed !important;
z-index: 999;
background: black; !important;
width: 100% !important;
top: 0px !important;
left: 0px !important;
}
A.opacity img { filter:alpha(opacity=20);
-moz-opacity: 0.5; opacity: 0.5;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;}
A.opacity:hover img {filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0;
-o-transition: all 0.9s ease;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
border-left:none;
}
#page-footer {margin-top:100px !important;}
#search-box {visibility: hidden;}
#site-title {visibility: hidden; !important; }
.postbody {
width: 600px;
text-align: justify;
color: #d3d2d2;
position: relative;
padding: 20px;
}
div.post div.inner div.postbody div.content div {
font-size: 16px;
font-family: calibri;
line-height: 110%;
color: #b6b6b6;
}
.postbody .content {
font-size: 16px;
font-family: calibri;
line-height: 110%;
color: #b6b6b6;
}
.postbody .topic-title {
border: none;
color: #8C6E7C;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: 700;
margin: 50px !important;
margin-bottom: 20px;
padding: 22px;
text-transform: none;
text-align:justify;
}
a.page-title {
font-family: Poiret;
text-align: center;
margin: .8em 0 .2em;
font-weight: lighter;
font-size: 30px;
padding: 4px;
}
.postbody ul.profile-icons {
position: absolute;
right: 45px;
top: 3px;
bottom: 10px;
padding: 0;
width: auto;
}
::selection {background: #F6F7C2; color: #663145;}
ul.linklist {
padding-right: 45px;
padding-left: 45px;
}
.topic-actions {
font-family: consolas;
padding-right: 45px;
padding-left: 45px;
font-size: 9px;
text-transform: uppercase;
}
a:link, a:visited {
color: #d1d1d1;
font-weight: lighter;
font-size:9px;
letter-spacing: 0px;
font-family: consolas;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
-webkit-transition-duration: 2s;
}
a:hover {
color:#666;
text-decoration: none; !important;
text-transform: uppercase;
-webkit-transition: opacity 2s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-webkit-transition-duration: 2s;
}
a.topictitle:hover {
text-decoration: none;
border-bottom: solid 0px #C1E8CC;
text-shadow: -3px 0px 0px #E00303, 3px 0px 0px #2AE0E0;
}
a.navi {
color:#aaa;
font-style: none;
font-size:8px;
letter-spacing: 1px;
font-family: arial;
text-shadow: 0px 2px 1px #;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition-duration: 2s;
}
a.mainmenu {
font-family: consolas;
font-size: 9px;
font-weight: lighter;
letter-spacing: 0px;
line-height: 0.6em;
margin-top: -570px; !important;
right: 100px;
text-align: right;
text-shadow: 1px 1px #no;
text-transform: uppercase;
background-color:black;
color:#f4f4f4;
}
a.mainmenu:hover{
letter-spacing : 0px;
text-decoration: none;
color : #B4B4B4;
text-transform: uppercase;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
}
.mainmenu[href="/faq"],.mainmenu[href="/calendar"],.mainmenu[href="/search"],.mainmenu[href="/groups"] {
display: none;
color: transparent; font-size: 0px;
}
.mainmenu[href="/memberlist"] {
margin-left: -10px;
}
a.forumtitle {
font-family: Titillium Web;
font-size: 13px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
font-weight: 900;
display: block;
background: #4e6036;
color: #000;
width: 590px;
line-height: 100%;
padding-top: 5px;
padding-bottom:5px;
position: absolute;
left: 100px;
top: 12px;
text-decoration: none;
-webkit-transition: opacity 0.9s linear;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-webkit-transition-duration: 2s; !important;
}
a.forumtitle:hover {
text-decoration: none;
}
dd.lastpost span.color-groups {
float: none;
text-align: center;
}
.forabg ul.forums li.row dd.topics::after {
content: "topics";
font-family: consolas;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
line-height: 100%;
font-weight: 700;
display: block;
color: #fff;
}
.forabg ul.forums li.row dd.posts::after {
content: "posts";
font-family: consolas;
font-size: 10px;
letter-spacing: 0px;
text-transform: uppercase;
line-height: 100%;
font-weight: 700;
display: block;
color: #fff;
}
ul.forums li.row {
position: relative;
height: 200px;
overflow: hidden;
}
.forabg ul.topiclist.forums li.row dd.dterm {
height: 200px;
}
.forabg ul.forums li.row dd.topics {
width: 70px;
padding-top: 5px;
padding-bottom: 10px;
background-color: #4e6036;
position: absolute;
top: 44px;
right: 207px;
color: #fff;
}
.forabg ul.forums li.row dd.posts {
width: 70px;
padding-top: 5px;
padding-bottom: 10px;
background-color: #4e6036;
position: absolute;
right: 130px;
top: 44px;
color:#fff;
}
.forabg ul.forums li.row dd.lastpost {
width: 147px;
padding-top: 20px;
padding-bottom: 15px;
background-color: #4e6036;
position: absolute;
height: 40px;
right: 130px;
top: 102px;
font-size: 10px;
line-height: 110%;
text-align:center;
color:#fff;
}
.forabg li.header dd.topics {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.posts {
background-color: transparent; color: transparent; height: 0px; padding: 0px; display: none;}
.forabg li.header dd.lastpost {
background-color: transparent; color: transparent; height: 0px; padding-top: 0px; display: none; }
.profile .title2 {
text-align: right;
font-size: 11px;
font-weight: none;
text-transform: uppercase;
letter-spacing: 1px;
font-family: calibri;
color: #666;
line-height: 10px;
line-height:20px;
}
.introduction .h3, .module .h3 {
margin-top: -20px;
display: block;
text-align: center;
}
.h3 {
text-align: center;
}
ul.forums {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
ul.topiclist.topics.bg_none {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
ul.topiclist.pmlist.bg_none {
background-color: #000;
border-bottom: 15px solid #4e6036;
padding-top: 20px;
padding-bottom: 20px;
color: #A3A3A3;
font-size: 11px;
margin-bottom: 15px;
overflow: hidden;
margin-left: 39px;
width: 786px;
}
li.header /*cabecera de foros*/ {
background-color: #4e6036;
line-height: 100%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 0px;
text-align:center;
width: 786px;
position:relative;
left: 39px;
}
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
}
.table-title h2 {
font-style: normal;
font-size: 50px;
letter-spacing:-1px;
line-height: 100%;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
}
h1.page-title {
background-color: #4e6036;
line-height: 100%;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
font-style: normal;
font-size: 35px;
letter-spacing:-1px;
line-height: 10px;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
width: 883px;
}
h1.page-title a {
font-style: normal;
font-size: 35px;
letter-spacing:-1px;
line-height: 10px;
font-family: Titillium Web;
color:#000;
text-align:center;
font-weight: 900;
-webkit-text-stroke-color: #beaf6c;
-webkit-text-stroke-width: 1.5px;
}
.postprofile dd, .postprofile dt {
margin-top:1px;
margin-left:1px;
line-height: 11px;
font-size: 10px;
}
* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 20px;
background: #000;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: #000;
}
.postprofile dt img {
max-width:180px;
}
.postbody p.author {
position: relative;
margin-top: 10px;
background: #4e6036;
text-align: center;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-top: solid 3px #1a1a1a;
padding: 1px; !important;
font-family:arial;
txt-transform: uppercase;
font-size:8px;
letter-spacing:2px;
color: #fff;
width: 600px;
}
.postprofile {
display: block;
text-align: left;
line-height: 11px;
border-radius: 0px;
border-left: solid 3px #4e6036;
background-color: #010101;
color:#f4f4f4;
font-family:calibri;
text-transform:uppercase;
font-size:10px;
letter-spacing:0px;
padding-left: 5px !important;
float: right;
margin: 5px 0 0;
position: relative;
width: 180px;
right: 10px;
}
.postprofile dd {
text-align: left;
line-height: 12px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
padding:2px !important;}
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
-moz-box-shadow: 0 1px 2px rgba(COLOR);
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border: medium none;
color: #0f0f0f;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898;
}
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
border: none;
color: #3a1801;
}
button.button2, .button2, #button, .fontbutton {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
display: inline-block;
outline: medium none;
text-shadow: 0 1px 1px #989898; }
button.button2:hover, .button2:hover, #button:hover, .fontbutton:hover {
border: none;color: #989898;}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border:none;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none; }
.pagination span strong {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #a9a9a9, #434343) repeat scroll 0 0 transparent;
border:none;
font-size: 0.9em;
margin: 0 2px;
padding: 0 2px; }
.pagination span a:hover {
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
background: -moz-linear-gradient(center top , #COLOR, #COLOR) repeat scroll 0 0 transparent;
border:none;
color: #COLOR;
font-size: 0.9em;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
height: 150px;
width: 100%!important;
border: none;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { /*NOMBRE USUARIO PERFIL*/
font-weight: none;
padding-top: 5px;
margin-top:5px;
font-size: 20px;
font-style: italic; !important;
font-family: Arial;
font-weight: 200;
text-decoration: none;
letter-spacing: -3px;
line-height:110%;
text-align: center;
}
dl.spoiler {
background-color: #1a1a1a;
font-size: 1em;
padding: 3px;
border-top: 0px;
border-bottom: 0px;
color:#f4f4f4;
letter-spacing:1px;
}
spoiler {
border-bottom:1px dashed #b49a50;
background-color:#1a1a1a;
color:white;
}
blockquote {
background: #1a1a1a;
border-top: 5px solid #4e6036; !important;
border-bottom: 0px;
border-left:0px;
color:white;
font-size: 12px;
-moz-border-radius: 0px;!important;
border-radius: 0px;!important;
font-family: calibri; !important;
line-height:11px;
font-style: none !important;
letter-spacing:1px;
width: 400px;
border-right: transparent;
}
dl.codebox {
background-color: #1a1a1a;
border: none;
font-size: 12px;
padding: 3px;
font-family: calibri;
}
.content blockquote {
font-size: 12px;
font-family: calibri;
}
.spoiler_content.hidden {
font-size: 12px;
font-family: calibri;
}
dl.codebox code {
color: #f4f4f4;
display: block;
font-family: calibri;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
border:none;
white-space: no;
-moz-border-radius: 0px;
border-top: 5px solid #4e6036;
background-color: #1a1a1a;
}
dl.codebox dt {
border:none;
display: block;
font-size: 9px;
font-weight: 700;
margin-bottom: 3px;
text-align:center;
}
input, select, option, textarea {
letter-spacing: 2px;
font-family: arial;
font-size:9px;
background-color: #dfd0a4;
padding: 4px;
border-left: 5px solid #4e6036; !important;
border: #000;
opacity: 0.9;
color: #000;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.h3, h3 {
border-bottom: 1px dashed #4e6036;
color: #fff;
overflow: hidden;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 3px;
font-weight: normal;
margin-top: 1px;
padding-bottom: 2px;
text-transform: uppercase;
font-family: Arial Narrow;
}
.module {
background-color: #000; !important;
text-shadow: 1px 1px 0px #color;
border: 1px solid #1a1a1a;
margin-bottom: 4px;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
position: relative;
color: #666;
font-family: calibri;
text-transform: uppercase;
text-align: center;
-webkit-border-radius:0 0 0px 0px;
letter-spacing: 1px;
font-size: 11px;
}
.module dd.lastpost {
width: 130px;
}
.linksub a {
background-color: #4e6036;
display: inline-block;
color: #EBEADD;
font-family: Consolas;
font-size: 10px;
font-style: normal;
margin-bottom: 2px;
padding-bottom:1px;
padding-top:1px;
margin-right: 1px;
margin-left: 1px;
float: center;
text-align: center;
text-transform: uppercase;
font-weight: 700;
width: 166px;
line-height: 80%;
}
.descsub {
width: 350px;
height: 150px;
margin-left: 10px;
}
#basesub {
width: 550px;
background: #b49a50;
height: 150px;
border-right: solid 20px #4e6036;
border-left: solid 20px #4e6036;
position: absolute;
left: 100px;
top: 35px;
}
.textosub {
font-family: calibri;
padding: 9px;
font-size: 12px;
line-height: 90%;
text-align: justify;
color: #000;
padding-bottom: 3px;
height: 70px;
font-weight: 700;
padding-top: 12px;
overflow:auto;
margin-bottom: 10px;
}
.textosub2 {
font-family: calibri;
padding: 9px;
font-size: 12px;
line-height: 90%;
text-align: justify;
color: #000;
padding-bottom: 3px;
height: 70px;
font-weight: 700;
padding-top: 12px;
overflow:auto;
margin-bottom: 10px;
width: 330px;
}
#efectostaff {
overflow: hidden;
opacity: 0;
width: 80px;
height: 55px;
background: #bdac59;
-webkit-transform: scale(0);
-moz-transition: ease-in-out .5s;
-ms-transform: scale(0.5);
-ms-transition: ease-in-out .5s;
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
-webkit-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
#efectostaff:hover {
opacity: 1;
-webkit-transform: scale(1);
-moz-transition: ease-in-out .5s;
-ms-transform: scale(1);
-ms-transition: ease-in-out .5s;
-o-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: ease-in-out .5s;
transition: ease-in-out .5s;
}
.fontstaff2 a {
text-align: center;
font-family: consolas;
font-size: 9px;
font-weight: lighter;
color: #000;
text-transform: uppercase;
line-height: 100%;
}
E Salve
Nessa mesma aba vá em Página inicial > Geral no campo Conteúdo da mensagem, adicione
- Código:
<center>
<table>
<tbody>
<tr>
<td>
<div style="margin-right: 10px;" class="titulo-tablon">
Administración
</div>
<div class="caja-tablon" style="margin-right: 10px;">
<center>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-left:6px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
<td>
<div style="width: 80px; height: 55px; background:url(http://i.imgur.com/z8XOzRA.png); margin: 3px; margin-right: 5px; margin-top: 0px;">
<div id="efectostaff">
<div style="text-align: center; font-family: consolas;font-size: 9px;font-weight: lighter;color: #000; text-transform: uppercase;line-height: 100%;padding-top: 20px;">
Nombre Apellido
<div class="fontstaff2">
<a href="">MP</a> <span style="color: rgb(0, 0, 0);">▪</span> <a href="">PROF</a>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center>
</div>
</td>
<td>
<div style="margin-right: 10px;" class="titulo-tablon">
Últimos Assuntos
</div>
<div class="caja-tablon" style="margin-right: 10px;">
<div id="contenedorultimostemas">
<div id="micontenedor">
</div>
</div>
</div>
</td>
<td>
<div class="titulo-tablon">
Ambientación
</div>
<div class="caja-tablon">
<div style="width: 204px; margin-top: 5px; height: 80px; background:url('http://i.imgur.com/G5cXBYb.png');">
</div>
<div class="ambientacion">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br /><br />Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
</div>
</td>
</tr>
</tbody>
</table>
</center><br />
e salve, veja se está ficando bom...
Re: Skin para Forum
Karadruz DL escreveu:Feito, agora sim eu entendi a rota xD mals
Boas meu querido!
Poderia nos dizer se a dúvida do senhor quanto ao tema, encontra-se resolvida?
Abraços!
Sennior
Re: Skin para Forum
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Outras questões :: Questões resolvidas: Outras questões
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos