martes, 19 de octubre de 2010

Engrandir imatge en passar el cursor

Per a fer l'efecte, pegarem el següent códi en el lloc que vulguem que es mostre la nostra imatge en una entrada (en la pestanya  Edicion HTML, i no en Redactar)
 
<img onmouseout="this.width=200;this.height=150;" onmouseover="this.width=400;this.height=300;" src="URL de la imagen"/>

Recorda: width és l'ample i height és l'alt.
 
Canvis a realitzar:
  • En URL de la imatge, posar la ruta de la imatge(en la seua grandària normal).
  • Els width i height que estan en color verd són l'ample i alt de la imatge en grandària xicoteta.
  • I els width i height que estan en color roig són les mesures a les quals es va engrandir la imatge en passar el cursor.

martes, 12 de octubre de 2010

Fletxes anar a dalt i a baix

Els botons de Pujar i Baixar faciliten l'accés al contingut de la pàgina, sobretot quan en la pàgina principal hi ha moltes entrades o quan una entrada té massa comentaris.
La forma simple d'afegir-les és la següent:

Entra en Disseny > Edició d'HTML i abans de </body> pega el següent:

 
<a href='#'><img border='0' style='position:fixed; top:0; right:0;' src='URL de la imatge' title="Anar a dalt" /></a>
<a href='#GoDown'><img border='0' style='position:fixed; bottom:0; right:0;' src='URL de la imatge' title="Anar a baix" /></a><a name='GoDown'/>

Canvia la URL de la imatge on s'indica(text que apareix en roig); el primer codi correspon al botó d'Anar A dalt, el segon al d'Anar A baix.


Recorda, aquestes sentències van just damunt de </body>, i també que amb la combinació de tecles CTRL+F pots cercar el codi molt més ràpid.

 
Trobaràs fletxes en: