MENÚ HORIZONTAL CON PÁGINAS

Como todos sabéis en blogger disponemos de un nuevo gadget PÁGINAS
con el que podemos crear hasta 10 páginas independientes.
No os voy a hablar de como se crean, porque en
el  BLOG DE LA INFORMÁTICA ,
José M.  lo explica pero que muy bien. 
Siguiendo sus consejos ya tengo 8 de estas páginas para ordenar
todas las entradas de mi blog por temas,

pero quedan en la sidebar, como un poco escondidas y mi intención es
utilizarlas como barra de navegación debajo del título  (como en una web)
Lo primero que hago es pinchar una por una las páginas que tengo en la
sidebar y copiar en un bloc de notas la URL de las que quiero utilizar en la barra.

Ahora me voy a Diseño> Edición de HTML (GUARDO UNA COPIA DE LA PLANTILLA)

y pego el siguiente código justo antes de:
           ]]></b:skin>
----------------------------------------------------------------------------------
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #C0C0C0;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
background-color: #175e74;
}
#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
background-color: #CC3300;
color: white;
}
#navcontainer #active { border-left: 1px solid #fff;
----------------------------------------------------------------------------------------------------
Aquí es donde podemos cambiar el color de fondo, de los botones, del texto, su tamaño, etc…
Ahora buscamos el siguiente código:
         <div id='content-wrapper'>
y justo debajo añado el código para visualizar la barra de menú debajo de la cabecera de mi blog.
-----------------------------------------------------------------------------------------------------
<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://mirincon-misaani.blogspot.com'>INICI0</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/el-gimp.html'>EL GIMP</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/el-gimp-tutoriales.html'>EL GIMP Tutoriales</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/photoshop-tutoriales.html'>PHOTOSHOP</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/flash-turoriales.html'>FLASH</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/informatica-varios.html'>INFORMÁTICA varios</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/pirograbado.html'>PIROGRABADO</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/videos_16.html '>VIDEOS</a></li>
<li><a href='http://mirincon-misaani.blogspot.com/p/labores-y-manualidades.html'>LABORES</a></li>
</ul></div>
}
-------------------------------------------------------------------------------------------------------------------
Ahora solo queda sustituir las URL y el TEXTO por los vuestros.
Podéis añadir más líneas o eliminarlas si sobran.
Si queremos  ocultar las páginas vamos a DISEÑO, buscamos el gadget
PAGINAS , lo abrimos, desactivamos los cuadritos y guardamos.

Aunque en la parte de diseño seguirá viéndose el gadget PAGINAS donde
podemos hacer cambios, pero en le blog permanecerá oculto.

EL GIMP(Rutas y Filtro neón)

Para la creación de este efecto voy a utilizar el trazado y el filtro neón.
Abro una imagen con fondo transparente y creo una nueva capa que e llamado ruta y
activo la herramienta Rutas.

Creo una ruta contorneando la silueta de la chica y redondeo las esquinas estirando
de los lados, hasta conseguir una ruta envolvente y abro la ventana Rutas.

1-Activo la herramienta Pincel y elijo el CIRCLE(09) Escala 1,00 y el color .
2-Pincho en la ventana de Rutas en Trazar ruta.
3-En el  menú que se abre activo Trazar utilizando una herramienta de pintura y luego en Trazo.

Una vez el trazado pintado de color voy a Filtros>Alfa a Logotipo>Neón
y escojo el Color del resplandor y aceptar.

Vuelvo a la ventana Capas y bajo del todo la capa Brackground  y combino las
dos de arriba del todo.

Pincho con el botón derecho sobre la capa Fondo  y en Alfha a Selección  para seleccionar
toda la figura y activo la capa Neón Glow  y con la herramienta Goma de borrar
voy alternando el borrado de la zona de dentro de la imagen.

El efecto esta terminado, ahora solo queda darle un pequeño  decorado,
utilizando varios pinceles y cambiando el color.
Dejo dos ejemplos:

EL GIMP(Crear un CD)

Para empezar creamos un nuevo documento de 400X400 con el fondo blanco.

Vamos a colocar dos guías que dividan el documento por el centro, que nos
sirva de orientación y para ello vamos a Imagen>Guías>Guía nueva(por porcentaje)
y creamos una vertical y otra horizontal.

Creamos una nueva capa que llamaremos Circulo.
Con la herramienta Selección elíptica activa acercamos el cursor en cruz al centro
donde se unen las dos guías y después de hacer un clic mantenemos pulsadas las teclas
MAYÚS+CTRL para que el circulo salga desde el centro y le damos un tamaño de 390x390.

Ahora vamos a crear otro circulo de 50x50, del mismo modo que el anterior, pero
antes de hacerlo tenemos que activar el MODO: Extraer de la selección actual.
A continuación lo rellenamos del color #d2d2d2

Creamos una nueva capa que llamaremos Circulo2 y volvemos a crear los dos circulos
anteriores, pero esta vez con las medidas 383x383  y 110x110 respectivamente
y lo rellenamos de color blanco.


Ahora cambio los colores y pongo en color frontal #d2d2d2 y en color de fondo #586e7d;
Con la capa circulo2 activa y la  herramienta degradado , seleccionamos
el degradado  con la casilla activada como muestro en la captura y creamos un degradado
de izquierda a derecha.

Creamos una nueva capa que llamaremos Degradado y seleccionamos el degradado
Full saturation spectrum CCW y lo aplicamos sobre la capa de arriba hacia abajo.

Activamos la herramienta de escalado y le damos una anchura de 200px.
Se nos queda el degradado en la mitad de la capa. Ahora activamos la herramienta prespectiva
y vamos arrastrando los tiradores de arriba y de abajo  hacia el centro de las guías,
las veces que sea necesario hasta que coincidan las dos esquinas con el centro.

Duplicamos la capa y con la herramienta Rotar le damos un ángulo de 90,00 , movemos la
imagen hasta colocarla arriba y volvemos a duplicar la capa y realizamos la misma
operación hasta rellenarlo todo(tendremos 4 capas con degradado)
Combinamos hacia abajo hasta quedarnos con una capa degradado:

Seleccionamos el circulo la capa Circulo2 y volvemos a activar la capa degradado.
invertimos la selección en CTRL+I , borramos en SUPR y ponemos el modo
de la capa en Multiplicar y opacidad 30

Volvemos a la herramienta elíptica y creamos una selección circular de 140x140 y
Pulsamos CTRL+C para copiar y CTRL+V para pegarla en otra capa y la ponemos en
Modo Extraer granulado y opacidad 35.

Creamos una nueva capa que llamaremos anilla y creamos otro circulo de 90x90,
a continuación vamos a Seleccionar>Borde> y le ponemos 1px. y rellenamos de blanco.

Volvemos a repetir el ultimo paso creando una nueva capa anilla2 y con un valor
de circulo de 70x70px. y un borde de 1px. rellenamos de blanco
y eliminamos la capa fondo.