Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Personalizar posts
Hoje à(s) 10:31 pm por Kyko

» Mostrar usuário do post
Hoje à(s) 08:27 pm por rlmac

» Como fazer sub entrada?
Hoje à(s) 08:07 pm por Harleen

» Como trasnferir um site do wix para forumeiros?
Hoje à(s) 07:33 pm por Shek

» Best Skins | as melhores skins você encontra aqui.
Hoje à(s) 06:48 pm por Dr.

» Widget melhor do mês não funciona
Hoje à(s) 05:03 pm por Kyo Panda

» Caixa de Login
Hoje à(s) 04:34 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
odelgado
 
mrvisible
 
iScroll
 
rlmac
 

Quem está conectado
273 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 264 Visitantes :: 2 Motores de busca

APOllO, Holkis, iScroll, Kyko, mrvisible, MtX, odelgado, rlmac, SnowGray

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Icones no Menu

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

Resolvido Icones no Menu

Mensagem por Anderson_WondeR em 21/08/15, 11:40 pm

Detalhes da questão


Endereço do fórum: http://brasilsondplayrpg.forumeiros.com
Versão do fórum: PunBB

Descrição


Ola bom eu queria adcionar esses pequenos iconezinhos 
ao meu menu como podem ver a imagem abaixo


Como o meu esta


Obs sao so os icones 
avatar

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Icones no Menu

Mensagem por Mshas em 22/08/15, 08:03 am

Pra nós efetuaremos estes ícones.
É preciso de templante overall_header
Painel de Controle  Flecha ajudeiros  Visualização  Flecha ajudeiros Templantes Flecha ajudeiros Geral Flecha ajudeiros overall_header Flecha ajudeiros  Editar  Flecha ajudeiros Copie o código e poste o código
Lembrando use o tag code
Código:
[code]coloque o código[/code]

Mshas Owhhhh
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Icones no Menu

Mensagem por Anderson_WondeR em 22/08/15, 11:06 am

Bom dia 
Aqui esta
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');
         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 -->
         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>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/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><a onclick="show_popup('sign_in_popup_popup');" draggable="false" class="mainmenu" href="#">Entrar</a></li>
                      <li><a href="/register" title="Cadastre-se" id="register_link">Cadastre-se</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">&nbsp;</a></li>
  <li><a id="notify_link" href="/search?search_id=watchsearch" title="Notificações">&nbsp;</a></li>
  <li><a id="user_link" href="/profile?mode=editprofile" title="Seu Perfil"><span class="USERNAME"></span></a></li>
  <li><a href="/login?logout">Sair</a></li>   
          </ul>
      </div>
                                  <!-- END switch_user_logged_in -->
            </div>
         </div>
                      <div id="branding">
            <div class="main_width">
               <div id="logo" class="animated bounceInDown">
                  
            <a href="{U_INDEX}" title="{L_INDEX}" rel="home" accesskey="1"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                  
               </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>
         <a href="/search" title="Busca Avançada" accesskey="4" rel="search" id="adv_search" class="attach"></a>
         <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...';"/>
                          <span class="choice ipbmenu clickable" id="search_options" style="">Fórum</span>
                                  <input type="submit" class="submit_input clickable" value=""/>
         </span>
         
      </fieldset>
   </form>
        </div>
               
            </div>
         </div>
                          <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 Navegação Rápida"><span>&nbsp;</span></a>
                       </li>
                                          <li id="nav_app_groups" class="left "><a href="http://brasilsondplayrpg.forumeiros.com" title="Ir para o Portal">PORTAL</a></li>
                                          <li id="nav_app_forums" class="left "><a href="/forum" title="Ir para Fórum">FORUM</a></li>
                                          <li id="nav_app_groups" class="left "><a href="http://brasilsondplayrpg.forumeiros.com/f22-regras-servidorforum" title="Ir para as Regras">REGRAS</a></li>
                                          <li id="nav_app_members" class="left "><a href="/memberlist" title="Ir para Membros">MEMBROS</a></li>
                                          <li id="nav_app_calendario" class="left "><a href="http://brasilsondplayrpg.forumeiros.com/calendar" title="Ir para Calendario">CALENDARIO</a></li>
                                         
            </ul>
            </div>
         </div>
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <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 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

               <!-- 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 -->
<!-- #region sign_in_popup --> <div id="document_modal" class="modal" style="position: fixed; z-index: 10000; opacity: 0.4; display: none; background-color: transparent;"></div> <div id="sign_in_popup_popup" style="position: fixed; top: 280px; z-index: 10001; margin-top: -125px; left: 50%; margin-left: -290px;display:none" class="popupWrapper"> <form action="/login.forum" class="form-login" method="post"><div class="user-icon"> <img src="http://i.imgur.com/W6DCdwL.png" width="35" height="40" /> </div><div class="title-login">Membro Login</div><div class="inputs"><input name="username" type="text" required placeholder="Username" /><input name="password" type="password" required placeholder="Password" /><div class="button-login"><input name="login" type="submit" value="Entrar"></div></div><div class="link-e"><a href="profile?mode=sendpassword">Esqueceu a senha?</a></div><div class="clear"></div><br></form> <div id="sign_in_popup_close" class="popupClose clickable"><img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');"></div></div> <script type="text/javascript">//<![CDATA[ $(document).ready(function() {$('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");/*$('#user_navigation #sign_in').click(function() {sign_in_popup();});*/});function show_popup(id) {var $oObj = $('#'+id);if ($oObj.css('display') == 'none') {$oObj.add('#document_modal').fadeIn('slow');$("input:text:eq(0):visible").focus();} else {$oObj.add('#document_modal').fadeOut('slow');} }//]]></script> <style type="text/css"> @font-face { font-family:Lato-Regular; font-style:normal; font-weight:400; src:local('Lato Regular'), local(Lato-Regular), url(http://fonts.gstatic.com/s/lato/v8/1YwB1sO8YE1Lyjf12WNiUA.woff2) format(woff2), url(http://fonts.gstatic.com/s/lato/v8/9k-RPmcnxYEPm8CNFsH2gg.woff) format(woff); } @font-face { font-family: 'Lato-Light'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v8/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v8/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff'); } .clear { clear:both; } input:focus, a:focus { outline: none; } /** The wrapper that will contain our two forms **/ .form-login {background: #ffffff;right: 0px;margin: 0px auto;width:330px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#ececec;} .title-login { margin-top:-25px; font-family:Lato-Light, Arial, Helvetica, sans-serif; font-size:34px; color:#333; text-align:center; }.user-icon { position:relative; width:100px; height:100px; background-color:#34d5db; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; top:-50px; margin:0 auto; } .user-icon img { margin-top:25px; } /* inputs */ .inputs {margin-top:10px; } .inputs input[type="text"], .inputs [type="password"], .inputs [type="email"] {width:270px;height:40px;background:#d3d3d3;font-size:16px;margin-top:15px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:0;margin-left:20px;padding:0px 10px; color:#333;font-family:"Lato-Regular", Arial, Helvetica, sans-serif;text-align:center; font-weight:700;} /* info box */ .link-1 {margin-top:15px;margin-left:20px;float:left;color:#b8b8b8;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label {font-size:13px;} input[type="checkbox"] + label span {display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(http://i39.servimg.com/u/f39/11/55/08/10/check_10.png) -1px top no-repeat;background-position:-0px 0px; cursor:pointer;} input[type="checkbox"]:checked + label span {background:url(http://i39.servimg.com/u/f39/11/55/08/10/check_10.png) -23px top no-repeat;} .link-2 {float:right;margin-top:15px;margin-right:20px;} .link-2 a, .link-2 a:hover {color:#b8b8b8;} .link-2 a:hover {text-decoration:none;} .link-e,.link-e a { margin-top:20px; color:#118ede; font-family:Lato-Regular, Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; text-align:center; } .link-e a:hover { color:#0a9fff; } /* send button */ .button-login input[type="submit"] {width:290px;height:50px;margin-left:20px;margin-top:25px;font-size:18px;font-weight:bold;text-transform:uppercase;outline: none;position: relative;cursor: pointer;border-radius: 5px;color: #fff;border:0;box-shadow:inset 0 1px #ba3c30,inset 1px 0 #ba3c30,inset -1px 0 #ba3c30,inset 0 -1px #ba3c30,0 2px #ba3c30,0 3px #ba3c30,0 4px 2px rgba(0,0,0,0.0);background: #e84c3d;} .button-login input[type="submit"]:hover { opacity:0.9; } .button-login input[type="submit"]:active {top: 3px;background: #e84c3d;box-shadow: inset 0 1px 2px #ba3c30; } <!-- .sign_in_popup_popup{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .popupWrapper {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);} .ipbfs_login .ipsForm_submit {margin-top: 0;}.ipbfs_login .ipsBox_notice {margin: 0;}.ipbfs_login .input_submit {font-size: 13px;}#sign_in_popup_inner {width: 680px !important;}.popupInner {box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);overflow-x: hidden;overflow-y: auto;width: 500px;}.popupInner h3 {border-bottom: 1px solid #d8d8d8;text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);background:#eee url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x 0 0 ;padding: 8px 10px 9px; } .popupClose {position: absolute;right: 20px;top: 20px;cursor: pointer;}--></style> <!-- #endregion sign_in_popup -->
avatar

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Icones no Menu

Mensagem por Anderson_WondeR em 23/08/15, 01:31 pm

Up
avatar

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Icones no Menu

Mensagem por Anderson_WondeR em 24/08/15, 12:50 pm

UP
avatar

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Icones no Menu

Mensagem por Mshas em 25/08/15, 08:00 pm

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[
  jQuery().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 -->
        $(window).load(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 = 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 -->
  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
  <style>
  .attach {
    float: right;
}
  #pun-about form, #pun-intro, #pun-navlinks {
    display: none;
}
#branding, #header_bar, #primary_nav {
    min-width: 980px;
}
#header_bar {
    background: rgba(6, 3, 3, 0.86) none repeat scroll 0% 0%;
    border-bottom: 1px solid #000;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    padding: 0px;
    text-align: right;
}
.main_width, .pun {
    border-radius: 0px;
    margin: 0px auto;
    min-width: 960px;
    width: 87%;
}
#user_navigation.not_logged_in {
    height: 26px;
    padding: 6px 0px 4px;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0px;
}
#user_navigation #sign_in {
    margin-right: 8px;
}
#user_navigation a {
    color: #FFF;
}
a:link {
    text-decoration: none;
}
#user_navigation #register_link {
    background: #7BA60D none repeat scroll 0% 0%;
    border: 1px solid #7BA60D;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 4px rgba(0, 0, 0, 0.4);
    display: inline-block;
    padding: 3px 8px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#branding {
    background-color: transparent;
    background-image: url("http://i.imgur.com/Mpwt5JH.jpg");
    background-attachment: scroll;
    background-position: -200px 350px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    background-repeat: repeat !important;
    border-bottom: 2px solid #CCC;
    height: 350px;
    min-height: 64px;
}
#logo {
    display: inline;
}
#search {
    margin: 130px 50px 20px 0px;
}
#adv_search {
    background: transparent url("http://i81.servimg.com/u/f81/17/45/75/97/advanc10.png") no-repeat scroll right 50%;
    display: inline-block;
    height: 21px;
    margin: 4px 0px 4px 4px;
    text-indent: -3000em;
    width: 16px;
}
#search_wrap {
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 4px;
    display: block;
    height: 30px;
    line-height: 30px;
    position: relative;
    width: 250px;
}
#main_search {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    color: #444;
    font-family: segoe UI;
    font-size: 11px;
    line-height: 30px;
    outline: 0px none;
    padding: 0px;
    text-indent: 10px;
    width: 130px;
}
#search .submit_input {
    background: #29ABC8 url("http://i.imgur.com/X9AYarT.png") no-repeat scroll 50% center;
    border: 1px solid #29ABC8;
    border-radius: 0px 3px 3px 0px;
    bottom: 0px;
    display: block;
    height: 30px;
    position: absolute;
    right: 0px;
    text-indent: -3000em;
    top: 0px;
    width: 26px;
}
.web-menu {
    margin: -60px auto 0px;
    min-width: 960px;
    width: 88.2%;
}
#primary_nav {
    background: #29ABC8 none repeat scroll 0% 0%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: OpenSans,sans-serif,serif;
    font-size: 13px;
    height: 58px;
}
.ipsList_inline > li:first-child {
    margin-left: 0px;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0px 3px;
}
#community_app_menu > li.active > a {
    color: #FFF;
    font-weight: 700;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.14);
}
#community_app_menu > li > a {
    border-radius: 2px;
    color: #FFF;
    float: left;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    margin-left: -3px;
    margin-top: 1px;
    padding: 0px 9px;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.14);
    text-transform: uppercase;
}
#search fieldset {
border: 0px;
}
  </style>
</head>

<body>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/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="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" style="z-index: 10000 !important;">
      <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 mf"><div class="main_width"><div id="user_navigation" class="not_logged_in"><ul class="ipsList_inline"><li><a href="/login" title="Entrar" id="sign_in">Entrar</a></li><li><a href="/register" title="Cadastre-se" id="register_link">Cadastre-se</a></li></ul></div></div></div>
      <div id="branding"><div class="main_width"><div id="logo"><a href="/" title="Splash Fórum" rel="home" accesskey="1"><img src="http://i.imgur.com/fRQpWhm.png" alt="Splash Fórum" style="margin-top: 102px;margin-left: 40px;"></a></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><a href="/search" title="Busca Avançada" accesskey="4" rel="search" id="adv_search" class="attach"></a><span id="search_wrap" class="attach"><input name="search_keywords" id="main_search" maxlength="128" value="Pesquisar..." onclick="if (this.value == 'Pesquisar...') this.value = '';" onblur="if (this.value == '') this.value = 'Pesquisar...';" type="text"><input class="submit_input clickable" value="" type="submit"></span></fieldset></form></div></div></div>
      <div class="web-menu">                                                        <div id="primary_nav" class="clearfix"><div class="main_width" style="margin-left: 40px;"><ul class="ipsList_inline" id="community_app_menu"><li id="nav_app_forums" class="left active"><a href="/forum"><i class="fa fa-tasks"></i>&nbsp;<b>Início</b></a></li><li id="nav_app_portal" class="left "><a href="/profile?mode=editprofile"><i class="fa fa-user fa-fw"></i>&nbsp;<b>Perfil</b></a></li><li id="nav_app_members" class="left "><a href="/memberlist"><i class="fa fa-child"></i>&nbsp;<b>Membros</b></a></li><li id="nav_app_groups" class="left "><a href="/groups"><i class="fa fa-users"></i>&nbsp;<b>Grupos</b></a></li><li id="nav_app_calendar" class="left "><a href="/t69-"><i class="fa fa-beer"></i>&nbsp;<b>Regras</b></a></li></ul></div></div></div>
            <div class="pun">
              <div id="pun-intro" class="clearfix">
                  <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 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
              </div>
              <div id="pun-head">
                  <div id="pun-navlinks">
                    <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                    </ul>
                  </div>
              </div>

              <!-- 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 -->

Altere pra este, eu recomendo-o que faça uma backup antes, porquê não sou bom em templantes.
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Icones no Menu

Mensagem por Anderson_WondeR em 26/08/15, 01:21 pm

Opa meu poblema ja tinha sido resolvido mas Muito obrigado por se empenhar em mim ajudar
avatar

Anderson_WondeR
Nível 9

Masculino
Inscrito dia : 16/07/2015
Mensagens : 227
Pontos Ativos : 395

http://www.brasilplaycarbon.com/

Resolvido Re: Icones no Menu

Mensagem por Sennior em 26/08/15, 06:01 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum