lunes, 2 de julio de 2012

Una barra de menú:

Os explico como va la barra a la derecha de tu tumblr 
(en el tema redux) :


----------------------------------------------------------------------------------------------------------------------------------

<ul id="page-bar"><li><a href="/"><img src="URL_DE_LA_IMAGEN" width="51px" height="40px"/> Home</a></li>  <li><a href="/ask"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/> Pregunta</a></li>   <li><a href="/submit"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/>Sube tu post </a></li><li><a href="/random"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/>Aleatorio</a></li><li><a href="/archive"><img src="http://etechman.edublogs.org/files/2011/08/carpeta-2jaynds.png" width="50px" height="40px" /> Archivo</a></li><li><a href="http://www.tumblr.com/follow/URL_DE_TU_TUMBLR"><img src=" URL_DE_LA_IMAGEN " width="40px" height="40px"/>Sígueme</a></li>                  </ul><div class="clear"></div>                           </center>


Despues de: 

src= Tienes que poner la url de la imagen que quieres que salga, entre las comillas

width= ancho de la imagen, entre las comillas y sin quitar px

height= alto de la imagen, entre las comillas y sin quitar px

href=   Para cada botón se pone una cosa, entre las comillas:
Pagina principal --> /
Preguntas -->  /ask
Aportes --> /submit
Aleatorio --> /random
Archivos --> /archive
Sigueme -->  http://www.tumblr.com/follow/URL_DE_TU_TUMBLR

Asi quedaria:



ESTE ES SU CODIGO:
<ul id="page-bar"><li><a href="/"><img src="http://cdn1.iconfinder.com/data/icons/glaze/128x128/filesystems/folder_home.png" width="51px" height="40px"/> Home</a></li>  <li><a href="/ask"><img src="http://dnborgir.***/images/linux.png" width="40px" height="40px"/> Pregunta</a></li>   <li><a href="/submit"><img src="http://eurekall.com/wp-content/uploads/2011/03/descargas.png" width="40px" height="40px"/>Sube tu post </a></li><li><a href="/random"><img src="http://www.winbots.es/games.png" width="40px" height="40px"/>Aleatorio</a></li><li><a href="/archive"><img src="http://etechman.edublogs.org/files/2011/08/carpeta-2jaynds.png" width="50px" height="40px" /> Archivo</a></li><li><a href="http://www.tumblr.com/follow/lostumblrykenny"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_YVRDq_EkkQIIpmXxmzTqGDF-zoaCijZ1jrp4HFRwZGnl1T7xLxr7eaTf5OVSRnA4BUJZjYtNIP6Phb8kid4r_hCXuLjErrelSyumN9S_abi4QE0khCM9Ykk4PQRL7NPMvwNHtLY5yvU2/s1600/tumblr.png" width="40px" height="40px"/>Sígueme</a></li>                  </ul><div class="clear"></div>                           </center>

4 comentarios:

  1. no me sale para que quede al lado derecho

    ResponderEliminar
  2. Mirate como poner cualquier codigo HTML a la derecha, aqui: http://codigoshtmlparatumblr.blogspot.com.es/2012/07/barra-lateral-de-algunos-temas-de.html

    ResponderEliminar
  3. la verdad es que no comprendí mucho, soy nueva en esto y todo, he visto tumblr de otras personas y veo que en vez de tener '' home, ask, archive y theme'' tienen cosas como ''facebook, yo, preguntame'' o cosas asi, mas personalizadas, no se si me explico, bueno a los que voy es que quiero personalizarlo a si, si me pondrias ayudar seria genial de verdad !!! saludos y besos :)

    ResponderEliminar
  4. Modificas algo enla hoja de estilos en Css? porque no me sale! u_U
    Como modificas el clickeado?

    ResponderEliminar