tag:blogger.com,1999:blog-7470192961806963601.post624268498204013100..comments2024-03-19T12:20:08.873+01:00Comments on Oloblogger: Botones en movimiento. RolloverOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger85125tag:blogger.com,1999:blog-7470192961806963601.post-64250676922989661792016-12-22T00:34:29.856+01:002016-12-22T00:34:29.856+01:00Quizás para eso sea mejor este otro tip: http://ww...Quizás para eso sea mejor este otro tip: <a href="http://www.oloblogger.com/2013/02/libros-online-html-css-javascript.html" rel="nofollow">http://www.oloblogger.com/2013/02/libros-online-html-css-javascript.html</a>Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-61855424641342576072016-12-10T01:57:21.032+01:002016-12-10T01:57:21.032+01:00Hola Oloman, quisiera saber si con el tutorial que...Hola Oloman, quisiera saber si con el tutorial que has mostrado se puede crear algo como esto:<br />http://www.designsave.net/preview?theme=free-anime-visual-blogger-template&l=2025<br /><br />al pasar el cursor por iconos situados en la parte de la cabecera (icono RSS, icono Mensaje), éstos crean otra imagen pero se desplaza a la derecha, dando la sensación de que la chica de Anime esté hablando jejejejeje :3<br /><br /><br />"onmouseover"Toxico.ÐMhttps://www.blogger.com/profile/10154934091810657300noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-84348440732641443952013-08-28T20:15:14.779+02:002013-08-28T20:15:14.779+02:00Pásame un dirección dónde pueda ver eso, Olga.Pásame un dirección dónde pueda ver eso, Olga.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58853029067779766382013-08-27T14:26:00.055+02:002013-08-27T14:26:00.055+02:00Hola Oloman, gracias por el tutorial. He conseguid...Hola Oloman, gracias por el tutorial. He conseguido hacer el menú pero cuando pones el ratón encima de cada botón, a la izquierda de la imagen sale un pequeño subrayado, no debajo de la imagen sino a continuación, que parece del link... en la primera imagen de la izquierda no aparece pero en las restantes sí... ¿cómo hago para quitarlo? muchas graciasOlgahttps://www.blogger.com/profile/00658635494025227605noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-23254794877989292472012-04-24T20:29:58.095+02:002012-04-24T20:29:58.095+02:00Tendrías que usar el primer código de esta entrada...Tendrías que usar el primer código de esta entrada y sustituir URLimagenORIGINAL (esta está en dos sitios) por la dirección de una imagen y URLimagenBIS por la de la otra. No olvides cambiar también URLenlace por el destino del botón.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-73355918245891640122012-04-20T03:12:56.419+02:002012-04-20T03:12:56.419+02:00HAST AAHORA ESTOY PEOR QUE HACE 10 MINUTOS. TENGO ...HAST AAHORA ESTOY PEOR QUE HACE 10 MINUTOS. TENGO DOS IMÁGENES EN UNA CARPETA QUE ESTA EN MI ESCRITORIO.... ESA CARPETA TIENE DOS IMAGENES PARA UN ROLLOVER DE UN BOTON EN MI PÁGINA. Perdón por la mayúscula, si borro se me va la idea. Necesito, si alguien puede claro, el código exacto para insertar mis dos imágenes sin tanto rollo porque no entiendo ni "J" He estado trabajadno con html pero ésto ya me ha calentado la cabeza y no doy. hay muchos codigos por ahi que dicen son la solución peor no explican donde exactamente debo meter el nombre de la imágen y la ubicación de cada uno. Cabe mencionar que .... la ubicación que le de ahora, no será la definitva pues tengo ke subirla a un servidor, supongo que cambia la dirección de ubicación??? OJALÁ alguien me pueda ayudar. De antemano MIL GRACIAS.Jonathanhttps://www.blogger.com/profile/05719887280536483544noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-57874048350589760462011-05-21T17:47:46.708+02:002011-05-21T17:47:46.708+02:00No hay de qué. Ya veo que está hecho Ricardo.No hay de qué. Ya veo que está hecho <b>Ricardo</b>.Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-87663811762183562332011-05-21T11:51:51.809+02:002011-05-21T11:51:51.809+02:00GRACIAS!!!
ya veo dónde estaba el problema, yo apl...GRACIAS!!!<br />ya veo dónde estaba el problema, yo aplicaba el cambio de las comillas al DIV entero y por eso daba el error en blogger. al final, por la impaciencia, cambié y lo hice todo con el último truquillo de transparencia y ya está la página 100% operativa (<a href="http://megustanlascamisetas.com" rel="nofollow">megustanlascamisetas.com</a>). bueno, pero siempre en re-construcción, jeje...<br />creo que, ahora que sé cómo, voy a combinar las dos opciones: dejaré la parte principal como está con transparencias y los botones de abajo los haré con dos gif como era mi intención inicial.<br /><br />¡¡MUCHAS GRACIAS DE NUEVO!! ¡¡IMPRESCINDIBLE TU AYUDA!!ikado arthttps://www.blogger.com/profile/12813514231759890225noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-21737576391226951002011-05-21T01:02:00.119+02:002011-05-21T01:02:00.119+02:00Hola Ricardo. El error ese se refiere a las comill...Hola Ricardo. El error ese se refiere a las comillas. Al meter el "botón" dentro de la plantilla, el código exacto sería así:<br /><a href='URLenlace' onmouseout='getElementById(&quot;IdentificadorUnico&quot;).src=&quot;URLimagenORIGINAL&quot;;' onmouseover='getElementById(&quot;IdentificadorUnico&quot;).src=&quot;URLimagenBIS&quot;;'><br /><img id='IdentificadorUnico' src='URLimagenORIGINAL'/><br /></a><br />Copia, pega y luego sustituye los ID y las direcciones del enlace y las imágenes.<br /><br />Una vez que veas que el primero te funciona, haz lo mismo con el resto. No olvides que las otras imágenes/enlaces deberán llevar unos ID distintos.<br /><br />Y sí, la portada te ha quedado genial :DOlomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-3946151945759723872011-05-17T11:18:19.925+02:002011-05-17T11:18:19.925+02:00hola majo.
como siempre que paso por aquí, lo prim...hola majo.<br />como siempre que paso por aquí, lo primero darte las gracias por toda la ayuda que nos prestas.<br /><br />y ahora te cuento lo mío: en la última fase de pruebas, estoy intentando aplicar el efecto "rollover" en una portada de blog, que he preparado como DIV siguiendo <a href="http://oloblogger.blogspot.com/2010/02/otra-pantalla-de-presentacion-facil.html" rel="nofollow">otra explicación tuya</a>. la portada y todos los enlaces se comportan según lo previsto, pero el rollover nada.<br /><br />lo estoy haciendo con la primera opción, usando dos imágenes. ya he probado a reemplazar las comillas según el comentario (64) y menos aún, me da el siguiente mensaje:<br /><i>No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente. <br />Mensaje de error de XML: Open quote is expected for attribute "{1}" associated with an element type "href".</i><br /><br /><a href="http://follosperez.blogspot.com/" rel="nofollow"><b>si le puedes echar un vistazo</b></a>, a ver si se te ocurre algo antes de empezar a probar los métodos alternativos, ya que me ha llevado bastante trabajo (espero que se note ;-) y no quisiera repetirlo...ikado arthttps://www.blogger.com/profile/12813514231759890225noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-68801748430065196262011-02-21T21:02:13.349+01:002011-02-21T21:02:13.349+01:00¿Te parece que sigamos esta conversación a partir ...¿Te parece que sigamos esta conversación a partir de <a href="http://oloblogger.blogspot.com/2011/02/modificar-el-aspecto-del-corte-mas.html" rel="nofollow">esta entrada</a> <b>Tapestryworkerman</b>?Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-16257854261059761362011-02-17T23:40:17.640+01:002011-02-17T23:40:17.640+01:00Hola, ya estoy de nuevo por aquí.
¿Tengo que poner...Hola, ya estoy de nuevo por aquí.<br />¿Tengo que poner esto en cada etiqueta?:<br />.efecto {background:url(DIRECCION IMAGEN NORMAL);}<br />.efecto:hover {background:url(DIRECCION IMAGEN HOVER);}<br />¿O esto otro?:<br />.jump-link a:hover {<br />background:url(http://4.bp.blogspot.com/-d2UnnFjI4d0/TVhd91PuRqI/AAAAAAAANBY/oQbqZXeQbgA/s400/leermas2.gif) no-repeat;<br />}<br />... ¿y luego añadir el .efecto antes del cierre del skin?<br />¿O ninguna de las dos es la buena?<br />Soy un mar de dudas, ya me dirás.<br />Un saludo y gracias por tu paciencia infinita ;)Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-50658715846067548212011-02-14T18:44:12.929+01:002011-02-14T18:44:12.929+01:00Hola Oloman.
Ya me daba por vencido,pero me has da...Hola Oloman.<br />Ya me daba por vencido,pero me has dado una alegría de dimensiones considerables... ya estoy esperando el día del post ;)<br />Gracias de nuevo.<br />Un saludo.Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-41753645735003493822011-02-14T00:35:47.746+01:002011-02-14T00:35:47.746+01:00Lo he repensado, Tapestryworkerman. De todo lo esc...Lo he repensado, <b>Tapestryworkerman</b>. De todo lo escrito, sólo quédate con la última línea. Lo demás lo reescribo próximamente en un post, que es algo más complicado de lo que creía... pero no mucho ;)Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58135656788933936882011-02-13T22:33:49.128+01:002011-02-13T22:33:49.128+01:00Vale, Tapestryworkerman, ya tengo más pistas. Supo...Vale, <b>Tapestryworkerman</b>, ya tengo más pistas. Supongamos que conservas esa imagen que usas y ahora creas otra para el efecto (leermsm2.png). <br />Primero antes del cierre /b:skin, insertas esto<br />.jump-link {width:120px;height:51px;display:block;}<br />.jump-link a {background:url(http://img515.imageshack.us/img515/2426/leermsm.png);}<br />.jump-link a:hover {background:url(DIRECCION IMAGEN leermsm2.png);}<br />Con eso tendrás un 'cuadro' de 120x51px y un fondo igual al de tu imagen actual. Cuando se pase el puntero por encima, se 'activará' el HOVER y el fondo cambiará a la segunda imagen.<br />Ahora falta quitar la imagen que pusiste de la parte HTML. Para eso, simplemente quita <... src='http://img515.imageshack.us/img515/2426/leermsm.png'/><br />Y ya está...<br /><br />Con las clases EFECTO igual, hay que meterlas antes del cierre del SKIN.Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-37577814831687410672011-02-11T15:20:39.322+01:002011-02-11T15:20:39.322+01:00Hola Oloman.
Tengo que decirte que me he quedado p...Hola Oloman.<br />Tengo que decirte que me he quedado peor de lo que estaba, no entiendo este idioma por mucho que lo intente.<br />He buscado en la plantilla y he encontrado esto:<br /><br />...b:if cond='data:post.hasJumpLink'><br /> <(...) class='jump-link'><br /> <a rel="nofollow"><... src='http://img515.imageshack.us/img515/2426/leermsm.png'/></a><br /><br />No sé si te servirá de algo, pero en el caso de ser lo que creías, ¿dónde debo insertar esto?:<br />.jump-link a {background:url(DIRECCION IMAGEN NORMAL);}<br />.jump-link a:hover {background:url(DIRECCION IMAGEN HOVER);}<br /><br />En relación a las etiquetas, estamos en las mismas, no sé ni donde ni cómo insertar las clases .efecto que me dices y mucho menos darle propiedades.<br />Ya lo siento, pero soy un negado en estas lides.<br />Gracias por todo.Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-53008736074377844112011-02-11T00:29:24.729+01:002011-02-11T00:29:24.729+01:00Tapestryworkerman, no sé cómo tienes montado ese l...<b>Tapestryworkerman</b>, no sé cómo tienes montado ese leer más, pero si es cómo creo, puedes probar con insertar esta clase:<br /><br />.jump-link a {background:url(DIRECCION IMAGEN NORMAL);}<br />.jump-link a:hover {background:url(DIRECCION IMAGEN HOVER);}<br /><br />Pero no confíes mucho en el resultado porque ese tipo de salto no lo he usado nunca y no sé de que manera insertaste la imagen. Esto creará una de fondo que cambiará al pasar el puntero por encima de ella.<br /><br />Sobre las imágenes de las categorías, en la matriz del script y para cada imagen, incluye un class="efecto":<br />imagenes[1] = &quot;<img <b>class="efecto"</b> src='URLimagenETIQUETA1' style='float:left;display:block;border:solid 1px;' title='Categoría: ETIQUETA1'/>&quot;<br /><br />Luego creas las clases...<br />.efecto {}<br />.efecto:hover {}<br />...y les pones distintas propiedades según quieras. Por ejemplo distintos WIDTH o transparencia.<br /><br />Lo del avatar no tengo ni idea. Repasa tu cuenta Google a ver cómo tienes el tema del avatar.Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-64585107219222173142011-02-10T21:15:02.864+01:002011-02-10T21:15:02.864+01:00... y otra cosa, ¿por qué no sale mi avatar en tu ...... y otra cosa, ¿por qué no sale mi avatar en tu página y en alguna otra?, ¿debería cambiarme el nombre por Invisibleworkerman? :)Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-92129198566620519062011-02-10T21:08:17.796+01:002011-02-10T21:08:17.796+01:00Hola Oloman.
A ver, tengo un "leer más" ...Hola Oloman.<br />A ver, tengo un "leer más" al que me gustaría darle vidilla agrandando la imagen al paso del ratón y a los iconos de categorías en el title (que ya recordarás) también, la duda está en donde tengo que colocar el código en ambos casos... o lo que sea, que de sofás entiendo un rato, pero en estos menesteres soy el más torpe de los que anuncias en tu cabecera.<br />Un saludo.Tapestry Workermanhttps://www.blogger.com/profile/13448223962049496417noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-50219581750890424702011-01-13T06:56:25.305+01:002011-01-13T06:56:25.305+01:00GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Lhttps://www.blogger.com/profile/14008794821307160001noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-28511377819036934702010-12-30T10:12:14.440+01:002010-12-30T10:12:14.440+01:00Gracias por la info,ha sido un error mío no especi...Gracias por la info,ha sido un error mío no especificar que estaba trabajando en la plantilla,gracias de nuevo y felices fiestas..Anonymoushttps://www.blogger.com/profile/10393193205481573010noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-51791783012320498792010-12-30T00:32:35.613+01:002010-12-30T00:32:35.613+01:00Juan Martin, ya he visto que funcionan.
De todas ...<b>Juan Martin</b>, ya he visto que funcionan.<br /><br />De todas formas aclaro la cosa porque con tu penúltimo mensaje comprendí cual era el problema. No se redacta igual en plantilla que en un gadget. Cuando añadiste un sección, realmente convertiste la cabecera en un gadget y por eso te funcionó.<br /><br />Para que ese mismo código corra correctamente en la plantilla, hay que cambiar todas las comillas dobles (") por simples (') y todas las simples por &quot; <br /><br />Y eso para cualquier tipo de código.Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58024349208408372772010-12-29T12:55:52.218+01:002010-12-29T12:55:52.218+01:00Oloman ya lo he conseguido por fin agregando un b ...Oloman ya lo he conseguido por fin agregando un b section en la plantilla,muchas gracias por toda la ayuda que nos ofreces.Anonymoushttps://www.blogger.com/profile/10393193205481573010noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-89480096527264711492010-12-29T01:10:08.349+01:002010-12-29T01:10:08.349+01:00Al comprobar el código cuando guardo la plantilla ...Al comprobar el código cuando guardo la plantilla se visualizan nuevos elementos (&apos)que se colocan automaticamente al guardar la plantilla delante de la numeración y las dos primeras url de imagenes :<br /><br />He probado el código en el html de la sidebar agregandolo como archivo html manteniendo el otro código en la plantilla.Me aparecen en los dos sitios (header y sidebar)y cuando paso el mouse sobre los iconos del header si se cambian de color.Anonymoushttps://www.blogger.com/profile/10393193205481573010noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-15342119940053390562010-12-29T01:08:09.503+01:002010-12-29T01:08:09.503+01:00Sigue la cosa esturreada. Por más comprobaciones q...Sigue la cosa esturreada. Por más comprobaciones que he hecho, no veo dónde está la errata, pero copia y pega esto tal cual:<br /><br /><a href="http://twitter.com/checkapps" onmouseout="getElementById('1234').src='http://3.bp.blogspot.com/_2TTDa66qlWU/TRpX74yz3VI/AAAAAAAAAg4/h1Ra0RE6adA/s100/twitter.png';" onmouseover="getElementById('1234').src='http://3.bp.blogspot.com/_2TTDa66qlWU/TRpX8B3Go8I/AAAAAAAAAhI/gD6VVZFdPKo/s100/rss.png';"><img title="Twitter" id="1234" src="http://3.bp.blogspot.com/_2TTDa66qlWU/TRpX74yz3VI/AAAAAAAAAg4/h1Ra0RE6adA/s100/twitter.png" /></a><br /><br />Eso seguro que funciona. Luego sólo sustituye la imagen de RSS por tu segunda imagen. Con los otros dos enlaces lo mismo, pero con otros ID distintos.Olomanhttps://www.blogger.com/profile/11489455592466904176noreply@blogger.com