Hey babies! A veces tengo muchas ganas de subir tutoriales, pero llega el problema de, ¿qué subo? ¿Qué puede interesar? Porque a mi esto de personalizar el blog es algo que me fascina... me estresa, pero me gusta, tenemos una relación amor/odio rara 😅 así que si hay algo que os interese que suba, podéis comentarlo y subiré un post al respecto.
Y hoy, como veis en el título, enseñaré a cómo destacar en los comentarios al autor del blog, tal como tengo yo:
Vamos a nuestro HTML y buscamos:
.comments .comments-content .icon.blog-author
Una vez encontrado, vamos a ver algo parecido a esto:
Ahora borramos todo esto:
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
Y lo sustituimos por:
.comments .comments-content .icon.blog-author{
background-repeat: no-repeat;
background-image: url(LINK IMAGEN);
width:19px; /** ancho de la imagen**/
height:19px; /** altura de la imagen**/
display:inline-block;
float:right; / ** posición de la imagen **/
}
Lo que está en negrita se debe modificar por lo que nos interese. Yo recomiendo usar alguna imagen o gif pequeñito, la que yo estoy usando, si os sirve de guía, mide 18x18px y creo que la imagen la saqué de Iconfinder.
┊ ┊ ┊ ┊
ResponderEliminar┊ ┊ ┊ ★
┊ ┊ ☆
┊ ★
☆
¡Hola! (○^o^)/)) ☆ Quiero comentarte que me ha sucedido lo mismo, siempre tuve la espinita de subir tutoriales (especialmente los que personalizan la PC) y estoy conciente que no es algo que puede interesar a la mayoría de nuestros lectores; pero mi mejor consejo es decirte que lo hagas, porque alguien algún día aparecerá y agradecerá que compartieramos nuestro conocimiento.
Desconocía que se pudiera destacar el comentario del autor, ya me veo a las 3:00 am probando el código, ojalá quede bien (aunque confiezo que son pocas las veces en que respondo los comentarios en mi misma entrada).
Gracias por compartir, te envío un enorme abrazo y buenos deseos para estas fiestas.
┊ ┊ ┊ ┊
┊ ┊ ┊ ★
┊ ┊ ☆
┊ ★
☆
¡Sí! He visto que has estado subiendo tutoriales de software para personalizar el pc y yo soy muy feliz porque me encanta personalizarlo 😂 desde que descubrí Rainmeter no soy la misma, pero estoy de acuerdo, no le interesa a mucha gente esto de los tutoriales, pero como a mí me hace feliz hacerlos, seguiré subiéndolos de vez en cuando (^人^).
EliminarFelices fiestas! 🎄
~ Aradne
Ya utilicé dos de tus tutoriales, no voy a mentir me cuesta mucho trabajo y a veces necesito ayuda para las modificaciones pero prometo que haré lo que pueda. Justo con estas pequeñas modificaciones, el aspecto del blog mejora bastante.
ResponderEliminarPasaba a saludarte y desearte buenos deseos.
----//---------██████
\\--\/--//-----██████
-\\-▌-//--██████████
--\\▌//----(▓)-----------(▓)
---\▌/----(▓).--◒►◒--(▓)
----▌------(▓)---- = ----(▓)
----▌----------(▓)----(▓)
----▌-----(▓)----- ✺ -----(▓)
----▌--(▓)-------- ✺ --------(▓)
----▌-(▓)--------- ✺ ---------(▓)
----▌-(▓)--------- ✺ ---------(▓)
----▌--(▓)-------- ✺ --------(▓)
------------(▓)(▓)(▓)(▓)(▓)
Soy consciente de que a veces cuesta seguirlos, pero no dudes en ponerte en contacto conmigo si tienes cualquier duda, estaré encantada de ayudarte (～￣▽￣)～.
EliminarFelices fiestas! 🎄
~ Aradne