Personalização da parte superior do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalização da parte superior do fórum

Mensagem por Kirikage em 25/06/14, 04:35 pm

  • Descrição:
Sera que alguem pode me ajudar segue a imagen e de uma olhada como eu precisaria da ajuda 


precisava tbm alinhar o banner

  • Informações:
Fórum:www.brasilplayalones.uniogame.comVersão:PHPBB2
Tipo:Erros diversosTags:Personalização,parte,superior,fórum

avatar

Kirikage
Nível 3

Masculino
Inscrito dia : 02/05/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilplayalones.forumeiros.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por Alex Habilidade em 25/06/14, 10:17 pm

Olá,

Poderia me fornecer a folha de CSS por favor.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por Kirikage em 25/06/14, 11:15 pm

@Alex Habilidade escreveu:Olá,

Poderia me fornecer a folha de CSS por favor.
Como pego o codigo?
avatar

Kirikage
Nível 3

Masculino
Inscrito dia : 02/05/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilplayalones.forumeiros.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por Alex Habilidade em 25/06/14, 11:46 pm

Olá,

Vá em:

Painel de Controle - > Visualização -> Cores / Aba folha de Estilo CSS
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por Kirikage em 26/06/14, 01:25 pm

Spoiler:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://illiweb.com/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#f2f2f2;color:#6b6b6b;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#f2f2f2;color:#6b6b6b;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}.headerbar {background-color: #f5f8f6;}
#wrap {background-color: #f5f8f6; border: none; width: 88%;}
body{background-color: #f5f8f6; font-family: trebuchet ms; color: #6d6d6d; text-shadow: 1px 1px white, -0px -0px #333;
overflow-x:hidden;}

#login_2 {position: absolute; left: 75%; top: 52px; width: 75px; height: 27px; padding-top: 10px; padding-left: 0px;
background-color: #3f3f3f;
text-shadow: 1px 1px black, -0px -0px #333;
font-size: 14px;
color: white; text-align: center;
-moz-border-radius: 7px; /* Para Firefox */
-webkit-border-radius:7px; /*Para Safari e Chrome */
border-radius: 7px; /* Para Opera 10.5+*/
}

#login_2:hover {
background-color: #06aefe;
color: white;
}

#login_2:link {
color: white !important;
}

.content p {margin-left: 7%}
.content .h3 {margin-left: 7%;}

.h3 a:hover {color: #06aefe;}
.h3 a:link {color: #3f3f3f;}
.h3 a:active {color: #3f3f3f;}
.h3 a:visited {color: #3f3f3f;}

ul.navlinks {position: absolute; top: 0px; left: 0px; width:100%;border: none; background-color: #3f3f3f; height: 57px;
padding-top:2px;}
#logo {margin-top: 40px; margin-bottom: -30px;}

#page-header .navbar {background-color: #f5f8f6;}

.stick {position: absolute; left: 84%; top: 1px;}

#nav_2 {font-size: 18px; font-family: trebuchet ms; word-spacing: 45px; padding-left: 50%; font-style: italic; color: #3f3f3f;}
#nav_2 a:hover {border-bottom: 5px solid #06aefe; color: #3f3f3f;}

hr {border: none; background-color: #e3e3e3; }

#i_icon_mini_index, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_groups {display: none !important;}

.titulo {font-size: 30px; font-family: times new roman; font-style: italic; color: #3f3f3f; line-height: 8px; padding-top: 20px;}
.desc {font-size: 12px; font-family: trebuchet ms;font-style: italic; color: #6d6d6d; padding-right: auto;}
.news p {line-height: 5px;}

.panel {
background-color: #f5f8f6;
width: 110%;
margin-left: -8%;
}

#slides {background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-x;
height: 300px;
width: 104%;
padding-top: 30px;
padding-left:0px;
}


.forabg {background-image: none; background-color: #f5f8f6; border: none;}

li.header {background-image: none; background-color: #3f3f3f; height: 25px; padding-left: 4px; padding-top: 4px;
border: 4px solid #3f3f3f;
-moz-border-radius: 5px; /* Para Firefox */
-webkit-border-radius:5px; /*Para Safari e Chrome */
border-radius: 5px; /* Para Opera 10.5+*/
behavior:url(border-radius.htc);}


li.row {border-bottom: 1px solid #dadddb; background-color: #f5f8f6;}
li.row:hover {background-color: white;}

.table-title, .table-title h2 {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
}

ul.topiclist li.header dl dd{
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
}

ul.topics li.header dl.icon dt {
color: #e4e4e4;
text-shadow: 1px 1px #000000, -0px -0px #333;
}

span.corners-top span {background-color: #f5f8f6; border: none;}

.forumbg {background-image: none; background-color: #f5f8f6; border: none;}

dl.icon dd.dterm, dl.icon dt { margin-left: 10px; border-left: none;
}

.topbar_offline{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
padding-left: 40px; padding-top:8px; display: none;}

.topbar_online{position: absolute; top: 0px; left: 0px; width: 98%;border: none; background-color: #3f3f3f; height: 60px;
padding-left: 40px; padding-top:8px;}
.titulo_1 {color: #e4e4e4; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 24px;}
.desc_2 {color: #9b9b9b; font-family: times new roman; text-shadow: 1px 1px #000000, -0px -0px #333; font-size: 13px;}
.divisor {top:0px; left:280px; top:5px; position: absolute;}

.post {font-size: 0.87em;}

.postprofile {
color: rgb(107, 107, 107);
font-size: 1.3em !important;
padding-right: 10px;
}

.postbody {padding-top: 10px;}

ul#picture_legend li img, ul#privmsgs-menu li img {
margin-right: 5px;
}

.postbody .content {color: #3f3f3f; padding-right:50px; padding-top: 10px;}

.postprofile img {max-width: 200px;}

#cp-main .panel {padding-left: 90px;}
fieldset.fields1 {padding-left: 90px;}
fieldset dl {padding-left:90px;}

#search-box{position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
background-color: #ffffff; border: 1px solid #d6d6d6; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
background-position: right;
background-repeat: no-repeat;

-moz-box-shadow: 0 0 5px #d8d8d8;
-webkit-box-shadow: 0 0 5px#d8d8d8;
box-shadow: 0 0 5px #d8d8d8;

-moz-border-radius: 7px; /* Para Firefox */
-webkit-border-radius:7px; /*Para Safari e Chrome */
border-radius: 7px; /* Para Opera 10.5+*/
}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 122px;color: #a6a6a6;font-family: Verdana;font-size: 16px;font-style: italic;font-weight: italic;background: transparent;}
#search-box input {border: none !important;background: none;
-moz-box-shadow: 0 0 0px #06aefe !important;
-webkit-box-shadow: 0 0 0px#06aefe !important;
box-shadow: 0 0 0px #06aefe !important;
-moz-border-radius: 0px !important; /* Para Firefox */
-webkit-border-radius:0px !important; /*Para Safari e Chrome */
border-radius: 0px !important; /* Para Opera 10.5+*/

}
#search-box input.search {background: none;margin-left: 0px;margin-top: 5px;}
/* Fim da caixa de busca */


#search-box:hover {position: center; bottom: 55px;height: 30px;width: 190px;right: -150px;display: inline;
background-color: #ffffff; border: 1px solid #06aefe; background-image: url('http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_38.gif');
background-position: right;
background-repeat: no-repeat;
/* SOMBRA */
-moz-box-shadow: 0 0 5px #06aefe;
-webkit-box-shadow: 0 0 5px#06aefe;
box-shadow: 0 0 5px #06aefe;
/* BORDA */
-moz-border-radius: 7px; /* Para Firefox */
-webkit-border-radius:7px; /*Para Safari e Chrome */
border-radius: 7px; /* Para Opera 10.5+*/
}


input {height: 20px;width: 100px;right: -150px; min-width: 60px;
background-image: none !important;
background-color: #ffffff; border: 1px solid #d6d6d6;
background-position: right;
background-repeat: no-repeat;

-moz-box-shadow: 0 0 5px #d8d8d8;
-webkit-box-shadow: 0 0 5px#d8d8d8;
box-shadow: 0 0 5px #d8d8d8;

-moz-border-radius: 7px; /* Para Firefox */
-webkit-border-radius:7px; /*Para Safari e Chrome */
border-radius: 7px; /* Para Opera 10.5+*/
}

input:hover { background-color: #ffffff; border: 1px solid #06aefe;
background-image: none !important;
-moz-box-shadow: 0 0 5px #06aefe;
-webkit-box-shadow: 0 0 5px#06aefe;
box-shadow: 0 0 5px #06aefe;
}

input[type="checkbox"] {width: 5px !important; height: 10px !important;}

#cp-main .panel {width: 100%; !important; position: center;}

#foot_1 {background-image: url('http://illiweb.com/fa/pbucket.gif');
background-color: #202020;
background-repeat: repeat-x;
width: 110%;
height: 210px;
margin-left: 0px;
margin-bottom:-50px;
padding-left: 50px;
padding-top: 42px;
text-shadow: 1px 1px black, -0px -0px #333 !important;
}
.links_1 a:link {color: white !important;}

.foot_title {font-size: 16px; font-family: arial black; font-style: bold; color: #7e7e7e; text-shadow: 1px 1px black, -0px -0px #333 !important;}

#postingbox .h3 { margin-left: 80px;}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background-image: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png");
}

fieldset.polls {margin-left: 90px;}

.left-box {margin-left: 90px;}

.panel h1.page-title {margin-left: 90px;}

.panel p {margin-left: 90px;}

#cp-main .panel {background-color: transparent;}

#cp-main {width: 90%;}

#page-footer, div.navbar, div.navbar ul.linklist {margin-top: 50 !important;}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
avatar

Kirikage
Nível 3

Masculino
Inscrito dia : 02/05/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilplayalones.forumeiros.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por Kirikage em 26/06/14, 11:40 pm

UP
avatar

Kirikage
Nível 3

Masculino
Inscrito dia : 02/05/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilplayalones.forumeiros.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por Kirikage em 27/06/14, 01:36 pm

UP
avatar

Kirikage
Nível 3

Masculino
Inscrito dia : 02/05/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilplayalones.forumeiros.com/

Resolvido Re: Personalização da parte superior do fórum

Mensagem por DeeW. em 27/06/14, 11:45 pm

Adicione ao seu CSS:

Código:

#page-footer, div.navbar, div.navbar ul.linklist {
    margin-top: 0px!Important;
}
ul.navlinks {
    background-color: #3F3F3F;
    border: medium none;
    height: 57px;
    left: 0px;
    padding-top: 2px;
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-shadow: none;
}
a.mainmenu{
color: #fff;
font-weight: normal;
line-height: 50px;
}
#logo {
    margin-top: 50px;
    margin-bottom: 0px;
}
#logo {
    float: none;
    text-align: center;
}
#logo > img{
padding: 50px;
margin-left: 100px;
}

Depois disso vá em: Painel de Controle > Módulos > Barra de ferramentas > Ativar barra de ferramentas: não.
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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