Logo e barra de navegação mal

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

Resolvido Logo e barra de navegação mal

Mensagem por estica em 06/08/12, 04:17 pm

Qual é minha questão:
Boas pessoal a minha barra de navegação superior esta no meio. O que eu queria era que ela ficasse no inicio. Mas so a superior e não a inferior.


Como esta na imagem


E o logo tambem o queria puchar mais para o inicio. Para o aumentar um pouco


Alguem me ajuda?




EDIT:
O problema da barra de navegação ja resolvi.
O Mas mantém se o problema do logo muito pequeno. Será possivel meter o logo por baixo da barra de navegação?

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://tugavicio.foruns.com.pt

Versão do meu fórum:
INVISION


Última edição por estica em 06/08/12, 05:59 pm, editado 2 vez(es)
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Logo e barra de navegação mal

Mensagem por estica em 06/08/12, 04:17 pm

Código:
/* Body - Wrap - Headerbar - Logo - Descripcion */

body {
    background: url("http://i46.servimg.com/u/f46/12/26/44/81/pagebg12.gif") repeat-x scroll center top #1c1d1b;
}

#wrap {
    background-color: #FFFFFF;
    background-image: url("http://i46.servimg.com/u/f46/12/26/44/81/wrap11.gif"); repeat-y scroll 0 0 transparent;
    background-repeat: repeat-x;
    margin-bottom: 30px;
    margin-top: -9px;
    min-width: 700px;
    padding: 5px 9px 5px;
    width: 960px;
}

.headerbar { margin-top: 42px; }

#logo-desc p {
    color: #A9A9A9;bottom left;text-align: left;
    font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 12px;
    position: relative;
    top: -40px;left: -185px;
    }

#logo {
  display: inline;
float: left;
position: relative;
top: 1px;
left: 18px;
}

/* Fin */


/* Panel (Row General) */

.panel {
    background-color: #F8f8f8;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #d1d1d1;
    border-radius: 8px 8px 8px 8px;
}

/* PORTAL Y FOROS */

.forabg, .forumbg {
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-top: 0px solid #dddddd;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-radius: 5px 5px 5px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
    background: #a2afb5 url("http://i44.servimg.com/u/f44/14/84/14/59/top10.png");
    background-position: top;
    height: 60px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
    background: #636363 url("");
    background-position: top;
    border-bottom: 1px solid #c4c4c4;
    height: 6px; }

.header{ padding-top: 1px; height: 55px; }

li.row {
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    position: relative; left: -5px;
    width: 958px;
    min-width: 750px;
}

.row {
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    left: -5px;
    min-width: 750px;
    position: relative;
    width: 958px;
}

.module, .post {   
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #cfcfcf;
}

.module span.corners-top, .post span.corners-top {   
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/top11.gif");
    height: 35px; }

.module span.corners-bottom, .post span.corners-bottom { 
    background-color: #b13b00;
    height: 5px; }

/* FONDO Y CONTORNO SEARCH - POP UP */

.overview {  border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px;  }

#login_popup {
background-color: #FFFFFF;
}

/*-------------------PosT Perfil-------------------*/

.postprofile {
    background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #cfcfcf;
    text-align:center;
    text-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


hr {
    border: 0 none #dddddd;
    border-top: 1px solid #dddddd;
    margin-right: 10px;
}

#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i46.servimg.com/u/f46/12/26/44/81/top11.gif);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }



/*-------------------Navegacion-------------------*/


#page-header .navbar {
position: relative;
top: -111px;
background: none;
}

#page-header .navbar{position:absolute;top: 54px;padding-left: 270px;
width:805px;background:url() repeat-x ;height:20px;background-position: top center;

 
}
#i_icon_mini_members {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros130.png');
width: 67px;
height: 19px;position:absolute;top: 56px;margin-right: 380px;right: 31em;
}
#i_icon_mini_members:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros131.png');
width: 67px;
height: 19px;position:absolute;top: 56px;margin-right: 380px;right: 31em;
}

#i_icon_mini_Link {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/link10.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 370px;right: 31em;
}
#i_icon_mini_Link_Rapido:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/link_210.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 370px;right: 31em;
}

#i_icon_mini_groups {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos10.gif');
width: 56px;
height: 19px;position:absolute;top: 56px;margin-right: 310px;right: 31em;
}
#i_icon_mini_groups:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos11.gif');
width: 56px;
height: 19px;position:absolute;top: 56px;margin-right: 310px;right: 31em;
}

#i_icon_mini_profile {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros132.png');
width: 59px;
height: 19px;position:absolute;top: 56px;margin-right: 235px;right: 31em;
}
#i_icon_mini_profile:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros133.png');
width: 59px;
height: 19px;position:absolute;top: 56px;margin-right: 235px;right: 31em;
}

#i_icon_mini_message {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros134.png');
width: 128px;
height: 19px;position:absolute;top: 56px;margin-right: 92px;right: 31em;
}

#i_icon_mini_message:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros135.png');
width: 128px;
height: 19px;position:absolute;top: 56px;margin-right: 92px;right: 31em;
}

#i_icon_mini_logout {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros136.png');
width: 93px;
height: 19px;position:absolute;top: 56px;margin-right: 105px;right: 21em;
}
#i_icon_mini_logout:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros137.png');
width: 93px;
height: 19px;position:absolute;top: 56px;margin-right: 105px;right: 21em;
}


#i_icon_mini_login {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros138.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 125px;right: 31em;
}
#i_icon_mini_login:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros140.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 125px;right: 31em;
}
#i_icon_mini_register {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros140.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 218px;right: 31em;
}
#i_icon_mini_register:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros141.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 218px;right: 31em;
}

/*-------------------Search box-------------------*/

#search-box #keywords {
width: 121px;
background: url(http://i46.servimg.com/u/f46/12/26/44/81/search10.gif) no-repeat;
height: 22px;
padding: 2px;
padding-bottom: 6px;position: relative;
padding-right: 10px;right: -10px;color: #2b2b2b;
    font-size: 11px;
}

#search-box{
margin-right: -71px;
position: relative;
bottom: 40px;}

#search-box input {border: 1px;}


#search-box input.button2 {
color: transparent;
background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/buttons/search.png) no-repeat;
height: 19px;
width: 26px;
padding-left: 2px;
padding-right: 190px;
padding-bottom: 18px;
margin-bottom: -1px;
position: relative;
font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
right: -5px;bottom: 4px;
}

/* CHAT BOX */

#chatbox_header{background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/top11.gif);}

/* Chatbox-------------------------------------------------*/

body.chatbox {background-image: none;}

.chatbox {background-color: #FAFAFA;}

.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/top11.gif);}

.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }

.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}

.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}

.chatbox-options li {display:inline;}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}

#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}

#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}

#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}

#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}

#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}

.chatbox_row_3 {padding: 4px;background-color: #0075c6;}

.memberlist_row_1 {background-color: #ffffff;}

#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}

#chatbox_footer label {color: #FAFAFA; font-weight: bold;}

#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c2d2df;}

#message,#submit_button{border-width: 1px;}

.fontbutton {padding: 1px;cursor: pointer;text-align: left;}

.fontbutton_normal {background: #E1E1E2;}

.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}

.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}

.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}

#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}

#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}

#chatbox_contextmenu p.hover {background: #ffffff;}

#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}

#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}

#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}

#chatbox_contextmenu a:hover {color: ;}

.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}

#chatbox {background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat11.gif)}

* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}

* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}

* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}


Meu code CSS
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Logo e barra de navegação mal

Mensagem por Josh em 06/08/12, 04:49 pm

Olá!

Painel de controle :: Visualização :: Imagens e cores :: Cores :: Folha de estilos CSS ->>
E aplique este código:
Código:
#logo {position: absolute;top: 13px;left: 30px;}

Altere os valores em negrito com os números até o mesmo adaptar-se com o layout do seu fórum.

Atenciosamente!
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Logo e barra de navegação mal

Mensagem por estica em 06/08/12, 05:23 pm

resolvido.

muito obrigado
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Logo e barra de navegação mal

Mensagem por Convidado em 06/08/12, 05:40 pm

Olá,
poderia click no botão de resolvido para ficar mas organizado?

Convidado
Convidado


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