RafaelS. • Sáb 6 Set 2014 - 3:01
Minha questão: Olá amigos,
Mais uma vez venho pedir a vossa ajuda.
Eu quero adicionar um sistema de notificação quando recebe MP, excepto a BARRA FORUMEIROS.
Seria algo como isto:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Porém o código fornecido lá, não funciona corretamente no meu.
Obrigado desde já e até +!
Endereço do meu fórum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Versão: PunBB
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Thiago Leite • Sáb 6 Set 2014 - 5:54
Thiago Leite
Membro
Membro desde : 29/08/2014
Mensagens : 53
Reputação : 6
RafaelS. • Sáb 6 Set 2014 - 7:03
Thiago Leite escreveu: Tem este que o @Tarjet fez e postou :
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Olá, Sim eu vi, mas também não foi funcional, talvez entre em conflito com algum código,por isso estou pedindo ajuda, além disso não queria utilizar pop outs. Até.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
iConnect • Sáb 6 Set 2014 - 9:49
JQuery escreveu: Olá,
O que eu usava e estava 100% funcional é:
Crie um JavaScript com investimento em todas as páginas:
Código: $(function(e) { var mp = document.getElementById('i_icon_mini_new_message');if(!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('li a[href^="/privmsg"]').attr('data-counter', ''+mps+''); });
Adicione à Folha de Estilo CSS:
Código: /*Aviso de MPs*/ [data-counter]:after { background: #cf2020; height: 12px; line-height: 12px; content: attr(data-counter); position: absolute; padding: 0px 4px;border-radius: 2px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset; box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; background-clip: padding-box; font:bold 9px "Helvetica Neue", sans-serif; color: white; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.6); margin-left: -10px; margin-top: -5px; }
Até Mais...
iConnect
Membro Experiente
Membro desde : 05/09/2013
Mensagens : 716
Reputação : 468
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Target • Sáb 6 Set 2014 - 10:59
Olá amigo,
Posso fazer para você um código e tudo mais... Só que preciso saber as classes que serão aplicadas.
Não entendeu ? Leia o spoiler.
Spoiler: As classes são tudo que contém no HTML, existe a class="" e o id="", com eles você pode fazer um CSS funcionar em uma devida div. Como? Veremos abaixo!
Código: <div class="classe_div"> Esta div está selecionada! </div> <div> Esta div não está selecionada! </div>
Código: .classe_div { background-color: #000; color: #fff; text-transform: uppercase; }
A classe da nossa div selecionada é "classe_div", ela quando selecionada pode fazer vários efeitos em CSS ou jQuery.
O nosso ID pode ser utilizado para selecionar uma classe selecionada dentre outras classes com o mesmo nome, vejamos:
Código: <div class="classe"> Div </div> <div class="classe"> Div </div> <div class="classe" id="selecionada"> Div </div> <div class="classe"> Div </div>
Código: .classe { background: #fff; color: #000; text-transform: uppercase; } #selecionada { color: red !important }
Assim para códigos mais complexos!
Espero que tenha entendido o que é uma classe em nosso HTML com este mini-tutorial!
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Sáb 6 Set 2014 - 11:48
@
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ,
Como eu tinha dito, já havia testado esse código e não funcionou.................
@
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Acho que entendi mais ou menos, não tenho a certeza se estou certo mas acho que
a classe neste caso o ID é: [codebox]#inbox_link[/codebox]
Print: https://i.imgur.com/8L30Gbk.png
Não sei se é isso que deseja.
Até +!
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Sáb 6 Set 2014 - 12:02
Opa amigo!
Acho que o erro é no próprio código... Veremos:
Código: $(function(e) { var mp = document.getElementById('i_icon_mini_new_message'); if(!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('li#nav_app_mailbox a[href*='/privmsg']').attr('data-counter', ''+mps+''); });
Substitua o código passado por este.
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Sáb 6 Set 2014 - 14:05
Olá amigo, Ainda sem resultados, retirei o código porquê entrou em conflito com algum código. Até mais.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Sáb 6 Set 2014 - 21:37
Olá,
Notei que não utilizas a nav_bar normal forumeiros, por isto está tento estes pequenos bugs irritantes. Mas se quer uma dica, utilize a nav_bar padrão forumeiros.
Se quiser, uma outra dica, utilize o código {GE... alguma coisa a mais na primeira LI, como assim?
Bem, vamos pegar o código que eu disse (Dentro da #pun-navlinks), e colocaremos dentro do li:
Código: <div id="inbox_header"> <div class="primary_nav"> <ul class="community_app_menu"> <li class="home" id="navbar"> Home </li> <li class="Calendar" id="navbar"> Calendar </li> <li class="Portal" id="navbar"> Portal </li> </ul> </div> </div>
E colcamos o código dito na primeira LI, logo, a com class="home":
Código: <div id="inbox_header"> <div class="primary_nav"> <ul class="community_app_menu"> <li class="home" id="navbar">{GE... </li> </ul> </div> </div>
Como fiz na correria, não me lembro o nome completo do código, mas é algo semelhante a {GE, coloque na busca do overall_header e troque as classe conforme disse! Eu fiz apenas um exemplo não com os códigos utilizado em seu fórum, eu utilizo a navbar normal forumeiros em uma skin de teste:
slim.forumn.org
Utilizo este método, é apenas uma dica, pode usar também um dos meus tutoriais que altera os nomes das classes da navlinks!
Assim, os códigos passados aqui funcionaram!
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Dom 7 Set 2014 - 15:38
Olá, Não entendi muito bem a parte do código, poderá explicar mais especificamente o que eu devo fazer? Utilizar a nav_bar da forumeiros implicaria a ativação da mesma, eu prefiro a barra que tem agora. Até mais.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Dom 7 Set 2014 - 16:13
Olá,
Realmente, minha explicação não foi das melhores... Mas, enfim, aqui vai a solução:
Em nosso overall_header, existe um código, como eu falei anteriormente, que faz as nav_bars funcionar... Este é o código exatamente:
Código: {GENERATED_NAV_BAR}
Estudando e analisando o overall_header encontrei a solução para que não utilize a navbar padrão e também que fique com os valores padrões forumeiros. Isto é possível e podemos personalizar com jQuery (mudando os nomes, já fiz um tutorial sobre o mesmo) e utilizar o CSS para ocultar certos links.
Bem, eu utilizo na minha skin de testes este código:
Código: <div id='primary_nav' class='clearfix'> <ul class='ipsList_inline' id='community_app_menu'> <li id='nav_home' class='left'> {GENERATED_NAV_BAR} </li> </ul> </div>
Não utilizo navbars personalizadas. Utilizo a padrão forumeiros, mas editada ao meu gosto ^-^
E nos meu CSS, para ocultar links indesejados, utilizo este:
Código: div#primary_nav li a[href="/register"] { display:none; } div#primary_nav li a[href="/calendar"] { display:none; } div#primary_nav li a[href="/search"] { display:none; } div#primary_nav li a[href="/profile"] { display:none; } div#primary_nav li a[href="/login"] { display:none; }
E em meu jQuery, para alterar os valores padrões, uso este:
Código: $(document).ready(function(){ $('#community_app_menu > li:eq(6) > a').val('Grupos').text('GT'); $('#community_app_menu > li:eq(0) > a').val('Início').text('Home'); $('#community_app_menu > li:eq(1) > a').val('Portal').text('Page'); });
Pode alterar os valores de text() para os desejados, para mais estudo do código visite o meu tutorial:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Para visualizar como que fica visite o meu fórum de teste:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Login no fórum Testes: Poderá logar com usuário: Login: Teste1 Senha: TESTE100
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Dom 7 Set 2014 - 17:02
Olá amigo,
Acho que agora o entendi, mas eu queria a notificação na barra no topo do meu fórum, ou seja :
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Queria aquele " 1 " quando recebesse mensagem, no menu (nav_bar) não acho necessário.
Aqui o tem o código que eu utilizo para aquela barra:
Código: <div id="header_bar" class="clearfix"><div class="main_width"><div id="user_navigation" class="logged_in"><ul class="ipsList_inline right"><li><a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"> </a></li><li><a id="notify_link" href="/search?search_id=watchsearch"> </a></li><li><a id="user_link" href="/profile?mode=editprofile" title="Seu perfil"><span id="user_link_dd" class="USERNAME">iChees</span></a></li><li><a href="/login?logout" id="customlogoutlink">Sair</a></li></ul></div> </div></div>
Acho que foi por esse motivo que eu não o tinha entendido anteriormente.
Se for possível colocar como na imagem acima, agradecia imenso. Se não der estarei a proceder da forma que você disse, e adicionando então a notificação no menu.
Até mais.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Dom 7 Set 2014 - 17:37
Olá amigão,
O que eu disse é para fazermos esse código funcionar, eu entendi o que deseja, mas preciso da navbar normal forumeiros ativa entende? Para que eu pegue o valor do alt quando receberes uma mensagem nova pra que fique assim xD
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Seg 8 Set 2014 - 9:31
Olá, Vou ter de admitir que estou um pouco confuso, mas ativei já a barra normal da Forumeiros como tinha pedido! Até mais.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Seg 8 Set 2014 - 9:52
Olá,
Faremos diferente, vou editar conforme deve ser editado. Me passe seu overall_header;
Até + amigão!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Seg 8 Set 2014 - 9:57
Reputação da mensagem: 100% (1 votos)
Olá amigo,
Aqui está:
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> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker --> <!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/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() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('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'); 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}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> }); <!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, 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} <!-- BEGIN switch_ticker_new --> <style> .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; } </style> <!-- END switch_ticker_new --> {HOSTING_JS} <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']); <!-- BEGIN google_analytics_code_bis --> _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']); <!-- END google_analytics_code_bis --> (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> </head> <body> <script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script> <script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script> <link rel="stylesheet" href="http://static.tumblr.com/hhedat8/FpYmkhikx/chatbox.css"><div id="modal"><div id="content1"> <h3 style="background:#2c5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top; font-size: 16px; padding: 8px 10px 9px; color: white; fon-family: Arial;">Entrar</h3> <center><br/>Não tem conta? <a href="/register">Registre-se agora!</a><br/><br/> <form action="/login" method="post" name="form_login"><div class="ipsForm ipsForm_horizontal"> <fieldset> <ul><li class="ipsField ipsField_primary"> <label for="ips_username" class="ipsField_title">Usuário:</label><div class="ipsField_content"> <input id="ips_username" type="text" class="input_text" size="35" name="username" type="text"></div></li> <li class="ipsField ipsField_primary"> <label for="ips_password" class="ipsField_title">Senha:</label><div class="ipsField_content"> <input id="ips_password" type="password" class="input_text" name="password" size="35"<br></div></li> <li class="ipsField ipsField_checkbox"> <input class="radio" name="autologin" checked="checked" type="checkbox"><div class="ipsField_content"><label for="inline_remember"><strong>Conexão automática</strong><br><span>Não é recomendado para dispositivos partilhados.</span> </label></div></li></ul></fieldset> <div class="ipsForm_submit ipsForm_center"> <input class="mainoption" name="login" value="Entrar" type="submit"> </div></div></form> </div> </div> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{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" class="module main"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" 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> </div> <!-- END switch_login_popup --> <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div id="header_bar" class="clearfix"> <div class="main_width"> <!-- BEGIN switch_user_logged_out --> <div id="user_navigation" class="not_logged_in"> <ul class="ipsList_inline"> <li style="margin-right: 12px;"><a href="/login" title="Entrar" id="button">Entrar</a></li> <li><a href="/register" title="Cadastre-se" id="register_link">Criar conta</a></li> </ul> </div> <!-- END switch_user_logged_out --> <!-- BEGIN switch_user_logged_in --> <div id="user_navigation" class="logged_in"> <ul class="ipsList_inline right"> <li><a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"> </a></li> <li><a id="notify_link" href="/search?search_id=watchsearch"> </a></li> <li><a id="user_link" href="/profile?mode=editprofile" title="Seu perfil"><span id="user_link_dd" class="USERNAME"></span></a></li> <li><a href="/login?logout" id="customlogoutlink">Sair</a></li> </ul> </div> <!-- END switch_user_logged_in --> </div> </div> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a> <!-- BEGIN switch_h1 --> <div id="pun-title">{switch_h1.MAIN_SITENAME}</div> <!-- END switch_h1 --> <br/> <div id="primary_nav" class="clearfix"> <div class="main_width"> <ul class="ipsList_inline" id="community_app_menu"> <li class="attach"> <a href="/search" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Abrir busca avançada"><span> </span></a> </li> <li id="nav_explore" class="attach"> <a href="/search?search_id=newposts" accesskey="2">Ver novo contéudo</a> </li> <!-- BEGIN switch_user_logged_in --> <li id="nav_app_forums" class="left active"><a href="/forum">Fórum</a></li> <li id="nav_app_faq" class="left"><a href="/faq">FAQ</a></li> <li id="nav_app_members" class="left"><a href="/memberlist">Membros</a></li> <li id="nav_app_profile" class="left"><a href="/profile?mode=editprofile">Perfil</a></li> <li id="nav_app_mailbox" class="left"><a href="/privmsg?folder=inbox">Mensagens</a></li> <li id="nav_app_store" class="left"><a href="/h13-">Loja</a></li> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_out --> <li id="nav_app_forums" class="left"><a href="/forum">Fórum</a></li> <li id="nav_app_faq" class="left"><a href="/faq">FAQ</a></li> <li id="nav_app_members" class="left"><a href="/memberlist">Membros</a></li> <!-- END switch_user_logged_out --> </ul> </div> </div> <div class="pun"> <!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </div> </div> </div> <!-- END switch_ticker_new --> <!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <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> </div> </div> </div> <!-- END switch_ticker --> <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"> <!-- BEGIN html_validation --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> <!-- END html_validation -->
Desculpe qualquer coisa
Até.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Reputação da mensagem: 100% (1 votos)
Target • Seg 8 Set 2014 - 10:18
Reputação da mensagem: 100% (1 votos)
Opa amigão,
Troque por este:
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> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker --> <!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/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() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('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'); 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}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> }); <!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, 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} <!-- BEGIN switch_ticker_new --> <style> .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; } </style> <!-- END switch_ticker_new --> {HOSTING_JS} <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']); <!-- BEGIN google_analytics_code_bis --> _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']); <!-- END google_analytics_code_bis --> (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> </head> <body> <script src="http://static.tumblr.com/hhedat8/OUkmkh864/script.js"></script> <script src="http://static.tumblr.com/hhedat8/cfemkh9df/script.js"></script> <link rel="stylesheet" href="http://static.tumblr.com/hhedat8/FpYmkhikx/chatbox.css"><div id="modal"><div id="content1"> <h3 style="background:#2c5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top; font-size: 16px; padding: 8px 10px 9px; color: white; fon-family: Arial;">Entrar</h3> <center><br/>Não tem conta? <a href="/register">Registre-se agora!</a><br/><br/> <form action="/login" method="post" name="form_login"><div class="ipsForm ipsForm_horizontal"> <fieldset> <ul><li class="ipsField ipsField_primary"> <label for="ips_username" class="ipsField_title">Usuário:</label><div class="ipsField_content"> <input id="ips_username" type="text" class="input_text" size="35" name="username" type="text"></div></li> <li class="ipsField ipsField_primary"> <label for="ips_password" class="ipsField_title">Senha:</label><div class="ipsField_content"> <input id="ips_password" type="password" class="input_text" name="password" size="35"<br></div></li> <li class="ipsField ipsField_checkbox"> <input class="radio" name="autologin" checked="checked" type="checkbox"><div class="ipsField_content"><label for="inline_remember"><strong>Conexão automática</strong><br><span>Não é recomendado para dispositivos partilhados.</span> </label></div></li></ul></fieldset> <div class="ipsForm_submit ipsForm_center"> <input class="mainoption" name="login" value="Entrar" type="submit"> </div></div></form> </div> </div> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{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" class="module main"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" 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> </div> <!-- END switch_login_popup --> <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div id="header_bar" class="clearfix"> <div class="main_width"> <!-- BEGIN switch_user_logged_out --> <div id="user_navigation" class="not_logged_in"> <ul class="ipsList_inline"> <li style="margin-right: 12px;"><a href="/login" title="Entrar" id="button">Entrar</a></li> <li><a href="/register" title="Cadastre-se" id="register_link">Criar conta</a></li> </ul> </div> <!-- END switch_user_logged_out --> <!-- BEGIN switch_user_logged_in --> <div id="user_navigation" class="logged_in"> <ul class="ipsList_inline right"> <li><a id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens"> </a></li> <li><a id="notify_link" href="/search?search_id=watchsearch"> </a></li> <li><a id="user_link" href="/profile?mode=editprofile" title="Seu perfil"><span id="user_link_dd" class="USERNAME"></span></a></li> <li><a href="/login?logout" id="customlogoutlink">Sair</a></li> </ul> </div> <!-- END switch_user_logged_in --> </div> </div> <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a> <!-- BEGIN switch_h1 --> <div id="pun-title">{switch_h1.MAIN_SITENAME}</div> <!-- END switch_h1 --> <br/> <div id="primary_nav" class="clearfix"> <div class="main_width"> <ul class="ipsList_inline" id="community_app_menu"> <li class="attach"> <a href="/search" rel="quickNavigation" accesskey="9" id="quickNavLaunch" title="Abrir busca avançada"><span> </span></a> </li> <li id="nav_explore" class="attach"> <a href="/search?search_id=newposts" accesskey="2">Ver novo contéudo</a> </li> <li id="nav_app_forums" class="left active">{GENERATED_NAV_BAR}</li> <li id="nav_app_store" class="left"><a href="/h13-">Loja</a></li> </ul> </div> </div> <div class="pun"> <!-- BEGIN switch_ticker_new --> <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </div> </div> </div> <!-- END switch_ticker_new --> <!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <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> </div> </div> </div> <!-- END switch_ticker --> <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"> <!-- BEGIN html_validation --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> <!-- END html_validation -->
Deixe-o ativo ^^
Até + amigão!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
RafaelS. • Seg 8 Set 2014 - 10:27
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Seg 8 Set 2014 - 10:56
Reputação da mensagem: 100% (1 votos)
Olá,
Agora adicione este CSS:
Código: #community_app_menu > li > a[href="/calendar"] { display: none; } #community_app_menu > li > a[href="/search"] { display: none; } #community_app_menu > li > a[href="/groups"], #community_app_menu > li > a[href*="/t1-regulamento"] { display: none; } #community_app_menu > li > a[href="/faq"], #community_app_menu > li > a[href="/memberlist"], #community_app_menu > li > a[href*="/privmsg?"], #community_app_menu > li > a[href*="/login?"] { float: left !important; } li#nav_explore { float: right; } #community_app_menu > li { margin: 0 5px 0 0 !important; } li.attach { float: right; float: r; } a#quickNavLaunch { display: block !important; }
Até + amigão!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
RafaelS. • Seg 8 Set 2014 - 11:01
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Seg 8 Set 2014 - 11:08
Reputação da mensagem: 100% (1 votos)
Olá,
Kkk, Desculpe-me tive que rir agora, foi um erro bem bobo meu, agora acho que funcionará:
Código: #community_app_menu > li > a[href="/calendar"] { display: none; } #community_app_menu > li > a[href="/search"] { display: none; } #community_app_menu > li > a[href="/groups"], #community_app_menu > li > a[href*="/t1-regulamento"] { display: none; } li#nav_explore { float: right; } #community_app_menu > li { margin: 0 5px 0 0 !important; } li.attach { float: right; float: r; } a#quickNavLaunch { display: block !important; }
Até + amigão!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
RafaelS. • Seg 8 Set 2014 - 11:22
Olá amigo, Está muito melhor, apenas falta este ultimo pormenor. Teria como deixar as palavras : "Mensagens, perfil e por ai vai" sem elas ficar subindo ou descendo? Até.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Seg 8 Set 2014 - 11:32
Olá amigão,
Como assim não entendi?
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
RafaelS. • Seg 8 Set 2014 - 14:30
Olá, Se você passar o mouse por cima, vai notar que tem um efeito qualquer. Não sei explicar bem. Até mais.
RafaelS.
Membro
Membro desde : 05/11/2013
Mensagens : 196
Reputação : 62
Target • Seg 8 Set 2014 - 15:22
Reputação da mensagem: 100% (1 votos)
Opa amigão,
Vi sim o erro, mas é simples, remova o height do código: #community_app_menu > li > a:hover
Ou se preferir:
Código: #community_app_menu > li > a:hover { height: auto !important }
Até + amigo!
Target
Membro desde : 21/01/2013
Mensagens : 1018
Reputação : 814
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos