Talvez no te gusta que tus links tengan un subrayado, o por el contrario quieres que lo tengan, o si los quieres de otro color entonces te daré los atributos para personalizar tus links.
Primero hay que localizar dónde pondremos estos atributos; vamos a Diseño > Edición de HTML y sin expandir artilugios buscamos la propiedad a:link { abajo de él está a:visited { y luego a:hover {
a:link representa el modo como se ven todos los links de la página antes de hacer click en ellos
a:visited representa la apariencia de los links después de haber dado click en ellos
a:hover es el efecto que da al pasar el mouse sobre un link
Abajo de estas propiedades encontraremos sus atributos color (el que le da el color) y text-decoration (el efecto del link)
Lo único que hay que hacer es cambiar estos atributos, en color podemos poner el color que sea, por ejemplo #00000 si queremos que sea completamente negro.
En el caso de de text-decoration estos son los efectos que podemos usar:
underline: muestra el subrayado
none: quita el subrayado
blink: link parpadeante (no funciona para Internet Explorer ni Google Chrome)
También podemos agregar más atributos (los siguientes se ven mejor dentro de a:hover)
font-weight:bold; hará que el link se convierta en negrita
font-style:italic; hará que el link se convierta en cursiva
font-size:16px; cambiará el tamaño del texto del link
background:#fe6700; cambiará el fondo a color naranja (el color lo pueden cambiar)
background-image:url(http://dl.getdropbox.com/u/647003/stars.gif); mostrará unas estrellitas en el link
Finalmente así podría quedar:
Primero hay que localizar dónde pondremos estos atributos; vamos a Diseño > Edición de HTML y sin expandir artilugios buscamos la propiedad a:link { abajo de él está a:visited { y luego a:hover {
a:link representa el modo como se ven todos los links de la página antes de hacer click en ellos
a:visited representa la apariencia de los links después de haber dado click en ellos
a:hover es el efecto que da al pasar el mouse sobre un link
Abajo de estas propiedades encontraremos sus atributos color (el que le da el color) y text-decoration (el efecto del link)
Lo único que hay que hacer es cambiar estos atributos, en color podemos poner el color que sea, por ejemplo #00000 si queremos que sea completamente negro.
En el caso de de text-decoration estos son los efectos que podemos usar:
underline: muestra el subrayado
none: quita el subrayado
blink: link parpadeante (no funciona para Internet Explorer ni Google Chrome)
También podemos agregar más atributos (los siguientes se ven mejor dentro de a:hover)
font-weight:bold; hará que el link se convierta en negrita
font-style:italic; hará que el link se convierta en cursiva
font-size:16px; cambiará el tamaño del texto del link
background:#fe6700; cambiará el fondo a color naranja (el color lo pueden cambiar)
background-image:url(http://dl.getdropbox.com/u/647003/stars.gif); mostrará unas estrellitas en el link
Finalmente así podría quedar:
a:link {
color:#787878;
text-decoration:none;
}
a:visited {
color:#585858;
text-decoration:blink;
}
a:hover {
color:#fe6700;
text-decoration:none;
font-weight:bold;
font-style:italic;
background-image:url(http://dl.getdropbox.com/u/647003/stars.gif);
}
Pueden usar los atributos que crean necesarios y personalizarlos a su gusto.
Ciudad Blogger
Excelente, todo muy claro.
ResponderEliminarGracias !
Por nada Michael, la verdad creí que sólo yo me había entendido, jeje.
ResponderEliminarUn saludo.
muy explicativo excelente :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHOLA POTRO HE BUSCADO Y VUELTO A BUSCAR
ResponderEliminara:link {
a:visited {
a:hover {
PERO NADA NO LOS ENCUENTRO EN MI PLANTILLA :S
AQUI TE DEJO MI BLOG : http://peruanoteve.blogspot.com/
AVER SI ME DAS UN SOLUCION
SALUDOS
100% CIUDADBLOGGER ^^ !!!
Hola PeruanoTeve,
ResponderEliminarEn tu plantilla a:link no está así, sino como
a{
color:#000;
text-decoration:none;
}
Justo debajo está a:hover.
En el caso de a:visited no lo tiene pero se lo puedes poner.
Saludos.
Muy buen tip me sirvió mucho, lo que yo quería hacer era quitarle el subrayado al pasar a mouse al titulo y hacia los cambios pero no me salían, les recomiendo a los que quieran hacer eso cambiar los atributos que están debajo de esta linea.
ResponderEliminar.post h3 strong, .post h3 a:hover {
Gracias Potro un saludo
Qué bueno que por fin supiste cómo hacer lo que querías :)
ResponderEliminarHola, yo quisiera que en mi lista de blogs que incluyo también el mio, este apareciera de otro color seria eso posible gracias.
ResponderEliminarNo es posible, es una lista de enlaces que aplica la misma configuración para todos los blogs.
ResponderEliminarLo pregunté porque lo vi por casualidad en este blog http://laventanaindiscretadejulia1.blogspot.com/ donde todos los blogs enlazados están con letra negra y el suyo propio está con letra roja.
ResponderEliminarDesconozco cómo lo haya hecho, no veo algún estilo diferente en su plantilla o en el gadget.
ResponderEliminarGracias de todas formas por tomarte la molestia, se quedará ahí como un misterio sin resolver.
ResponderEliminarPues puedes preguntarle al dueño del blog, con suerte te dice si hizo algo especial y deja de ser un misterio.
ResponderEliminarHolaPotro,mira en este blog http://skinep.blogspot.com ya encontre esos atributos loque no se es como puedo quitar el subrayado que hace en las imagenes, si te fijas en los banners de 125x125 estan subrayados de naranja y cuando paso el cursor por ahi se ponen rojos,lo del cursor si lo se, pero quisiera saber como quito el color naranja que lo rodea y si te fijas tambien en el banner del blog esta de naranja. Saludos.
ResponderEliminarHola Borest,
ResponderEliminarYo no veo ningún subrayado en las imágenes pero quizá sea cuestión del navegador.
De cualquier modo agrega estos atributos en tu plantilla:
a img{ border-width:0;}
Saludos.
Ok. si tal ves sea eso, pero uso Mozilla,Mozillano falla :'( jajajaja, se agrego un margen mas bien dicho. Saludos
ResponderEliminar.
Todos los navegadores tienen sus fallas, yo uso Chrome y también tiene sus errores de vez en cuando.
ResponderEliminarSupongo que se arregló con eso, entré con Mozilla y no vi los subrayados o enmarcados.
Saludos.
Si ya sesoluciono, gracias Potro :)
ResponderEliminarj
ResponderEliminarUna preguntilla ¿y para que salga en vez de un color una sombra?
ResponderEliminarTu ejemplo un color background:#fe6700; pues en vez de eso una sombra apropiada al fondo del blog ¡claro!
Saludos
Probando ya lo conseguí
ResponderEliminarNi yo misma me lo creo jeje
Saludos
Por si aún quieres probar con sombras aquí hay dos entradas que quizá te puedan interesar:
ResponderEliminarhttp://ciudadblogger.com/2009/09/efecto-de-sombras-en-los-titulos-de-los.html
http://ciudadblogger.com/2009/10/sombras-en-los-textos-tambien-para.html
¡Saludos!
Gracias Potro, me lo guardo
ResponderEliminarHola, he añadido un gadget en la sidebar de entradas aleatorias con imagen. El gadget no copia el estilo de los links (subrayado y cambio de color?. ¿como puedo hacer que tenga los mismos estilos?
ResponderEliminarDesconozco cómo sea el gadget que has añadido, tal vez en donde lo sacaste puedan orientarte al respecto.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro. Te comento, si miras en mi blog tengo las pestañas alineadas a la izquierda, pero lo que me gustaria es tenerlas centradas, he hecho alguna prueba con center, y he logrado centrarlas pero lo que ocurre que al alinearlas el fondo rojo y la parte superior ( verde ) que las delimita desaparece, vamos que consigo lo que quiero pero estropeando otra.
ResponderEliminarTe facilito el codigo haber si me puedes ayudar con ello. Un abrazo.
/* MENU DOS (Robs)
----------------------------------------------- */
#subnavbar {
background: #f30004;
width: 101%;
height: 27px;
font-weight:bold;
color: #ffffff;
margin: 0px;
border-top: 1px solid #9fff30;
padding: 0px;
font-family:"Comic Sans MS";
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li {
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #ffffff;
display: block;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #9fff30;
border-left: 1px solid #9fff30;
border-right: 1px solid #9fff30;
}
#subnav li a:hover, #subnav li a:active {
background: #000000;
color: #ffffff;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #2b44ff;
width: 120px;
heigth: 26px
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-bottom: 2px solid #9fff30;
border-left: 1px solid #9fff30;
border-right: 1px solid #9fff30;
}
#subnav li li a:hover, #subnav li li a:active {
background: #000000;
margin: 0px;
padding: 5px 10px 5px 10px;
}
#subnav li {
float: left;
padding: 0px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li {
}
#subnav li ul a {
width: 140px;
}
#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover
ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul,
#subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li
li.sfhover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}
Todos, o la gran mayoría de los menús horizontales se alinean de izquierda a derecha, esto es para que puedan quedarse en forma horizontal, y el espacio restante se va llenando con forme se agreguen más pestañas, y si se excede se crea una segunda línea con más pestañas.
ResponderEliminarEn esos casos lo único que se puede hacer es ajustar el tamaño de la letra del menú para que el contenido del menú se agrande o se haga más pequeño y de este modo dé una apariencia de centrado.
Eso se hace en la parte que dice font-size de tu menú.
Saludos.
Gracias Potro por tu rapida respuesta, miraremos a ver que hacemos.
ResponderEliminarUn abrazo
Hola de nuevo,
ResponderEliminarGracias a este post me he decidido a poner un poco más bonita mi lista de enlaces llamada tablas salvavidas, en vez de los puntitos quería poner una imagen y la he añadido pero no sale nada ¿Tengo que modificar algo más?, a parte que quería centralo....
Perdona, por favor, mi torpeza y gracias otra vez
Hola de nuevo :)
ResponderEliminarPara el caso de ese gadget mira esta entrada que explica cómo poner íconos a las listas que hay en los gadgets.
Debajo del código que verás que hay que agregar en esa entrada, pon este para centrarlo:
#LinkList1 {text-align: center;}
Hola Potro quería hacerte una pregunta,
ResponderEliminar¿Cómo puedo cambiarle el color del link a un gadget?
Es que tengo varios gadget de fondo blanco y los link en azul, pero en un gadget quiero ponerlo al revés, fondo azul y link blanco.
Saludos y gracias por adelantado.
Localiza el ID del gadget, por ejemplo en un gadget como este:
ResponderEliminar<b:widget id='HTML1' locked='false' title='' type='HTML'/>
Su ID es HTML1, entonces antes de ]]></b:skin> agrega esto:
#ID a {color:#FFF;}
Cambia donde dice ID por el nombre del ID del gadget.
Gracias por la respuesta, ha salido tal y como quiería.
ResponderEliminarPero también he intentado éste truco en el home-link y no vale, ¿Que puede hacer?
¿Cuál home-link?
ResponderEliminarDonde pone Página Principal en la imágen:
ResponderEliminarhttp://i54.tinypic.com/301jbj5.jpg
Las letras en rojo las quiero poner en negro
De forma similar a lo anterior agrega esto:
ResponderEliminar#blog-pager a {color#FFF;}
Muchas gracias, ya lo arreglé. Saludos.
ResponderEliminarQuerido Potro,
ResponderEliminarEsta vez este mensaje no es para pedirte ayuda sino para agradecerte todo lo que has hecho por mi y desearte que pases una maravillosa noche.
Feliz Navidad
Un abrazo muy fuerte
Patricia
Muchas gracias Patricia, que esta Navidad la goces llena de paz, salud y en compañía de tus seres queridos.
ResponderEliminar¡Un abrazo y feliz Navidad!
Hola! No sé si este es el sitio adecuado para mi consulta. Per es que no sé dónde escribrir!
ResponderEliminarOs cuento, tengo un blog, buenas intenciones y poco conocimiento de informática. He ido aprendiendo poco a poco, pero ahora llevo dos días volviendome loca con esta duda:
He puesto una entrada con una lista de enlaces la cual pienso actualizar. Como puedo poner un icono de esos .gif que ponga "new" al lado de un nuevo enlace? Así la gente diferenciará el link nuevo del que ya estaba.
Gracias!
Ah, este es mi blog:http://rafalvell-equipdesuport.blogspot.com/2011/01/llistat-denllacos.html
Hola Mariajo,
ResponderEliminarEs mejor que uses este sitemap el cual es un sistema automatizado con el cual no tendrás que actualizar nada (lo hace solo), y además coloca el texto Nuevo junto a los títulos de las entradas más recientes.
Saludos.
Gracias! Le he echado un vistazo pero esto afecta a todas las entradas del blog, no?
ResponderEliminarYo estoy buscando la manera de resaltar una nueva entrada en un post que contiene un listado de enlaces, pero sólo quiero que me aparezca el icono "nuevo" en las actualizaciones de links de ese post.
Eso es posible?
De nuevo muuuuchas gracias por tu paciencia
Hola Mariajo,
ResponderEliminarNo afecta a todas las entradas, es decir, el script que se menciona ahí lo pegas ya sea en una entrada o en una página estática y sólo aparecerá ahí.
En el resto de tus entradas todo seguirá de forma normal, no se verá afectado nada.
Cuando alguien quiera ver la lista de entradas de tu blog y reconocer a los nuevos artículos sólo tendrá que ingresar a dicha entrada donde pegaste el código y ahí verá tu lista de enlaces.
Saludos.
Hola, potro, ando con algo parecido, creo a lo que te plantea mariajo.
ResponderEliminarverás, quiero poner en una entrada algo como ese site map pero que recoja sólo las entradas posteriores a él..un lío. Si recuerdas siempre stoy liada con esto de los indices, ahora intento publicar otro poemario en otro blog y ando ajustándole los índices conforme voy subiendo cada poema.
Por ejemplo, he subido los siete u ocho últimos, he ido creando una lista de enlaces a la derecha con cada poema, con vistas a que me sirva de índice, también cada poema con su etiqueta (que es cada título de poema, por si me puede servir luego para crear un sitemap)), pues bien, ahora llego a una entrada que abre (acto III se llama, te lo comento para poder explicarme mejor) esa parte, lleva unos versos introductorios y tras ellos me gustaría agregar una especie de índice de todos los poemas que vienen detrás, índice con títulos con sus enlaces funcionando, claro... y por más que miro y busco, no atino a cómo hacerlo sin tener que volver a escribir todos los títulos con sus enlaces respectivos.
Pensaba en cómo incorporar por ejemplo el gadget "lista de enlaces" a la entrada y que apareciera como aparece en la barra lateral...¿es posible así? Busco el gadget en la plantilla html pero no sé cuál es, y como nunca consigo recordar el atajo en el mac para buscar en una plantilla, me vuelvo loca...
Si me dices si es posible incorporar ese gadget a una entrada y que funcione y si fuera así, cómo dar con él en la plantilla te lo agradecería..:)
Mil gracias ya por haberme leído tantísimo como he scrito, potro! disuclpa por tanta letra
Hola Sofía,
ResponderEliminarLos gadegts que se agregan en la sidebar no pueden agregarse dentro de las entradas pues la estructura de los códigos no lo permite.
Hay otro sitemap que muestra las entradas por fecha, pero lamentablemente no se podrían filtrar entradas, es decir, mostraría todas las entradas publicadas en el blog (del más reciente al último) sin exceptuar alguna o algunas entradas.
Aunque lo que sí podría hacerse es que muestre sólo las entradas de determinadas etiquetas pero que las muestre según su fecha de publicación.
Probablemente no es la mejor solución, pero quizá ese tipo de sitemap se pueda adaptar más a tus necesidades.
P.d. No tienes que disculparte por tanta letra, siempre es un placer poder leerte.
Saludos.
jeje, eres muy amable, Potro.
ResponderEliminarGracias por dejarme se enlace y por lo que me comunicas sobre los gadgets de la sidebar, así ya no me complicaré la cabeza pensando en posibilidades.
Miraré ese enlace tuyo y ya veo cómo apañármelas, pero no te preocupes que siempre podré hacer cualquier otro modelo de índice interno con todo lo que que nos vas enseñando siempre.
Muchas gracias por tu pronta respuesta, Potro, un beso enorme.
Genial, me re ayudo ! Gracias
ResponderEliminarpotro te hago una consulta como haces para que la lista de enlaces tenga una flecha u otra cosa en vez de un punto? espero tu respuesta , un saludo
ResponderEliminarSólo identifica el ID del gadget al que le quieres cambiar la viñeta y agrega esto en los estilos:
ResponderEliminar#ID li {
padding-left:30px;
padding-right:10px;
background: url(URL del icono) no-repeat center left;
}
Donde dice ID cambialo por el ID del gadget que quieres cambiar.
el potro yo otra vez, no me funciono me quedo el espacio en blanco y se sigue viendo el punto en cada uno de los enlaces y no el icono que le pongo, quiero que me quede como tienes tu en la lista de enlaces de blogs de ayuda obviamente con otro icono, por favor ayudame
ResponderEliminarNo veo que lo tengas puesto en tu blog, sin poder verlo no puedo saber dónde está el problema.
ResponderEliminarpotro hay lo puse, fijate cual es el error porfa, un abrazo..
ResponderEliminarLa URL de la imagen que has puesto está mal, si te fijas esa URL es de la página para descargar la imagen.
ResponderEliminarNecesitas descargar la imagen, subirla a un hosting y ahí obtener su URL para que pueda mostrarse sin problemas en el blog.
Saludos.
graciaaaaaasss funcionooo a la perfeccion... graciass, solo hay un inconveniente, siguen los puntos :S como los saco?
ResponderEliminarDentro de ese código agrega:
ResponderEliminarlist-style: none !important;
gracias potro, te invito a seguir mi blog si asi lo deseas, esta echo casi todo en base a tu ayuda, un saludo y gracias.
ResponderEliminarHola, no me salio :S es mas mis enlaces (algunos) se pusieron en azul y nada que ver a lo que queria hacer. (queria que cuando pasaras el cursor se vuelva en cursiva) no me ayudas? por lo menos a sacar el azul ese u.u .
ResponderEliminarBesitos (:
Hola Mily Eic .m
ResponderEliminarAl parecer dejaste unas partes incompletas y ese puede ser el problema. Lo tienes así:
a:link {
text-decoration:
color: #ffb7c0;
}
a:visited {
text-decoration: $();
color: #ffb7c0;
}
a:hover {
font-style:italic
font-size:16px;
text-decoration: font-style:italic;
color:
}
Si te fijas los text-decoration están abiertos y al font-style:italic le falta el punto y coma final. El código correcto sería así:
a:link {
text-decoration: none;
color: #ffb7c0;
}
a:visited {
text-decoration: none;
color: #ffb7c0;
}
a:hover {
font-style:italic;
font-size:16px;
text-decoration: none;
}
Hola Potro,
ResponderEliminarEstoy a dos bandos jeje
No me sale lo de los links. Cambio todo como dices y na de na.
Tengo esto:
a:link {
color:#61380B;
text-decoration:none;
}
a:visited {
color:#61380B;
text-decoration:underline;
}
a:hover {
color:#B40404;
text-decoration:font-size:18px;
}
GRACIAS CHAVAL
Posiblemente al ponerlo has eliminado una llave de cierre } y eso puede ser que cause que no funcione. Sin poder verlo no puedo decirte a ciencia cierta dónde está el fallo, pero si buscas detenidamente quizá encuentres ese error, es muy común.
ResponderEliminarOk. Voy a ver que puedo hacer.
ResponderEliminarGracias again majo!!!
Ya está!!!
ResponderEliminarmi fallo estaba aquí:
a:hover {
color:#B40404;
text-decoration:font-size:18px;
Tenía que poner font-size en su sitio, y poner "none" en text-decoration"
Gracias
Pfff y miré el código dos veces y no me fijé de eso o.O
ResponderEliminarQué bueno que ya lo has resuelto :D
No te preocupes. Lo importante es que ya está.
ResponderEliminarMIL GRACIAS POR TU TIEMPO TIO!!!
Hola. Aquí de nuevo pero en otro foro. Una consulta. Como hago para que cuando creo un link (ejemplo mi mailto) elegirle yo las características deseadas y que no me tome por default las mismas características de por ejemplo, los links de mi menu de páginas?
ResponderEliminarNo he entendido la pregunta, ¿me podrías dar un ejemplo más detallado?
ResponderEliminarSi, mira, te explico mas detalladamente. En mi blog tengo el gadget de menu de páginas. Para cada link de este menú le puse una text decoration "overline" al pasar el mouse por encima. Después en una de las páginas, posteo mi direccion de contacto. Para esto cree un link "mailto". Este link, tomó naturalmente o por default, las características de los links del menu de paginas. Yo quisiera cambiarle las caracteristicas. Por ejemplo que al pasar el mouse por encima en lugar de que se ponga "overline" que cambie de color. mi blog, para que lo entiendas veas mas claro. http://hetunegri.blogspot.com/p/contact.html
ResponderEliminarPuedes agregar antes de ]]></b:skin> un estilo predefinido para algunos enlaces, de esta forma:
ResponderEliminar.links:hover {
color:#00FF00;
}
Y en tu enlace lo pones así:
<a href="URL del enlace" class="links">Enlace</a>
De esta forma poniendole class="links" dentro del enlace tendrá los estilos que deseas, eso mismo puedes aplicarlo para cualquier otro enlace.
Gracias potro!! sos un genio!
ResponderEliminarPotro aquí te molesto nuevamente :$. Quería consularte por mi menu de páginas. Al clickear en una de las secciones, la tipografía del link se pone bold. Pero el color se mantiene igual. Me gustaría que el color cambie. Donde tendría que meter mano para cambiar esto?. Te paso mi blog por si quieres ver para entender mejor. http://hetunegri.blogspot.com Desde ya muchas gracias por la ayuda que siempre me das!
ResponderEliminarPrueba poniendo antes de ]]></b:skin> esto:
ResponderEliminar.PageList LI.selected A{ color:#FF00FF !important;}
GENIO!!!! GRACIAS! FUNCIONÓ!
ResponderEliminarPotro, otra consulta. Cuando creo un link en una entrada se me genera un espacio indeseado antes del link.
ResponderEliminarNo encuentro la manera de sacarlo.
Por ejemplo si esta fuera una entrada de mi blog, este link que se debería ver contra el margen izquierdo así:
hetunegri.blogspot.com
Me genera un espacio indeseado y se ve así:
hetunegri.blogspot.com
Esto solo lo veo en el blog publicado, en el editor de entradas no me aparece ese espacio. y en HTML no lo detecto.
Se te ocurre que puede ser? Gracias.
en el post anterior, no me ínterpretó el espacio en blanco... así que aca vuelvo con el ejemplo usando _
ResponderEliminarse sebería ver así:
hetunegri.blogspot.com
pero me lo muestra así:
_________hetunegri.blogspot.com
Hola Hetu Negri,
ResponderEliminarLo que sucede es que en el a:link tienes un estilo que determina que haya un espacio a la izquierda de 38px
Para eliminarlo busca esta parte y quita lo que está en negrita:
a:link {
color:#c1c1c1;
text-decoration:none;
padding-left: 38px;
}
Saludos.
claro, el tema es que esos son class links. pensé que se solucionaría si le agrego al script:
ResponderEliminar.links:hover {
color:#00FF00;
}
este padding:
.links:hover {
color:#00FF00;
padding-left: 0px;
}
y funciona pero solamente al pasar el mouse por arriba. al quedarse el link quieto sigue el padding de 38px. se podrá agregar algo a ese script? para decirle al link que se mantenga con padding 0px cuando no le pase por encima el mouse?
Ya me perdí un poco, ¿tienes un script que utilice un estilo para los enlaces?
ResponderEliminarQuizá estamos confundiendo un poco los términos y por eso no capto bien la idea, si me puedes dar más detalles te lo agradecería. Saludos.
Es así. tengo en mi blog un menú de paginas. Para éste tengo un tipo de configuración particular de los links.
ResponderEliminarEn el post 71 y tu rta en el 72 pude solucionar el tema que otros links que yo posteaba por ejemplo en las entradas, copiaran las mismas caracteristicas que los links del menu de paginas.
para que no copien estos links los mismos atributos cree esto:
.links:hover {
color:#00FF00;
}
y en los enlaces que yo quería que captaran esos atributos les agregaba:
Enlace
Hasta ahi bien. El tema es que no me di cuenta, que estos enlaces siguen tomando por default un padding-left 38px, que corresponden al menu de paginas. Este padding no puedo sacarlo, porque me desordenaría los enlaces del menú de paginas.
Para sacarle este efecto a los links class (todos aquellos que no sean del menu de paginas)pense en ponerle a este script:
.links:hover {
color:#00FF00;
}
esto:
.links:hover {
color:#00FF00;
padding-left: 0px;
}
Esto me funcionó, pero solamente cuando paso por encima el mouse (debe ser porq es una configuracion para hover). quería saber si se te ocurre la manera de hacer lo mismo, pero para cuando NO estoy pasando el mouse por encima del enlace.
disculpa!, soy bastante limitado con esto, traté de explicarte lo mejor posible! gracias!
Es así. tengo en mi blog un menú de paginas. Para éste tengo un tipo de configuración particular de los links.
ResponderEliminarEn el post 71 y tu rta en el 72 pude solucionar el tema que otros links que yo posteaba por ejemplo en las entradas, copiaran las mismas caracteristicas que los links del menu de paginas.
para que no copien estos links los mismos atributos cree esto:
.links:hover {
color:#00FF00;
}
y en los enlaces que yo quería que captaran esos atributos les agregaba:
Enlace
Hasta ahi bien. El tema es que no me di cuenta, que estos enlaces siguen tomando por default un padding-left 38px, que corresponden al menu de paginas. Este padding no puedo sacarlo, porque me desordenaría los enlaces del menú de paginas.
Para sacarle este efecto a los links class (todos aquellos que no sean del menu de paginas)pense en ponerle a este script:
.links:hover {
color:#00FF00;
}
esto:
.links:hover {
color:#00FF00;
padding-left: 0px;
}
Esto me funcionó, pero solamente cuando paso por encima el mouse (debe ser porq es una configuracion para hover). quería saber si se te ocurre la manera de hacer lo mismo, pero para cuando NO estoy pasando el mouse por encima del enlace.
disculpa!, soy bastante limitado con esto, traté de explicarte lo mejor posible! gracias!
Es así. tengo en mi blog un menú de paginas. Para éste tengo un tipo de configuración particular de los links.
ResponderEliminarEn el post 71 y tu rta en el 72 pude solucionar el tema que otros links que yo posteaba por ejemplo en las entradas, copiaran las mismas caracteristicas que los links del menu de paginas.
para que no copien estos links los mismos atributos cree esto:
.links:hover {
color:#00FF00;
}
y en los enlaces que yo quería que captaran esos atributos les agregaba el script de los links agregandole "class="
Hasta ahi bien. El tema es que no me di cuenta, que estos enlaces siguen tomando por default un padding-left 38px, que corresponden al menu de paginas. Este padding no puedo sacarlo, porque me desordenaría los enlaces del menú de paginas.
Para sacarle este efecto a los links class (todos aquellos que no sean del menu de paginas)pense en ponerle a este script:
.links:hover {
color:#00FF00;
}
esto:
.links:hover {
color:#00FF00;
padding-left: 0px;
}
Esto me funcionó, pero solamente cuando paso por encima el mouse (debe ser porq es una configuracion para hover). quería saber si se te ocurre la manera de hacer lo mismo, pero para cuando NO estoy pasando el mouse por encima del enlace.
disculpa!, soy bastante limitado con esto, traté de explicarte lo mejor posible! gracias!
Muchas gracias por los detalles, la confusión que tenía es que mencionabas un script pero esos no son scripts, son estilos CSS.
ResponderEliminarEntiendo que solucionaste ese espacio cuando el link está en estado hover, es decir, cuando se pasa el cursor encima de él.
Si quieres que éste mismo efecto también suceda cuando el link está en su estado normal entonces agrega este otro estilo:
.links a {
color:#00FF00;
padding-left: 0px;
}
Con eso deberá ser más que suficiente para que los links que la clase .link no tengan ese espacio del lado izquierdo aun estando en su estado normal.
¡Saludos!
Gracias por responder. Lamentablemente lo probé pero no me funcionó :(
ResponderEliminarNo se que está pasando.
Te paso mi blog, la pagina que más clara se ve lo que pasa. por ahi puedes chequearlo y descubrir que es lo que pasa. http://hetunegri.blogspot.com/p/contact.html
Probemos entonces con este código:
ResponderEliminara.links {
color:#00FF00;
padding-left: 0px;
}
GENIO!!! gracias!! lo hiciste de nuevo! increible como una letrita puede cambiar todo.
ResponderEliminarTe consulto otra cosa al pasar, con otro blog que tengo, el problema es que los links del menu de paginas, al clickear abren otra ventana de explorador. y yo quiero, logicamente, que se abran en la misma ventana. intenté cambiarlo por mi cuenta, pero no encuentro el codigo para hacerlo. podrías decirme cual es?
¿Cuál es el otro blog? ¿Usaste algún código para que todos los enlaces se abrieran en otra ventana?
ResponderEliminarEl otro blog es este: lemanegri.blogspot.com
ResponderEliminarNo, copié cosas del otro blog así que no entiendo por qué las ventanas se abren distinto. Debería ser igual al otro.
Pues de hecho sí tienes un script antes de </head> que hace que los enlaces se abran en otra ventana.
ResponderEliminarHola Potro, te escribo aquí pero en realidad no sé si este es el sitio adecuado para lo que quiero preguntarte. En los primeros blogs que pusieron un enlace al mío nunca se actualiza, ni siquiera aparece la miniatura aunque la tengan seleccionada, tengo un blog fantasma!! ¿Me puedes ayudar? Menos mal que te tenemos a ti, si fuera por blogger...
ResponderEliminarMil millones de gracias, eres un solete.
Lo raro es que en ambos blogs, tengo el mismo script antes de "head" y en hetunegri.blogspot.com los enlaces se abren en la misma ventana y en lemanegri.blogspot.com los enlaces se abren en otra.
ResponderEliminarNo puedo descubrir el error. Sabes que puede ser?
Hola Las Tartitas de Llanetes,
ResponderEliminarEse gadget da bastante problemas por lo inestable que es y ya es un tanto común ese tipo de problemas :/
Pensé que el problema podría ser tu feed pero lo acabo de probar y funciona sin problemas.
Si puedes pídele a las personas que te agreguen a su lista de blogs que no lo hagan añadiendo la dirección de tu blog, sino que agreguen la dirección de tu feed.
Es decir, que en lugar de que agreguen esto:
http://lastartitasdellanetes.blogspot.com
Que mejor agreguen esto:
http://lastartitasdellanetes.blogspot.com/feeds/posts/default
Con eso deberá verse tanto la miniatura como el texto de tu última entrada.
Saludos!
Hola Hetu Negri,
ResponderEliminarSi te fijas en ese script hay un área donde tienes que poner la URL de tu blog y en ambos scripts has puesto el mismo blog (hetunegri) es por eso que tienes ese problema.
Saludos.
Muchísimas gracias Potro, no sé qué haría sin ti!!!
ResponderEliminarPotro muchisimas gracias! realmente me ayudas mucho siempre!
ResponderEliminarPotro, lo que noto es que mis links del menú de páginas de lemanegri.blogspot.com no respetan el padding-left: 38px que tienen puestos para centrarlos más. Este padding me había funcionado en mi otro blog hetunegri.blogspot.com. Estaré haciendo algo mal? existe la manera sino de disminuir el ancho del menú de páginas? actualmente mide 960px, si quisiera que midiese 600px, que debería hacer para cambiarlo?
ResponderEliminarDe hecho también tiene el padding-left: 38px, no lo notas porque no tienes nada de contenido y porque la imagen de la cabecera es más chica, pero si tuvieras una cabecera igual de grande que la otra o si tuvieras contenido en ese blog notarías que también tiene ese padding.
ResponderEliminarClaro. El padding-left: 38px está efectuandose en el contenido por ejemplo cuando pongo un link. Esto precisamente es lo que no quiero. Me gustaría que el padding se dedique solamente a centrar mis enlaces del menu de páginas, pero no lo capta. Como puedo revertir esto?
ResponderEliminarEl padding también se está efectuando en el menú de páginas, pero como te decía, no lo notas porque la cabecera es más pequeña y porque no tienes contenido, pero sí tienes un padding izquierdo de 38px que está afectando al menú.
ResponderEliminarAhora, centrar el menú como tal no se puede ya que todos los menús horizontales se acomodan de izquierda a derecha para que puedan funcionar.
Ahhhh tenés razon!! no me había dado cuenta. Le cambié el padding a 100px y ahi lo noté. Disculpa! Igual sigo sin poder sacarle este padding a los links posteados, por ejemplo los mails aquí lemanegri.blogspot.com/p/contact.html En el otro blog que tengo lo habíamos logrado, pero es extraño que no pueda en este.
ResponderEliminarClaro, porque el atributo a:link se aplica a todos los enlaces del blog sin excepción alguna.
ResponderEliminarEn todo caso lo que necesitas no es aplicar el padding ahí sino sólo al menú para que los demás enlaces no se vean afectados.
Sería de esta forma:
.PageList li a {padding-left:100px !important;}
Simplemente sos un grande!. Gracias de nuevo!
ResponderEliminarHey Potro. Una consulta. En mi blog lemanegri.blogspot.com me di cuenta que al publicar entradas estas son completamente diferentes a las paginas independientes. al punto tal de que no me permiten poner la tipografía que uso en las otras paginas, ni el background color para los textos. además se encapricha y no respeta los espacios que le ordeno. en fin. hace lo que quiere.
ResponderEliminarhay alguna forma de que me respondan tal cual a las paginas independientes? por ejemplo, el titulo de las entradas se puede cambiar de estilo?
Es más... si existiera la opción de borrar la pagina de entradas y quedarme solamente con paginas independientes, usando una de home, sería genial. se puede?
ResponderEliminarPues puedes no mostrar ninguna entrada, sólo ve a Configuración > Formato > Mostrar un máximo de, y ahí escribe 0
ResponderEliminarLuego quizá necesites eliminar este mensaje.
Pero cuando alguien entre a lemanegri.blogspot.com con qué se va a encontrar como página principal? acabo de crear una nueva pagina independiente q se llama "trabajos" para reemplazar a la pagina de entradas. puedo hacer que la gente al entrar a lemanegri.blogspot.com le aparezca la pagina "trabajos"?
ResponderEliminarNo, las páginas independientes no se muestran en la portada como lo hacen las entradas, éstas sólo pueden verse desde un enlace. Si quieres que al entrar haya contenido entonces sí debes mostrar las entradas.
ResponderEliminarGracias potro!!
ResponderEliminarMuy Buenos Dias...
ResponderEliminarPotro yo se que en algun lado del blog vi como colocarle a los links el recuadro amarillo donde sale la info del enlace cuando se pasa el cursor por encima, pero estoy tratando de hacerlo y no lo veo, no se como...
Me podrias decir???
Buenos días PIEDAD CAMARGO, ¿te refieres a los tooltips?
ResponderEliminarSi es así aquí te dejo los enlaces:
http://ciudadblogger.com/2010/07/tooltips-con-css.html
http://ciudadblogger.com/2010/08/tooltips-con-jquery.html
http://ciudadblogger.com/2011/03/tooltips-con-css-en-forma-de-burbuja.html
Hola Potro...es mucho mas sencillo... Es algo que se le coloca entre comillas al final de la direccion de enlace para que cuando se pase el cursor por el boton o menu o algo salga un cuadrito amarillo con informacion.
ResponderEliminarAlgo asi http://dl.dropbox.com/u/9849370/Dibujo.JPG
Nuevamente muchas gracias por la pronta respuesta.
Entonces sólo es agregar el atributo title que se menciona en esas entradas, por ejemplo, si se trata de un enlace se agrega así:
ResponderEliminar<a href="URL del enlace" title="Aquí la descripción" >Este es un texto de ejemplo</a>
Y si es un texto normal es así:
<span title="Aquí la descripción" >Este es un texto de ejemplo</span>
Hola, Potro!!! Cómo estás???? Perdona ke ponga mi pregunta en este post pero no supe dónde ubicarlo =S.
ResponderEliminarSucede ke tengo una entrada de mi blog ke está dando lata, cada vez ke kiero entrar a ella, la página me avisa: Un problema con esta página hizo ke internet explorer tuviera ke cerrarla y bla bla bla, y así se sigue indefinidamente, intento abrir otras entradas de mi blog y no tengo problemas, pero tú sabes a ké se debe??? Ya no voy a poder abrir esa entrada??? Tenía rato ke no entraba a esa página y justo ahora ke kiero responder una pregunta ke me hacen en ella, es ke tengo el problema, me da cosa porke no kiero ke me suceda lo mismo con el resto del blog.
Espero me puedas ayudar y de antemano agradezco tu atención. Besito =)
Hola Merlina,
ResponderEliminarHabría que ver qué tienes en esa entrada que no tengas en las demás. Revisa si dentro del post hay algún script, algún reproductor, algo, cualquier cosa "extraña" que veas, o cualquier cosa que tenga ese post en los códigos que no tengan las demás.
Igual revisa si en esa entrada hay algún gadget que sólo se muestre en esa entrada y nada más ahí.
Besos!
Eso es lo malo, no tengo nada ke pudiera dañar la página, nunca meto cosas fuera de fotográfías y pura letra =P, te dejo el link para ke me digas si te hace lo mismo y llorar amargamente xD.
ResponderEliminarhttp://just-makeup-but-i-like-it.blogspot.com/2011/06/color-lip-gloss-de-bissu.html
mil gracias por ayudarme!!!! Besote!! =)
creo ke lo ke está dañando la página son las fotográfias ¬¬ kise decir FOTOGRAFÍAS =P
ResponderEliminarPues no veo en la imagen algo malo. ¿No será tu versión del navegador? Porque ahora mismo acabo de ingresar a esa entrada desde Internet Explorer 8 y la abre como si nada, y no sólo esa, cualquier entrada de tu blog parece abrirla bien.
ResponderEliminarUn error de dedo fue el causante, puse un doble << en el "strong" y eso era lo "extraño" ke hacía ke la página no se abriera!!! ké delicados!! jajaja, muchas gracias por tu ayuda!! cuando entraste ya estaba corregido el problema, pero te agradezco INFINITO ke me orientaras, eres definitivamente un salvavidas.
ResponderEliminarGracias gracias gracias. Besito!! =)
Jajaja, "qué delicados", pero pues sí, así es ese navegador, todo se lo toma muy a pecho. Qué bueno que ya está todo resuelto y que no fue nada que pasara a mayores :)
ResponderEliminarOtro besito para ti.
¡GENIAL! ¡Me sirvió muchísimo!
ResponderEliminarQué gusto que así haya sido Derek :)
ResponderEliminarPotro ayuda porfa necesito hacer que los link se vean como en esta pagina..los de las paginas:
ResponderEliminarAbout - Home - Contact
http://btemplates.com/2011/blogger-template-printdesign/demo/
gracias de antemano ya hice algo pero no me salio
este el css q estoi usando:
.lnkspages a:link, .lnkspages a:visited {
border-bottom: 4px solid #A2C9D3; /* Grosor, estilo y color del marco, respectivamente */
color: #333333; /* Color del texto */
padding: 5px 10px; /* Distancia entre el texto y el marco */
text-decoration: none;
}
.lnkspages a:hover {
border-color: #333333; /* Color del borde inferior al pasar el cursor */
color: #333333; /* Color del texto al pasar el cursor por encima */
text-decoration: none;
}
Gracias de Antemano
Sólo tienes que poner los estilos adecuados en el hover:
ResponderEliminara:hover {
border-bottom: 4px solid #A2C9D3;
color: #333333;
padding: 5px 10px;
text-decoration: none;
}
Potro! Tengo un problemita U.u
ResponderEliminarQueriendo hacer uso de este post genial *.* me he dado cuenta de que no puedo publicar enlaces, quiero decir, escribo el enlace en el post y no sale.
No sé que es lo que pueda ocasionar aquello.
Si me pudieras ayudar estaría genial T.T
Rizel
Recuérdame cuál es tu blog Rizel, para que pueda echarle un ojo y ver qué pasa con los enlaces.
ResponderEliminarwww.literatura-ficticia.blogspot.com
ResponderEliminarEse es, gracias de antemano *__*
Rizel
Gracias Rizel,
ResponderEliminarA simple vista no encuentro ningún problema en la plantilla. Hagamos esto, escribe una nueva entrada, no pongas ningún script como el formulario, es decir, redacta sólo puro texto, y ahí agrega un enlace. Cuando lo hagas me dices cuál es exactamente el texto del enlace que pusiste en la entrada y antes y después de qué palabra lo pusiste. Así podré saber dónde debería estar el enlace que no aparece.
Saludos.
ahh, ahora sí salió.
ResponderEliminarCreo que era por el script OwO
Ayyy lo siento, te di problemas inexistentes D:
Pero muchas gracias por tu amabilidad al contestarme y por tu blog que es una mina de información =3
Mis mejores deseos.Rizel
Hola Potro! Primero te digo que tu blog es genial, ya lo debes saber.
ResponderEliminarBueno, mi problema es que ya puse el código para quitar el subrayado a los enlaces del blog, y funciona en todos los links excepto en los títulos de las entradas. No sé como hacer. Mi codigo es así:
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
background:url(http://img35.imageshack.us/img35/1221/linepoints.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom: 5px;
color: #ff3366;
font-size:21px;
}
Desde ya, muchisimas gracias!
Hola Antonella S. Bianchi. †,
ResponderEliminarMuchas gracias por tu comentario :)
Estas pseudoclases configuran la forma como se ven los enlaces en general, pero si los títulos de las entradas tienen un estilos distintos entonces el navegador se ve obligado a obedecer y mostrar los enlaces del título como se le ordenó.
Si existe un estilo de subrayado en los títulos entonces seguro lo encuentras aquí:
h3.post-title a {
O aquí:
h3.post-title a:hover {
Ahí podrás determinar si los títulos también se exentarán del subrayado o no.
¡Saludos!
Me funciono, muchisimas gracias! :)
ResponderEliminarA ti por tu visita :)
ResponderEliminarHola! Me bajé una plantilla que venía con una imagen estátita y la cambie por otra donde decía "mainimage", la parte de "src..." le cambié la url de la imagen que ya venía por otra que hice en photoshop y subí a mi album en picasa, pero a esta imagen le quiero agregar un enlace cuando pasen el cursor por arriba, que lo tengo en la sidebar y me gustaría que al hacer click en esa imagen vayan a una página estática que hice....como agrego esto? Gracias.
ResponderEliminarOtra cosa, quiero cambiar el aspecto de mi sidebar, es muy complicado? acá te paso la dire de mi blog: http://asesoramientoconsorcios.blogspot.com donde dice "mis artículos" que son las etiquetas, y lo demás, estaría bueno que tenga otro aspecto, que me recomendás? Mil gracias!
Hola María de las Mercedes,
ResponderEliminarSi el código de tu imagen es algo así:
<img src="URL de la imagen" />
Sólo añádele el código del enlace, de manera que quedaría así:
<a href="URL del enlace"><img src="URL de la imagen" /></a>
Lo de la sidebar quizá sería bueno que le agregaras unas viñetas a las etiquetas para que tengan un poco más de vida:
http://ciudadblogger.com/2009/06/poner-iconos-en-etiquetas-y-otros.html
Mmmm...no quiero hacer lio...el código tiene adelante esto:
ResponderEliminarimg alt='Main image' class='mainimage' src='https://lh4.googleusercontent.com/-PxfihDEXxW0/Tv3qUExO0iI/AAAAAAAAAsk/1h3-7drFKqc/s579/Imagen-Principal.jpg' title='Próximamente - Ebook'
entonces, lo que me decís, dónde lo copio? entiendo...pero como tiene ese alt y demás, no quiero hacer lio...jaja
Por eso, todo eso es el código de la imagen, ahora sólo tienes que encerrarlo en el código del enlace.
ResponderEliminarQuedaría así:
<a href="URL del enlace"><img alt='Main image' class='mainimage' src='https://lh4.googleusercontent.com/-PxfihDEXxW0/Tv3qUExO0iI/AAAAAAAAAsk/1h3-7drFKqc/s579/Imagen-Principal.jpg' title='Próximamente - Ebook' /></a>
Hola Potro...Tengo un problema, puse enlaces de descarga pero no se pueden abrir en Chrome y Mozilla, si en IE lo que es raro...Es más no puedo realizar ningúna acción con el botón primario del mouse en mi blog.No responde!
ResponderEliminarGracias!!!!
http://joseluiselpumarodriguez.blogspot.com/
Hola ............Roxana., parece que es por el gadget de los fuegos artificiales. Quítalo y mira si eso arregla el problema.
EliminarSiiii era eso!!! Un millón de gracias Potro!...Besos!!!
EliminarPor nada ;)
EliminarPor cierto, como te respondí por acá ya no lo haré por el correo.
Saludos.
ok amigo y si yo quiero hacer eso del hover solo en los links que pongo en las entradas como lo aria.. lo ise el el hover se pone en todos los links, osea lo que quiero es hacer el efecto hover en donde dice Megaupload | Wupolad y asi solo en esa parte
ResponderEliminarCrea los estilos sólo para las entradas, por ejemplo:
ResponderEliminar.post a {
...aquí los estilos que quieres...
}
.post a:hover {
...aquí los estilos que quieres...
}
ok lo voy a intenar... gracias
Eliminaramigo lo intente, pero tambien se aplica a los titulos, y lo que busco es que solo se aplique a los enlaces que yo pongo dentrdo de las entradas, no a solo las entradas si no por ejemplo yo pongo un juego para descargar y los links estan en megaupload entonces yo tomo la palabra Megaupload y le inserto los links, a esa palabra Megaupload es que queiro aplicarle el hover, que esta dentro de la entrada aqui dejo el blog... pincha en cualquier entrada y ve la parte final http://www.clickspc.blogspot.com/
EliminarEntonces cambia los dos .post por .post-body
ResponderEliminarComo hago para que quede tachado? es que he visto un blog que lo tiene asi :B
ResponderEliminarEn lugar de usar text-decoration:underline; usa:
Eliminartext-decoration:overline;
Una preguntilla: cómo hago para que únicamente un gadget en concreto tenga los links de color blanco? Habrá que usar las condicionales supongo, Pero qué código pongo exactamente? Gracias
ResponderEliminarSólo aplica el estilo al ID del gadget, por ejemplo:
ResponderEliminar#HTML9 a {
color:#fff;
}
Hola Potro, en lista de blogs, ya no me deja modificar el nombre a mi gusto, selecciono "guardar", pero no ocurre nada.
ResponderEliminar¿Sabes cómo podría solucionarlo?.
Un saludo
Me refiero al nombre de cada blog que inserto, "antes si me lo permitía".
EliminarHola Vindi, ¿has probado con la otra interfaz y/o desde otro navegador?
EliminarHola, con otros navegadores ya había probado, y con la nueva interfaz he probado ahora mismo, y sigue igual, "selecciono guardar", y no se guarda, solo recoge el nombre que viene por defecto en los blogs que inserto.
ResponderEliminarA ver si se termina solucionando solo, "hace tiempo funcionaba perfectamente".
Gracias Potro ;)
Debe ser problema de Blogger, recuerdo que hace como un mes o un poco más, algunos usuarios reportaron que no podían agregar más enlaces ahí, a otros simplemente no les guardaba ningún cambio, así que ese podría ser también tu caso :/
EliminarBueno, entonces habrá que tener paciencia.
EliminarMuchísimas gracias amigo ;)
Hola Potro, no consigo quitar el subrayado de los textos tanto del menu como de la seccion de catalogo (indice). He puesto a todos los text-decoration: none pero me sigue saliendo el subrayado, a que puede ser debido el fallo? gracias de antemano amigo, si no fuera por tu ayuda mas de cuatro cosa no hubiera podido hacerlas, un saludo.
ResponderEliminarSe me olvido dejarte el nombre del blog, mi blog se llama VINYLMIX.
ResponderEliminarHola Julio, busca esta parte:
Eliminara:link,a:visited{color:#ffffff;outline:none;}
Y cámbiala por esta:
a:link,a:visited{color:#ffffff;outline:none;text-decoration:none;}
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarMuchas gracias Potro, a funcionado!!..un saludo.
ResponderEliminarsencillamente increíble!. Como bien dice el nombre de tu perfil, eres todo un potrooo jajaj. muchas gracias. saludos
ResponderEliminarGracias, aunque el pseudónimo es referente a los equinos, no sé qué otro significado pueda tener :)
EliminarEstá bueno, el tema, algún post que hable como convertir un link en una palabra.
ResponderEliminarMi blog http:dineroyyo.blogspot.com
¿A qué te refieres Arty?
EliminarHola Potro, estoy cambiando el diseño de mi blog, y desde un principio he hecho lo que has explicado tal cual está, pero cuando doy a vista previa, el color de los links de mis widgets no cambian, sino que siguen en el mismo que estaba antes. Te dejo el código para que mires a ver si me he equivocado en algo:
ResponderEliminara:link {
text-decoration:none;
color: #aa3a3a;
}
a:visited {
text-decoration:none;
color: #aa3a3a;
}
a:hover {
text-decoration:none;
color: #b99660;
Muchas gracias!
Disculpa Potro, ya lo solucioné. Gracias por todo y perdona las molestias.
ResponderEliminarGracias por avisar que ya lo has resuelto :)
EliminarHola! Quisiera saber si se puede poner un subrayado con el estilo dashed al pasar el cursor sobre los enlaces.
ResponderEliminarHola Ann, agrega un borde inferior, por ejemplo:
Eliminara:hover {
border-bottom:2px dashed #000;
Gracias por la respuesta =) Sólo otra consulta. Es que puse ese estilo donde indicaste arriba en esta entrada, pero ¿es normal que las imágenes también tengan ese subrayado?¿y qué hay de los enlaces que tenían estilos diferentes al del resto de la plantilla, y ahora tienen este estilo también?
EliminarEs que eso aplica para todos los enlaces. Si quieres aplicárselo sólo algún gadget donde ya tengas definidos los estilos de los enlaces sólo agrega el border-bottom:2px dashed #000; debajo del :hover que tengas.
Eliminarhola potro te comento hay una plantilla llamada Johny Crottube que tiene un efecto en un botoncito que al apretarlo cambia la vista de las entradas de una lista a una cuadricula, llevo una semana tratando de sacar como se hace y no puedo descubrir el codigo , estoy desesperado si me pudieras ayudar te estaría eternamente agradecido, creo que el nombre del código es grid or list pero no estoy seguro.
ResponderEliminarDesde ya muchisimas gracias.
PD: tu pagina sigue genial como siempre
Con exactitud no sabría decirte Maxi_96, es la primera vez que veo ese efecto en Blogger, tengo una ligera idea pero como nunca lo he aplicado no sé si sea como estoy pensando. Con un poco de tiempo veré cómo funciona y publico una entrada sobre ello ¿te parece? :)
EliminarSaludos.
dale muchas gracias
ResponderEliminarHola Potro,
ResponderEliminarcomo debo implementar un link al fondo de mi blog? Quiero poner un fondo con enlace pero no se como hacerlo. Serias tan amable de ayudarme, ya que no se como hacerlo.
Saludos y muchas gracias por todo lo que haces por nosotros.
No se puede bettyboopz.
EliminarHola Potro,
ResponderEliminarmuchisimas gracias por tu respuesta, imagine que no se podia.
Saludos y muchos exitos.
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola, mira esta entrada:
Eliminarhttp://ciudadblogger.com/2009/11/personalizar-las-vinetas-del-blog.html
Pd. Eliminé el comentario por el aviso que está al final.
Gracias por la respuesta potro, pero creo que no me entendiste :c
ResponderEliminarquiero que la lista de enlaces tenga estos botones: http://i.imgur.com/HTXXb.jpg creo que se llama paginador, para desplazarse por las listas de link que ponga en el widget
Ahhh ok, sí es un sistema de paginación pero no tengo alguna entrada sobre ello, busca en google como "paginación para Blogger" verás varios tutoriales que explican cómo ponerlo.
Eliminardel potro por fabor necesito tu ayuda no se como contactarte directamente pero me fijaere si respondes aqui el problema es el siguiente yo configuro los colores de unos links pero salen del mismo color todos no inporta lo que aga salen todos e un solo color general como ago para que esto no pase ayudame por fabor
ResponderEliminar¿En cuál blog tienes el problema y qué área es la que has modificado?
ResponderEliminarHola potro quisiera saber como tachar los links
ResponderEliminar¡Gracias! (:
Hola Christina∞, mira el comentario #143.1
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola Emanuel, ¿me puedes dar más detalles? porque yo lo veo igual tanto en uno como en otro.
EliminarPd. He eliminado el comentario por el aviso que está al final.
Saludos.
Buenas, tengo un problema con el enlace que te lleva a la página principal, no consigo cambiar el color del home link, mas arriba deceias algo de #blog-pager a {color#FFF;}, pero nada unicamente encuentro en el editor html de blog paper esto:
ResponderEliminar.blog-pager{
margin-left: 15px;
}
Gracias
Hola, puedes agregar ahí el color, por ejemplo:
Eliminar.blog-pager{
color:#fff;
O bien, arriba de ese código que tienes añadir el que se menciona:
#blog-pager a {color#FFF;}
Gracias por la información, recientemente modifiqué la plantilla de mi blog, perdí algunas cosas y me daba miedo hacer cambios en la plantilla para recuperarlos, pero con tu guía todo salió excelente. Saludos!!!!
ResponderEliminarBuenas tardes Potro, quisiera que me ayudes por fa a como enlazar el texto de mi blog http://postres-peruanos.blogspot.com/ con el titulo, por ejemplo INGREDIENTES PARA LA MERMELADA DE NARANJA:
ResponderEliminar12 Tazas de agua (para hervir la cáscara)
Cáscaras de naranjas
1/2 Cucharadita de sal
2 Cucharadas de jugo de limón
4 Tazas de azúcar
2 Tazas de agua
No se si me entiendes
Hola ANA, en el editor de entradas verás una opción que dice Enlace, si seleccionas un texto y luego presionas ahí podrás ponerle el enlace que desees a ese texto.
EliminarHola, ¿en cuál blog?
ResponderEliminarEs necesario que quites cualquier código que inhabilite el botón derecho del mouse para poder revisar la plantilla.
ResponderEliminarEn esa plantilla los estilos de los enlaces de las entradas están aquí:
ResponderEliminar#main-wrapper a {
border-bottom:1px solid #999999;
color:#FFFFFF;
}
Quitando ese border se irá el subrayado.
Saludos.
Hola Potro una consulta (nada que ver con el post) pero quería saber como se hace para dejar fijo solamente el sidebar y que se pueda hacer scrolling en el sector de los post? uso la plantilla Simple Template de Blogger.
ResponderEliminarsaludos.
Hola Diego, no tengo una entrada sobre ello, quizás puedas orientarte con algo similar a esto:
Eliminarhttp://ciudadblogger.com/2012/07/botones-para-compartir-flotantes-que-se.html
HOLA. Vengo aquí para decir que muchísimas gracias por esta entrada y por muchas otras. No sabes cuánto me ayudas, ¡de verdad! Siempre se agradecen estas cosas.
ResponderEliminar¡Gracias otra vez!
Besos,
HTR.
¡Gracias a ti!
Eliminar