lunes, 15 de agosto de 2011

menu de colores para tu blog

Este menu se mira muy bonito ya puesto en el blog.. prueba y lo veras ^^







1.-Para ponerlo en tu blog ve a:



Diseñohttp://2.bp.blogspot.com/-tJVUaBpTKJ4/TkbW_6maxMI/AAAAAAAACMI/CoWpxzZkOgY/s1600/1009301vx913s01dc.gif Elementos de paginahttp://2.bp.blogspot.com/-tJVUaBpTKJ4/TkbW_6maxMI/AAAAAAAACMI/CoWpxzZkOgY/s1600/1009301vx913s01dc.gifAñadir gadget htlm/javascript



2.-Copia el codigo y pegalo en el gadget.



<div style="text-align: center;"><span style='-moz-border-radius: 5px; background-color:#f781f3; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#58acfa; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#81f79f; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#f78181; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#f2f5a9; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span><br /><br /></div>




Ahora edita:



Azul: Es el color del fondo



Rosita: Es el ancho y la altura (de cada cuadrito) xD



Verde: Link de tu entrada



Purpura: El nombre de la categoria



naranja: es para hacer las esquinas mas redondas, puedes ponerle 10px o 15 depende que tan redondas las quieras



3.- por ultimo guarda ^v^





31 comentarios:

  1. Me encanto el menu!
    Despues yo voy a tentar!!!!
    besitos

    ResponderEliminar
  2. Hola. Soy walter_rel. He entrado para pedirte un intercambio de enlaces entre tu blog y mi blog personal, walterete.blogspot.com


    Ya he añadido vuestro blog a mi lista de blog además de que ya soy seguidor vuestro. Espero que lo hagas también, mucha suerte con el blog.

    Un saludo

    ResponderEliminar
  3. Gracias, si me salio!!! :3
    esta genial!!!

    ResponderEliminar
  4. OMG!!! gracias por la info!!! quiero colorear mi blog y esto es perfecto, cuando tenga tiempo lo llevaré a cabo ^^ Gracias!

    ResponderEliminar
  5. Awww que bonito me encanto... Lo tendré en mente! LO haré cuando cambie el diseño de mi blog se que va a quedar muy muy lindo >_<

    ResponderEliminar
  6. Oye una pregunta!!! :) Como haces ese efecto en tus imagenes es decir cuando se asoma el mouse en una foto ese cuadrado con bordes redondeados... como lo haces? :) ♥ n_n

    ResponderEliminar
  7. n.n, bueno interezante me animaria a colocarlo, pero soy demaciado desconfiado de la edicion de mi blog, hasta hace unas semanas usaba el diseño antiguo 2008, y recien me anime luego de mucho probarlo y ajustarlo una nueva plantilla, bueno quizas algun dia me anime a crear un blog de pruebas, aun que no le aria nada ya que si algo tengo es que no me entra ganas de trabajar en algo que se que no traera frutos xD, bueno gracas por este aporte, cuidate como siempre, besotes, pataditas y nalgaditas xD.

    ResponderEliminar
  8. Holaaa , no see biem como se hace :(

    ResponderEliminar
  9. ¡Justo cuando empezé con mi blog estaba luchando con el cógo para tener el menú de diferentes colores!, y por cierto, ¿ se puede cambiar la fuente de texto de los links del menú?

    He puesto yo otro tutorial sobre cómo redondear los bordes de las imágenes en el código, si te interesa...
    http://pinkcotton-candy.blogspot.com/

    ResponderEliminar
  10. es muy facil solo copia el codigo y pegalo en un gadgeg htlm ^^

    ResponderEliminar
    Respuestas
    1. una cosa se puede poner mas de un link en una misma pestaña no?? junto o separado?

      Eliminar
  11. hola nadi en tutoriales esta el enlace de opacidad y borde al pasar el cursor ese es el que tengo

    ResponderEliminar
  12. oka arigato popotan pero para ese menu no necesitas mover nada de la edicion pues este codigo se poone en un gadget htlm es mas facil.. pero es buena idea lo del blog de pruebas pues asi vamos conociendo mejor las plantillas y las funciones ^^

    ResponderEliminar
  13. hero panda:

    amm el color de la fuente en el codigo no se puede.. amenos que la cambies desde tu plantilla x.x como veras el segun el color que tengas en tu plantilla es el color que tendra la fuente.!!

    ResponderEliminar
  14. gracias walter me encantaria intercambiar enlaces contigo.. disculpa la demora pues no habia tenido tiempo en un momentito me paso por tu blog para dar inicio al intercambio.. saludos ^^

    ResponderEliminar
  15. Es Super!!!! Lastima que me da flojera editar XD Eres una Master!! Neta que te admiro...

    ResponderEliminar
  16. Hello :3 Me preguntaba Anny si esto lo se puede aplicar al título de la entrada y la entrada y las columnas en sí. Osea, que quedará como eso...
    http://imageshack.us/photo/my-images/31/wallblue2.png/

    Que opinas que podría hacer Anny? n.n

    ResponderEliminar
  17. te refieres a los bordes redondeados??

    ResponderEliminar
  18. Hola Annyz!! Podrias poner el tutorial de tu barrita de menu, me explico, por ejemplo, paso el cursor por tutorial, y sale una mariposa, pues me refiero a eso; muchas gracias

    ResponderEliminar
  19. Me encantó *-* Pero tengo un problema, yo pongo 15px para redondear las curvas de cada cuadradito, pero no se redondean :s Tenés idea de que pueda estar pasando? Si pudieras resolverlo te lo voy a agradecer mucho ^w^ Besito.

    ResponderEliminar
  20. Hola Annyz
    Te quedo muy bonito el tuto
    Ya lo puse en mi blog pero queda muy arriba de mi imagen
    =( y yo asi no lo quiero
    ayudame a ponerlo mas abajito

    ResponderEliminar
    Respuestas
    1. ammm ahorita me paso a tu blog para ver que tan arriba te quedo okis

      Eliminar
    2. ya lo vii pero eso no es problema del scrip del menu sido de tu header.. para que tengas espacio tendrias que entrar a editar plantilla y darle espacio o.o osea que suba tu header.. pero eso ya es otra cosa.. cuando tenga tiempito con gusto te ayudo.. mientras podrias buscar en google si tu quieres.

      Eliminar
  21. Oiie , y como le puedo poner una categoria ??

    ResponderEliminar
    Respuestas
    1. al momento de hacer una entrada.. abajito donde dice.. opciones de entrada aun ladito tambien dice Etiquetas.... ahi solo pones el nombre de lo que quieras mostrar, por ejemplo anime o no se que quieras poner y guardas..

      Eliminar
  22. Me ha funcionado de maravilla! esta bien chido esto! Grax!! Annyz!

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.