Hola Chic@s
Post dedicado a @valencia264 x él hice este post.
A ver, para los que no saben cambiar el logo y el header les voy a explicar, es muy muy facil. (No soy una experta en esto pero aprendi como hacerlo)
La verdad es facil, hago este tuto para compartir, no pretendo que me dejen puntos (de hecho no dejen puntos), solo es para que cada un@ modifique como mas les guste taringa n_n
El logo que hice yop.
y asi se ve... despues hago algo mas elaborado n_n
Este es el "Logo" original
Este el "Header"
Para modificar ambos hace falta una extencion para Google Chrome, esta se llama "StyleBot"
Una vez que instalan la extencion, les va a aparecer el "icono CSS" en el costado derecho de la barra de direccion.
Si hacen click sobre ese "icono" se le va a desplegar este menu.
Lo que tienen que hacer es pegar un codigo "css" en ese menu.
Cambia el Logo
Para cambiar el Logo pegan este codigo en el menu desplegado.
Una vez que hiciste tu logo - baja la imagen del logo que esta al principio del post y modificala des el photoshop -
Subis la imagen a "kn3.net" y copias la url o link de la imagen subida.
Hecho esto solo tenes que reemplazar la parte que esta en Rojo.
"background-image: url(http://k37.kn3.net/3FE6FB84A.png);" busca esta parte en el codigo de arriba.
Listo hacen click en "Save" y queda guardado la modificacion.
Cambia el Header
Para cambiar el Header pegan este codigo en el menu:
Lo mismo que para camabiar el Logo. Tenes que reemplazar esta parte del codigo con la url de la imagen que hiciste:
background-image: url(http://o1.t26.net/img/header/20millones.png);
Recuerden que el header tiene que ser o una imagen que se repita.. o un diseño solido.
Pueden hacerlo con el diseño que usetedes les guste, sea un anime, una bada de musica, un logo diseñado x ustedes... lo que les guste.
Aveces me entiendo yo sola, espero que tb entiendan ustedes xD
Cualkier duda me preguntan.
Post dedicado a @valencia264 x él hice este post.
A ver, para los que no saben cambiar el logo y el header les voy a explicar, es muy muy facil. (No soy una experta en esto pero aprendi como hacerlo)
La verdad es facil, hago este tuto para compartir, no pretendo que me dejen puntos (de hecho no dejen puntos), solo es para que cada un@ modifique como mas les guste taringa n_n
El logo que hice yop.
y asi se ve... despues hago algo mas elaborado n_n
Este es el "Logo" original
Este el "Header"
Para modificar ambos hace falta una extencion para Google Chrome, esta se llama "StyleBot"
Una vez que instalan la extencion, les va a aparecer el "icono CSS" en el costado derecho de la barra de direccion.
Si hacen click sobre ese "icono" se le va a desplegar este menu.
Lo que tienen que hacer es pegar un codigo "css" en ese menu.
Cambia el Logo
Para cambiar el Logo pegan este codigo en el menu desplegado.
#logo {
display: block;
float: left;
margin: 6px 30px 0 0;
width: 187px;
height: 45px;
background: url(logo.png) no-repeat top left transparent;
background-image: url(http://k37.kn3.net/3FE6FB84A.png);
background-position-x: 0%;
background-position-y: 0%;
background-size: initial;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: transparent;
}
Una vez que hiciste tu logo - baja la imagen del logo que esta al principio del post y modificala des el photoshop -
Subis la imagen a "kn3.net" y copias la url o link de la imagen subida.
Hecho esto solo tenes que reemplazar la parte que esta en Rojo.
"background-image: url(http://k37.kn3.net/3FE6FB84A.png);" busca esta parte en el codigo de arriba.
Listo hacen click en "Save" y queda guardado la modificacion.
Cambia el Header
Para cambiar el Header pegan este codigo en el menu:
#header {
height: 65px;
border-bottom: 1px solid #034260;
background: url("header/20millones.png") repeat-x top center #006595;
background-image: url(http://o1.t26.net/img/header/20millones.png);
background-position-x: 50%;
background-position-y: 0%;
background-size: initial;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(0, 101, 149);
}
Lo mismo que para camabiar el Logo. Tenes que reemplazar esta parte del codigo con la url de la imagen que hiciste:
background-image: url(http://o1.t26.net/img/header/20millones.png);
Recuerden que el header tiene que ser o una imagen que se repita.. o un diseño solido.
Pueden hacerlo con el diseño que usetedes les guste, sea un anime, una bada de musica, un logo diseñado x ustedes... lo que les guste.
Aveces me entiendo yo sola, espero que tb entiendan ustedes xD
Cualkier duda me preguntan.
jajaja broma!! suerte el finde
"yendo juntos a la par" ♪ ♫
si ya habían posteado algo así, aparte solo es css...