Banner não-fixo nas páginas HTML
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Banner não-fixo nas páginas HTML
Bom dia,
Tenho algumas páginas HTML, que todas possuem o mesmo "esqueleto", onde mudo apenas o conteúdo interno delas.
Minha dúvida está na parte do cabeçalho da página, onde eu tenho uma código para inserir meu banner do fórum.
O problema é que está fixo o banner antigo. Tem como deixar algum código que pegue o banner atual do fórum?
Segue o código do cabeçalho:
Parte onde se deixa fixo o banner:
Procurar pela URL: "https://i.servimg.com/u/f57/17/53/75/18/banner10.jpg"
Tenho algumas páginas HTML, que todas possuem o mesmo "esqueleto", onde mudo apenas o conteúdo interno delas.
Minha dúvida está na parte do cabeçalho da página, onde eu tenho uma código para inserir meu banner do fórum.
O problema é que está fixo o banner antigo. Tem como deixar algum código que pegue o banner atual do fórum?
Segue o código do cabeçalho:
- 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="ltr" id="min-width" lang="pt" xml:lang="pt" ><head>
<style type="text/css">
/*Título para páginas HTML
* by DropLeet
*/
.Titulo {
color: #ddd;
font-family: Verdana, Tahoma, sans-serif;
font-variant: small-caps;
font-size: 17pt;
text-align: center;
text-shadow: 0 2px 5px black;
line-height: 250%;
background-image:url('http://img835.imageshack.us/img835/5259/bgtitulo.png');
background-size: 50%, 50%; /* CSS3 */
-moz-background-size: 50%, 50%; /* Firefox 3.6 */
background-repeat: no-repeat;
background-position: center;
}
</style>
<title>Reviews</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://i75.servimg.com/u/f75/17/53/75/18/clatdc10.png" /><meta name="title" content="Reviews" /><link rel="stylesheet" href="http://www.tutorialdoca.com/81-ltr.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Tutorial do CA" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/33/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><style type="text/css">#page-footer, div.navbar, div.navbar ul.linklist {display: block !important;}ul.linklist li.rightside, ul.linklist li.rightside a.copyright {display: inline !important;}</style><script src="http://www.tutorialdoca.com/99387.js" type="text/javascript"></script><base href="http://www.tutorialdoca.com/"></head>
<style>
/*=========================================
Barra Perfect Team Org (CA)
by DropLeet
=========================================*/
/* Descer o banner */
#logo-desc {
margin-top:43px;
}
/* Estrutura da Barra Perfect Team */
#pt_bar {
/*min-width: 100%;*/
}
#pt_bar {
height: 43px;
padding-bottom: 6px;
background: url(http://s3.amazonaws.com/nxcache/all/img/gnt_gradients.png) 0 -128px repeat-x;
position: relative;
/*z-index: 10000;*/
font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif;
font-size: 13px;
line-height: 19px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
#pt_bar a {
color: #4B77D8;
outline: none;
}
#pt_bar a::selection {
background: #2662B2;
color: white;
text-shadow: none;
}
/* Logotipo Perfect Team */
#pt_logo {
text-indent: -9999px;
height: 43px;
width: 56px;
float: left;
margin-left: 20px;
background: url(http://imageshack.us/a/img221/2316/perfectteamlogo.png) no-repeat;
}
/* Menu */
#cssmenu{
height:48px;
display:block;
padding:0;
margin:20px auto;
border:1px solid;
border-radius:5px;
}
#cssmenu > ul {
list-style:inside none;
padding:0;
margin:0;
}
#cssmenu > ul > li {
list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}
#cssmenu > ul > li > a{
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
}
#cssmenu > ul > li:first-child > a{
border-radius:5px 0 0 5px;
}
#cssmenu > ul > li > a:after{
content:'';
position:absolute;
top:-1px;
bottom:-1px;
right:-2px;
z-index:99;
}
#cssmenu ul li.has-sub:hover > a:after{
top:0;
bottom:0;
}
#cssmenu > ul > li.has-sub > a:before{
content:'';
position:absolute;
top:18px;
right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before{
top:19px;
}
#cssmenu ul li.has-sub:hover > a{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px;
z-index:999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
display:block;
}
#cssmenu ul li.has-sub > a:hover{
background:#3f3f3f;
border-color:#3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div{
display:none;
width:auto;
position:absolute;
top:38px;
padding:10px 0;
background:#3f3f3f;
border-radius:0 0 5px 5px;
z-index:999;
}
#cssmenu ul li > ul{
width:200px;
}
#cssmenu ul li > ul li{
display:block;
list-style:inside none;
padding:0;
margin:0;
position:relative;
}
#cssmenu ul li > ul li a{
outline:none;
display:block;
position:relative;
margin:0;
padding:8px 20px;
font:10pt Arial, Helvetica, sans-serif;
color:#fff; /* Cor dos itens do li */
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
}
li.hover a:hover{ /* Cor de seleção da class hover em li */
background: rgb(167,199,220); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3YzdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWIyZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,199,220,1)), color-stop(100%,rgba(133,178,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-8 */
}
#cssmenu{
border-color:transparent;
}
#cssmenu > ul > li > a{
border-right:1px solid #BEC0C2;
color:#2C53AD; /* Cor dos itens do ul */
display: block;
line-height: 23px;
padding-right: 15px;
font-size: 16px;
font-weight: 600;
font-family: Klavika,sans-serif;
}
#cssmenu > ul > li:hover {
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:after{
background: #2662B2;
color: white;
text-shadow: none;
}
#cssmenu > ul > li > a:hover{
background: #2662B2;
color: white;
text-shadow: none;
}
/* Classificação */
a.classificacao {
text-decoration:none;
}
.classificacao {
background: url(http://levelupgames.uol.com.br/commonImages/selo16anos.gif) no-repeat transparent;
float: right;
margin-right: 0px;
margin-left: 13px;
margin-top: 3px;
display:block;
}
p.classific {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 12px;
padding: 0 5px 0 45px;
text-align: center;
max-height: 30px;
margin-top: 3px;
margin-right: 10px;
color:black;
}
/*=========================================
Redes Sociais Flutuantes
by DropLeet
=========================================*/
.headline-right{
float:right;
width:300px
}
.headline a:hover{
color:#eace12;
text-decoration:underline
}
ul.isocial{
list-style:none;
margin:0;
padding:0px 20px 0 0
}
ul.isocial li{
float:right;
margin:5px 2px;
padding:0
}
ul.isocial li a{
float:right;
background-image:url(http://img854.imageshack.us/img854/7936/socialletter.png);
background-position:0 0;
background:repeat:no-repeat;
display:inline-block;
text-indent:-9999px;
overflow:hidden;
width:24px;
height:24px;
position:relative;
}
ul.isocial li a.rss{
background-position:0 0
}
ul.isocial li a.rss:hover{
background-position:0 -25px
}
ul.isocial li a.facebook{
background-position:-25px 0
}
ul.isocial li a.facebook:hover{
background-position:-25px -25px
}
ul.isocial li a.twitter{
background-position:-50px 0
}
ul.isocial li a.twitter:hover{
background-position:-50px -25px
}
ul.isocial li a.google{
background-position:-75px 0
}
ul.isocial li a.google:hover{
background-position:-75px -25px
}
ul.isocial li a.youtube{
background-position:-100px 0
}
ul.isocial li a.youtube:hover{
background-position:-100px -25px
}
</style>
<body id="phpbb"><div class="conteneur_minwidth_IE"><div class="conteneur_layout_IE"><div class="conteneur_container_IE"><div id="wrap"><a id="top" name="top" accesskey="t"></a><div id="page-header"><div class="headerbar"><div class="inner"><span class="corners-top"><span></span></span><div id="logo-desc"><a href="/forum" id="logo"><img src="http://i57.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA" /></a><div id="site-title">Tutorial do CA</div><p>O seu Database detalhado sobre o FPS Combat Arms Brasil.</p></div><span class="corners-bottom"><span></span></span></div></div><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist navlinks"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://i43.servimg.com/u/f43/17/53/75/18/vinici10.png" border="0" hspace="0" alt="Início" title="Início" /></a></li><li><a class="mainmenu" href="/admin/index.forum?part=admin&sid=8af4651b7b395167ceef"><img src="http://i43.servimg.com/u/f43/17/53/75/18/vpcont10.png" border="0" hspace="0" alt="Painel de Controle" title="Painel de Controle" /></a></li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://i43.servimg.com/u/f43/17/53/75/18/vporta10.png" border="0" hspace="0" alt="Portal" title="Portal" /></a></li><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://i43.servimg.com/u/f43/17/53/75/18/vcalen10.png" border="0" hspace="0" alt="Calendário" title="Calendário" /></a></li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://i43.servimg.com/u/f43/17/53/75/18/vfaq10.png" border="0" hspace="0" alt="FAQ" title="FAQ" /></a></li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://i43.servimg.com/u/f43/17/53/75/18/vprocu10.png" border="0" hspace="0" alt="Buscar" title="Buscar" /></a><script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
</script></li><li><a class="mainmenu" href="/memberlist" rel="nofollow"><img id="i_icon_mini_members" src="http://i43.servimg.com/u/f43/17/53/75/18/vmembr10.png" border="0" hspace="0" alt="Membros" title="Membros" /></a></li><li><a class="mainmenu" href="/groups"><img id="i_icon_mini_groups" src="http://i43.servimg.com/u/f43/17/53/75/18/vgrupo10.png" border="0" hspace="0" alt="Grupos" title="Grupos" /></a></li><li><a class="mainmenu" href="/profile?mode=editprofile"><img id="i_icon_mini_profile" src="http://i43.servimg.com/u/f43/17/53/75/18/vperfi10.png" border="0" hspace="0" alt="Perfil" title="Perfil" /></a></li><li><a class="mainmenu" href="/privmsg?folder=inbox"><img id="i_icon_mini_message" src="http://i43.servimg.com/u/f43/17/53/75/18/vmensa10.png" border="0" hspace="0" alt="Mensagens privadas" title="Mensagens privadas" /></a></li><li><a class="mainmenu" href="/login?logout=1&tid=2b95acbaaed6fec41c3ec58238b02b0c&key=6a93a0" rel="nofollow" id="logout" ><img id="i_icon_mini_logout" src="http://i43.servimg.com/u/f43/17/53/75/18/vlogou10.png" border="0" hspace="0" alt="Sair [ DropLeet ]" title="Sair [ DropLeet ]" /></a></li></ul><div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';" /><input class="button2" type="submit" value="Buscar" /></p></form></div><span class="corners-bottom"><span></span></span></div></div></div><div id="page-body"><div id="emptyidcc" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><!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 content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title></title>
</head>
<body>
<div style="top:-20px; left:0px;position:absolute;width:100%"><div id="pt_bar"><a id="pt_logo" href="//www.perfectteam.org/" original-title="">Perfect Team</a><div id="cssmenu">
<ul>
<li class="has-sub"><a href="#" original-title=""><span>Sites</span></a>
<ul>
<li class="hover"><a href="//www.tutorialdoca.com" original-title=""><span>Tutorial do CA</span></a></li>
<li class="hover"><a href="//www.tutorialdopw.com" original-title=""><span>Tutorial do PW</span></a></li>
<li class="hover"><a href="//www.pwbrchannel.com" original-title=""><span>PWBRChannel</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#" original-title=""><span>Parceiros</span></a>
<ul>
<li class="hover"><a href="http://levelupgames.uol.com.br/levelup/" target="_blank" original-title=""><span>Level UP! Games</span></a></li>
<li class="hover"><a href="http://www.radiogamesbrasil.com.br/" target="_blank" original-title=""><span>Rádio Games Brasil</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#" original-title=""><span>Staff</span></a>
<ul>
<li class="hover"><a href="#" original-title=""><span>-KageBoy-</span></a></li>
<li class="hover"><a href="#" original-title=""><span>Guilhermeo9</span></a></li>
<li class="hover"><a href="#" original-title=""><span>Master_Ace</span></a></li>
<li class="hover"><a href="#" original-title=""><span>MrFoxnine</span></a></li>
<li class="hover"><a href="#" original-title=""><span>ZombieW</span></a></li>
<li class="hover"><a href="#" original-title=""><span>ZyyGamer</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#" original-title=""><span>TeamSpeak 3</span></a>
<ul>
<li class="hover"><a href="#" original-title=""><span>perfectteam.ts3gamer.com.br</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#" original-title=""><span>Webmail</span></a>
<ul>
<li class="hover"><a href="//webmail.perfectteam.org" original-title=""><span>Perfect Team Org</span></a></li>
<li class="hover"><a href="//webmail.tutorialdopw.com" original-title=""><span>Tutorial do PW</span></a></li>
<li class="hover"><a href="//webmail.tutorialdoca.com" original-title=""><span>Tutorial do CA</span></a></li>
</ul>
</li>
</ul>
<a class="classificacao" href="http://portal.mj.gov.br/ClassificacaoIndicativa/jsps/DadosJogoForm.do?select_action=&tbjogo_codigo=2780" target="_blank" original-title=""><p class="classific">
NÃO RECOMENDADO PARA<br>MENORES DE 16 ANOS <br>
Contém: Assassinato
</p></a><a href="//levelup.com.br" rel="Level Up!" target="_blank" original-title=""></a>
</div></div>
</div>
<br /><br /><div align="center"><img src="http://i57.servimg.com/u/f57/17/53/75/18/hauser10.png" />
Parte onde se deixa fixo o banner:
- Código:
<body id="phpbb"><div class="conteneur_minwidth_IE"><div class="conteneur_layout_IE"><div class="conteneur_container_IE"><div id="wrap"><a id="top" name="top" accesskey="t"></a><div id="page-header"><div class="headerbar"><div class="inner"><span class="corners-top"><span></span></span><div id="logo-desc"><a href="/forum" id="logo"><img src="http://i57.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA" /></a><div id="site-title">Tutorial do CA</div><p>O seu Database detalhado sobre o FPS Combat Arms Brasil.</p></div><span class="corners-bottom"><span></span></span></div></div><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist navlinks"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://i43.servimg.com/u/f43/17/53/75/18/vinici10.png" border="0" hspace="0" alt="Início" title="Início" /></a></li><li><a class="mainmenu" href="/admin/index.forum?part=admin&sid=8af4651b7b395167ceef"><img src="http://i43.servimg.com/u/f43/17/53/75/18/vpcont10.png" border="0" hspace="0" alt="Painel de Controle" title="Painel de Controle" /></a></li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://i43.servimg.com/u/f43/17/53/75/18/vporta10.png" border="0" hspace="0" alt="Portal" title="Portal" /></a></li><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://i43.servimg.com/u/f43/17/53/75/18/vcalen10.png" border="0" hspace="0" alt="Calendário" title="Calendário" /></a></li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://i43.servimg.com/u/f43/17/53/75/18/vfaq10.png" border="0" hspace="0" alt="FAQ" title="FAQ" /></a></li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://i43.servimg.com/u/f43/17/53/75/18/vprocu10.png" border="0" hspace="0" alt="Buscar" title="Buscar" /></a><script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
Procurar pela URL: "https://i.servimg.com/u/f57/17/53/75/18/banner10.jpg"
Última edição por ZombieW em 13.09.14 23:40, editado 1 vez(es)
Re: Banner não-fixo nas páginas HTML
Olá,
O que você deseja é que - em todas as suas páginas HTML - o código atualize sempre a página para que a logo mostrada seja a usada atualmente no fórum, correto? Se sim, procure pela tag da sua logo no código da sua página HTML, que é este:
E substitua por este:
Feito isto, adicione este script no head da página:
Ps: Siga estes passos em todas as páginas HTML, fazendo isso, sempre que mudar a logo original do seu fórum irá mudar também nas páginas HTML.
Abraços.
O que você deseja é que - em todas as suas páginas HTML - o código atualize sempre a página para que a logo mostrada seja a usada atualmente no fórum, correto? Se sim, procure pela tag da sua logo no código da sua página HTML, que é este:
<img src="https://i.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA" />
E substitua por este:
<img src="https://i.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA" id="logop" />
Feito isto, adicione este script no head da página:
- Código:
<script>
jQuery(document).ready(function(){jQuery.get('/',function(p){var i=jQuery('#logo img',p).attr('src');jQuery('#logop').attr('src',i)});});
</script>
Ps: Siga estes passos em todas as páginas HTML, fazendo isso, sempre que mudar a logo original do seu fórum irá mudar também nas páginas HTML.
Abraços.
Re: Banner não-fixo nas páginas HTML
Olá,
Visitei a página indicada e percebi que você adicionou um espaço no código que eu mandei, ficando assim:
Substitua por este:
Abraços.
Visitei a página indicada e percebi que você adicionou um espaço no código que eu mandei, ficando assim:
<img src="https://i.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA" id=" logop" />
Substitua por este:
<img src="https://i.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA" id="logop" />
Abraços.
Re: Banner não-fixo nas páginas HTML
Notou errado amigo, está do jeito que você falou:
- Código:
<body id="phpbb"><div class="conteneur_minwidth_IE"><div class="conteneur_layout_IE"><div class="conteneur_container_IE"><div id="wrap"><a id="top" name="top" accesskey="t"></a><div id="page-header"><div class="headerbar"><div class="inner"><span class="corners-top"><span></span></span><div id="logo-desc"><a href="/forum" id="logo">[color=#ff0000]<img src="http://i57.servimg.com/u/f57/17/53/75/18/banner10.jpg" alt="Tutorial do CA id="logop" />[/color]</a><div id="site-title">Tutorial do CA</div><p>O seu Database detalhado sobre o FPS Combat Arms Brasil.</p></div><span class="corners-bottom"><span></span></span></div></div><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist navlinks"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://i43.servimg.com/u/f43/17/53/75/18/vinici10.png" border="0" hspace="0" alt="Início" title="Início" /></a></li><li><a class="mainmenu" href="/admin/index.forum?part=admin&sid=8af4651b7b395167ceef"><img src="http://i43.servimg.com/u/f43/17/53/75/18/vpcont10.png" border="0" hspace="0" alt="Painel de Controle" title="Painel de Controle" /></a></li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://i43.servimg.com/u/f43/17/53/75/18/vporta10.png" border="0" hspace="0" alt="Portal" title="Portal" /></a></li><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://i43.servimg.com/u/f43/17/53/75/18/vcalen10.png" border="0" hspace="0" alt="Calendário" title="Calendário" /></a></li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://i43.servimg.com/u/f43/17/53/75/18/vfaq10.png" border="0" hspace="0" alt="FAQ" title="FAQ" /></a></li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://i43.servimg.com/u/f43/17/53/75/18/vprocu10.png" border="0" hspace="0" alt="Buscar" title="Buscar" /></a><script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
Re: Banner não-fixo nas páginas HTML
"UP"...alguém mais pode me ajudar?
Re: Banner não-fixo nas páginas HTML
Bom dia ZombieW!
Depois de alguns testes, cheguei a essa conclusão:
Até mais!
Depois de alguns testes, cheguei a essa conclusão:
- Código:
<html>
<head>
<title>Tutorial</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://illiweb.com/rs3/68/frm/lang/notutf8-pt.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function() {
var logo_src = jQuery('#logo-desc').load('/forum #logo img').attr('src');
jQuery('#logop').html('<div id="logo-desc">+ logo_src +</div>');
});
</script>
</head>
<body id="phpbb">
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<div id="page-header">
<div class="headerbar">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="logo-desc"><a href="/forum" id="logo"><img src="http://www.sollopizzaria.com.br/site/imgs/carregando.gif" alt="Tutorial do CA id="logop" /></a><div id="site-title">Tutorial do CA</div><p>O seu Database detalhado sobre o FPS Combat Arms Brasil.</p></div>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks"><li><a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://i43.servimg.com/u/f43/17/53/75/18/vinici10.png" border="0" hspace="0" alt="Início" title="Início" /></a></li><li><a class="mainmenu" href="/admin/index.forum?part=admin&sid=8af4651b7b395167ceef"><img src="http://i43.servimg.com/u/f43/17/53/75/18/vpcont10.png" border="0" hspace="0" alt="Painel de Controle" title="Painel de Controle" /></a></li><li><a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://i43.servimg.com/u/f43/17/53/75/18/vporta10.png" border="0" hspace="0" alt="Portal" title="Portal" /></a></li><li><a class="mainmenu" href="/calendar"><img id="i_icon_mini_calendar" src="http://i43.servimg.com/u/f43/17/53/75/18/vcalen10.png" border="0" hspace="0" alt="Calendário" title="Calendário" /></a></li><li><a class="mainmenu" href="/faq"><img id="i_icon_mini_faq" src="http://i43.servimg.com/u/f43/17/53/75/18/vfaq10.png" border="0" hspace="0" alt="FAQ" title="FAQ" /></a></li><li><a class="mainmenu" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;"><img id="i_icon_mini_search" src="http://i43.servimg.com/u/f43/17/53/75/18/vprocu10.png" border="0" hspace="0" alt="Buscar" title="Buscar" /></a><script type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu_new();//]]>
</body>
</html>
Até mais!
Re: Banner não-fixo nas páginas HTML
Shek,
Uso isso como um código JS ou como insiro na página HTML?
Uso isso como um código JS ou como insiro na página HTML?
Re: Banner não-fixo nas páginas HTML
Certo, outra dúvida: insiro em cada página HTML ou crio uma nova e adiciono novamente o script na Descrição do Site?
Re: Banner não-fixo nas páginas HTML
Boa tarde.
Eu aconselho que copie o código que passei e crie outra página, porque, o script só vai funcionar se existir as condições (seletores) que há no Script. Ao contrário, não funcionará bem.
Até mais!
Eu aconselho que copie o código que passei e crie outra página, porque, o script só vai funcionar se existir as condições (seletores) que há no Script. Ao contrário, não funcionará bem.
Até mais!
Re: Banner não-fixo nas páginas HTML
Perdoe-me por não ter te respondido antes, estava sem internet em casa, tendo apenas no trabalho e não é sempre que eu posso acessar o FdF.
Resumindo: pego seu código e gero uma nova página HTML, mas só isso ou insiro todo o conteúdo de uma página minha mesmo?
Resumindo: pego seu código e gero uma nova página HTML, mas só isso ou insiro todo o conteúdo de uma página minha mesmo?
Re: Banner não-fixo nas páginas HTML
Bom dia,
Gostaria apenas de avisar, que não sei o motivo, mas minhas páginas HTML pararam de exibir a imagem padrão:
E está fazendo a rotatividade de meus banners como deveria ter ocorrido antes da criação desse tópico de dúvidas.
Houve alguma atualização (internamente) sobre este assunto? Pois, gostaria de fechar esse tópico, já que seja lá por qual motivo agora está funcionando como deveria...
Gostaria apenas de avisar, que não sei o motivo, mas minhas páginas HTML pararam de exibir a imagem padrão:
E está fazendo a rotatividade de meus banners como deveria ter ocorrido antes da criação desse tópico de dúvidas.
Houve alguma atualização (internamente) sobre este assunto? Pois, gostaria de fechar esse tópico, já que seja lá por qual motivo agora está funcionando como deveria...
Tópicos semelhantes
» Como deixar o menu superior fixo ao navegar pelas paginas?
» Banner fixo no local da publicidade
» Deixar banner de slides fixo
» CSS nas páginas HTML
» Páginas HTML
» Banner fixo no local da publicidade
» Deixar banner de slides fixo
» CSS nas páginas HTML
» Páginas HTML
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos