Alinhar o cabeçalho

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

Resolvido Alinhar o cabeçalho

Mensagem por Alisson Freitas em 13/04/12, 03:21 pm

Qual é minha questão:
O menu(indice,mp...) 1 embaixo do outro
e a descrinção no meio do quadrado!

como a imagen alguem poderia me ajudar?

Medidas que eu tomei para corrigir o problema:
Vir aqui né ;D

Links e imagens do meu problema:
http://i44.servimg.com/u/f44/17/24/02/49/yap10.jpg

Endereço do meu fórum:
http://gameepic.forum.st/

Versão do meu fórum:
PUNBB
avatar

Alisson Freitas
Nível 4

Masculino
Inscrito dia : 04/04/2012
Mensagens : 29
Pontos Ativos : 39

Ver perfil do usuário http://rpgbatalhas.rpg-dinasty.com

Resolvido Re: Alinhar o cabeçalho

Mensagem por iPrompt em 13/04/12, 09:19 pm

Olá poderia me passar o código do Menu ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Alinhar o cabeçalho

Mensagem por Alisson Freitas em 13/04/12, 09:52 pm

Posso,Mas aonde fica isso?
#NUBBE È censurado
avatar

Alisson Freitas
Nível 4

Masculino
Inscrito dia : 04/04/2012
Mensagens : 29
Pontos Ativos : 39

Ver perfil do usuário http://rpgbatalhas.rpg-dinasty.com

Resolvido Re: Alinhar o cabeçalho

Mensagem por iPrompt em 13/04/12, 09:59 pm

Olá você no que por aquele Menu um em baixo do outro me passa o código utilizado para por aqueles menus Ou aqueles menus são imagens dos menus Oficiais do Fórum se for me fala
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Alinhar o cabeçalho

Mensagem por Alisson Freitas em 13/04/12, 10:16 pm

mas aonde eu acho esse código vey?
avatar

Alisson Freitas
Nível 4

Masculino
Inscrito dia : 04/04/2012
Mensagens : 29
Pontos Ativos : 39

Ver perfil do usuário http://rpgbatalhas.rpg-dinasty.com

Resolvido Re: Alinhar o cabeçalho

Mensagem por iPrompt em 13/04/12, 10:22 pm

Adiciona este código em sua Folha de estilo CSS

Código:
#pun-navlinks li a {
clear: both;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Alinhar o cabeçalho

Mensagem por Alisson Freitas em 13/04/12, 10:23 pm

Não deu!
Código:
body {
    background-color: #000000;
    color: #000000;
    font-family: tahoma,helvetica,arial,sans-serif;
    font-size: 13px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.pun {
    background-color: #FFFFFF;
    width: 980px;
}

#pun_out {
    background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
    border:1px solid #FFFFFF;
    border:1px solid rgba(0,0,0,0.35);
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    padding:8px;
    position:relative;
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-intro {
    background-color: #000000;
    background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/backgr10.png");
    background-repeat: repeat-x;
    padding: 1.5em 1em 1em 1em;
    border-bottom: 0px solid #000000;
    text-align: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) inset;
    margin-bottom: 10px;
    border: 1px solid #FF4500;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 85px;
}

.main .main-head {
    background-color: #000000;
    background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/bg-top10.png");
    background-position: 50% 50%;
    background-repeat: repeat-x;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold !important;
    margin-top: 15px;
    padding-bottom: 13px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.pun .main-content {
    background-color: #D3D3D3;
    border: 1px solid #D3D3D3;
}

.pun table.table td {
    background: #ededed url(http://i43.tinypic.com/2moe2hz.gif) repeat-x top left;
    border-top: 1px solid #D3D3D3;
    border-right: 0px solid #000000;
    border-left: 0px solid #000000;
    line-height: 130%;
    padding-bottom: 0.7em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background: #ededed url(http://i43.tinypic.com/2moe2hz.gif) repeat-x top left;
    border-top: 1px solid #D3D3D3;
}

.pun table.table th {
    background: #e5ecf1 url() repeat-x 0 50%;
    color: #333333;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.5em;
}

#pun-logo {
    margin-left: -13px;
    margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8; }

.for_topics {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;   
    line-height: normal;
    color: #FF0000;
    padding-top: 3px;
    margin-left: 13px;
}

.for_topics span {
    display: block;
    color: #000000;
    font-size: 10px;
}

.for_posts {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold;   
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_posts span {
    display: block;
    color: #105289;
    font-size: 10px;
}

.page-title h2, .page-title span {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: bold;
}

.pun .paged-head, .pun .paged-foot {
    border: 0px solid !important;
    background-color: !important;
    padding: 0.6em 1.3em 0.3em 1.3em;

}

.pun .frm-form {
   background: !important;
   border: none;

}

#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #000000;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #000000;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-navlinks ul {
    text-align: center;
}
#pun-navlinks li {
    display: inline;
    font-size: 15px;
    line-height: 30px;
}
#pun-navlinks li a {
    margin-left: -8px;
    margin-right: -8px;
    color: #fff;
    font-family: tahoma,helvetica,arial,sans-serif
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

.main .main-foot{
    background-color: #fff;
    color: #666;
    font-weight: 400;
    padding-bottom: 0.7em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0.7em;
}

.pun a:link { color: #105289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}

#pun-title {
    display: none;
}

.pun .post {
    border: 1px solid #CBDAEA;
    margin: 10px;
    background: #FDFEFF;
}

.postfoot {
    border-top: 1px solid #CBDAEA;
    clear: both;
    margin-left: -17em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    text-align: right;
    background: #F4FAFF;
}

.pun .postmain {
    background-color: #FDFEFF;
    border-left: 1px solid #CBDAEA;
    margin-left: 17em;
}
.pun .posthead {
    background-color: #F4FAFF;
    border-bottom: 1px solid #CBDAEA;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1.3em;
    padding-top: 0.5em;
}

.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.user-contact a {
    background-color: #2e425a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
    -khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}

.codebox {
    background-color: #E4EAF2;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    border: 1px solid #8394B2;
    border-left: 4px solid #8394B2;
}
.codebox dt {
    border-bottom: 1px solid #8394B2;
    padding-bottom: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0.25em;
    font-weight: bold;
    color: #8394B2;
}
.codebox dd {
    background-color: #fff;
    color: #435C7A;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.postmain blockquote {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
  border-color: #B5B5B5;
  background: #E8E8E8 url(http://illiweb.com/fa/prosilver/quote.gif) 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 17px;
border-image: initial;
}

.postmain blockquote{
margin-left: 20px;
}


#pun-about {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    line-height: 150%;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;
    text-align: right;

}
#pun-about ul {
    list-style-type: none;
}
#pun-about ul li {
    display: inline;
}
#pun-about ul li a {
    font-weight: normal;
    text-decoration: none;
}
#pun-about #qjump {
    display: none;
}

#pun-visit, .main-box {
    background-color: #F4F4F4;
    border: 1px solid #B9C4CD;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.6em;

}

#search_box{display:none}

dl.codebox.spoiler{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}

#message-box textarea

.pun {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #1B02FF;
}

.pun {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}

div.post {
background-image: url(http://i.imgur.com/AHjpL.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}

blockquote {
border-color: #000000;
background-color: #EEE9E9;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
h4.username{margin-left:75px}.user-ident{text-align:center}

.postprofile {
background-color: #C3C3C3;
}

#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(http://i34.tinypic.com/b80g87.png) no-repeat 50% 0;
padding: 24px 0;}

.codebox dt {background-repeat: no-repeat; background-position: bottom right;
background-position: 2px 10px; color: #FF0000; color: 10pt; font-family Verdana, Geneva, sans-serif; }
#search-box {
border: 1px solid #000000;
}

.pun {
border: 1px solid #000000;
}

.post {
margin-top: 5px;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
border: 2px solid #D4D4D4;
border-radius: 10px;
border-image: initial;
border-radius: ;
}
.postprofile {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
border: solid 2px #D4D4D4;
border-radius: 10px;
border-image: initial;
}
.post .postprofile{border-right:3px dotted #BCBCBC;border-bottom:3px dotted #BCBCBC;margin-top:0px;padding-top:10px;padding-left:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px}.post .corners-top{display:none}.post{padding-left:0px}
.post .row1, .post .row2 {
margin-top: -21px;
padding: 8px;
background-image: url('http://d10.e-loader.net/DPB28r4sxL.jpg');
box-shadow: 0px 0px 8px #b1b1b6;
-moz-box-shadow: 0px 0px 8px #b1b1b6;
-webkit-box-shadow: 0px 0px 8px #b1b1b6;
border-bottom-style: solid;
border-bottom-color: #BEBEC1;
border-bottom-width: 2px;
padding-top: 37px;
}

.user { border: 4px solid #000000 !important; text-align:center}



.lastpost{-moz-box-shadow:0 0 0 0;-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0;border:0}

.postprofile dl dt a img{max-width:151px}

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

a[href="/g21"] {
text-shadow: 0px 0px 5px #FF0000;
}


   
    .colorpicker {
                      width: 356px;
                      height: 176px;
                      overflow: hidden;
                      position: absolute;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                      font-family: Arial, Helvetica, sans-serif;
                      display: none;
                    }
                    .colorpicker_color {
                      width: 150px;
                      height: 150px;
                      left: 14px;
                      top: 13px;
                      position: absolute;
                      background: #f00;
                      overflow: hidden;
                      cursor: crosshair;
                    }
                    .colorpicker_color div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 150px;
                      height: 150px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                    }
                    .colorpicker_color div div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 11px;
                      height: 11px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                      margin: -5px 0 0 -5px;
                    }
                    .colorpicker_hue {
                      position: absolute;
                      top: 13px;
                      left: 171px;
                      width: 35px;
                      height: 150px;
                      cursor: n-resize;
                    }
                    .colorpicker_hue div {
                      position: absolute;
                      width: 35px;
                      height: 9px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                      margin: -4px 0 0 0;
                      left: 0px;
                    }
                    .colorpicker_new_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 213px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker_current_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 283px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker input {
                      background-color: transparent;
                      border: 1px solid transparent;
                      position: absolute;
                      font-size: 10px;
                      font-family: Arial, Helvetica, sans-serif;
                      color: #898989;
                      top: 4px;
                      right: 11px;
                      text-align: right;
                      margin: 0;
                      padding: 0;
                      height: 11px;
                    }
                    .colorpicker_hex {
                      position: absolute;
                      width: 72px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                      left: 212px;
                      top: 142px;
                    }
                    .colorpicker_hex input {
                      right: 6px;
                    }
                    .colorpicker_field {
                      height: 22px;
                      width: 62px;
                      background-position: top;
                      position: absolute;
                    }
                    .colorpicker_field span {
                      position: absolute;
                      width: 12px;
                      height: 22px;
                      overflow: hidden;
                      top: 0;
                      right: 0;
                      cursor: n-resize;
                    }
                    .colorpicker_rgb_r {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                      top: 52px;
                      left: 212px;
                    }
                    .colorpicker_rgb_g {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                      top: 82px;
                      left: 212px;
                    }
                    .colorpicker_rgb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                      top: 112px;
                      left: 212px;
                    }
                    .colorpicker_hsb_h {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                      top: 52px;
                      left: 282px;
                    }
                    .colorpicker_hsb_s {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                      top: 82px;
                      left: 282px;
                    }
                    .colorpicker_hsb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                      top: 112px;
                      left: 282px;
                    }
                    .colorpicker_submit {
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                      left: 322px;
                      top: 142px;
                      overflow: hidden;
                    }
                    .colorpicker_focus {
                      background-position: center;
                    }
                    .colorpicker_hex.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_submit.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_slider {
                      background-position: bottom;
                    }

.vote {
float: right;
width: 19px;
margin-left: 4px;
}

.pun{line-height:130%;margin:0 auto;min-width:768px;padding:5px;width:90%}
    #pun-navlinks li a {
    clear: both;
    }

seila isso talves ajude!
avatar

Alisson Freitas
Nível 4

Masculino
Inscrito dia : 04/04/2012
Mensagens : 29
Pontos Ativos : 39

Ver perfil do usuário http://rpgbatalhas.rpg-dinasty.com

Resolvido Re: Alinhar o cabeçalho

Mensagem por iPrompt em 13/04/12, 10:55 pm

Olá não entendi oque deseja ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Alinhar o cabeçalho

Mensagem por Alisson Freitas em 13/04/12, 10:57 pm

fecha tpc , vo refaze tema ;/ vlw!
avatar

Alisson Freitas
Nível 4

Masculino
Inscrito dia : 04/04/2012
Mensagens : 29
Pontos Ativos : 39

Ver perfil do usuário http://rpgbatalhas.rpg-dinasty.com

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