-
Cómo hacer un fondo detrás del texto en la barra de navegación Tumblr
-
De forma predeterminada, Tumblr muestra un fondo blanco liso detrás de los vínculos de navegación en el lado derecho de los blogs. Sin embargo, le gustaría cambiar la apariencia mediante la visualización de un color diferente que se siente complementa el diseño de su blog. Tumblr le permite hacer esto editando el código fuente que genera el diseño de su blog. Editar el código fuente de la página "Personalizar" de Tumblr para seleccionar un nuevo color de fondo para mostrar detrás enlaces de navegación.
Instrucciones
1 Haga clic en el botón "Personalizar Apariencia" en el lado derecho de la página Panel Tumblr.com para mostrar la página de personalización de diseño para su blog.
2 Haga clic en el botón "Editar HTML" en la parte superior de la columna de menú de la izquierda. Esto muestra el código fuente para el tema de tu blog.
3 Pulse la tecla "Ctrl" y "F" al mismo tiempo para que aparezca el diálogo "Buscar". Tipo "#sidebar" en el diálogo y presionar "Enter" para localizar el siguiente código que comienza en la línea 526:
#top envoltorio #sidebar {
fondo: #fff;4 Cambiar el código después de "fondo:" de "#fff" al código hexadecimal para el color que desea utilizar. Busque "códigos de colores HTML" en un motor de búsqueda para ver una lista completa de los códigos que se pueden utilizar. Por ejemplo, el código "# c0c0c0" se corresponde con el color "plata". Si utiliza "# c0c0c0," el bloque de código en el paso tres ahora se lee como sigue:
#top envoltorio #sidebar {
background: # c0c0c0;5 Haga clic en el botón "Actualizar vista previa" para ver qué área de navegación de su blog se verá como con el nuevo color de fondo, a continuación, haga clic en el botón "Apariencia" para volver al menú principal de la página "Personalizar".
6 Haga clic en "Guardar" para comenzar a mostrar el nuevo color en su blog público, a continuación, haga clic en "Cerrar" para volver al cuadro de instrumentos.
Consejos y advertencias
- Después de cambiar el color de fondo del área de navegación de su blog, el fondo sigue siendo blanco. Esta porción del área de navegación no es un color sólido HTML, sino más bien una imagen ubicada en la URL "assets.tumblr.com/themes/redux/sidebar-bottom.png~~V~~singular~~3rd." Para cambiar esta situación, pulse la tecla "Ctrl" y "F" durante la edición de código fuente de su tema del blog y el tipo "barra lateral-bottom.png" en el diálogo "Buscar" para localizar la sección en el código que hace referencia a este archivo. Eliminar la referencia o cambiar la URL para hacer referencia a una imagen diferente.