tag:blogger.com,1999:blog-4037928683508311382011-10-24T21:01:07.105-07:00Repicar...reinventaWEBnoreply@blogger.comBlogger81100tag:blogger.com,1999:blog-403792868350831138.post-19051240261701883842008-12-07T09:00:00.000-08:002008-12-08T17:39:24.041-08:00Imagen de cabeceraLa imagen de cabecera tiene la particularidad que podemos arrastrarla gracias al efecto Drag and Drop que se obtiene con Prototype y Scriptaculous.<br />Los script están instalados en la plantilla y los podemos utilizar para otros proyectos.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-1905124026170188384?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-11281152029211268902008-12-06T10:06:00.000-08:002008-12-08T16:34:03.926-08:00Expandir | RecogerLa plantilla contiene script para expandir y recoger cualquier contenido.<br />Para que surta efecto es necesario hacer uso del siguiente código.<br /><a onclick="return verocultar(this);" href="javascript:void(0);">[+/-]</a><div style="display: none;"><br /><div style="border: 3px double rgb(204, 204, 204); margin: 0pt auto; height: 80px; text-align: left; width: 460px;"><br /><a onclick="return verocultar(this);"href="javascript:void(0);">[+/-]</a><br /><div style="display: none;"><span style="font-weight: bold;">Contenido oculto</span></div><br /><br /></div></div><br />Si queremos evitar copiar el código cada vez que le demos uso podemos incluirlo en la plantilla de entrada:<br /><span style="font-weight: bold;font-size:85%;" >"CONFIGURACIÓN |FORMATO |PLANTILLA DE ENTRADA"</span><br />Esto hará que automáticamente aparezca en nuestro editor.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-1128115202921126890?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-84649861405633543262008-12-05T09:19:00.000-08:002008-12-08T16:33:52.599-08:00Borde en imágenes<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_q4j3j-JA2ro/STSSii0SrXI/AAAAAAAAGbM/cYLRPMYA_bg/s1600-h/z10031303.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/_q4j3j-JA2ro/STSSii0SrXI/AAAAAAAAGbM/cYLRPMYA_bg/s320/z10031303.jpg" border="0" /></a></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-8464986140563354326?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-36952951923891531042008-12-04T03:51:00.000-08:002008-12-08T16:33:40.527-08:00Blockquote<blockquote><br />Vestibulum fringilla, velit a consequat convallis, neque diam volutpat lacus, et sodales elit neque ac augue. Integer porttitor massa ac orci blandit blandit. Maecenas nisi. Fusce dignissim, magna in vestibulum iaculis, felis diam scelerisque libero, semper gravida risus dui vel ipsum. Sed elementum sem condimentum velit. Quisque pellentesque ultricies nunc.<br /></blockquote><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-3695295192389153104?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-12770108951799773322008-12-03T16:27:00.000-08:002008-12-08T16:33:05.308-08:00FaviconLa imagen del favicon la encontraremos en plantilla Edición de HTML después de <head> entre estas líneas <!-- Favicon--><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-1277010895179977332?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-62453837734947767302008-12-02T15:29:00.000-08:002008-12-08T16:33:27.722-08:00Buscador internoEn DISEÑO |AÑADIR UN GADGET |HTML/Javascript podemos incluir el buscador personalizado.<br /><a onclick="return verocultar(this);" href="javascript:void(0);">[+/-]</a><div style="display: none;"><br /><div style="border: 3px double rgb(204, 204, 204); margin: 0pt auto; height: 200px; text-align: left; width: 500px;"><br /><form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Buscar..." type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="background:url('http://4.bp.blogspot.com/_q4j3j-JA2ro/STh92dWQmyI/AAAAAAAAGd0/Sg5upESJ3Ns/s000/bg.jpg'); no-repeat right center;border-bottom:2px double #C2B199;border-right:1px solid #C2B199; width: 160px;color:#8B4513;" vinput="" name="q"/></form><br /><br /></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-6245383773494776730?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-52203028928365483112008-12-01T17:14:00.000-08:002008-12-10T08:41:45.597-08:00Imágenes de la plantillaEstas son las 5 imágenes que contiene la plantilla, están alojadas en Blogger pero es importante tenerlas siempre a nuestra disposición por lo que recomiendo descargarlas.<br /><br />Fondo<span style="font-family: monospace;"> </span>body <a href="http://1.bp.blogspot.com/_q4j3j-JA2ro/ST3G1OpJy1I/AAAAAAAAGmI/dJJD38V10B0/s320/elegance.gif">Descargar</a><br />Campanas cabecera <a href="http://1.bp.blogspot.com/_q4j3j-JA2ro/ST3Gu7GWykI/AAAAAAAAGlo/wrbHzpEhjhU/s320/Bell.png">Descargar</a><br />Fondo outer-wrapper <a href="http://3.bp.blogspot.com/_q4j3j-JA2ro/ST3Gwc_KAuI/AAAAAAAAGlw/vOMTx0T5XBI/s320/bg.jpg">Descargar</a><br />Vela (gadget) <a href="http://2.bp.blogspot.com/_q4j3j-JA2ro/ST3Gz-4TaUI/AAAAAAAAGmA/NLxTHQiOM4A/s320/Candle.png">Descargar</a><br />Bullet sidebar <a href="http://3.bp.blogspot.com/_q4j3j-JA2ro/ST3GxmC5hSI/AAAAAAAAGl4/fS-5bzV3Dyk/s320/bullet.gif">Descargar</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-5220302892836548311?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.comtag:blogger.com,1999:blog-403792868350831138.post-11138060591526571012008-12-01T01:39:00.000-08:002008-12-08T16:33:18.275-08:00MenúEn plantilla Edición de HTML podemos configurar el breve menú.<br />Bastará con localizar:<br /><br /><a href='<span style="font-weight: bold;"><span style="font-weight: bold;">#</span></span>'><span style="font-weight: bold;">Home</span></a> | <a href='<span style="font-weight: bold;">#</span>'><span style="font-weight: bold;"> Escritorio</span></a> | <a href='#'><span style="font-weight: bold;">Perfil</span> |</a><br /><br />Sustituimos el asterisco <b>#</b> por la url de la página que corresponda.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/403792868350831138-1113806059152657101?l=repicar.blogspot.com' alt='' /></div>Gem@noreply@blogger.com