tag:blogger.com,1999:blog-25641616545251426362024-02-07T13:41:00.521+01:00Ayuda&KaosPilar Lozano Santoshttp://www.blogger.com/profile/14417669816485875991noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-2564161654525142636.post-10696971097023500712007-02-23T01:00:00.000+01:002008-12-12T04:22:20.772+01:00Cambiar el color de fondo...<span id="fullpost"><br /><p style="text-align:justify;"><span style="float:left;background:khaki;border:1px solid darkkhaki;margin-right:5px;margin-top:5px;<br />color:darkred;font-size:100px;line-height:80px;padding-top:1px;padding-right:5px;font-family: times;">E</span>s lo más fácil del mundo:<br />yo voy a mi plantilla y añado un "background:" donde me parece del CSS: en la sidebar1, en la sidebar2, en la widebar o en el main-media. Y pongo el color que me apetece: "light" (suave" o "dark" (oscuro).<br />Así que, cada vez que me aburren los colores de mi blog, voy y cambio el background.<br />Ahora le ha "tocado" a la sidebar1: background: darkblue;<br />Y a la widebar: background: lightblue;<br />Y mañana... quizás le toque a la sidebar2... o a las Entradas... o al pie de página... o al Tablón de Mensajes...<br />Conforme me vaya aburriendo decidiré.</p><br /><br /><p><image class="centered"alt="post-Firma" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMRYLa8lGCnBgrBy_lK1lNaFPw9SmDqrvsjhTBLc3YBLXoFlFnVzwDeQZmgnZHdvijlTEW-nZWsIlPnXOA9zGWXLf3a6PYyFxzH-lPSoRIGcgHso-V7vrYRJdR29aOch1StrVKHgo4U8/s320/Junio2.png" /></p></span>Pilar Lozano Santoshttp://www.blogger.com/profile/14417669816485875991noreply@blogger.com0tag:blogger.com,1999:blog-2564161654525142636.post-34815159417551649742007-02-22T11:00:00.000+01:002008-12-12T04:22:20.798+01:00Elegir el Tema de la Plantilla (Swicht Theme)<span id="fullpost"><br /><p style="text-align:justify;"><span style="float:left;background:khaki;border:1px solid darkkhaki;margin-right:5px;margin-top:5px;<br />color:darkred;font-size:100px;line-height:80px;padding-top:1px;padding-right:5px;font-family: times;">L</span>o he dejado insertado hace un momento en la plantilla "Mínima Ochre" de <a href="http://eloculto.blogspot.com/">El Oculto</a>. La verdad es que se trata de un hack muy versátil y fabuloso para quienes, como yo, nos aburrimos enseguida de ver nuestro blog siempre con el mismo aspecto.<br />Para entender de qué hablo, sólo tenéis que ir a la página de "El Oculto" y pinchar en alguno de los botones del TEMA... enseguida veréis cómo cambia el aspecto.<br />La idea es de Dynamicdrive, y el hack es cosa de <a href="http://purplemoggy.blogspot.com/2006/12/pre-made-theme-switching-templates.html">PurpleMoggy</a>, quien ha preparado un montón de plantillas para insertar en ellas los temas y los widgets para cambiarlos.</p><br />Sólo hay que entrar en la página del hack y buscar si entre los temas de pantilla está el de nuestro blog. Si es así, sólo hay que examinar la "demo CSS" que propone Moggy e insertar en nuestra plantilla la pieza que hará funcionar el hack, y que podéis ver antes del cierre /head<br />En la "demo" del XML file correspondiente a nuestra plantilla, tenéis los widgets para insertar en la sidebar: escoged cual queréis mostrar para que, al pulsarlos, cambie el tema de la plantilla. En mi caso, escogí el "Radio Buttons".<br /><br />Y eso es todo. Sólo tenéis que insertar esa pieza de código tras el cierre /skin y antes del cierre /head, y -en la sidebar de la plantilla-el objeto para pulsar el cambio de tema.<br /><br />Suerte: que os salga bien y os guste el resultado.<br /><br /><br /><p><image class="centered"alt="post-Firma" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMRYLa8lGCnBgrBy_lK1lNaFPw9SmDqrvsjhTBLc3YBLXoFlFnVzwDeQZmgnZHdvijlTEW-nZWsIlPnXOA9zGWXLf3a6PYyFxzH-lPSoRIGcgHso-V7vrYRJdR29aOch1StrVKHgo4U8/s320/Junio2.png" /></p></span>Pilar Lozano Santoshttp://www.blogger.com/profile/14417669816485875991noreply@blogger.com0tag:blogger.com,1999:blog-2564161654525142636.post-87956800447660721302007-02-21T09:49:00.000+01:002008-12-12T04:22:20.817+01:00Destacar texto<span id="fullpost"><br /><p style="text-align:justify;"><span style="float:left;background:khaki;border:1px solid darkkhaki;margin-right:5px;margin-top:5px;<br />color:darkred;font-size:100px;line-height:80px;padding-top:1px;padding-right:5px;font-family: times;">A</span>quí, en color amarillo: <p> <span style="background-color:yellow;">Puedes destacar el texto con sólo cambiar la definición antes del cierre "span"</span>. Detrás, se puede continuar escribiendo, dentro de la tag "code", sin marcar color;<code>(texto sin marcar)</code>Tras el cierre del "code", abierto un nuevo "span", vuelve a marcarse el color elegido.<span style="background-color:yellow;">Y vamos al código:</span>.<br /></p><br /></p><br /><DIV align="center"> <br /><div style="width:200px;height:159px;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;background:url(http://www.mandarindesign.com/images/monday.jpg)"><br /><p style="position:relative;"><p> <span style="background-color:yellow;">Puedes destacar el texto con sólo cambiar la definición antes del cierre "span"</span>. Detrás, se puede continuar escribiendo, dentro de la tag "code", sin marcar color;<code>(texto sin marcar)</code>Tras el cierre del "code", abierto un nuevo "span", vuelcve a marcarse el color elegido.<span style="background-color:yellow;">Y vamos al código:</span>.<br /><br /></p><br /></p><br /></div><br /></DIV><br /><br /><br /><p><image class="centered"alt="post-Firma" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMRYLa8lGCnBgrBy_lK1lNaFPw9SmDqrvsjhTBLc3YBLXoFlFnVzwDeQZmgnZHdvijlTEW-nZWsIlPnXOA9zGWXLf3a6PYyFxzH-lPSoRIGcgHso-V7vrYRJdR29aOch1StrVKHgo4U8/s320/Junio2.png" /></p></span>Pilar Lozano Santoshttp://www.blogger.com/profile/14417669816485875991noreply@blogger.com0tag:blogger.com,1999:blog-2564161654525142636.post-67497111510436472452007-02-21T01:24:00.000+01:002008-12-12T04:22:20.834+01:00Definir de una vez los colores de los links... y con efecto mouseover...<span id="fullpost"><br /><p style="text-align:justify;"><span style="float:left;background:khaki;border:1px solid darkkhaki;margin-right:5px;margin-top:5px;<br />color:darkred;font-size:100px;line-height:80px;padding-top:1px;padding-right:5px;font-family: times;">E</span>so es lo que acabo de hacer... que ya me tenía hartita tanto elegir colores... para terminar haciéndome un lío.<br />Así que me preguntaba si no habría nada por ahí que me lo diera hecho, además de cambiarme el color cuando pasase el ratón por encima... <br />Y sí... <br />Quien quiera, que pase el ratón por encima de cualquiera de los vínculos de las entradas de este blog: "seguir", marcadores, etiquetas, página arriba y abajo, etc... veréis cómo cambia el color a un naranja oscuro, al posar el ratón encima.<br />Y mañana sigo, que ya tengo mucho sueño...<br />(Coime... acabo de darme cuenta de que este hack me interfiere con el blockquote de las comillas, porque éste se "esconde" ... anda... pues voy a tener que elegir...)<br />... Y... ahora no hay problema... será cosa del navegador... o de Google, qué sé yo. Bueno: aquí va el CSS de los links (antes del cierre de skin):<br /><br /><DIV align="center"> <br /><div style="width:200px;height:159px;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;background:url(http://www.mandarindesign.com/images/monday.jpg)"><br /><p style="position:relative;">a:link {<br />color:purple; /*Unvisited link color*/<br />text-decoration:none; <br />}<br />a:visited { /*visited link color*/<br />color:red;<br />text-decoration:none;<br />}<br />a:hover { /*color on mouseover*/<br />color:darkorange;<br />text-decoration:underline;<br />}<br /></p></div></DIV><br /><br /></p><br />PD: Detrás de la última definición de color (la del "hover") he añadido un fondo amarillo... así parece que el link esté "encerrado" en una caja. Creo que así se ve mejor el efecto. Y he sustituído el efecto "underline" (la línea que subraya el link) por un "none"... o sea, nada.<br />De manera que esta última definición queda así:<br /><br /><DIV align="center"> <br /><div style="width:200px;height:159px;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;background:url(http://www.mandarindesign.com/images/monday.jpg)"><br /><p style="position:relative;">a:hover { /*color on mouseover*/<br />color:darkorange;<br />background: yellow;<br />text-decoration:none;<br />}<br /></p></div></DIV><br /><br /><p><image class="centered"alt="post-Firma" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMRYLa8lGCnBgrBy_lK1lNaFPw9SmDqrvsjhTBLc3YBLXoFlFnVzwDeQZmgnZHdvijlTEW-nZWsIlPnXOA9zGWXLf3a6PYyFxzH-lPSoRIGcgHso-V7vrYRJdR29aOch1StrVKHgo4U8/s320/Junio2.png" /></p></span>Pilar Lozano Santoshttp://www.blogger.com/profile/14417669816485875991noreply@blogger.com0