{"id":1423,"date":"2014-06-30T11:39:05","date_gmt":"2014-06-30T01:39:05","guid":{"rendered":"http:\/\/mbrsolution.com\/es\/?p=1423"},"modified":"2017-05-24T16:06:43","modified_gmt":"2017-05-24T06:06:43","slug":"barra-navegacion-suffusion-estilo-personalizado-cabecera","status":"publish","type":"post","link":"https:\/\/mbrsolution.com\/es\/tutorial\/barra-navegacion-suffusion-estilo-personalizado-cabecera\/","title":{"rendered":"Barra Navegaci\u00f3n Suffusion Estilo Personalizado Cabecera"},"content":{"rendered":"<p>Barra Navegaci\u00f3n Suffusion Estilo Personalizado Cabecera te ense\u00f1a a a\u00f1adir un poco de estilo a la barra de navegaci\u00f3n por encima de la cabecera.<\/p>\n<p>Recuerda que estos ajustes han sido agregados para mostrar c\u00f3mo a\u00f1adir estilo a las barras. Tu puedes elegir tus propias configuraciones para agregar algo mas est\u00e9tico y con mejores colores.<\/p>\n<p><em><strong>Importante: Recuerda que debes guardar todos los cambios para que sean mostrados en tu sitio web.<br \/>\n<\/strong><\/em><\/p>\n<p><strong>1 )<\/strong> Pincha en <strong>Apariencia &gt;&gt; Suffusion Options &gt;&gt; Skinning &gt;&gt; Navegation Bar Above Header<\/strong> <span style=\"color: #0000ff;\">\u201cApariencia &gt;&gt; Opciones Suffusion &gt;&gt; Est\u00e9tica &gt;&gt; Barra De Navegaci\u00f3n Por Encima De La Cabecera\u201d<\/span> y aseg\u00farate que seleccionas el estilo personalizado. Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1424 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-encima-cabecera-estetica\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-encima-cabecera-estetica.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-encima-cabecera-estetica\" width=\"220\" height=\"322\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-encima-cabecera-estetica.png 220w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-encima-cabecera-estetica-205x300.png 205w\" sizes=\"(max-width: 220px) 100vw, 220px\" \/><\/p>\n<p><strong>2 )<\/strong> Ir a <strong>Navigation Bar Background<\/strong> <span style=\"color: #0000ff;\">\u00abEl Fondo De La Barra De Navegaci\u00f3n\u00bb<\/span> y selecciona <strong>Transparent \/ No color<\/strong> <span style=\"color: #0000ff;\">\u00abTransparente \/ Sin Color\u00bb<\/span>. Esto es todo lo que necesitas hacer para eliminar el fondo blanco de la cabecera de navegaci\u00f3n como se mencion\u00f3 en el tutorial <a title=\"mbrsolution es tutorial crear-menu-cabecera-tema-suffusion\" href=\"https:\/\/mbrsolution.com\/es\/tutorial\/crear-menu-cabecera-tema-suffusion\/\">Crear Men\u00fa Cabecera Tema Suffusion<\/a>. Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1425 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-fondo\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-fondo.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-fondo\" width=\"452\" height=\"341\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-fondo.png 452w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-fondo-300x226.png 300w\" sizes=\"(max-width: 452px) 100vw, 452px\" \/><\/p>\n<p><strong>3 )<\/strong> Ir a <strong>Navigation Menu Items<\/strong> <span style=\"color: #0000ff;\">\u00abElementos Del Men\u00fa De Navegaci\u00f3n\u00bb<\/span> y en el color de fondo, selecciona Personalizar. Eleg\u00ed fondo blanco.\u00a0 Puedes elegir cualquier color que desees. Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1426 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-menu\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-menu.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-menu\" width=\"460\" height=\"327\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-menu.png 460w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-menu-300x213.png 300w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/><\/p>\n<p><strong>4 )<\/strong> Ir a <strong>Navigation Menu Items Border<\/strong> <span style=\"color: #0000ff;\">\u00abEl Borde De Navegaci\u00f3n De Los Elementos Del Men\u00fa\u00bb<\/span> y selecciona las siguientes opciones.\u00a0Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1427 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-borde-menu\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-borde-menu.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-borde-menu\" width=\"694\" height=\"545\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-borde-menu.png 694w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-borde-menu-300x236.png 300w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/p>\n<p><strong>5 )<\/strong> Ir a <strong>Navigation Menu Items Font<\/strong> <span style=\"color: #0000ff;\">\u00abLa Fuente Del Men\u00fa De Elementos De Navegaci\u00f3n\u00bb<\/span> y elija el color que prefiera. En este ejemplo yo eleg\u00ed el color negro. Tambi\u00e9n puedes cambiar el estilo de fuente, tama\u00f1o y mucho mas. Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1428 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-texto\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-texto.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-texto\" width=\"399\" height=\"324\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-texto.png 399w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-texto-300x244.png 300w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/p>\n<p><strong>6 )<\/strong> Ir a <strong>Navigation Menu Items: Hover<\/strong> <span style=\"color: #0000ff;\">\u00abLos Elementos Del Men\u00fa De Navegaci\u00f3n: Flotar\u00bb<\/span> y selecciona tu color. Yo eleg\u00ed el azul para mi fondo estacionario. Tambi\u00e9n puedes agregar una imagen al fondo, pero para esta tutor\u00eda s\u00f3lo me voy a enfocar en cambiar el color. Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1429 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-flotar\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-flotar.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-flotar\" width=\"487\" height=\"305\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-flotar.png 487w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-flotar-300x188.png 300w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/p>\n<p><strong>7 )<\/strong> Ir a <strong>Navigation Menu Itesms: Hover Border<\/strong> <span style=\"color: #0000ff;\">\u00ab<span style=\"color: #0000ff;\">Los Elementos Del Men\u00fa De Navegaci\u00f3n<\/span>: El Borde De Flotar\u00bb<\/span> y selecciona el color del marco. Yo eleg\u00ed el rojo y para el grueso del borde eleg\u00ed <strong>1 px<\/strong>. Usted puede elegir sus propios ajustes. Vea la siguiente imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1430 size-full\" title=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-borde\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-borde.png\" alt=\"barra-navegacion-suffusion-estilo-personalizado-cabecera-borde\" width=\"580\" height=\"536\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-borde.png 580w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2014\/06\/barra-navegacion-suffusion-estilo-personalizado-cabecera-borde-300x277.png 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>Estar\u00e9 actualizando este tutorial de vez en cuando, aseg\u00farate de visitar para leer las nuevas actualizaciones.<\/p>\n<p>Si tienes alguna pregunta, aqu\u00ed estoy para ayudarte.<\/p>\n<p>Espero que te ayude mi tutorial.<\/p>\n<p><strong>M\u00e1s Cursos De Suffusion:<\/strong><\/p>\n<ul>\n<li><a title=\"mbrsolution es cursos-de-suffusion\" href=\"https:\/\/mbrsolution.com\/es\/cursos-de-suffusion\/\">Cursos De Saffusion<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Barra Navegaci\u00f3n Suffusion Estilo Personalizado Cabecera te ense\u00f1a a a\u00f1adir un poco de estilo a la barra de navegaci\u00f3n por encima de la cabecera. Recuerda que estos ajustes han sido agregados para mostrar c\u00f3mo a\u00f1adir estilo a las barras. Tu puedes elegir tus propias configuraciones para agregar algo mas est\u00e9tico y con mejores colores. Importante: <a href='https:\/\/mbrsolution.com\/es\/tutorial\/barra-navegacion-suffusion-estilo-personalizado-cabecera\/' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[94,95,11,15],"tags":[104,112,113,83,81],"class_list":["post-1423","post","type-post","status-publish","format-standard","hentry","category-suffusion","category-tema","category-tutorial","category-wordpress","tag-menu-cabecera","tag-suffusion","tag-tema","tag-tutoria","tag-wordpress-2","category-94-id","category-95-id","category-11-id","category-15-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/1423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/comments?post=1423"}],"version-history":[{"count":0,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/1423\/revisions"}],"wp:attachment":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/media?parent=1423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/categories?post=1423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/tags?post=1423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}