Menu Navegação
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Menu Navegação
Detalhes da questão
Endereço do fórum: http://badcheat.forumeiros.com
Versão do fórum: ModernBB
Descrição
Olá, tem como deixar meu Menu de Navegação nesse estilo > https://imgur.com/zOtE8ms ?
Atualmente ele estar desse https://i.imgur.com/lZyXRPg.png
Obrigado desde já
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
![Rosa](/users/2612/28/77/07/smiles/545657907.gif)
Re: Menu Navegação
Olá,
Adiciona esse código na sua Folha de estilo CSS
Para adicionar os ícones no menu será necessário a instalação do Font-awesome em seu fórum, para isso leia as questões abaixo
Questão Resolvida
Questão Resolvida 2
Até mais!
Adiciona esse código na sua Folha de estilo CSS
- Código:
.menu .div {
color: #525252!important;
font-size: 11px!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
Para adicionar os ícones no menu será necessário a instalação do Font-awesome em seu fórum, para isso leia as questões abaixo
Questão Resolvida
Questão Resolvida 2
Até mais!
Re: Menu Navegação
Aqui estar
- Css:
- Código:
#page-header .menu {
background-color: #1f1f1f!important;
border-radius: 0px 0px 0 0!important;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
height: 60px;
line-height: 38px;
z-index: 999;
margin: 0 auto;
max-width: 1400px;
padding: 17px 36px!important;
width: 98%;
text-transform: uppercase;
font-family: roboto condensed,sans-serif;
text-align: center;
}
ul.menu li a:hover {
color: white;
opacity: inherit;
}
ul.menu li a {
color: #ccc;
line-height: 38px;
font-size: 12px;
font-family: roboto condensed,sans-serif;
font-size: 14px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
margin-bottom: -2px;
margin-right: 3px;
opacity: .6;
line-height: 1;
}
ul.forums {
background-color: #ffffff;
}
ul.forums li.row {
border-left: 4px solid black;
}
ul.forums li.row:hover {
border-left: 4px solid #5d2786;
}
ul.forums .posts:after {
content: 'Mensagens';
}
ul.forums .topics:after {
content: 'Tópicos';
}
dd.lastpost span br:nth-child(3) {
display: none!important;
}
dd.lastpost span strong {
float: left!important;
margin-right: 5px;
}
///**TESTE AGR***///
ul.topiclist li.header .table-title h2, ul.topiclist li.header dl.icon dt {
font-size: 13px;
font-weight: 700;
font-family: "Trebuchet MS", sans-serif;
}
#wrap {
padding: 11px;
}
.forabg li.header .dterm, .forumbg li.header .icon {
height: 40px;
}
.table-title h2, .topiclist .header dl.icon dt {
line-height: 6px!important;
}
i.ion-android-list, i.ion-android-chat, i.ion-android-time, i.ion-eye, .btn-collapse {
display: none!important;
}
.topiclist .header dd.lastpost:after {
content: 'ÚLTIMA MENSAGEM';
}
.topiclist .header dd.posts:after {
content: 'POSTS';
}
.topiclist .header dd.views:after {
content: 'VIEWS';
}
.topiclist .header dd.topics:after {
content: 'TÓPICOS';
}
///**Avatar Quadrado***//
a[href="/u1"] {
text-shadow: 0px 0px 5px #1c1c1c;
background: url(http://img0.liveinternet.ru/images/attach/c/3/77/140/77140894_bluestarglitterangel.gif
}
a[href^="/u"] span[style^="color:#FA8405"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #FA8405;
}
a[href^="/u"] span[style^="color:#F0AC00"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #F0AC00;
}
a[href^="/u"] span[style^="color:#00FFD5"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #00FFD5;
}
a[href^="/u"] span[style^="color:#F20303"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #F20303;
}
a[href^="/u"] span[style^="color:#000DFF"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #000DFF;
}
a[href^="/u"] span[style^="color:#00F07C"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #00F07C;
}
.postprofile-avatar img,
.mod-login-avatar img {
height: 300px;
width: 180px;
border-radius: 0!important;
}
.lastpost-avatar img,
.monAva img {
height: 40px;
width: 40px;
}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
.notice {
background: url(https://i.imgur.com/VWRy0Mc.png) repeat-x 0 0;
color: #FFF;
width: 83%;
font-weight: normal;
padding: 13px 15px;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
position: relative;
left: 34px;
}
.notice p {
margin-bottom: 1.5em;
}
.notice p:last-child {
margin-bottom: 0;
}
.notice h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: .65em;
}
.notice:before {
content: "";
background: url(https://i.imgur.com/PcLYd52.png) no-repeat 100% 0;
width: 33px;
height: 40px;
position: absolute;
left: -34px;
top: 9px;
}
.notice-success {
background-color: #EEF4D4;
color: #596C26;
border: 1px solid #8FAD3D;
}
.notice-success:before {
background-position: 100% 0;
}
.notice-warn {
background-color: #FFEA97;
color: #796100;
border: 1px solid #E1B500;
}
.notice-warn:before {
background-position: 100% -800px;
}
.notice-alert {
background-color: #EFCEC9;
color: #933628;
border: 1px solid #AE3F2F;
}
.notice-alert:before {
background-position: 100% -400px;
}
.notice-info {
background-color: #C6D8F0;
color: #285797;
border: 1px solid #4381CD;
}
.notice-info:before {
background-position: 100% -1200px;
}
.guest {
background-color: #F3E3E6;
border: 1px solid #E599AA;
color: #80001C;
padding: 10px;
display: block;
margin: 15px;
font-size: 11px;
}
span.btn-announce.btn-ann-red {
position: absolute;
right: 50%;
top: 10%;
}
.btn-ann-red {
background: #E05046!important;
border-bottom: 2px solid #A5352D!important;
border-top: 2px solid #E05046!important;
color: #fff!important;
transition: 300ms;
}
.btn-announce {
background: #222;
border-bottom: 2px solid #000;
border-radius: 3px;
border-top: 2px solid #222;
color: #fff;
font-family: Montserrat,sans-serif;
font-size: 10px;
padding: 2px 5px;
text-shadow: 0 0 0 transparent;
text-transform: uppercase;
}
.btn-ann-red:hover {
background: #71be47!important;
border-bottom: 2px solid #477d2a!important;
border-top: 2px solid #71be47!important;
transition: 300ms;
}
li > a.mainmenu[href="/groups?tt=1"] { display : none; }
li > a.mainmenu[href="/faq?tt=1"] { display : none; }
li > a.mainmenu[href="/memberlist?tt=1"] { display : none; }
li > a.mainmenu[href="/faq?tt=1"] { display : none; }
li > a.mainmenu[href="/calendar?tt=1"] { display : none; }
.postfield-rafa img {
border: 1px solid #ddd;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
display: inline;
margin: 2px 5px;
padding: 2px;
width: 41px;
}
.postfield-rafa img + br {
display: none;
}
.online .postprofile:before {
background-image: url(https://i.imgur.com/B9k1pkH.png);
}
.postprofile:before {
background-color: #2e2e2e;
background-image: url(https://i.imgur.com/MOWNMlZ.png);
background-position: center;
background-repeat: no-repeat;
color: #fff;
content: '';
display: block;
left: 0;
padding: 14px;
position: absolute;
right: 0;
top: 20px;
}
.postprofile {
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
background: #F6F6F6;
}
#headerbar-top .wrap {
padding: 0;
min-width: 100%!important;
margin-top: 11px;
}
ul.navbar.navlinks li {
margin: 10px auto;
}
#headerbar-top .wrap {
padding: 0;
min-width: 100%!important;
margin-top: 11px;
}
ul.navbar.navlinks li {
margin: 8px auto;
}
ul.navbar.navlinks {
background-color: #972EFF!important;
border-top: 5px solid #1e1d23;
height: 60px;
}
.is-sticky#headerbar-top {
background-color: transparent;
padding: 0;
top: -11px;
}
.is-sticky#headerbar-top {
background-color: transparent;
padding: 0;
top: -11px;
}
#headerbar-top {
margin-top: 180px;
}
div#site-desc {
margin-top: -150px!important;
}
.headerbar {
height: 250px;
}
/********Nv Footer*****/
/**
* Definições Iniciais:
*/
.fa-footer,
.fa-footer * {
box-sizing: border-box;
}
.fa-footer {
background-color: #212529;
font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
font-size: 14px;
color: #a0a8b0;
line-height: 1.5;
}
/**
* Tags Genéricas:
*/
.fa-footer a {
text-decoration: none;
border-bottom: solid 1px #972EFF;
color: #0786e7;
transition: all 200ms linear;
}
.fa-footer a:hover {
box-shadow: inset 0 -25px #972EFF;
color: #fff;
}
/**
* Sistema de Grid e ajustes das colunas genéricas:
*/
.fa-footer .fa-footer-row {
display: flex;
flex-direction: row;
padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 15px 0;
}
.fa-footer .fa-footer-row .fa-footer-col:last-child {
margin-right: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col .lead {
text-transform: uppercase;
font-size: 16px;
color: #972EFF;
margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
font-size: 14px;
line-height: 1.6;
text-align: center;
}
/**
* Ajustes para a a coluna primária:
*/
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: solid 1px #2a2e32;
position: relative;
flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
width: 205px;
margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social {
margin: 18px 0 5px 0;
display: flex;
width: 100%;
justify-content: space-around;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
border-bottom: none;
border-radius: 100px;
box-shadow: none;
border: solid 1px #972EFF;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a:hover {
color: #fff;
background-color: #972EFF;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
position: absolute;
right: -20px;
bottom: -20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #212529;
border: solid 1px #2a2e32;
color: #972EFF;
font-size: 23px;
border-radius: 20px;
z-index: 3;
box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
cursor: pointer;
transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
margin-top: -3px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
background-color: #972EFF;
color: #fff;
}
/**
* Atribuição final:
*/
.fa-footer .fa-footer-attr {
text-align: center;
padding: 20px;
font-size: 16px;
border-top: solid 1px #2a2e32;
background-color: #24282b;
}
/**
* Ajustes para o footer do FA:
*/
#page-footer {
background-color: #212529;
border-top: solid 1px #2a2e32;
border-bottom: solid 1px #2a2e32;
}
.statistics {
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.37);
}
/**
* Responsive:
*/
@media screen and (max-width: 1000px) {
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
margin: 0px;
}
}
@media screen and (max-width: 850px) {
.fa-footer .fa-footer-row {
flex-wrap: wrap;
}
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: none;
}
}
/*Anuncios*/
#main-content .panel ul.fa-notice-menu {
list-style: none;
padding: 20px 0 0;
overflow: hidden;
}
ul.fa-notice-menu li {
display: block;
float: left;
width: 33.3%;
}
ul.fa-notice-menu a {
font-size: 16px;
font-weight: 700;
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
border-bottom: 3px rgba(0, 0, 0, 0.3) solid;
color: #fff;
display: block;
text-align: center;
height: 60px;
line-height: 60px;
width: 250px;
margin: 0 auto;
transition: 250ms ease opacity;
}
ul.fa-notice-menu a:hover,
ul.fa-notice-menu a:active,
ul.fa-notice-menu a:focus {
opacity: 0.75;
}
li.fa-notice-menu-rules a {
background-color: #eaea2c;
}
li.fa-notice-menu-subscription a {
background-color: #ea2c2c;
}
li.fa-notice-menu-teamspeak a {
background-color: #422cea;
}
///*******bY LeoziN Brisadow*******///
.sub-header-path a + a:before {
content: " ";
display: block;
height: 100%;
left: -10px;
position: absolute;
top: 0;
width: 16px;}
.sub-header-path a + a {
margin-left: 1px;
}
.sub-header-path {
background: none repeat scroll 0 0 #972EFF;
background-image: url(https://i.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #972EFF!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
overflow: hidden!important;
padding: 0.2em 1em!important;
margin-top: 20px;
margin-bottom: 20px;
}
.sub-header-path a:hover{
background-position: 100% -1px;
}
.sub-header-path a:hover:before {
background: url(https://i.servimg.com/u/f57/14/89/34/10/second10.png);
}
.sub-header-path a {
background: url(https://i.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
position: relative;
text-shadow: 0 1px 0 #fff;
transition: none;
color: #972EFF!important;
line-height: 28px;
padding: 4px 15px 2px 25px;
margin-left: -17px;
}
.nav[href="/"], .nav[href^="/c"] {
display: none;
}
.sub-header {
position: relative;
}
.sub-header-info {
padding-bottom: 40px;
}
.sub-header-path {
position: absolute;
margin: 0;
left: 0;
right: 0;
bottom: 0;
}
/******STAFF ONLINE**********/
.monAva img {
height: 40px;
width: 40px;
margin-right: 5px;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #d5d1c8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}
.monAva img:hover {
border: 1px solid black;
}
.myStaff a {
display:inline-block;
vertical-align:top;
margin-top:.75em;
}
/*******FIM STAFF ONLINE********/
///****Trofeus e Medalhas 12***/
#field_id4 br {
display: none;
}
#field_id4 div[alt],
.postprofile-info div[alt] {
width: 32px;
height: 32px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
#field_id4 div[alt]:before,
.postprofile-info div[alt]:before {
content: attr(alt);
position: absolute;
top: -100%;
left: 50%;
white-space: nowrap;
transform: translate(-50%);
background-color: #666;
color: #fff;
padding: 0 10px;
border-radius: 3px;
user-select: none;
pointer-events: none;
opacity: 0;
line-height: 24px;
transition: 250ms opacity;
}
#field_id4 div[alt]:hover:before,
.postprofile-info div[alt]:hover:before {
opacity: 1;
}
.postprofile-info div[alt] + br {
display: none;
}
.postprofile-info .label {
display: block;
margin-bottom: 10px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
///*****TESTE***///
.barra {
background:#2EA3F2;
border-bottom:1px solid rgba(0,0,0,0.1);
color:#fff;
font-size:13px;
font-weight:600;
height:34px;
line-height:34px;
text-indent:8px;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
width:100%;
z-index:999
}
.barra .social{
color:#fff;
float:right;
font-size:14px;
margin-left:-6px;
margin-top:10px
}
.barra .social:hover{opacity:.9}
.menu{
background:#fff;
box-shadow:rgba(0,0,0,0.10) 0 1px 5px;
height:60px;
line-height:38px;
width:100%;
z-index:999
}
.menu .div{
color:#666;
float:left;
font-size:14px;
font-weight:400;
list-style:none;
margin-right:5px;
padding:10px;
transition:.05s all
}
.menu .div:hover{
border-bottom:2px solid #2EA3F2;
color:#888
}
header{
background:url(https://i.imgur.com/iF813JH.png);background-size:100% 100%;
border-bottom:1px solid rgba(0,0,0,.10);
height:245px;
width:100%
}
header .logo{
background:url(https://i.imgur.com/2AD8Z7m.png);height:63px;margin-left:10px;
margin-top:82px;position:absolute;width:113px}.noti_right{color:#666;float:right;font-size:14px;font-weight:300;list-style:none;padding:10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.right{float:right}.meio{height:auto;margin:auto;width:75%}.attach{float:right}#search{margin:105px 0}#search_wrap{-webkit-transition:all .1s ease-in 0!important;color:#fff;display:block;height:26px;min-width:20px;position:relative;transition:all .5s ease-in 0!important}#main_search{-webkit-transition:all 1s ease-in-out;background:transparent;border:0;border-right:2px solid rgba(255,255,255,0.1);color:#fff;font-family:segoe ui;font-size:16px;font-weight:400;margin-top:2px;outline:0;overflow:hidden;padding:0 0 4px;text-overflow:ellipsis;text-shadow:1px 1px rgba(0,0,0,0.2);transition:all 1s ease-in-out;white-space:pre;width:150px}#main_search:focus{-webkit-transition:all 1s ease-in-out;border-right:2px solid #2EA3F2;color:#f5f5f5;font-size:20px;font-weight:600;transition:all 1s ease-in-out;width:400px}#search .submit_input{background:url(https://i.imgur.com/EgBQOTx.png) no-repeat 50%!important;border:0!important;bottom:0;box-shadow:none;display:none;height:26px;outline:none!important;padding:0!important;position:absolute;right:0;top:0;transition:all .1s ease-in 0!important;width:26px}fieldset{border:0 groove threedface}
.login {
color: #444;
float: left;
font-size: 12px;
font-weight: 400;
list-style: none;
padding: 10px;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
transition: .05s all;
}
.login a {
border-right: 1px solid #eee;
color: #555;
margin-right: -2px;
padding-right: 9px;
}
.registro {
color: #666;
float: left;
font-size: 12px;
font-weight: 400;
list-style: none;
padding: 10px 0;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
transition: .05s all;
}
.registro a {
color: #555;
}
.postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
}
//**WIDGETS OCULTOS E ULTIMOS ASSUNTOS**//
#comments_scroll_div {
margin: 0!important;
}div#wrapper #left .module:nth-child(1) {
display: none;
position: absolute;
}
#content-container #content-main .h3 {
border-color: #111c1b;
border-style: solid;
border-width: 0 0 1px;
width: 100%;
color: #fff;
background-color: #2C353B;
padding: 14px;
border-radius: 4px;
}
#content-container #container {
margin-left: 0!important;
}
//**CSS ULTIMOS ASSUNTOS**//
span.mod-recent-info {
display: flex !important;
flex-direction: column-reverse;
}
.mod-recent-author {
margin-left: 0 !important;
}
//**Footer Gta Hard Ligth**//
footer {
background: rgba(0,0,0,0.3);
border-radius: 0 0 2px 2px;
color: #fff;
box-shadow: inset rgba(0,0,0,0.2) 0 1px 3px;
font-size: 12px;
border-top: 3px solid rgb(101, 37, 38);;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
height: 100px;
width: 100%;
line-height: 130%;
margin: 0 auto;
background-image: url(https://i.imgur.com/iF813JH.png);
background-repeat: repeat-x;
background-position: center;
background-size: cover;
padding-bottom: 60px;
}
.cont_footer {
padding: 1.3em 13em;
}
.credits_ppf {
background: rgba(0,0,0,0.1);
padding: 8px;
border: 1px solid rgba(0,0,0,0.10);
text-align: center;
}
.footer-col {
float: left;
width: 25%;
}
.footer-title {
display: block;
font-size: 17px;
text-transform: uppercase;
}
.footer-list {
list-style: none;
margin: 7px 0 10px;
padding-left: 0;
}
.footer-list li a {
color: #A3AAAE!important;
}
#ir_a_pa > strong > a{
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
background: rgb(101, 37, 38);
color: white!important;
border-radius: 2px;
bottom: 15px;
cursor: pointer;
font-size: 12px;
position: fixed;
right: 15px;
text-align: center;
user-select: none;
z-index: 3;
padding: 10px;
font-weight: 500;
}
.Rcomunfor {
float: right;
margin-top: 33px;
}
@media screen and (max-width: 1200px) {
.Rcomunfor {
display:none;
}
}
//***Cor Footer***//
.footer-col {
background-color: #212529;
color: #fff;
font-size: 10px;
}
.block-footer {
font-size: 0;
}
.block-footer b {
font-size: 14px;
margin: 5px;
}
#legend {
text-align: center !important;
}
.fa-brilho {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
a[href="/u1"] {
background: url("http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif");
}
a[href^="/u"] span[style^="color:#000000"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #000000;
}
.block-footer {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
///***Menu Navegação***///
.menu .div {
color: #525252!important;
font-size: 11px!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
Re: Menu Navegação
Olá,
Substitua por esse
Até mais!
Substitua por esse
- Código:
#page-header .menu {
background-color: #1f1f1f!important;
border-radius: 0px 0px 0 0!important;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
height: 60px;
line-height: 38px;
z-index: 999;
margin: 0 auto;
max-width: 1400px;
padding: 17px 36px!important;
width: 98%;
text-transform: uppercase;
font-family: roboto condensed,sans-serif;
text-align: center;
}
ul.menu li a:hover {
color: white;
opacity: inherit;
}
ul.menu li a {
color: #ccc;
line-height: 38px;
font-size: 12px;
font-family: roboto condensed,sans-serif;
font-size: 14px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
margin-bottom: -2px;
margin-right: 3px;
opacity: .6;
line-height: 1;
}
ul.forums {
background-color: #ffffff;
}
ul.forums li.row {
border-left: 4px solid black;
}
ul.forums li.row:hover {
border-left: 4px solid #5d2786;
}
ul.forums .posts:after {
content: 'Mensagens';
}
ul.forums .topics:after {
content: 'Tópicos';
}
dd.lastpost span br:nth-child(3) {
display: none!important;
}
dd.lastpost span strong {
float: left!important;
margin-right: 5px;
}
///**TESTE AGR***///
ul.topiclist li.header .table-title h2, ul.topiclist li.header dl.icon dt {
font-size: 13px;
font-weight: 700;
font-family: "Trebuchet MS", sans-serif;
}
#wrap {
padding: 11px;
}
.forabg li.header .dterm, .forumbg li.header .icon {
height: 40px;
}
.table-title h2, .topiclist .header dl.icon dt {
line-height: 6px!important;
}
i.ion-android-list, i.ion-android-chat, i.ion-android-time, i.ion-eye, .btn-collapse {
display: none!important;
}
.topiclist .header dd.lastpost:after {
content: 'ÚLTIMA MENSAGEM';
}
.topiclist .header dd.posts:after {
content: 'POSTS';
}
.topiclist .header dd.views:after {
content: 'VIEWS';
}
.topiclist .header dd.topics:after {
content: 'TÓPICOS';
}
///**Avatar Quadrado***//
a[href="/u1"] {
text-shadow: 0px 0px 5px #1c1c1c;
background: url(http://img0.liveinternet.ru/images/attach/c/3/77/140/77140894_bluestarglitterangel.gif
}
a[href^="/u"] span[style^="color:#FA8405"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #FA8405;
}
a[href^="/u"] span[style^="color:#F0AC00"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #F0AC00;
}
a[href^="/u"] span[style^="color:#00FFD5"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #00FFD5;
}
a[href^="/u"] span[style^="color:#F20303"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #F20303;
}
a[href^="/u"] span[style^="color:#000DFF"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #000DFF;
}
a[href^="/u"] span[style^="color:#00F07C"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #00F07C;
}
.postprofile-avatar img,
.mod-login-avatar img {
height: 300px;
width: 180px;
border-radius: 0!important;
}
.lastpost-avatar img,
.monAva img {
height: 40px;
width: 40px;
}
li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/memberlist"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
.notice {
background: url(https://i.imgur.com/VWRy0Mc.png) repeat-x 0 0;
color: #FFF;
width: 83%;
font-weight: normal;
padding: 13px 15px;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
position: relative;
left: 34px;
}
.notice p {
margin-bottom: 1.5em;
}
.notice p:last-child {
margin-bottom: 0;
}
.notice h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: .65em;
}
.notice:before {
content: "";
background: url(https://i.imgur.com/PcLYd52.png) no-repeat 100% 0;
width: 33px;
height: 40px;
position: absolute;
left: -34px;
top: 9px;
}
.notice-success {
background-color: #EEF4D4;
color: #596C26;
border: 1px solid #8FAD3D;
}
.notice-success:before {
background-position: 100% 0;
}
.notice-warn {
background-color: #FFEA97;
color: #796100;
border: 1px solid #E1B500;
}
.notice-warn:before {
background-position: 100% -800px;
}
.notice-alert {
background-color: #EFCEC9;
color: #933628;
border: 1px solid #AE3F2F;
}
.notice-alert:before {
background-position: 100% -400px;
}
.notice-info {
background-color: #C6D8F0;
color: #285797;
border: 1px solid #4381CD;
}
.notice-info:before {
background-position: 100% -1200px;
}
.guest {
background-color: #F3E3E6;
border: 1px solid #E599AA;
color: #80001C;
padding: 10px;
display: block;
margin: 15px;
font-size: 11px;
}
span.btn-announce.btn-ann-red {
position: absolute;
right: 50%;
top: 10%;
}
.btn-ann-red {
background: #E05046!important;
border-bottom: 2px solid #A5352D!important;
border-top: 2px solid #E05046!important;
color: #fff!important;
transition: 300ms;
}
.btn-announce {
background: #222;
border-bottom: 2px solid #000;
border-radius: 3px;
border-top: 2px solid #222;
color: #fff;
font-family: Montserrat,sans-serif;
font-size: 10px;
padding: 2px 5px;
text-shadow: 0 0 0 transparent;
text-transform: uppercase;
}
.btn-ann-red:hover {
background: #71be47!important;
border-bottom: 2px solid #477d2a!important;
border-top: 2px solid #71be47!important;
transition: 300ms;
}
li > a.mainmenu[href="/groups?tt=1"] { display : none; }
li > a.mainmenu[href="/faq?tt=1"] { display : none; }
li > a.mainmenu[href="/memberlist?tt=1"] { display : none; }
li > a.mainmenu[href="/faq?tt=1"] { display : none; }
li > a.mainmenu[href="/calendar?tt=1"] { display : none; }
.postfield-rafa img {
border: 1px solid #ddd;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
display: inline;
margin: 2px 5px;
padding: 2px;
width: 41px;
}
.postfield-rafa img + br {
display: none;
}
.online .postprofile:before {
background-image: url(https://i.imgur.com/B9k1pkH.png);
}
.postprofile:before {
background-color: #2e2e2e;
background-image: url(https://i.imgur.com/MOWNMlZ.png);
background-position: center;
background-repeat: no-repeat;
color: #fff;
content: '';
display: block;
left: 0;
padding: 14px;
position: absolute;
right: 0;
top: 20px;
}
.postprofile {
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
background: #F6F6F6;
}
#headerbar-top .wrap {
padding: 0;
min-width: 100%!important;
margin-top: 11px;
}
ul.navbar.navlinks li {
margin: 10px auto;
}
#headerbar-top .wrap {
padding: 0;
min-width: 100%!important;
margin-top: 11px;
}
ul.navbar.navlinks li {
margin: 8px auto;
}
ul.navbar.navlinks {
background-color: #972EFF!important;
border-top: 5px solid #1e1d23;
height: 60px;
}
.is-sticky#headerbar-top {
background-color: transparent;
padding: 0;
top: -11px;
}
.is-sticky#headerbar-top {
background-color: transparent;
padding: 0;
top: -11px;
}
#headerbar-top {
margin-top: 180px;
}
div#site-desc {
margin-top: -150px!important;
}
.headerbar {
height: 250px;
}
/********Nv Footer*****/
/**
* Definições Iniciais:
*/
.fa-footer,
.fa-footer * {
box-sizing: border-box;
}
.fa-footer {
background-color: #212529;
font-family: "Segoe UI", "Open Sans", "Helvetica Neue", "Ubuntu", "Helvetica", "Arial", "Trebuchet MS", sans-serif;
font-size: 14px;
color: #a0a8b0;
line-height: 1.5;
}
/**
* Tags Genéricas:
*/
.fa-footer a {
text-decoration: none;
border-bottom: solid 1px #972EFF;
color: #0786e7;
transition: all 200ms linear;
}
.fa-footer a:hover {
box-shadow: inset 0 -25px #972EFF;
color: #fff;
}
/**
* Sistema de Grid e ajustes das colunas genéricas:
*/
.fa-footer .fa-footer-row {
display: flex;
flex-direction: row;
padding: 0 15px;
}
.fa-footer .fa-footer-row .fa-footer-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 30px;
padding: 15px 0;
}
.fa-footer .fa-footer-row .fa-footer-col:last-child {
margin-right: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col .lead {
text-transform: uppercase;
font-size: 16px;
color: #972EFF;
margin-bottom: 10px;
}
.fa-footer .fa-footer-row .fa-footer-col p {
font-size: 14px;
line-height: 1.6;
text-align: center;
}
/**
* Ajustes para a a coluna primária:
*/
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: solid 1px #2a2e32;
position: relative;
flex-grow: 1;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo {
display: flex;
justify-content: center;
align-items: center;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
width: 205px;
margin: 0 30px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social {
margin: 18px 0 5px 0;
display: flex;
width: 100%;
justify-content: space-around;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 37px;
height: 37px;
border-bottom: none;
border-radius: 100px;
box-shadow: none;
border: solid 1px #972EFF;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-social a:hover {
color: #fff;
background-color: #972EFF;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top {
position: absolute;
right: -20px;
bottom: -20px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #212529;
border: solid 1px #2a2e32;
color: #972EFF;
font-size: 23px;
border-radius: 20px;
z-index: 3;
box-shadow: 1px 1px 2px rgba(11, 13, 15, 0.84);
cursor: pointer;
transition: all 100ms linear;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top .fa {
margin-top: -3px;
}
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-back-to-top:hover {
background-color: #972EFF;
color: #fff;
}
/**
* Atribuição final:
*/
.fa-footer .fa-footer-attr {
text-align: center;
padding: 20px;
font-size: 16px;
border-top: solid 1px #2a2e32;
background-color: #24282b;
}
/**
* Ajustes para o footer do FA:
*/
#page-footer {
background-color: #212529;
border-top: solid 1px #2a2e32;
border-bottom: solid 1px #2a2e32;
}
.statistics {
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.37);
}
/**
* Responsive:
*/
@media screen and (max-width: 1000px) {
.fa-footer .fa-footer-row .fa-primary-footer-col .fa-footer-logo img {
margin: 0px;
}
}
@media screen and (max-width: 850px) {
.fa-footer .fa-footer-row {
flex-wrap: wrap;
}
.fa-footer .fa-footer-row .fa-primary-footer-col {
border-right: none;
}
}
/*Anuncios*/
#main-content .panel ul.fa-notice-menu {
list-style: none;
padding: 20px 0 0;
overflow: hidden;
}
ul.fa-notice-menu li {
display: block;
float: left;
width: 33.3%;
}
ul.fa-notice-menu a {
font-size: 16px;
font-weight: 700;
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
border-bottom: 3px rgba(0, 0, 0, 0.3) solid;
color: #fff;
display: block;
text-align: center;
height: 60px;
line-height: 60px;
width: 250px;
margin: 0 auto;
transition: 250ms ease opacity;
}
ul.fa-notice-menu a:hover,
ul.fa-notice-menu a:active,
ul.fa-notice-menu a:focus {
opacity: 0.75;
}
li.fa-notice-menu-rules a {
background-color: #eaea2c;
}
li.fa-notice-menu-subscription a {
background-color: #ea2c2c;
}
li.fa-notice-menu-teamspeak a {
background-color: #422cea;
}
///*******bY LeoziN Brisadow*******///
.sub-header-path a + a:before {
content: " ";
display: block;
height: 100%;
left: -10px;
position: absolute;
top: 0;
width: 16px;}
.sub-header-path a + a {
margin-left: 1px;
}
.sub-header-path {
background: none repeat scroll 0 0 #972EFF;
background-image: url(https://i.servimg.com/u/f57/18/81/53/06/untitl10.png)!important;
border: 1px solid #972EFF!important;
border-radius: 5px 5px 5px 5px!important;
box-shadow: 0 0 3px rgba(109,119,237,0.2)!important;
clear: both!important;
overflow: hidden!important;
padding: 0.2em 1em!important;
margin-top: 20px;
margin-bottom: 20px;
}
.sub-header-path a:hover{
background-position: 100% -1px;
}
.sub-header-path a:hover:before {
background: url(https://i.servimg.com/u/f57/14/89/34/10/second10.png);
}
.sub-header-path a {
background: url(https://i.servimg.com/u/f57/14/89/34/10/second10.png) no-repeat scroll 100% center transparent;
position: relative;
text-shadow: 0 1px 0 #fff;
transition: none;
color: #972EFF!important;
line-height: 28px;
padding: 4px 15px 2px 25px;
margin-left: -17px;
}
.nav[href="/"], .nav[href^="/c"] {
display: none;
}
.sub-header {
position: relative;
}
.sub-header-info {
padding-bottom: 40px;
}
.sub-header-path {
position: absolute;
margin: 0;
left: 0;
right: 0;
bottom: 0;
}
/******STAFF ONLINE**********/
.monAva img {
height: 40px;
width: 40px;
margin-right: 5px;
background: none repeat scroll 0 0 #FFF;
border: 1px solid #d5d1c8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
padding: 1px;
}
.monAva img:hover {
border: 1px solid black;
}
.myStaff a {
display:inline-block;
vertical-align:top;
margin-top:.75em;
}
/*******FIM STAFF ONLINE********/
///****Trofeus e Medalhas 12***/
#field_id4 br {
display: none;
}
#field_id4 div[alt],
.postprofile-info div[alt] {
width: 32px;
height: 32px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
#field_id4 div[alt]:before,
.postprofile-info div[alt]:before {
content: attr(alt);
position: absolute;
top: -100%;
left: 50%;
white-space: nowrap;
transform: translate(-50%);
background-color: #666;
color: #fff;
padding: 0 10px;
border-radius: 3px;
user-select: none;
pointer-events: none;
opacity: 0;
line-height: 24px;
transition: 250ms opacity;
}
#field_id4 div[alt]:hover:before,
.postprofile-info div[alt]:hover:before {
opacity: 1;
}
.postprofile-info div[alt] + br {
display: none;
}
.postprofile-info .label {
display: block;
margin-bottom: 10px;
}
.pun .postmain:after, .pun .postmain:before {
border-style: solid solid outset;
content: "";
display: block;
height: 0;
left: -16px;
pointer-events: none;
position: absolute;
right: 100%;
top: 11px;
width: 0;
}
.pun .postmain:before {
border-right-color: #D6D3D3;
border-width: 8px;
}
.pun .postmain {
margin-left: 18em;
border: 1px solid #D6D3D3;
border-radius: 3px;
position: relative;
}
.pun .posthead, .pun {
background-color: #F0F0F0;
border-bottom: 1px solid #eee;
font-size: 13px;
font-weight: 400;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
///*****TESTE***///
.barra {
background:#2EA3F2;
border-bottom:1px solid rgba(0,0,0,0.1);
color:#fff;
font-size:13px;
font-weight:600;
height:34px;
line-height:34px;
text-indent:8px;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
width:100%;
z-index:999
}
.barra .social{
color:#fff;
float:right;
font-size:14px;
margin-left:-6px;
margin-top:10px
}
.barra .social:hover{opacity:.9}
.menu{
background:#fff;
box-shadow:rgba(0,0,0,0.10) 0 1px 5px;
height:60px;
line-height:38px;
width:100%;
z-index:999
}
.menu .div{
float:left;
list-style:none;
margin-right:5px;
padding:10px;
transition:.05s all
}
.menu .div:hover{
border-bottom:2px solid #2EA3F2;
color:#888
}
header{
background:url(https://i.imgur.com/iF813JH.png);background-size:100% 100%;
border-bottom:1px solid rgba(0,0,0,.10);
height:245px;
width:100%
}
header .logo{
background:url(https://i.imgur.com/2AD8Z7m.png);height:63px;margin-left:10px;
margin-top:82px;position:absolute;width:113px}.noti_right{color:#666;float:right;font-size:14px;font-weight:300;list-style:none;padding:10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.right{float:right}.meio{height:auto;margin:auto;width:75%}.attach{float:right}#search{margin:105px 0}#search_wrap{-webkit-transition:all .1s ease-in 0!important;color:#fff;display:block;height:26px;min-width:20px;position:relative;transition:all .5s ease-in 0!important}#main_search{-webkit-transition:all 1s ease-in-out;background:transparent;border:0;border-right:2px solid rgba(255,255,255,0.1);color:#fff;font-family:segoe ui;font-size:16px;font-weight:400;margin-top:2px;outline:0;overflow:hidden;padding:0 0 4px;text-overflow:ellipsis;text-shadow:1px 1px rgba(0,0,0,0.2);transition:all 1s ease-in-out;white-space:pre;width:150px}#main_search:focus{-webkit-transition:all 1s ease-in-out;border-right:2px solid #2EA3F2;color:#f5f5f5;font-size:20px;font-weight:600;transition:all 1s ease-in-out;width:400px}#search .submit_input{background:url(https://i.imgur.com/EgBQOTx.png) no-repeat 50%!important;border:0!important;bottom:0;box-shadow:none;display:none;height:26px;outline:none!important;padding:0!important;position:absolute;right:0;top:0;transition:all .1s ease-in 0!important;width:26px}fieldset{border:0 groove threedface}
.login {
color: #444;
float: left;
font-size: 12px;
font-weight: 400;
list-style: none;
padding: 10px;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
transition: .05s all;
}
.login a {
border-right: 1px solid #eee;
color: #555;
margin-right: -2px;
padding-right: 9px;
}
.registro {
color: #666;
float: left;
font-size: 12px;
font-weight: 400;
list-style: none;
padding: 10px 0;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
transition: .05s all;
}
.registro a {
color: #555;
}
.postprofile {
background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
margin-bottom: 10px;
padding: 60px 3px 3px;
position: relative;
}
//**WIDGETS OCULTOS E ULTIMOS ASSUNTOS**//
#comments_scroll_div {
margin: 0!important;
}div#wrapper #left .module:nth-child(1) {
display: none;
position: absolute;
}
#content-container #content-main .h3 {
border-color: #111c1b;
border-style: solid;
border-width: 0 0 1px;
width: 100%;
color: #fff;
background-color: #2C353B;
padding: 14px;
border-radius: 4px;
}
#content-container #container {
margin-left: 0!important;
}
//**CSS ULTIMOS ASSUNTOS**//
span.mod-recent-info {
display: flex !important;
flex-direction: column-reverse;
}
.mod-recent-author {
margin-left: 0 !important;
}
//**Footer Gta Hard Ligth**//
footer {
background: rgba(0,0,0,0.3);
border-radius: 0 0 2px 2px;
color: #fff;
box-shadow: inset rgba(0,0,0,0.2) 0 1px 3px;
font-size: 12px;
border-top: 3px solid rgb(101, 37, 38);;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
height: 100px;
width: 100%;
line-height: 130%;
margin: 0 auto;
background-image: url(https://i.imgur.com/iF813JH.png);
background-repeat: repeat-x;
background-position: center;
background-size: cover;
padding-bottom: 60px;
}
.cont_footer {
padding: 1.3em 13em;
}
.credits_ppf {
background: rgba(0,0,0,0.1);
padding: 8px;
border: 1px solid rgba(0,0,0,0.10);
text-align: center;
}
.footer-col {
float: left;
width: 25%;
}
.footer-title {
display: block;
font-size: 17px;
text-transform: uppercase;
}
.footer-list {
list-style: none;
margin: 7px 0 10px;
padding-left: 0;
}
.footer-list li a {
color: #A3AAAE!important;
}
#ir_a_pa > strong > a{
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
background: rgb(101, 37, 38);
color: white!important;
border-radius: 2px;
bottom: 15px;
cursor: pointer;
font-size: 12px;
position: fixed;
right: 15px;
text-align: center;
user-select: none;
z-index: 3;
padding: 10px;
font-weight: 500;
}
.Rcomunfor {
float: right;
margin-top: 33px;
}
@media screen and (max-width: 1200px) {
.Rcomunfor {
display:none;
}
}
//***Cor Footer***//
.footer-col {
background-color: #212529;
color: #fff;
font-size: 10px;
}
.block-footer {
font-size: 0;
}
.block-footer b {
font-size: 14px;
margin: 5px;
}
#legend {
text-align: center !important;
}
.fa-brilho {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
a[href="/u1"] {
background: url("http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif");
}
a[href^="/u"] span[style^="color:#000000"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 2px 6px #000000;
}
.block-footer {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
}
///***Menu Navegação***///
.menu .div{
color: #525252!important;
font-size: 11px!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
Até mais!
Re: Menu Navegação
Olá,
Adiciona esse código na sua Folha de estilo CSS
Até mais!
Adiciona esse código na sua Folha de estilo CSS
- Código:
.menu {
font-weight: bold;
text-transform: uppercase;
}
i.fa.fa-home {
font-family: FontAwesome;
}
i.fa.fa-home:before {
content: '\f015';
padding: 10px;
}
Até mais!
Re: Menu Navegação
Amigo, obteve poucos resultados > https://i.imgur.com/vCdPfJ9.png , ainda continua na parte de cima
Re: Menu Navegação
Olá,
Vou precisar do seu template "overall_header" para colocar ele na parte inferior
Até mais!
Vou precisar do seu template "overall_header" para colocar ele na parte inferior
Até mais!
Re: Menu Navegação
Aqui estar
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto');
ga('send', 'pageview');
ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis -->
ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
ga('bis.send', 'pageview');
ga('bis.set', 'anonymizeIp', true);
<!-- END google_analytics_code_bis -->
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body id="phpbb">
<div class="barra">
<div class="meio">
{SITENAME} - {SITE_DESCRIPTION}
<div class="right">
Redes Sociais:
<a href="#"><div class="social"><i class="fa fa-google-plus" aria-hidden="true"></i></div></a>
<a href="#"><div class="social"><i class="fa fa-youtube-play" aria-hidden="true"></i></div></a>
<a href="https://www.twitter.com/theusyeah"><div class="social"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
<a href="https://www.facebook.com/weforumpowerpixel/?ref=ts&fref=ts"><div class="social"><i class="fa fa-facebook" aria-hidden="true"></i></div></a>
</div>
</div></div>
<ul class="menu"><div class="meio">
<a href="/"><li class="div"><i class="fa fa-home" aria-hidden="true"></i> Home</li></a>
<a href="#"><li class="div"><i class="fa fa-users" aria-hidden="true"></i> Loja Fórum</li></a>
<a href="/privmsg?folder=inbox"><li class="div"><i class="fa fa-newspaper-o" aria-hidden="true"></i> Mensagens Privadas</li></a>
<!-- BEGIN switch_user_logged_in -->
<div id="user_navigation" class="not_logged_in">
<a href="/profile?mode=editprofile&page_profil=preferences"><li class="div"> <i class="fa fa-user-circle" aria-hidden="true"></i> Perfil</li></a>
<a href="/login?logout"><li class="div" id="perfil"> <i class="fa fa-user-times" aria-hidden="true"></i> Desconectar</li></a>
<div class="right">
<a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"><li class="noti_right"><i class="fa fa-envelope-o" aria-hidden="true"></i></li></a>
<a id="notify_link" href="/search?search_id=watchsearch" title="Notificações"><li class="noti_right"><i class="fa fa-bell-o" aria-hidden="true"></i></li></a>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="user_navigation" class="not_logged_in">
<ul class="ipsList_inline right">
<li class="login">
<a href="/login">Login</a>
</li>
<li class="registro">
<a href="/register">Registre-se</a>
</li>
</ul>
</div>
<!-- END switch_user_logged_out -->
</div>
</div>
</ul>
<header><div class="meio"><div class="logo"></div>
<div id="search" class="attach">
<form method="get" action="/search?search_where=11" id="search-box">
<fieldset>
<label for="main_search" class="hide"></label>
<span id="search_wrap" class="attach">
<input type="text" name="search_keywords" id="main_search" maxlength="128" value="Pesquisar..." onclick="if (this.value == 'Pesquisar...') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisar...';"/>
<input type="submit" class="submit_input clickable" value=""/>
</span>
</fieldset>
</form>
</div>
</div></header>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker -->
</div>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">
Re: Menu Navegação
Olá,
Substitua o seu template pelo abaixo
Até mais!
Substitua o seu template pelo abaixo
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto');
ga('send', 'pageview');
ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis -->
ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
ga('bis.send', 'pageview');
ga('bis.set', 'anonymizeIp', true);
<!-- END google_analytics_code_bis -->
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body id="phpbb">
<div class="barra">
<div class="meio">
{SITENAME} - {SITE_DESCRIPTION}
<div class="right">
Redes Sociais:
<a href="#"><div class="social"><i class="fa fa-google-plus" aria-hidden="true"></i></div></a>
<a href="#"><div class="social"><i class="fa fa-youtube-play" aria-hidden="true"></i></div></a>
<a href="https://www.twitter.com/theusyeah"><div class="social"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
<a href="https://www.facebook.com/weforumpowerpixel/?ref=ts&fref=ts"><div class="social"><i class="fa fa-facebook" aria-hidden="true"></i></div></a>
</div>
</div></div>
</div>
</div>
</ul>
<header><div class="meio"><div class="logo"></div>
<div id="search" class="attach">
<form method="get" action="/search?search_where=11" id="search-box">
<fieldset>
<label for="main_search" class="hide"></label>
<span id="search_wrap" class="attach">
<input type="text" name="search_keywords" id="main_search" maxlength="128" value="Pesquisar..." onclick="if (this.value == 'Pesquisar...') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisar...';"/>
<input type="submit" class="submit_input clickable" value=""/>
</span>
</fieldset>
</form>
</div>
</div></header>
<ul class="menu"><div class="meio">
<a href="/"><li class="div"><i class="fa fa-home" aria-hidden="true"></i> Home</li></a>
<a href="#"><li class="div"><i class="fa fa-users" aria-hidden="true"></i> Loja Fórum</li></a>
<a href="/privmsg?folder=inbox"><li class="div"><i class="fa fa-newspaper-o" aria-hidden="true"></i> Mensagens Privadas</li></a>
<!-- BEGIN switch_user_logged_in -->
<div id="user_navigation" class="not_logged_in">
<a href="/profile?mode=editprofile&page_profil=preferences"><li class="div"> <i class="fa fa-user-circle" aria-hidden="true"></i> Perfil</li></a>
<a href="/login?logout"><li class="div" id="perfil"> <i class="fa fa-user-times" aria-hidden="true"></i> Desconectar</li></a>
<div class="right">
<a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"><li class="noti_right"><i class="fa fa-envelope-o" aria-hidden="true"></i></li></a>
<a id="notify_link" href="/search?search_id=watchsearch" title="Notificações"><li class="noti_right"><i class="fa fa-bell-o" aria-hidden="true"></i></li></a>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="user_navigation" class="not_logged_in">
<ul class="ipsList_inline right">
<li class="login">
<a href="/login">Login</a>
</li>
<li class="registro">
<a href="/register">Registre-se</a>
</li>
</ul>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker -->
</div>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">
Até mais!
Re: Menu Navegação
Olá amigo, deu bug, o senhor pode ver-la entrando no fórum > http://badcheat.forumeiros.com/
Re: Menu Navegação
Olá,
Substitua por esse
Até mais!
Substitua por esse
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto');
ga('send', 'pageview');
ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis -->
ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
ga('bis.send', 'pageview');
ga('bis.set', 'anonymizeIp', true);
<!-- END google_analytics_code_bis -->
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body id="phpbb">
<div class="barra">
<div class="meio">
{SITENAME} - {SITE_DESCRIPTION}
<div class="right">
Redes Sociais:
<a href="#"><div class="social"><i class="fa fa-google-plus" aria-hidden="true"></i></div></a>
<a href="#"><div class="social"><i class="fa fa-youtube-play" aria-hidden="true"></i></div></a>
<a href="https://www.twitter.com/theusyeah"><div class="social"><i class="fa fa-twitter" aria-hidden="true"></i></div></a>
<a href="https://www.facebook.com/weforumpowerpixel/?ref=ts&fref=ts"><div class="social"><i class="fa fa-facebook" aria-hidden="true"></i></div></a>
</div>
</div></div>
<header><div class="meio"><div class="logo"></div>
<div id="search" class="attach">
<form method="get" action="/search?search_where=11" id="search-box">
<fieldset>
<label for="main_search" class="hide"></label>
<span id="search_wrap" class="attach">
<input type="text" name="search_keywords" id="main_search" maxlength="128" value="Pesquisar..." onclick="if (this.value == 'Pesquisar...') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisar...';"/>
<input type="submit" class="submit_input clickable" value=""/>
</span>
</fieldset>
</form>
</div>
</div></header>
<ul class="menu">
<a href="/"><li class="div"><i class="fa fa-home" aria-hidden="true"></i> Home</li></a>
<a href="#"><li class="div"><i class="fa fa-users" aria-hidden="true"></i> Loja Fórum</li></a>
<a href="/privmsg?folder=inbox"><li class="div"><i class="fa fa-newspaper-o" aria-hidden="true"></i> Mensagens Privadas</li></a>
<!-- BEGIN switch_user_logged_in -->
<div id="user_navigation" class="not_logged_in">
<a href="/profile?mode=editprofile&page_profil=preferences"><li class="div"> <i class="fa fa-user-circle" aria-hidden="true"></i> Perfil</li></a>
<a href="/login?logout"><li class="div" id="perfil"> <i class="fa fa-user-times" aria-hidden="true"></i> Desconectar</li></a>
<div class="right">
<a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"><li class="noti_right"><i class="fa fa-envelope-o" aria-hidden="true"></i></li></a>
<a id="notify_link" href="/search?search_id=watchsearch" title="Notificações"><li class="noti_right"><i class="fa fa-bell-o" aria-hidden="true"></i></li></a>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="user_navigation" class="not_logged_in">
<ul class="ipsList_inline right">
<li class="login">
<a href="/login">Login</a>
</li>
<li class="registro">
<a href="/register">Registre-se</a>
</li>
</ul>
</div>
<!-- END switch_user_logged_out -->
</div>
</ul>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</div>
<!-- END switch_ticker -->
</div>
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">
Até mais!
Re: Menu Navegação
Ficou Centralizado certin, só os icons que não apareceram , > https://imgur.com/a/G15l0nP , porém não entendi muito sobre o Font-awesome , pelo o links que o senhor me forneceu, há, o "Login" e o "Registra-se" , estar quase no centro,tem como por para ficar nesse local > https://i.imgur.com/ClZm7Gp.png
Re: Menu Navegação
Olá,
Em questão sobre o Font-awesome, adiciona o código abaixo na descrição de seu site
Após ter adiciona vamos executar a segunda parte para os ícones aparecer, agora em relação a parte do "Login" e "Registrar-se" adiciona esse código na sua Folha de estilo CSS
Se desejar alterar que os dois fique parecidos aos outros menus em relação a personalização, adiciona mais o código abaixo
Até mais!
Em questão sobre o Font-awesome, adiciona o código abaixo na descrição de seu site
- Código:
<link rel=stylesheet href=https://use.fontawesome.com/releases/v5.8.1/css/all.css integrity=sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf crossorigin=anonymous>
Após ter adiciona vamos executar a segunda parte para os ícones aparecer, agora em relação a parte do "Login" e "Registrar-se" adiciona esse código na sua Folha de estilo CSS
- Código:
ul.ipsList_inline.right {
margin-left: 41%;
}
Se desejar alterar que os dois fique parecidos aos outros menus em relação a personalização, adiciona mais o código abaixo
- Código:
ul.menu li a {
font-family: unset!important;
font-size: 11px!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
Até mais!
Re: Menu Navegação
Ficou Bom men, só que "Mensagens Privadas" "Login" e "Registre-se" ficou sem Icone, o senhor pode por o icone de sua escolha > https://i.imgur.com/1h4mGOy.png , https://i.imgur.com/mWDalYV.png
Re: Menu Navegação
Olá,
Adiciona esse código na sua Folha de estilo CSS
Até mais!
Adiciona esse código na sua Folha de estilo CSS
- Código:
li.login:before {
content: "\f0a4";
font-family: "Font Awesome 5 Free";
padding: 3px;
}
li.registro:before {
content: "\f2c2";
font-family: "Font Awesome 5 Free";
padding: 3px;
}
i.fa.fa-newspaper-o:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0";
}
i.fa.fa-home:before {
font-family: "Font Awesome 5 Free";
content: "\f015";
padding: 0px!important;
}
Até mais!
Re: Menu Navegação
Questão resolvidaEsta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área. |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Colocar os links do menu de navegação sobre os botoes de navegacão
» Menu de Navegação
» Menu de navegação
» Menu de navegação
» Menu de navegação
» Menu de Navegação
» Menu de navegação
» Menu de navegação
» Menu de navegação
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos