Menu e logo grudados = forumeiros

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

Resolvido Menu e logo grudados = forumeiros

Mensagem por coenzi em 27/02/14, 02:42 pm

Qual é minha questão:
Http://i56.servimg.com/u/f56/18/75/58/97/1131210.png

como gruda-los dessa forma ? 

Endereço do meu fórum:
http://olimpicosrpg.web-rpg.com

Versão do fórum:
INVISION


Última edição por coenzi em 28/02/14, 01:07 pm, editado 1 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por Kyo Panda em 27/02/14, 02:50 pm

Em qual fórum, no http://olimpicosrpg.web-rpg.com ou http://narutoonline-rpg.forumeiros.com/? Se for no do Naruto, tente colocar isso na sua Folha de estilo CSS:

Código:
.bodyline > table:first-child + table {
  margin-top: -57px;
}
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por coenzi em 27/02/14, 03:36 pm

Sim, mais como faço para ter esse fundo azul, q no caso seria verde ?..
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por Kyo Panda em 27/02/14, 03:45 pm

No caso você queria um menu mais simples? Se for o caso, comece indo em Painel de controle > Visualização > Página inicial > Cabeçalho e navegação, e remova as imagens do menu e adicione o texto de cada um. Dessa forma, conseguiremos editá-lo para que fique na forma mais simplista do Forumeiros.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por BrunoH. em 27/02/14, 03:47 pm

Olá,

Este é o seu fórum: http://olimpicosrpg.web-rpg.com/ ?
Se sim, o padrão do menu dele é em forma de imagens. O senhor deseja unir as imagens? Poderia ser mais especifico por gentileza?

Atenciosamente.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por coenzi em 27/02/14, 03:49 pm

me perdoe, eu uso dois fóruns e o designer é para este: http://narutoonline-rpg.forumeiros.com/
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por Hancki em 27/02/14, 04:42 pm

Olá!

Use este CSS:
Código:
.bodyline > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > a.mainmenu {
background-color: #769E7C !important;
padding: 10px !important;
margin-left: -10px !important;
}
.bodyline > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > a.mainmenu img {
width: 0px !important;
}
a.mainmenu:nth-child(1) {
right: -10px !important;
}
Resultado: http://prntscr.com/2wdlit
Era isso?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por coenzi em 27/02/14, 04:46 pm

até seria isso, porem eu gostaria que esse verde ficasse com a mesma largura do logo e que as bordas fossem arredondadas, ficaria hyper legal ^^
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por Hancki em 27/02/14, 04:51 pm

O que posso fazer é apenas arredondar as bordas... Use este CSS:
Código:
a.mainmenu:nth-child(1) {
right: -10px !important;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
a.mainmenu:last-child {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
Quanto à largura do menu, por defeito do seletor, não consigo colocar a sua largura, lamento.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Menu e logo grudados = forumeiros

Mensagem por coenzi em 27/02/14, 05:00 pm

n surtiu efeito man.
abaixo minha folha css sem o código, tirei pois n tinha surtido efeito.

Código:
/*diferença entre titulo e descrição*/
.forumline .hierarchy > span.forumlink {
  font-size: 1px;
}
/*widget com contorno personalizado*/
#left .forumline {
-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 10px;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/transp10.png);
border: 6px solid rgb(251, 123, 34);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
box-shadow: rgb(0, 0, 0) 0px 0px 10px;
padding: 5px;
border-radius: 10px;
}
#left .catHead {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
/*códigos importantes*/
.bodyline > table:first-child + table {
  margin-top: -20px;
}
$Subs sem virgula{} td .hierarchy + .genmed + .gensmall {font-size: 0px;}
td.bodyline {
background-color: #D9C79A !important;
}
body {
background-image: url(http://i56.servimg.com/u/f56/18/75/58/97/2222212.png) !important;
background-repeat: !important; 
}
/*chat*/
#chatbox_main_options, #chatbox_main_options > a, #chatbox_option_with_archives > a {
color: #fff !important
}

#chatbox_members .member-title {
background: #115185 !important
}
/*code spoiler quote BS*/
.codebox {
padding: 5px;
background: #FCFCFC;
border: 1px solid #E3E3E3;
overflow: auto;
font-size: 11px;
line-height: 170%;
}
.codebox dd {
background-color: transparent;
margin: .3em;
padding: .3em;
}
.codebox dt {border-bottom: 0px;}
.codebox.spoiler dt {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://i.imgur.com/psvFIEG.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
margin: 0px;
margin-left: 5px;
}
.codebox.spoiler dt:hover {
color: #4C4C4C;
background-color: #F8F8F8;
}
.codebox.spoiler {
background: transparent;
border: 0px;
}
.codebox.spoiler dd {background: transparent;}
.spoiler_content.hidden {
background: #FCFCFC;
border: 1px dashed #E3E3E3;
padding: 5px;
}
blockquote {
font-size: 12px;
border: 1px solid #E3E3E3;
background: #FCFCFC;
color: #9F9F9F;
margin-bottom: 5px;
}
blockquote, .postmain blockquote {padding: 10px;}
blockquote cite {
font-size: 12px;
padding: 8px 10px;
border: 1px solid #E3E3E3;
border-top: 0px;
border-bottom: 1px solid #E8E8E8;
background: #F2F2F2 url('http://i.imgur.com/iPXDkuF.png') repeat-x 0 0;
color: #535353;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
font-weight: bold;
}
blockquote cite, .postmain cite {margin: -10px -11px 8px -11px;}
/*menu*/
td[align="center"] a.mainmenu {
top: -30px !important;
position: relative !important;
z-index: 1000 !important;
}
/*Efeito nos ADMINISTRADOR*/
a[href="/u1"] {
text-shadow: 0 0 10px #0F0F0F;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href="/u10"] {
text-shadow: 0 0 10px #0F0F0F;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
/*Efeito Game master*/
a[href="/u12"] {
text-shadow: 0 0 8px #0D7DD9;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href="/u13"] {
text-shadow: 0 0 8px #0D7DD9;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
a[href="/u14"] {
text-shadow: 0 0 8px #0D7DD9;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
/*Efeito nos Grupos*/
a[href="/g1-administradores"] {
text-shadow: 0 0 10px #0F0F0F;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
/*Efeito nos Grupos*/
a[href="/g2-game-master"] {
text-shadow: 0 0 10px #0D7DD9;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
/*chatbox*/
#chatbox .user a {
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
/*contorno*/
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 5px solid #729D78;
}
/* CHAT-BOX PERSONALIZADO */
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
      left: 10;
}
#chatbox_members .member-title {
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: white;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color;"], #chatbox p span[style="color;"] {
  background: #FAFAD2;
}
#chatbox_footer {
  background: white;
  border: 0px;
}
#chatbox_footer .left {
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url(http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png) repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
  }
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url(http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png) repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg)
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 0px;
  left:198;
}
/*coisas do fórum */
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}#chatbox {
  background: #fff no-repeat right top url(http://i56.servimg.com/u/f56/18/75/58/97/obito210.png);
}
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.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