tag:blogger.com,1999:blog-31841003647938437372024-03-18T19:42:36.995-07:00Entradas VkuUnknownnoreply@blogger.comBlogger1125tag:blogger.com,1999:blog-3184100364793843737.post-65738376330049757722011-04-07T21:35:00.000-07:002011-04-16T16:20:55.974-07:00Slideshow de Entradas<blockquote><style type="text/css"><br />
/* <b><span class="Apple-style-span" style="color: blue;">PERSONALIZAMOS EL ESTILO</span></b> -----------<br />
-------- SLIDESHOW DE ENTRADAS */<br />
<span class="Apple-style-span" style="color: blue;">/* FONDO */</span><br />
#menucontent {<br />
background:#111; <span class="Apple-style-span" style="color: red;">/* COLOR DEL FONDO */</span><br />
padding:8px;<br />
width:98%;<br />
margin:0<br />
}<br />
<span class="Apple-style-span" style="color: blue;">/* LÍNEA DE ABAJO (NÚMEROS, PLAY, STOP, INFO) */</span><br />
#menucontent .menuvku {<br />
margin-top:5px;<br />
border:0<br />
}<br />
<br />
#menucontent .menuvku-rig a{<br />
text-decoration:none;<br />
}<br />
<br />
#menucontent .menuvku ul {<br />
margin:0px;<br />
padding:0px;<br />
list-style:none;<br />
background:transparent;<br />
border:0<br />
}<br />
<br />
#menucontent .menuvku li {<br />
display:inline;<br />
line-height:25px;<br />
border:0;<br />
margin:0px;<br />
padding:0px;<br />
}<br />
<span class="Apple-style-span" style="color: blue;">/* NÚMEROS */</span><br />
#menucontent .menuvku li a {<br />
background:transparent; <span class="Apple-style-span" style="color: red;">/* COLOR DEL FONDO DE LOS NÚMEROS */</span><br />
color:#ececec; <span class="Apple-style-span" style="color: red;">/* COLOR DE LOS NÚMEROS */</span><br />
font-family:Arial, Helvetica, sans-serif;<br />
font-size:14px; <span class="Apple-style-span" style="color: red;">/* TAMAÑO DE LOS NÚMEROS */</span><br />
text-decoration:none;<br />
padding:2px 7px ;<br />
border:1px solid #ececec; <span class="Apple-style-span" style="color: red;">/* COLOR DEL BORDE DE LOS NÚMEROS */</span><br />
margin:0px;<br />
margin-right:2px;<br />
}<br />
<span class="Apple-style-span" style="color: blue;"> /* NÚMERO ACTIVO */</span><br />
#menucontent .menuvku li a.tabactive{<br />
background:#ececec; <span class="Apple-style-span" style="color: red;">/* COLOR DEL FONDO DEL NÚMERO ACTIVO */</span><br />
font-weight:bold;<br />
position:relative;<br />
color:#000; <span class="Apple-style-span" style="color: red;">/* COLOR DEL NÚMERO ACTIVO */</span><br />
border:1px solid #ececec; <span class="Apple-style-span" style="color: red;">/* COLOR DEL BORDE DEL NÚMERO ACTIVO */</span><br />
}<br />
<span class="Apple-style-span" style="color: blue;">/* IMAGEN */</span><br />
#menucontent .menuvku-rig img{<br />
float:right;<br />
padding:4px 5px 5px 0;<br />
border:0<br />
}<br />
<span class="Apple-style-span" style="color: blue;">/* CONTENIDO */</span><br />
#menucontent .menucontent1 {<br />
background:#123; <span class="Apple-style-span" style="color: red;">/* COLOR DEL FONDO DEL CONTENIDO */</span><br />
border:1px solid #ececec; <span class="Apple-style-span" style="color: red;">/* COLOR DEL BORDE QUE RODEA EL CONTENIDO */</span><br />
padding:4px 3px;<br />
margin:0px;<br />
}<br />
<br />
#menucontent .menucontent1:hover {<br />
background: #222; <span class="Apple-style-span" style="color: red;">/* COLOR DEL FONDO AL PASAR EL CURSOR */</span><br />
}<br />
</style><br />
<script language="JavaScript"><br />
/* http://loseasi.blogspot.com/<br />
CREADO POR: Vku. NO BORRAR LOS CREDITOS<br />
SLIDESHOW DE ENTRADAS */<br />
imgr = new Array(); // <-- NO TOCAR<br />
<br />
<span class="Apple-style-span" style="color: blue;">// IMAGEN QUE MUESTRA AL NO TENER UNA PROPIA LA ENTRADA</span><br />
imgr[0] = "<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9GpKYgsrdXP0MKae-cm8zZJqde53fzzDr8MD1eT_5G3suAApPMJJF7RTLsIdo1ZkR57SNP8fxOCXVSXbPgF7y4H7n9-gHVnNhsIeOQwsjM_x8N3OHww25UJXXyNCRwgEGXKwsHUxu1mIN/s1600/sin-imagen.png</b>";<br />
<span class="Apple-style-span" style="color: blue;">// IMAGEN BOTÓN PLAY 16x16 píxels</span><br />
img_play = "<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQfy3KfuEBA3crhGD4V4nayyQSg_brrNrs9Q3PU6qhFi_zcvX2vnMIgorugIY1zWRgoIuoY4wtQs-0WCnQAa4nuHpHKJlAntPuWlKxTWMnIO76JwIKum6uBzPqJc2SXXExM3FyM4UhFeX5/s1600/play.gif</b>";<br />
<span class="Apple-style-span" style="color: blue;">// IMAGEN BOTÓN STOP 16x16 píxels</span><br />
img_stop = "<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaCCzk0QEajziBbrJG242-Ye5VOLq48zsKg0DpT1PZDUvMT06BD48XvdKFCMfM4ONShwkIQSxiwxsfp5dGil-roPhtqH4Q7Qkd6andQGU2iqNbBAB6uaArj9LDsdOzZP9afi81Z1Vzi1U5/s1600/stop.gif</b>";<br />
<br />
<span class="Apple-style-span" style="color: blue;">// TAMAÑO DE LAS IMÁGENES</span><br />
imgwidth = <b>125</b>; <span class="Apple-style-span" style="color: red;">// ANCHO</span><br />
imgheight = <b>125</b>; <span class="Apple-style-span" style="color: red;">// ALTO</span><br />
<br />
<span class="Apple-style-span" style="color: blue;">// TÍTULOS DE LAS ENTRADAS</span><br />
fntsize = <b>14</b>; <span class="Apple-style-span" style="color: red;">// TAMAÑO FUENTE</span><br />
acolor = "<b>#ffffff</b>"; <span class="Apple-style-span" style="color: red;">// COLOR FUENTE</span><br />
<br />
<span class="Apple-style-span" style="color: blue;">// DESCRIPCIÓN DE LAS ENTRADAS</span><br />
entradasPost = <b>400</b>; <span class="Apple-style-span" style="color: red;">// CANTIDAD DE TEXTO</span><br />
entradasFontsize = <b>12</b>; <span class="Apple-style-span" style="color: red;">// TAMAÑO FUENTE</span><br />
entradasColor = "<b>#ececec</b>"; <span class="Apple-style-span" style="color: red;">// COLOR FUENTE</span><br />
<br />
<span class="Apple-style-span" style="color: blue;">// COMENTARIOS</span><br />
showPostComent = <b>true</b>; <span class="Apple-style-span" style="color: red;">// true para mostrar, false para ocultar</span><br />
text = "<b>comentarios</b>"; <span class="Apple-style-span" style="color: red;">// TEXTO</span><br />
cfntsize = <b>12</b>; <span class="Apple-style-span" style="color: red;">// TAMAÑO FUENTE</span><br />
ccolor = "<b>#3399FF</b>"; <span class="Apple-style-span" style="color: red;"> // COLOR FUENTE</span><br />
<br />
<span class="Apple-style-span" style="color: blue;">// FECHA DE LAS ENTRADAS</span><br />
showPostDate = <b>true</b>; <span class="Apple-style-span" style="color: red;">// true para mostrar, false para ocultar</span><br />
bfntsize = <b>10</b>; <span class="Apple-style-span" style="color: red;">// TAMAÑO FUENTE</span><br />
bcolor = "<b>#fff000</b>"; <span class="Apple-style-span" style="color: red;">// COLOR FUENTE</span><br />
<br />
<span class="Apple-style-span" style="color: blue;">// CONTINUAR LEYENDO</span><br />
showPostContinuar = <b>true</b>; <span class="Apple-style-span" style="color: red;">// true para mostrar, false para ocultar</span><br />
clltext = "<b>Continuar leyendo</b> &#187;"; <span class="Apple-style-span" style="color: red;">// TEXTO</span><br />
clfntsize = <b>14</b>; <span class="Apple-style-span" style="color: red;">// TAMAÑO FUENTE</span><br />
clcolor = "<b>#ffffff</b>"; <span class="Apple-style-span" style="color: red;">// COLOR FUENTE</span><br />
<br />
var tabcount = new Array("<b>7</b>") <span class="Apple-style-span" style="color: red;">// NÚMERO TOTAL DE ENTRADAS, DE LA 1 A LA 10</span><br />
<br />
var changespeed = <b>4</b>; <span class="Apple-style-span" style="color: red;">// DEMORA EN SEGUNDOS</span><br />
<br />
home_page = "<b>http://loseasi.blogspot.com</b>"; <span class="Apple-style-span" style="color: red;">// LINK DEL BLOG SIN / AL FINAL</span><br />
</script><br />
<script src='http://dl.dropbox.com/u/19457418/jsvku/slidepostvku.js' type='text/javascript'></script><br />
<br />
<div id='menucontent'><br />
<div class='menucontent1' onMouseOver ='javascript:stop_autochange(); return false;' onMouseOut ='javascript:restart_autochange(); return false;'><br />
<br />
<span class="Apple-style-span" style="color: blue;"><!-- LINK ENTRADAS --></span><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">1</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">1</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">2</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">2</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">3</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">3</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">4</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">4</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">5</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">5</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">6</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">6</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<div id="tabcontent<span class="Apple-style-span" style="color: red;">7</span>"><script><br />
document.write('<script src="'+home_page+''+rss_page+'<span class="Apple-style-span" style="color: red;">7</span>'+rssb_page+'"></scr' + 'ipt>');</script></div><br />
<span class="Apple-style-span" style="color: blue;"><!-- Agregamos o quitamos las entradas hasta <b>10,</b> cambiando los número en el <b>ID</b> y en el script. <b>La cantidad tiene que ser igual a la de los números.</b> --></span><br />
<br />
<!--<br />
<span class="Apple-style-span" style="color: blue;">EJEMPLO PARA MOSTRAR OTRO BLOG:</span><br />
<br />
<span class="Apple-style-span" style="color: red;"><div id="tabcontent</span><b>8</b><span class="Apple-style-span" style="color: red;">"><script></span><br />
<span class="Apple-style-span" style="color: red;">document.write('<script src="http://</span><b>OTROBLOG</b><span class="Apple-style-span" style="color: red;">.blogspot.com'+rss_page+'</span><b>1</b><span class="Apple-style-span" style="color: red;">'+rssb_page+'"></scr' + 'ipt>');</script></div></span><br />
<br />
<span class="Apple-style-span" style="color: blue;">EJEMPLO PARA MOSTRAR UNA ETIQUETA O LABEL:</span><br />
<br />
<span class="Apple-style-span" style="color: red;"><div id="tabcontent</span><b>9</b><span class="Apple-style-span" style="color: red;">"><script></span><br />
<span class="Apple-style-span" style="color: red;">document.write('<script src="'+home_page+'/feeds/posts/default/-/</span><b>ETIQUETA</b><span class="Apple-style-span" style="color: red;">?start-index=</span><b>1</b><span class="Apple-style-span" style="color: red;">'+rssb_page+'"></scr' + 'ipt>');</script></div></span><br />
<br />
<span class="Apple-style-span" style="color: blue;">FIN LINK ENTRADAS</span> --><br />
</div><br />
<script><br />
document.write(''+div_easytabs1+''); // NO TOCAR<br />
document.write(''+home_info+''); // NO TOCAR<br />
document.write(''+div_easytabs2+''); // NO TOCAR<br />
<br />
<span class="Apple-style-span" style="color: blue;">// LOS NUMEROS DEL 1 AL 10</span><br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">1</span>+'');<br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">2</span>+'');<br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">3</span>+'');<br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">4</span>+'');<br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">5</span>+'');<br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">6</span>+'');<br />
document.write(''+li_easytabs<span class="Apple-style-span" style="color: red;">7</span>+'');<br />
<span class="Apple-style-span" style="color: blue;">// Agregamos los números, <b>tienen que ser igual cantidad a las entradas.</b></span><br />
<br />
<span class="Apple-style-span" style="color: blue;">// FIN NUMEROS</span><br />
document.write(''+div_easytabs3+''); // NO TOCAR<br />
document.write(''+div_easytabs4+''); // NO TOCAR<br />
</script><br />
</div></blockquote><br />
Por Comentarios en el blog: <a href="http://loseasi.blogspot.com/">¿Cómo se hace...?</a>Unknownnoreply@blogger.com