ArtigosMenu fixo no alto da tela
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo
Página 1 de 1
Menu fixo no alto da tela
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
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
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- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Menu fixo no alto da tela
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?
Convidad- Convidado
Re: Menu fixo no alto da tela
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..
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- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Menu fixo no alto da tela
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
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
Convidad- Convidado
Re: Menu fixo no alto da tela
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
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>
#Skull- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Menu fixo no alto da tela
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
Atenciosamente,
Shek
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
Estou lhe aguardando para mais esclarecimentos.<img src ="ENDEREÇO_DA_IMAGEM"/>
Atenciosamente,
Shek
Convidad- Convidado
Re: Menu fixo no alto da tela
por #Skull 22.05.12 21:14
Óla,
Pegue algum forum de test PunBB
E Crie um Widget com esse codigo
E Verá oque eu Quero.
Oque eu quero é personalizar esse codigo colocando os Icones & Redirecionamentos certos.
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- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Re: Menu fixo no alto da tela
por Sennior 24.05.12 3:28
Entendi!
Tu queres modificar os Redirecionamentos para teu Fórum?
Aqui estas onde deve editar:
Em negrito altere para os links de seu Fórum.
Atenciosamente,
House
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- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Menu fixo no alto da tela
por #Skull 24.05.12 18:35
Éra isso mesmo.
Obrigado, vou tentar personalizar ele
Obrigado, vou tentar personalizar ele
#Skull- Membro
- Membro desde : 16/03/2012
Mensagens : 608
Pontos : 889
Tópicos semelhantes» Player fixo no alto do fórum
» Colocar o menu no alto
» Menu no alto de todas as páginas
» montar Sub-menu de ícones no alto do fórum
» Alterar posição do menu para o alto
» Colocar o menu no alto
» Menu no alto de todas as páginas
» montar Sub-menu de ícones no alto do fórum
» Alterar posição do menu para o alto
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos