Tutoriales. Menú horizontal basado en etiquetas. Última fase

Última fase sobre el MENÚ HORIZONTAL DE BOTONES basado en ETIQUETAS.

Si no has leído los anteriores, tal vez te resulte raro este último post, así que te digo lo de las otras veces.

(Si no lo viste y quieres saber sobre eso, el blog tiene un buscador, con poner tutoriales, os saldrán todos los que hemos posteado aquí y encontrarás el anterior a este o puedes buscarlo por fecha en los post y de paso, curiosea más cosas, que las hay muy buenas)

Supongo que si estás leyendo esto con gran interés es porque hiciste lo de los anteriores post y te sale el punto negro al lado de los botones del menú horizontal.

Vale, no hay problema, a mí también me salieron y tenemos la solución.

Necesito algo de concentración en lo que vamos a hacer ahora.
No es difícil ni raro.
Tal vez nunca hayáis tocado esta parte del blog y os felicito por ello, será que no lo habéis necesitado, en esta ocasión, sí.
De paso aprenderéis a trastear en esta parte.

Abrimos nuestro PANEL DE CONTROL del blog.

Vamos a PLANTILLA.

Jeejeje, ¿miedo?
Veremos algunas opciones.

PERSONALIZAR
EDITAR HTML

Jejeje, sin miedo, dad a EDITAR HTML.

Se nos abrirá algo muy raro, jejeje.

Debemos buscar en las primeras líneas </b:skin>, si no se ve, hay unos triangulitos en negro para expandir la plantilla pero vamos, que sin expandirla se tiene que encontrar.
FOTO EDICION 1




FOTO EDICION 2



Una vez localizada esa línea, vamos a hacer lo siguiente, ponemos el puntero del ratón justo donde acaban los ...antes de </b:skin> y hacemos que este código baje un poco en las líneas de la ventana,
FOTO EDICIÓN 3


FOTO EDICIÓN 4


el objeto de esto es dejar hueco para pegar este código:

.tabs .widget li, .tabs .widget li {
list-style: none;
}
este código iría justo por encima de </b:skin>
Una vez implementado vamos a VISTA PREVIA DE PLANTILLA

FOTO EDICIÓN 5

Ahí veremos nuestro blog.
Si ya no están los puntos negros, pasaremos a la

FOTO EDICIÓN 6

GUARDAR PLANTILLA.

Que no sale, algo no se ha hecho bien, para asegurarnos que no va quedando basura en la plantilla vas a

FOTO EDICIÓN 7

REVERTIR CAMBIOS.
Con esto se quedaría la plantilla como antes de empezar a trastearla.

Si nos atrevemos a probar de nuevo, pues ya sabes, a empezar desde localizar lo de </b:skin>

y poner encima de este
.tabs .widget li, .tabs .widget li {
list-style: none;
}

Si por alguna causa siguen los botones con el puntito negro, algún paso no está bien hecho, REVERTIR CAMBIOS Y cerrad la ventana de EDICIÓN HTML, vais a comentarios de este blog y ya vemos qué puede pasar.

Saludos y suerte.

No guardéis plantilla antes de aseguraros que está correcto todo, primero haced lo de VISTA PREVIA y ante cualquier duda, antes de guardar, revertid los cambios.

Tocar la plantilla es delicado así que ante la duda, VISUALIZAR PLANTILLA, REVERTIR CAMBIOS, antes de GUARDAR si no sale como esperábamos.

Si está bien, GUARDAR PLANTILLA es ya vuestra opción.

Cuidadínnnn.



Comentarios

  1. ¡Excelente!
    Me ha encantado el tutorial. Eres estupendo, EldanY.
    Muchas gracias.
    Un besote

    ResponderEliminar
  2. uy yo odio los meterme con los códigos de la plantilla. Aunque veré si lo hago.. Un beso y se me cuidan

    ResponderEliminar
  3. Lo que sabe el chico este XD, yo de mayor quiero ser igual q él, claro está en estos conocimientos, jejejejeej

    ResponderEliminar
  4. Hola: Vaya me suena re complicado!!! Pero bue creo que si sigo correctamente el tutorial no será tanto enriedo no??? O_o
    Besitos >.<

    ResponderEliminar
  5. Menos mal que me lo haces tu, porque yo, vaya líooooo. Un besazo.

    ResponderEliminar

Publicar un comentario

Recuerda darnos un +1 y comentarnos, nos haces seguir adelante.

Entradas populares de este blog

Tutoriales. Usar Wii Backup Manager para convertir juego en ISO a WBFS

Tu partida no es un adiós (Dedicado a nuestra compañera María Esther Borrero, Anescris)

Tutorial del cubo Barrel 3x3x3.