S.O.S. Duda sobre el tutorial 20

Vengo a esta sección a pedir aiuda porque ya no sé qué más hacer con este código que no me sale

Previo a meterme con este tutorial, ya había realizado el 11 para fijar la barra de navegación arriba del foro, con medidas personalizadas y demás. Incluso había mencionado algo de esto cuando pregunté en el mismo tema del tutorial, pero en vista de todos los problemas que estoy teniendo creo que esto ya amerita un post en la sección de rescate

No sabía si borrar o no los datos del CSS que puse con el tutorial 11 para introducir el 20, así que por las dudas lo dejé. Iba todo bien hasta que tocó abrir la opción de "inspeccionar elemento", y ahí todo se vino a pique. Nunca antes había trabajado en ese formato, así que estoy realmente más perdida que Hansel y Gretel y no entiendo mucho de lo que estoy haciendo. Por las dudas tomé algunas capturas para ejemplificar mejor el problema.

En un principio, con el tutorial 11 mi foro quedó de la siguiente manera:

Spoiler:

Luego, sin borrar los datos del 11, comencé a modificar los datos que indicaba el 20 y me quedó esto:

Spoiler:

Quedó el título del foro allí en la barra, pero el menú salió volando a alguna dimensión paralela y no supe traerlo de regreso.

También intenté quitar los datos del 11 del CSS y directamente copiar allí los del 20, pero tampoco resultó. Colocaré las capturas de lo que llevo hecho en la ventanita del inspeccionador de elemento por si hubo algún fallo allí.

Spoiler:

Spoiler:

Spoiler:

Spoiler:

Además de esto, no sé cómo se supone que debo colocar el hover en el a.mainmenu, no sé si es abriendo una nueva "pestaña" o cómo. Realmente no sé usar ese método y no entiendo qué hice mal :ratonrosa4:

Agradeceré mucho la ayuda :ratonrosa:

Hola Shiki, ya respondí tu duda en el tema del tutorial 20.

Roshio escribió:

Shiki escribió:Esto me será de mucha utilidad ahora que estoy experimentando con una skin ¡Muchas gracias!

----------------

EDIT: Nada más una consulta. Es la primera vez que me pongo a trabajar desde el inspeccionador de elementos y ya había seguido antes el tutorial para mover la navbar hasta arriba y fijarla, y estoy viendo que la secuencia que dejaste para este tutorial vendría a causar el mismo efecto. ¿En ese caso qué hago? ¿Vuelvo a poner los mismos datos desde el inspeccionador de elementos aunque ya tenga la barrita del menú arriba, o eso sería muy redundante?

Porque no sé si puedo nada más editar desde el inspeccionador de elementos el asunto del título del foro dentro de la barra, y no andar tocando con eso lo que ya tenía hecho con el otro tutorial.

Hola Shiki, cuando usas el inspector de elementos y haces cambios desde ahí, estos NO se guardan en tu foro, solo te sirve para 'ver en vivo' los cambios que puedes ir realizando y sacar el código css más fácilmente, el cual tienes que copiar y pegar en el CSS de tu foro y guardarlo para que se efectuen los cambios.

Si ya hiciste lo del primer tutorial para poner la barra de navegación arriba, entonces solo tienes que poner el resto de los elementos, los que van en el template para el titulo, etc, y editar sus correspondientes partes de CSS.

¡Ya quedó!

Gracias por la explicación (doble) y la paciencia, me costó llegar a ello pero al fin conseguí el efecto que tenía que quedar:

Spoiler:

¡Me alegra mucho que te saliera un buen resultado!
Mucha suerte y a seguir practicando esos tutoriales