Menu fixo no alto da tela

2 participantes

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

Tópico resolvido Menu fixo no alto da tela

Mensagem por #Skull 22.05.12 0:05

Qual é minha questão:
Olhe essa Imagem

https://i.imgur.com/bYXTs.jpg
https://i.imgur.com/jz7A3.jpg
=========================================================
Pois bem,Isso tem no meu navegador (Instalei um Plugin) E Me interessei por ela,
É Apenas um menu Que fica fixo Um pouco mais Abaixo a Abas..
Aqui está o codigo Do que tem no navegador

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>http://www.v9.com/</title>

<style>

    html{ height:32px;}

    body{padding:0;margin:0;height:100%; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(rgba(238, 238, 238, 1))) no-repeat;}

   table{ height:100%; }

   table tr th.homeicon:hover{ background-color:#d3d3d3; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat;}

   table tr th a{ display:block;}

   .g337 img{ float:left; margin-right:5px;}

   .game337{ paddding:0; margin:0; color:#000; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

   .game337:hover{ color:#2A2A2A;}

   table tr th.icon337{ text-align:left; padding:0; margin:0;}

   .icon337 div{ float:left; text-align:left; padding-top:2px; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

   .iconbookmark a{background:url(icons/v9tb_bookmark.png) no-repeat; display:inline-block; width:92px; height:23px;}

   .iconbookmark a:hover{background:url(icons/v9tb_bookmark1.png) no-repeat ; display:inline-block;}

   #toolbarpage{ height:100%;padding:0;margin:0;}

   .icon2:hover{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat; }

   .icon2 a{ float:left; text-align:center; vertical-align:middle; color:#333333; padding-top:0px; display:inline-block; text-decoration:none; width:100%; }

   #search_click{ width:40px;}

   .icon2 a:hover{ color:#585858;}

   .icon2 a img{float:left;}

   .icon2 a span{ display:block;}

   .icon2 a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

   .ddtankicon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px; }

   .ddtankicon a img{float:left;}

   .ddtankicon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

   .ddtankicon a:hover{ color:#585858;}

   .be2icon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px;}

   .be2icon a img{float:left;}

   .be2icon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

   .be2icon a:hover{ color:#585858;}

   #v9tbsense{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(rgba(243, 243, 243, 1))) no-repeat;}



   #v9tbsense a img{ margin-top:2px; margin-left:4px;}

   #v9tbsense a{ background:url(icons/v9tb_sensebg1.png) repeat-x; display:block; width:84px;}

   #v9tbsense a:hover{ background:url(icons/v9tb_sensebg2.png) repeat-x;}

   a span.icons{ background-image:url(icons/tb_gray.png); display:inline-block; width:18px; height:18px;}

   a:hover span.icons{ background-image:url(icons/tb_color1.png);}

   span.icons1{ background-position:-126px -90px;}

   span.icons2{ background-position:-144px -144px;}

   span.icons3{ background-position:-252px -72px;}

   span.icons4{ background-position:-144px -126px;}

   span.icons5{ background-position:-216px -108px;}

   span.icons6{ background-position:-72px -90px;}

   input.btn{

         cursor:pointer;font-size:16px;font-weight:bold;color:#FFF;

            height: 18px;

            width: 40px;

            line-height: 18px;

            border: 1px solid #3079ED;

            background-color: #4D90FE;

            background-repeat: no-repeat;

            background-position: 50% 50%;

            border-radius: 2px;

         background-color:#4d90fe;

         background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));

         background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);

         background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);

         background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);

         background-image:-o-linear-gradient(top,#4d90fe,#4787ed);

         background-image:linear-gradient(top,#4d90fe,#4787ed);

         border:1px solid #3079ed;

         background-image: url(icons/search.png);

         -moz-border-radius:2px;

         -webkit-border-radius:2px;

         border-radius:2px;

         -moz-user-select:none;

         -webkit-user-select:none;}

      .btn:hover{

          border:1px solid #2f5bb7;

          background-color:#357ae8;

          background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));

          background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-o-linear-gradient(top,#4d90fe,#357ae8);

          background-image:linear-gradient(top,#4d90fe,#357ae8);

          background-image: url(icons/search.png);

          -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);

          -moz-box-shadow:0 1px 1px rgba(0,0,0,.1);

          box-shadow:0 1px 1px rgba(0,0,0,.1);}

</style>

<script type="text/javascript" src="js/bar.js"></script>

<script type="text/javascript" src="js/v9-sense.js"></script>

<!--script type="text/javascript" src="game337.js"></script-->

</head>



<body>

<div id="__v9_callback" style="display:none"></div>

<script type="text/javascript">

   document.getElementById("__v9_callback").addEventListener("__v9_newMessage", function(evt) {

   onMessageEvent(evt);

   });

   

   function on_text_keydown(event){

      var q = document.getElementById("q");

      if(event.keyCode == 13){

         searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

      }

   }

   

   function on_search_click(){

      var q = document.getElementById("q");

      searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

   }

</script>



<div id="toolbarpage">

<table width="100%" border="0" cellspacing="0" cellpadding="1">

  <tr>

     <!--v9 home-->

    <th width="60" class="icon2 tiptip" scope="col">

       <a id="homepage_click" href="javascript:void(0);" onclick="redirect('http://www.v9.com/v9tb/',true,'n_Homepage','v9.com')" title="V9">

         <span class="icons icons1"></span>

        </a>

    </th>

    <!--search box-->

     <th width="218" class="icon2" scope="col">

        <input id="q" type="text" onblur="this.style.border='1px solid #D9D9D9';" onfocus="this.style.border='1px solid #4D90FE';"

        style=" float:left;width:160px;border:1px solid rgb(217, 217, 217);margin-top:0px; margin-right:10px; padding-top:0px; height:16px;" onkeydown="on_text_keydown(event)">

       <a id="search_click" href="javascript:void(0);" onclick="on_search_click()"><input type="submit" value="" class="btn" onmouseover="this.style.border='1px solid #2f5bb7';this.style.backgroundColor='#357aeb';" onmouseout="this.style.border='1px solid #3079ED';this.style.backgroundColor='#4D90FE';"/></a>

    </th>

    <!--buttons-->

   <th width="12" scope="col"></th>

   <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Compras" onclick="redirect('http://g.v9.com',true,'n_group','g.v9.com')"><span class="icons icons2"></span></a></th>

   <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Jogos" onclick="redirect('http://www.v9.com/c/hotgame',true,'n_Jogos','v9.com')"><span class="icons icons3"></span></a></th>

   <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Vídeo" onclick="redirect('http://v.v9.com',true,'n_Video','v.v9.com')"><span class="icons icons4"></span></a></th>

   <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Música" onclick="redirect('http://www.v9.com/c/music',true,'n_Musica','v9.com')"><span class="icons icons5"></span></a></th>

   <!--right buttons-->

    <th width="" scope="col"></th>

   <th class="ddtankicon" scope="col" width="90"><a href="javascript:void(0);" title="DDTank" onclick="redirect('http://apps.337.com/pt/ddtank?src=br;ddt;w;v9_tryit_bar',true,'n_ddtank','apps.337.com')" style="text-decoration:none;"><img src="icons/v9tb_ddtank.png"  width="20" height="20" /> <div>DDTank</div></a></th>

    <th class="homeicon" width="60" scope="col"><a href="javascript:void(0);" title="Try It!"><span class="icons icons6" onclick="redirect(show_NextUrl(),true, 'n_home','s.v9.com')"></span></a></th>

    <th class="icon" width="32" scope="col" style="display:none;" id="v9tb_close"><a href="javascript:void(0);"><img src="icons/v9tb_close.png" width="12" height="12" onclick="window.postMessage('V9DESTROYTOOLBAR' , document.URL);" onmouseover="_gaq.push(['_trackEvent','click_index_v9tb3','t.v9.com','n_close',1]);" /></a></th>

  </tr>

</table>

</div>

</body>

</html>

Como adaptar para forumeiros?

Medidas que eu tomei para corrigir o problema:
 

Links e imagens do meu problema:
 

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

Versão do meu fórum:
PUNBB
#Skull

#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por Convidad 22.05.12 12:10

Skull, eu não pude compreender o que o senhor deseja. Poderia ser mais claro em sua explicação?
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por #Skull 22.05.12 16:57

É Assim
Essas imagens Que mandei,
É Uma Barra Que fica abaixo da Abas FIXA,
E Eu queria colocar éla no meu forum & Edita-la, Mas não sei adaptar o codigo pra forumeiros..
#Skull

#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por Convidad 22.05.12 19:12

Olá querido amigo!

Sim, compreendi agora mas infelizmente o código que o senhor me enviou não aparece nada, ao não ser um pequena caixa de busca com um botão azul. O senhor poderia me fornecer o endereço da página onde visualizou o efeito que mostra na segunda imagem de seu tópico.

Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por #Skull 22.05.12 19:34

Bom,
Não posso mandar , Pois é um Plugin Que instala no firefox E Peguei o Codigo pelo codigo fonte.
Mas enfim,
Conseguiram adpatar Pra min Um Pouco,
Porém quero colocar mais imagens e Colocar FIXO..
Aqui está o codigo meio adaptado
Código:

<style>
#toolbarpage{padding:0;margin:0;width: 100%;position: absolute;left: 0;top: 0;height:32px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(rgba(238, 238, 238, 1))) no-repeat;}

table{ height:100%; }
table tr th.homeicon:hover{ background-color:#d3d3d3; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat;}
table tr th a{ display:block;}
.g337 img{ float:left; margin-right:5px;}
.game337{ paddding:0; margin:0; color:#000; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.game337:hover{ color:#2A2A2A;}
table tr th.icon337{ text-align:left; padding:0; margin:0;}
.icon337 div{ float:left; text-align:left; padding-top:2px; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.iconbookmark a{background:url(icons/v9tb_bookmark.png) no-repeat; display:inline-block; width:92px; height:23px;}
.iconbookmark a:hover{background:url(icons/v9tb_bookmark1.png) no-repeat ; display:inline-block;}
.icon2:hover{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat; }
.icon2 a{ float:left; text-align:center; vertical-align:middle; color:#333333; padding-top:0px; display:inline-block; text-decoration:none; width:100%; }
#search_click{ width:40px;}
.icon2 a:hover{ color:#585858;}
.icon2 a img{float:left;}
.icon2 a span{ display:block;}
.icon2 a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
 .ddtankicon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px; }
.ddtankicon a img{float:left;}
.ddtankicon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

  .ddtankicon a:hover{ color:#585858;}

  .be2icon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px;}

  .be2icon a img{float:left;}

  .be2icon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

  .be2icon a:hover{ color:#585858;}

  #v9tbsense{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(rgba(243, 243, 243, 1))) no-repeat;}



  #v9tbsense a img{ margin-top:2px; margin-left:4px;}

  #v9tbsense a{ background:url(icons/v9tb_sensebg1.png) repeat-x; display:block; width:84px;}

  #v9tbsense a:hover{ background:url(icons/v9tb_sensebg2.png) repeat-x;}

  a span.icons{ background-image:url(icons/tb_gray.png); display:inline-block; width:18px; height:18px;}

  a:hover span.icons{ background-image:url(icons/tb_color1.png);}

  span.icons1{ background-position:-126px -90px;}

  span.icons2{ background-position:-144px -144px;}

  span.icons3{ background-position:-252px -72px;}

  span.icons4{ background-position:-144px -126px;}

  span.icons5{ background-position:-216px -108px;}

  span.icons6{ background-position:-72px -90px;}

  input.btn{

        cursor:pointer;font-size:16px;font-weight:bold;color:#FFF;

            height: 18px;

            width: 40px;

            line-height: 18px;

            border: 1px solid #3079ED;

            background-color: #4D90FE;

            background-repeat: no-repeat;

            background-position: 50% 50%;

            border-radius: 2px;

        background-color:#4d90fe;

        background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));

        background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);

        background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);

        background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);

        background-image:-o-linear-gradient(top,#4d90fe,#4787ed);

        background-image:linear-gradient(top,#4d90fe,#4787ed);

        border:1px solid #3079ed;

        background-image: url(icons/search.png);

        -moz-border-radius:2px;

        -webkit-border-radius:2px;

        border-radius:2px;

        -moz-user-select:none;

        -webkit-user-select:none;}

      .btn:hover{

          border:1px solid #2f5bb7;

          background-color:#357ae8;

          background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));

          background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-o-linear-gradient(top,#4d90fe,#357ae8);

          background-image:linear-gradient(top,#4d90fe,#357ae8);

          background-image: url(icons/search.png);

          -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);

          -moz-box-shadow:0 1px 1px rgba(0,0,0,.1);

          box-shadow:0 1px 1px rgba(0,0,0,.1);}

</style>

<script type="text/javascript" src="js/bar.js"></script>

<script type="text/javascript" src="js/v9-sense.js"></script>

<!--script type="text/javascript" src="game337.js"></script-->

<div id="__v9_callback" style="display:none"></div>

<script type="text/javascript">

  document.getElementById("__v9_callback").addEventListener("__v9_newMessage", function(evt) {

  onMessageEvent(evt);

  });

 

  function on_text_keydown(event){

      var q = document.getElementById("q");

      if(event.keyCode == 13){

        searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

      }

  }

 

  function on_search_click(){

      var q = document.getElementById("q");

      searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

  }

</script>


<div id="toolbarpage">

<table width="100%" border="0" cellspacing="0" cellpadding="1">

  <tr>

    <!--v9 home-->

    <th width="60" class="icon2 tiptip" scope="col">

      <a id="homepage_click" href="javascript:void(0);" onclick="redirect('http://www.v9.com/v9tb/',true,'n_Homepage','v9.com')" title="V9">

        <span class="icons icons1"></span>

        </a>

    </th>

    <!--search box-->

    <th width="218" class="icon2" scope="col">

        <input id="q" type="text" onblur="this.style.border='1px solid #D9D9D9';" onfocus="this.style.border='1px solid #4D90FE';"

        style=" float:left;width:160px;border:1px solid rgb(217, 217, 217);margin-top:0px; margin-right:10px; padding-top:0px; height:16px;" onkeydown="on_text_keydown(event)">

      <a id="search_click" href="javascript:void(0);" onclick="on_search_click()"><input type="submit" value="" class="btn" onmouseover="this.style.border='1px solid #2f5bb7';this.style.backgroundColor='#357aeb';" onmouseout="this.style.border='1px solid #3079ED';this.style.backgroundColor='#4D90FE';"/></a>

    </th>

    <!--buttons-->

  <th width="12" scope="col"></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Compras" onclick="redirect('http://g.v9.com',true,'n_group','g.v9.com')"><span class="icons icons2"></span></a></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Jogos" onclick="redirect('http://www.v9.com/c/hotgame',true,'n_Jogos','v9.com')"><span class="icons icons3"></span></a></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Vídeo" onclick="redirect('http://v.v9.com',true,'n_Video','v.v9.com')"><span class="icons icons4"></span></a></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Música" onclick="redirect('http://www.v9.com/c/music',true,'n_Musica','v9.com')"><span class="icons icons5"></span></a></th>

  <!--right buttons-->

    <th width="" scope="col"></th>

  <th class="ddtankicon" scope="col" width="90"><a href="javascript:void(0);" title="DDTank" onclick="redirect('http://apps.337.com/pt/ddtank?src=br;ddt;w;v9_tryit_bar',true,'n_ddtank','apps.337.com')" style="text-decoration:none;"><img src="icons/v9tb_ddtank.png"  width="20" height="20" /> <div>DDTank</div></a></th>

    <th class="homeicon" width="60" scope="col"><a href="javascript:void(0);" title="Try It!"><span class="icons icons6" onclick="redirect(show_NextUrl(),true, 'n_home','s.v9.com')"></span></a></th>

    <th class="icon" width="32" scope="col" style="display:none;" id="v9tb_close"><a href="javascript:void(0);"><img src="icons/v9tb_close.png" width="12" height="12" onclick="window.postMessage('V9DESTROYTOOLBAR' , document.URL);" onmouseover="_gaq.push(['_trackEvent','click_index_v9tb3','t.v9.com','n_close',1]);" /></a></th>

  </tr>

</table>

</div>
até mais
#Skull

#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por Convidad 22.05.12 19:42

Olá Skull!

Desculpe, mas agora voltei a ficar sem entender o que pretende. Deseja adicionar imagens junto do código? Se for isso, o senhor deve usar a seguinte tag HTML
<img src ="ENDEREÇO_DA_IMAGEM"/>
Estou lhe aguardando para mais esclarecimentos.

Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por #Skull 22.05.12 21:14

Óla,
Pegue algum forum de test PunBB
E Crie um Widget com esse codigo
Código:

<style>
#toolbarpage{padding:0;margin:0;width: 100%;position: fixed;left: 0;top: 0;height:32px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(rgba(238, 238, 238, 1))) no-repeat;}

table{ height:100%; }
table tr th.homeicon:hover{ background-color:#d3d3d3; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat;}
table tr th a{ display:block;}
.g337 img{ float:left; margin-right:5px;}
.game337{ paddding:0; margin:0; color:#000; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.game337:hover{ color:#2A2A2A;}
table tr th.icon337{ text-align:left; padding:0; margin:0;}
.icon337 div{ float:left; text-align:left; padding-top:2px; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.iconbookmark a{background:url(icons/v9tb_bookmark.png) no-repeat; display:inline-block; width:92px; height:23px;}
.iconbookmark a:hover{background:url(icons/v9tb_bookmark1.png) no-repeat ; display:inline-block;}
.icon2:hover{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat; }
.icon2 a{ float:left; text-align:center; vertical-align:middle; color:#333333; padding-top:0px; display:inline-block; text-decoration:none; width:100%; }
#search_click{ width:40px;}
.icon2 a:hover{ color:#585858;}
.icon2 a img{float:left;}
.icon2 a span{ display:block;}
.icon2 a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
 .ddtankicon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px; }
.ddtankicon a img{float:left;}
.ddtankicon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

  .ddtankicon a:hover{ color:#585858;}

  .be2icon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px;}

  .be2icon a img{float:left;}

  .be2icon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

  .be2icon a:hover{ color:#585858;}

  #v9tbsense{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(rgba(243, 243, 243, 1))) no-repeat;}



  #v9tbsense a img{ margin-top:2px; margin-left:4px;}

  #v9tbsense a{ background:url(icons/v9tb_sensebg1.png) repeat-x; display:block; width:84px;}

  #v9tbsense a:hover{ background:url(icons/v9tb_sensebg2.png) repeat-x;}

  a span.icons{ background-image:url(icons/tb_gray.png); display:inline-block; width:18px; height:18px;}

  a:hover span.icons{ background-image:url(icons/tb_color1.png);}

  span.icons1{ background-position:-126px -90px;}

  span.icons2{ background-position:-144px -144px;}

  span.icons3{ background-position:-252px -72px;}

  span.icons4{ background-position:-144px -126px;}

  span.icons5{ background-position:-216px -108px;}

  span.icons6{ background-position:-72px -90px;}

  input.btn{

        cursor:pointer;font-size:16px;font-weight:bold;color:#FFF;

            height: 18px;

            width: 40px;

            line-height: 18px;

            border: 1px solid #3079ED;

            background-color: #4D90FE;

            background-repeat: no-repeat;

            background-position: 50% 50%;

            border-radius: 2px;

        background-color:#4d90fe;

        background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));

        background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);

        background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);

        background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);

        background-image:-o-linear-gradient(top,#4d90fe,#4787ed);

        background-image:linear-gradient(top,#4d90fe,#4787ed);

        border:1px solid #3079ed;

        background-image: url(icons/search.png);

        -moz-border-radius:2px;

        -webkit-border-radius:2px;

        border-radius:2px;

        -moz-user-select:none;

        -webkit-user-select:none;}

      .btn:hover{

          border:1px solid #2f5bb7;

          background-color:#357ae8;

          background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));

          background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);

          background-image:-o-linear-gradient(top,#4d90fe,#357ae8);

          background-image:linear-gradient(top,#4d90fe,#357ae8);

          background-image: url(icons/search.png);

          -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);

          -moz-box-shadow:0 1px 1px rgba(0,0,0,.1);

          box-shadow:0 1px 1px rgba(0,0,0,.1);}

</style>

<script type="text/javascript" src="js/bar.js"></script>

<script type="text/javascript" src="js/v9-sense.js"></script>

<!--script type="text/javascript" src="game337.js"></script-->

<div id="__v9_callback" style="display:none"></div>

<script type="text/javascript">

  document.getElementById("__v9_callback").addEventListener("__v9_newMessage", function(evt) {

  onMessageEvent(evt);

  });

 

  function on_text_keydown(event){

      var q = document.getElementById("q");

      if(event.keyCode == 13){

        searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

      }

  }

 

  function on_search_click(){

      var q = document.getElementById("q");

      searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

  }

</script>


<div id="toolbarpage">

<table width="100%" border="0" cellspacing="0" cellpadding="1">

  <tr>

    <!--v9 home-->

    <th width="60" class="icon2 tiptip" scope="col">

      <a id="homepage_click" href="javascript:void(0);" onclick="redirect('http://www.v9.com/v9tb/',true,'n_Homepage','v9.com')" title="V9">

        <span class="icons icons1"></span>

        </a>

    </th>

    <!--search box-->

    <th width="218" class="icon2" scope="col">

        <input id="q" type="text" onblur="this.style.border='1px solid #D9D9D9';" onfocus="this.style.border='1px solid #4D90FE';"

        style=" float:left;width:160px;border:1px solid rgb(217, 217, 217);margin-top:0px; margin-right:10px; padding-top:0px; height:16px;" onkeydown="on_text_keydown(event)">

      <a id="search_click" href="javascript:void(0);" onclick="on_search_click()"><input type="submit" value="" class="btn" onmouseover="this.style.border='1px solid #2f5bb7';this.style.backgroundColor='#357aeb';" onmouseout="this.style.border='1px solid #3079ED';this.style.backgroundColor='#4D90FE';"/></a>

    </th>

    <!--buttons-->

  <th width="12" scope="col"></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Compras" onclick="redirect('http://g.v9.com',true,'n_group','g.v9.com')"><span class="icons icons2"></span></a></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Jogos" onclick="redirect('http://www.v9.com/c/hotgame',true,'n_Jogos','v9.com')"><span class="icons icons3"></span></a></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Vídeo" onclick="redirect('http://v.v9.com',true,'n_Video','v.v9.com')"><span class="icons icons4"></span></a></th>

  <th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Música" onclick="redirect('http://www.v9.com/c/music',true,'n_Musica','v9.com')"><span class="icons icons5"></span></a></th>

  <!--right buttons-->

    <th width="" scope="col"></th>

  <th class="ddtankicon" scope="col" width="90"><a href="javascript:void(0);" title="DDTank" onclick="redirect('http://apps.337.com/pt/ddtank?src=br;ddt;w;v9_tryit_bar',true,'n_ddtank','apps.337.com')" style="text-decoration:none;"><img src="icons/v9tb_ddtank.png"  width="20" height="20" /> <div>DDTank</div></a></th>

    <th class="homeicon" width="60" scope="col"><a href="javascript:void(0);" title="Try It!"><span class="icons icons6" onclick="redirect(show_NextUrl(),true, 'n_home','s.v9.com')"></span></a></th>

    <th class="icon" width="32" scope="col" style="display:none;" id="v9tb_close"><a href="javascript:void(0);"><img src="icons/v9tb_close.png" width="12" height="12" onclick="window.postMessage('V9DESTROYTOOLBAR' , document.URL);" onmouseover="_gaq.push(['_trackEvent','click_index_v9tb3','t.v9.com','n_close',1]);" /></a></th>

  </tr>

</table>

</div>

E Verá oque eu Quero.
Oque eu quero é personalizar esse codigo colocando os Icones & Redirecionamentos certos.
#Skull

#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por Sennior 24.05.12 3:28

Entendi!
Tu queres modificar os Redirecionamentos para teu Fórum?
Aqui estas onde deve editar:


<style>
#toolbarpage{padding:0;margin:0;width: 100%;position: fixed;left: 0;top: 0;height:32px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f4f4f4), to(rgba(238, 238, 238, 1))) no-repeat;}

table{ height:100%; }
table tr th.homeicon:hover{ background-color:#d3d3d3; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat;}
table tr th a{ display:block;}
.g337 img{ float:left; margin-right:5px;}
.game337{ paddding:0; margin:0; color:#000; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.game337:hover{ color:#2A2A2A;}
table tr th.icon337{ text-align:left; padding:0; margin:0;}
.icon337 div{ float:left; text-align:left; padding-top:2px; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.iconbookmark a{background:url(icons/v9tb_bookmark.png) no-repeat; display:inline-block; width:92px; height:23px;}
.iconbookmark a:hover{background:url(icons/v9tb_bookmark1.png) no-repeat ; display:inline-block;}
.icon2:hover{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(rgba(242, 242, 242, 1))) no-repeat; }
.icon2 a{ float:left; text-align:center; vertical-align:middle; color:#333333; padding-top:0px; display:inline-block; text-decoration:none; width:100%; }
#search_click{ width:40px;}
.icon2 a:hover{ color:#585858;}
.icon2 a img{float:left;}
.icon2 a span{ display:block;}
.icon2 a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.ddtankicon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px; }
.ddtankicon a img{float:left;}
.ddtankicon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.ddtankicon a:hover{ color:#585858;}

.be2icon a{ float:left; text-align:center; vertical-align:middle; color:#333333; margin-left:4px; margin-top:0px; padding-top:0; display:inline-block; height:24px; line-height:24px;}

.be2icon a img{float:left;}

.be2icon a div{ float:left; margin-left:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.be2icon a:hover{ color:#585858;}

#v9tbsense{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(rgba(243, 243, 243, 1))) no-repeat;}



#v9tbsense a img{ margin-top:2px; margin-left:4px;}

#v9tbsense a{ background:url(icons/v9tb_sensebg1.png) repeat-x; display:block; width:84px;}

#v9tbsense a:hover{ background:url(icons/v9tb_sensebg2.png) repeat-x;}

a span.icons{ background-image:url(icons/tb_gray.png); display:inline-block; width:18px; height:18px;}

a:hover span.icons{ background-image:url(icons/tb_color1.png);}

span.icons1{ background-position:-126px -90px;}

span.icons2{ background-position:-144px -144px;}

span.icons3{ background-position:-252px -72px;}

span.icons4{ background-position:-144px -126px;}

span.icons5{ background-position:-216px -108px;}

span.icons6{ background-position:-72px -90px;}

input.btn{

cursor:pointer;font-size:16px;font-weight:bold;color:#FFF;

height: 18px;

width: 40px;

line-height: 18px;

border: 1px solid #3079ED;

background-color: #4D90FE;

background-repeat: no-repeat;

background-position: 50% 50%;

border-radius: 2px;

background-color:#4d90fe;

background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));

background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);

background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);

background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);

background-image:-o-linear-gradient(top,#4d90fe,#4787ed);

background-image:linear-gradient(top,#4d90fe,#4787ed);

border:1px solid #3079ed;

background-image: url(icons/search.png);

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

-moz-user-select:none;

-webkit-user-select:none;}

.btn:hover{

border:1px solid #2f5bb7;

background-color:#357ae8;

background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));

background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);

background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);

background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);

background-image:-o-linear-gradient(top,#4d90fe,#357ae8);

background-image:linear-gradient(top,#4d90fe,#357ae8);

background-image: url(icons/search.png);

-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);

-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);

box-shadow:0 1px 1px rgba(0,0,0,.1);}

</style>

<script type="text/javascript" src="js/bar.js"></script>

<script type="text/javascript" src="js/v9-sense.js"></script>

<!--script type="text/javascript" src="game337.js"></script-->

<div id="__v9_callback" style="display:none"></div>

<script type="text/javascript">

document.getElementById("__v9_callback").addEventListener("__v9_newMessage", function(evt) {

onMessageEvent(evt);

});



function on_text_keydown(event){

var q = document.getElementById("q");

if(event.keyCode == 13){

searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

}

}



function on_search_click(){

var q = document.getElementById("q");

searchct('http://search.v9.com/web/?q=' + q.value+'&form=v9tb&hl=pt',true ,q.value,'v9.com');

}

</script>


<div id="toolbarpage">

<table width="100%" border="0" cellspacing="0" cellpadding="1">

<tr>

<!--v9 home-->

<th width="60" class="icon2 tiptip" scope="col">

<a id="homepage_click" href="javascript:void(0);" onclick="redirect('http://www.v9.com/v9tb/',true,'n_Homepage','v9.com')" title="V9">

<span class="icons icons1"></span>

</a>

</th>

<!--search box-->

<th width="218" class="icon2" scope="col">

<input id="q" type="text" onblur="this.style.border='1px solid #D9D9D9';" onfocus="this.style.border='1px solid #4D90FE';"

style=" float:left;width:160px;border:1px solid rgb(217, 217, 217);margin-top:0px; margin-right:10px; padding-top:0px; height:16px;" onkeydown="on_text_keydown(event)">

<a id="search_click" href="javascript:void(0);" onclick="on_search_click()"><input type="submit" value="" class="btn" onmouseover="this.style.border='1px solid #2f5bb7';this.style.backgroundColor='#357aeb';" onmouseout="this.style.border='1px solid #3079ED';this.style.backgroundColor='#4D90FE';"/></a>

</th>

<!--buttons-->

<th width="12" scope="col"></th>

<th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Compras" onclick="redirect('http://g.v9.com',true,'n_group','g.v9.com')"><span class="icons icons2"></span></a></th>

<th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Jogos" onclick="redirect('http://www.v9.com/c/hotgame',true,'n_Jogos','v9.com')"><span class="icons icons3"></span></a></th>

<th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Vídeo" onclick="redirect('http://v.v9.com',true,'n_Video','v.v9.com')"><span class="icons icons4"></span></a></th>

<th class="icon2" width="50" scope="col"><a href="javascript:void(0);" title="Música" onclick="redirect('http://www.v9.com/c/music',true,'n_Musica','v9.com')"><span class="icons icons5"></span></a></th>

<!--right buttons-->

<th width="" scope="col"></th>

<th class="ddtankicon" scope="col" width="90"><a href="javascript:void(0);" title="DDTank" onclick="redirect('http://apps.337.com/pt/ddtank?src=br;ddt;w;v9_tryit_bar',true,'n_ddtank','apps.337.com')" style="text-decoration:none;"><img src="icons/v9tb_ddtank.png" width="20" height="20" /> <div>DDTank</div></a></th>

<th class="homeicon" width="60" scope="col"><a href="javascript:void(0);" title="Try It!"><span class="icons icons6" onclick="redirect(show_NextUrl(),true, 'n_home','s.v9.com')"></span></a></th>

<th class="icon" width="32" scope="col" style="display:none;" id="v9tb_close"><a href="javascript:void(0);"><img src="icons/v9tb_close.png" width="12" height="12" onclick="window.postMessage('V9DESTROYTOOLBAR' , document.URL);" onmouseover="_gaq.push(['_trackEvent','click_index_v9tb3','t.v9.com','n_close',1]);" /></a></th>

</tr>

</table>

</div>

Em negrito altere para os links de seu Fórum.

Atenciosamente,
House
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu fixo no alto da tela

Mensagem por #Skull 24.05.12 18:35

Éra isso mesmo.
Obrigado, vou tentar personalizar ele Muito feliz
#Skull

#Skull
Membro

Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos