Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje18-08-2010, 20:48 (UTC)    
Título del mensaje: cabezal que cambie

buenas tardes, no se si alguien sepa como hacer un cabezal que cambie cuando se actualiza la pagina trate de hacerla con varios tutoriales, pero no me funciono, se los agradeceria mucho si me ayudan
Mensaje18-08-2010, 20:52 (UTC)    
Título del mensaje: Re: cabezal que cambie

shaolin-fanaruto escribió:
buenas tardes, no se si alguien sepa como hacer un cabezal que cambie cuando se actualiza la pagina trate de hacerla con varios tutoriales, pero no me funciono, se los agradeceria mucho si me ayudan


Yo te ayudare deja encuentro ese generador de mi web XD

Cita:

<script language="JavaScript1.1">

var quotes=new Array()
quotes[0]=' td.edit_header_full{background-image:url(Url cabezal 1):;height:alto de tus cabezalespx;} '

quotes[1]=' td.edit_header_full{background-image:url(Url cabezal 2):;height:alto de tus cabezalespx;} '

quotes[2]=' td.edit_header_full{background-image:url(Url cabezal 3):;height:alto de tus cabezalespx;}'

quotes[3]=' td.edit_header_full{background-image:url(Url cabezal 4):;height:alto de tus cabezalespx;} '

var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])

</script>

Rojo Edita lo rojo, en lo rojo ban las urls de los cabezales
Verde En lo verde va lo alto de todos los cabezales

Espero que te sirva

Salu2


Ultima edición por fafo-ayuda el Mie Ago 18, 2010 5:05 pm; editado 2 veces
Mensaje18-08-2010, 21:06 (UTC)    
Título del mensaje:

ok, lo probare gracias
Mensaje18-08-2010, 21:10 (UTC)    
Título del mensaje:

mmm no me funciono solo quedo esto:


d.edit_header_full{background-image:url(http://a.imageshack.us/img576/690/cabezal2copia.jpg):;height:150;}
Mensaje18-08-2010, 21:11 (UTC)    
Título del mensaje:

Lo debes pegar en Texto encima de la página.
Mensaje18-08-2010, 21:12 (UTC)    
Título del mensaje:

shaolin-fanaruto escribió:
mmm no me funciono solo quedo esto:


d.edit_header_full{background-image:url(http://a.imageshack.us/img576/690/cabezal2copia.jpg):;height:150;}


Se me olvido decirte que tienes que pegarlo en texto por encima de la pagina

=>Editar diseño=>configuraciones avanzadas=>texto por encima de la pagina
Mensaje18-08-2010, 21:12 (UTC)    
Título del mensaje:

si, ahi lo puse
Mensaje18-08-2010, 21:15 (UTC)    
Título del mensaje:

ya lo puse en otra plantilla (iceblue y otras) para ver si era eso, y no ,me sale lo mismo, que podra ser?
Mensaje18-08-2010, 21:17 (UTC)    
Título del mensaje:

shaolin-fanaruto escribió:
ya lo puse en otra plantilla (iceblue y otras) para ver si era eso, y no ,me sale lo mismo, que podra ser?


¿Que plantilla usas?
Mensaje18-08-2010, 21:19 (UTC)    
Título del mensaje:

ahorita css-design
Mensaje18-08-2010, 21:21 (UTC)    
Título del mensaje:

shaolin-fanaruto escribió:
ahorita css-design


Man entonces en css design tienes que tener un cabezal como formato .GIF y subirlo a un hosting y lo pegas en el cabezal, el code que yo te di era para iceblue

EDITO:
pasame todos tus cabezales y yo te hago el gift y pasame tambien el code de tu plantilla el css sin style taggs y yo te acomodo todo


Ultima edición por fafo-ayuda el Mie Ago 18, 2010 5:22 pm; editado 1 vez
Mensaje18-08-2010, 21:29 (UTC)    
Título del mensaje:

ok, no lo sabia, gracias


Ultima edición por shaolin-fanaruto el Mie Ago 18, 2010 5:37 pm; editado 1 vez
Mensaje18-08-2010, 21:32 (UTC)    
Título del mensaje:

shaolin-fanaruto escribió:
ok


Los cabezales pasalos

otra cosa no puedes postear 1 palabra por post porque se le concidera flood
Mensaje18-08-2010, 21:36 (UTC)    
Título del mensaje:

bueno esta es la parte de arriba

Cita:
<style>
table {margin-left:auto;margin-right:auto;}
</style>

<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
var szs = new Array('smaller','xx-small','x-small','small','medium','large','x-large','xx-large');
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
//]]>
</script>

<link rel="stylesheet" type="text/css" href="http://img46.xooimage.com/files/e/8/c/jqueryslidemenu-1647830.css" />

<script type="text/javascript" src="http://img7.xooimage.com/files/2/3/3/jquery.min-c6f219.js"></script>

<script type="text/javascript" src="http://img25.xooimage.com/files/8/e/9/jqueryslidemenu-1647a2b.js"></script>

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/HOME.htm#">Inicio</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/Contacto.htm">Contacto</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/NEWSLETTER.htm">Newsletter</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/afiliate.htm">Afiliate</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/MANGA.htm">Manga</a>
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/Manga-Naruto.htm">Naruto</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/Manga-Bleach.htm">Bleach</a>
<li><a href="http://shaolin-fanaruto.es.tl/BAKUMAN.htm">Bakuman</a>
<li><a href="http://shaolin-fanaruto.es.tl/Vampire-Knight-manga.htm">Vampire knight</a>
<li><a href="http://shaolin-fanaruto.es.tl/ouran-host-club.htm">Ouran host club</a>
<li><a href="http://shaolin-fanaruto.es.tl/MANGA.htm">mas mangas...</a>

</ul>
</li>

<<li><a href="http://shaolin-fanaruto.es.tl/ANIMES.htm">Anime</a>
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/Naruto-shippuden.htm">Naruto shippuden</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/shaolin-fanaruto.es.tl/Bleach.htm">Bleach</a>
<li><a href="http://shaolin-fanaruto.es.tl/shaolin-fanaruto.es.tl/fairy-tail.htm">Fairy tail</a>
<li><a href="http://shaolin-fanaruto.es.tl/one-piece.htm">One piece</a>
<li><a href="http://shaolin-fanaruto.es.tl/AMAGAMI-SS.htm">Amagami ss</a>
<li><a href="http://shaolin-fanaruto.es.tl/ANIMES.htm">mas animes...</a>

<ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="http://shaolin-fanaruto.es.tl/PELICULAS.htm">Peliculas</a>
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/Movie-4-d--naruto-shippuuden.htm">Naruto</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/Movie-Evangelion.htm">Evangelion</a>
<li><a href="http://shaolin-fanaruto.es.tl/Movie-Bleach.htm">Bleach</a>
<li><a href="http://shaolin-fanaruto.es.tl/PELICULAS.htm">mas peliculas...</a>

<ul>

</ul>
</li>
</ul>
</li>
<li><a href="http://shaolin-fanaruto.es.tl/INFORMACION.htm">Informacion</a>






<ul>

</ul>

</li>
</ul>
</li>
</ul>
<br style="clear: left" />
</div>

<div id="wrap">
<div id="mainmenu">
<dl class="introduction">
<a href="/home.htm" title="PwG-DesignS"><img src="http://a.imageshack.us/img835/1349/cabezal3copia.jpg" alt="PwG-DesignS"/></a>

</dl>




<hr class="clear" />

<div style="text-align: right;"><a <a href="javascript:ts('body',2)"><img src="http://img49.xooimage.com/files/3/f/1/aumentar-1630064.png"/></a>
<a href="javascript:ts('body',-1)"><img src="http://img27.xooimage.com/files/b/d/4/disminuir-1630065.png"/></a>

</div>




esta es la parte de abajo


Cita:
<div id="sidebar">

<div class="left">
<h2>Menu</h2>
<ul class="sidemenu">
<li><a href="http://shaolin-fanaruto.es.tl/GIFS.htm">Gifs</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/DESCARGA-DE-MP3.htm">Descarga de MP3</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/GALERIA/index.htm">Galeria</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/COMETARIOS.htm">Comentarios</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/PARTITURAS.htm">Partituras</a></li>
<li><a href="http://shaolin-fanaruto.es.tl/COMPRESORES-DE-ARCHIVOS.htm">Compresores</a></li>
</ul>
</li>
</ul>

<h2>Chat</h2>
<object width="170" height="600" id="obj_1282085600084"><param name="movie" value="http://shao-fanaruto.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1282085600084&b=60&f=50&l=999999&q=999999&r=100&s=1"/><embed id="emb_1282085600084" src="http://shao-fanaruto.chatango.com/group" width="220" height="600" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1282085600084&b=60&f=50&l=999999&q=999999&r=100&s=1"></embed></object><br>[ <a href="http://shao-fanaruto.chatango.com/clonegroup?ts=1282085600084">Copy this</a> | <a href="http://chatango.com/creategroup?ts=1282085600084">Start New</a> | <a href="http://shao-fanaruto.chatango.com">Full Size</a> ]
</div>

<div class="right">
<h2><strong>ANIMES Y MANGAS ACTIVOS</strong></h2>


<ul class="sidemenu">
<div id="sidebar2" class="sidebar">
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/desp.js"></script>
<div class="applemenu">

<div class="silverheader"><a href="#"><span style="color: rgb(0, 102, 255);"><strong>LUNES</strong></span></a></div><div class="submenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/DRAGON-BALL-KAI.htm"><strong>DRAGON BALL KAI</strong></a></li>
<li><a href="http://shaolin-fanaruto.es.tl/one-piece.htm"><strong>ONE PIECE</strong></a></li>
</ul>
</div>
<div class="silverheader"><a href="#" ><span style="color: rgb(0, 102, 255);"><strong>MARTES</strong></span></a></div>
<div class="submenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/fairy-tail.htm"><strong>FAIRY TAIL</strong></a></li>


</ul>
</div>

<div class="silverheader"><a href="#" ><span style="color: rgb(0, 102, 255);"><strong>MIERCOLES</strong></span></a></div>
<div class="submenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/Bleach.htm"><strong>BLEACH</strong></a></li>




</ul>
</div>

<div class="silverheader"><a href="#" ><span style="color: rgb(0, 102, 255);"><strong>JUEVES</strong></span></a></div>
<div class="submenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/Naruto-shippuden.htm"><strong>NARUTO SHIPPUDEN</strong></a></li>
<li><a href="http://shaolin-fanaruto.es.tl/Manga-Naruto.htm"><strong>NARUTO</strong></a></li>
<li><a href="http://shaolin-fanaruto.es.tl/Manga-Bleach.htm"><strong>BLEACH</strong></a></li>
</ul>
</div>

<div class="silverheader"><a href="#" ><span style="color: rgb(0, 102, 255);"><strong>VIERNES</strong></span></a></div>
<div class="submenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/AMAGAMI-SS.htm"><strong>AMAGAMI</strong></a></li>
<li><a href="http://shaolin-fanaruto.es.tl/Ookami_san-to-Shichinin-no-Nakama_tachi-.htm"><strong>Ookami-san to Shichinin no Nakama-tachi </strong></a></li>
<li><a href="http://shaolin-fanaruto.es.tl/kuroshitsuji-II.htm"><strong>KUROSHITSUJI II</strong></a></li>
</ul>
</div>

<div class="silverheader"><a href="#" ><span style="color: rgb(0, 102, 255);"><strong>SABADO</strong></span></a></div>
<div class="submenu">
<ul>
<li><a href="http://shaolin-fanaruto.es.tl/KAICHOU-WA-MAID-SAMA-ar-.htm"><strong>KAICHOU WA MAID SAMA</strong></a></li>
<li><a href="http://shaolin-fanaruto.es.tl/BAKUMAN.htm"><strong>BAKUMAN</strong></a></li>

</ul>
</div>
</div>



<h2>Twitter</h2>
<ul>
<p><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 150,
height: 300,
theme: {
shell: {
background: '#333333',
color: '#FFFFFF'
},
tweets: {
background: '#000000',
color: '#FFFFFF',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('shaolinfanaruto').start();
</script></p>
</ul>

</div>
<hr class="clear" />
</div>
<hr class="clear" />
</div>

<div id="footer">
<div class="left">
<p>© 2010 <a href="http://shaolin-fanaruto.es.tl/">shaolin-fanaruto</a> | Design by Av <a href="http://andreasviklund.com/">Templates</a> | Adaptado por <a href="http://www.PwG-DesignS">PwG DesignS</a></p>
</div>
<div class="right textright">
<p>Links Footer : <a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a></p>
<a href='#'><img alt='ir arriba' border='0' src='http://2.bp.blogspot.com/_-fjXrcnwS8I/SeJP2tLvAmI/AAAAAAAABHs/07fUbn-LvJY/S220/flecha_arriba.png' style='position:fixed; bottom:0; right:0;'/></a>

</div>
</div>

</body>
</html>


CSS-Code
sin Style Tags:
Cita:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Original design: Daleri Mega (v1.0 - July 10, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/daleri-mega/
*/



/* Body */
* {margin:0; padding:0;}
body {background:#005B9A url(http://i45.tinypic.com/b5qyit.jpg) top center repeat-x; color:#D8EFFF; font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif; line-height:1.4em; text-align:center; padding:0;}

#wrap {width:97,5%; min-width:750px; background-color:#FFFFFF; color:#000; padding:1%; margin:0 auto 0 auto; text-align:left; border:1px solid #000;}
#top {width:95%; margin:15px auto 15px auto;}
#skiplinks {width:30%; float:right; color:#000; font-size:1.1em; text-align:right; margin:0; padding:0;}
#skiplinks a {color:#bacac8; border-bottom: 1px dotted #000;}
#skiplinks a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

/* Header and title */
#sitetitle {float:left; text-align:left;}
#sitetitle h1 {font-weight:700; font-size:2.4em; color:#000; letter-spacing:-1px; line-height:1.3em; margin:0; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px; color:#000;}
#sitetitle h1 a:hover {color:#FFFFFF;}
#sitetitle p {margin:5px 0 0 0; padding:0; letter-spacing:-1px; font-size:1.3em; color:#ccc;}

/* Main menu */
#mainmenu {margin:0 0 10px 0;}
#mainmenu dl {float:left; display:block; width:16%; margin: 0 0.5% 5px 0.5%;}
#mainmenu dl.introduction {float:left; display:block; width:31%; margin: 0 0 5px 0.5%;}
#mainmenu dl dt {border-bottom:1px solid #0191C8; padding:0; font-weight:700; margin:0; color:#000;}
#mainmenu dl dt a {font-weight:700; color:#0191C8; font-size:1.1em;}
#mainmenu dl dt a:hover {color:#000;}
#mainmenu dl dd {padding:0; margin:0; border-bottom:1px solid #D8EFFF;}
#mainmenu dl dd a {font-weight:400; padding:1px 0 1px 5px; color:#000; display:block;}
#mainmenu dl dd a:hover {color:#000; background:#D8EFFF;}

/* Headline */
#headline {text-align:center; margin:5px 0 15px 0; border:1px solid #e0e0e0; background-color:#0191C8; color:#0191C8; font-size:0.9em;}
#headline p {margin:2px; padding:0;}

/* Headers */
h2, h3, h4 {margin:0 0 12px; padding-bottom:5px; color:#0191C8; font-weight:700;}

/* Content */
#content {text-align:left; width:70%; float:right;}
#content h2 {font-size:1.7em; letter-spacing:-1px; clear:left; border-bottom:2px solid #D8EFFF;}
#content h3 {font-size:1.4em; letter-spacing:-1px; margin-bottom:7px;}
#content h2 a, #content h3 a {font-weight:700; border:0;}
#content p {margin:0 0 15px;}
#content a {border-bottom:1px dotted #005B9A;}
#content a:hover {color: #000; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 0 15px 10px; padding:0 0 0 5px;}
#content ul li, #content ol li {margin:0 0 4px 5px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}

/* Sidebar */
#sidebar {text-align:left; float:left; margin:0; width:29%; }
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-weight:400; font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar ul.sidemenu li {list-style: none; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#E6E6E6; font-weight:400; border:1px solid #C6C6C6; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #ddd; color:#000; background-color:#D8EFFF;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#000; border:1px solid #eee; border-bottom:1px solid #ddd;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Footer */
#footer {clear:both; width:95%; line-height:1.6em; color:#0191C8; margin: 0 auto; padding:10px 0;}
#footer p {margin:0; padding:0;}
#footer a {color:#000; border-bottom: 1px dotted #74C2E1;}
#footer a:hover {color:#0191C8; text-decoration:none; border-bottom:1px dotted #0B3861;}

/* Links and tags */
a {color:#4d699d; font-weight:400; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
img, a img {border:0;}

/* Various classes */
.left {float:left; width:48%; text-align:left;}
.right {float:right; width:48%; text-align:left;}
.trio1 {float:left; width:31%; padding:0 2% 0 0;}
.trio2 {float:left; width:31%; padding:0 2% 0 0;}
.trio3 {float:left; width:33%; padding:0;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:2px;}
.hide {display:none;}

/*Noticia*/

#Noticia{margin: 0 auto;width:90%;line-height:15px;
background:#EDFAFF;border:1px solid #95D6FF;padding:5px 5px 5px 5px;min-height:10px;}
#Noticia img{border-right: 2px solid #fafafa;}
Mensaje18-08-2010, 21:40 (UTC)    
Título del mensaje:

enseguida te lo hago

¿Tu web tenia cabezal?


Ultima edición por fafo-ayuda el Mie Ago 18, 2010 5:45 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group