Menu personalizado

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

Resolvido Menu personalizado

Mensagem por King Gz; em 15/12/11, 01:58 am

Qual é minha questão:
Olá,

É possível fazer um menu para a versão PHPBB2 igual a do tema que postarei abaixo? Se sim, como devo proceder?

http://demo.nicetheme.com/forum?theme_id=166295

Até mais Piscada

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:
-

Endereço do meu fórum:
http://gzakat.forumeiros.com/

Versão do meu fórum:
PHPBB2
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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

Resolvido Re: Menu personalizado

Mensagem por DropLeet em 15/12/11, 04:26 am

Olá Enigma
Se você quiser totalmente igual, copie as imagens e as coloque em
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Gestão das Imagens Seta Modo avançado
Modifique as imagens padrões que estão para as imagens que voce copiou
exemplo Indice (voce coloca o link da imagem do indice)
e assim por diante.

Para deixar o menu na direita va em
Painel de Controle Seta Pagina Inicial Seta Cabeçalho e Navegação Seta Posição do Menu selecione À direita.

Espero ter ajudado.
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

Resolvido Re: Menu personalizado

Mensagem por Convidad em 15/12/11, 11:12 am

Olá,

É possível passar para sua versão, porém.. não sei se o resultado será satisfatório.

Adicione o código a baixo em sua folha CSS:

Código:

#submenu ul {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/th10.png');
        background-repeat: repeat-x;
}

#submenu ul li a {
  padding: 0.5em 1.1em 0.6em 1.1em;
   background-color: transparent;
   border-color: #dddddd;
        border: 0px;
        margin-top: -245px;
        margin-bottom: 130px;
   }



a:link {
color: #7D4D4D;
text-decoration: underline;
}




/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#i_icon_mini_index {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/forum13.png');
width: 68px;
height: 27px;
}
#i_icon_mini_index:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/forumh12.png');
width: 68px;
height: 27px;
}
#i_icon_mini_new_message {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/6110.png');
width: 68px;
height: 27px;
}
#i_icon_mini_new_message:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/5110.png');
width: 68px;
height: 27px;
}
#i_icon_mini_login {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/3lo12.png');
width: 68px;
height: 27px;
}
#i_icon_mini_login:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/3l10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_register {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/reg210.png');
width: 71px;
height: 27px;
}
#i_icon_mini_register:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/reh10.png');
width: 71px;
height: 27px;
}
#i_icon_mini_logout {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/2lo10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_logout:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/2l10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_portal {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/portal11.png');
width: 68px;
height: 27px;
}
#i_icon_mini_portal:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/portal10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_gallery {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/gal10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_gallery:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/galler10.png');
width: 68px;
height: 27px;
}

#i_icon_mini_profile {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/profil11.png');
width: 68px;
height: 27px;
}
#i_icon_mini_profile:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/profil10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_message {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/4210.png');
width: 51px;
height: 27px;
}
#i_icon_mini_message:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/4pm10.png');
width: 51px;
height: 27px;
}
#i_icon_mini_members {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/810.png');
width: 71px;
height: 27px;
}
#i_icon_mini_members:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/710.png');
width: 71px;
height: 27px;
}
#i_icon_mini_search {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/search13.png');
width: 68px;
height: 27px;
}
#i_icon_mini_search:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/search12.png');
width: 68px;
height: 27px;
}
#i_icon_mini_groups {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/1gr10.png');
width: 68px;
height: 27px;
}
#i_icon_mini_groups:hover {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/1grou10.png');
width: 68px;
height: 27px;
}

Atenciosamente.

Convidad
Convidado


Resolvido Re: Menu personalizado

Mensagem por King Gz; em 15/12/11, 12:37 pm

Olá Touks,

Esse código somente diminuiu o tamanho do menu que eu ja tinha e modificou as cores dos links Louco
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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

Resolvido Re: Menu personalizado

Mensagem por Convidad em 15/12/11, 08:19 pm

Olá,

Mande-me o conteúdo de sua folha css.

Atenciosamente.

Convidad
Convidado


Resolvido Re: Menu personalizado

Mensagem por King Gz; em 15/12/11, 08:57 pm

Olá,

Código:
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:active{text-decoration: none;}
a:hover{text-decoration: underline;}
a {text-decoration:none;}



                .colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.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://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.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://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.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://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.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://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.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;
                }



#page-header .navbar ul.linklist{border-bottom:0;margin-bottom:-4px}#page-header #search-box{margin-top:16px}#page-header .navbar span.corners-bottom,#page-header .navbar span.corners-bottom span,#page-header .navbar span.corners-top,#page-header .navbar span.corners-top span{display:none}#page-header .headerbar span.corners-bottom,#page-header .headerbar span.corners-bottom span,#page-header .headerbar span.corners-top,#page-header .headerbar span.corners-top span{background-image:none}#page-header .navbar ul.linklist li{padding:10px}#page-header .navbar ul.linklist li:hover{background:url(http://www.sohtanaka.com/web-design/examples/drop-down-menu/topnav_hover.gif) not-repet}#page-header .navbar ul.linklist li a{color:#fff;font-size:13px;text-align:center;text-shadow:.1em 0 .2em #555}



#i_icon_mini_index:hover {
upground-image: url(http://i52.tinypic.com/2pyc1lk.jpg);
}

   
  body{background-image:BLACK;background-image:url(http://styles.forum-free.net/images/abrasive/69377c5281c8a9429ba915152ea1b0a7.jpg)}#chatbox p.clearfix{background-color:black}



    input.button1:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover, input.mainoption:hover, input.liteoption:hover {
background-position: 0 100%;
border: 1px solid #2643ff;
color: white;
}



.clear{clear:both;height:0;line-height:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{height:1%;display:block}* html .clearfix{height:1%}.tab{background:url(http://files3.tugatech.com.pt/slidelogin/images/tab_b.png) repeat-x 0 0;height:42px;position:relative;top:0;z-index:999}.tab ul.login{display:block;position:relative;float:right;clear:right;height:42px;width:auto;font-weight:700;line-height:42px;right:150px;color:#FFF;font-size:80%;text-align:center;margin:0}.tab ul.login li.left{background:url(http://files3.tugatech.com.pt/slidelogin/images/tab_l.png) no-repeat left 0;height:42px;width:30px;display:block;float:left;margin:0;padding:0}.tab ul.login li.right{background:url(http://files3.tugatech.com.pt/slidelogin/images/tab_r.png) no-repeat left 0;height:42px;width:30px;display:block;float:left;margin:0;padding:0}.tab ul.login li{text-align:left;display:block;float:left;height:42px;background:url(http://files3.tugatech.com.pt/slidelogin/images/tab_m.png) repeat-x 0 0;padding:0 6px}.tab ul.login li a{color:#15ADFF}.tab .sep{color:#414141}.tab a.open,.tab a.close{height:20px;line-height:20px!important;padding-left:30px!important;cursor:pointer;display:block;width:100px;position:relative;top:11px}.tab a.open{background:url(http://files3.tugatech.com.pt/slidelogin/images/bt_open.png) no-repeat left 0}.tab a.close{background:url(http://files3.tugatech.com.pt/slidelogin/images/bt_close.png) no-repeat left 0}.tab a:hover.open{background:url(http://files3.tugatech.com.pt/slidelogin/images/bt_open.png) no-repeat left -19px}.tab a:hover.close{background:url(http://files2.tugatech.com.pt/slidelogin/images/bt_close.png) no-repeat left -19px}#toppanel{position:absolute;top:0;width:100%;z-index: 999;text-align:center;margin-left:auto;margin-right:auto}#panel{width:100%;height:270px;color:#999;background:#272727;overflow:hidden;position:relative;z-index:3;display:none}#panel h1{font-size:1.6em;color:#FFF;margin:0;padding:5px 0 10px}#panel h2{font-size:1.2em;color:#FFF;margin:0;padding:10px 0 5px}#panel p{margin:5px 0;padding:0}#panel a{text-decoration:none;color:#15ADFF}#panel a-lost-pwd{display:block;float:left}#panel .content{width:960px;padding-top:15px;text-align:left;font-size:.85em;margin:0 auto}#panel .content .left{width:280px;float:left;border-left:1px solid #333;padding:0 15px}#panel .content .right{border-right:1px solid #333}#panel .content form{margin:0 0 10px}#panel .content label{float:left;padding-top:8px;clear:both;width:280px;display:block}#panel .content input.field{border:1px #1A1A1A solid;background:#414141;margin-right:5px;margin-top:4px;width:200px;color:#FFF;height:16px}#panel .content input:focus.field{background:#545454}#panel .content input.bt_login,#panel .content input.bt_register{display:block;float:left;clear:left;height:24px;text-align:center;cursor:pointer;border:none;font-weight:700;margin:10px 0}#panel .content input.bt_login{width:74px;background:transparent url(http://files2.tugatech.com.pt/slidelogin/images/bt_login.png) no-repeat 0 0}#panel .content input.bt_register{width:94px;color:#FFF;background:transparent url(http://files2.tugatech.com.pt/slidelogin/images/bt_register.png) no-repeat 0 0}#panel .lost-pwd{display:block;float:left;clear:right;font-size:.95em;text-decoration:underline;padding:15px 5px 0}.tab ul.login li a:hover,#panel a:hover{color:#FFF}


.post span.postdetails a img:first-child {
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
border: 1px solid #FFFFFF
}




 




 
 
 

 
 
 
   
   

 
 .bodyline {
-moz-box-shadow: 0px 0px 15px #6e6e6e;
-webkit-box-shadow: 0px 0px 15px #6e6e6e;
}
 
 
 
 
 

   
   

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







#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}





 









a[href="/u1"] {
text-shadow: 0px 0px 7px red;
}

Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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

Resolvido Re: Menu personalizado

Mensagem por Convidad em 16/12/11, 12:13 am

Olá,

Lamento, mais não será possível.
O código que lhe passei é para a versão INVISION. Irritado

Tentei modificar com as tags do menu, como por exemplo:


.mainmenu {
background-image: url('http://i32.servimg.com/u/f32/15/52/75/08/th10.png');
background-repeat: repeat-x;
}

a.mainmenu {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: transparent;
border-color: #dddddd;
border: 0px;
margin-top: -245px;
margin-bottom: 130px;
}

Não obtém êxito em sua versão (principalmente o hover nos botões), lamento.

Atenciosamente.

Convidad
Convidado


Resolvido Re: Menu personalizado

Mensagem por King Gz; em 16/12/11, 12:43 pm

Olá novamente,

Que pena, gostaria muito de usar um menu como esse Triste

Obrigado pela informação Touks, até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.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