prueba Menu mootolls

Home
Mootools
Work
Goodies
Friends
About

prueba color

Lorem ipsum dolor sit amet, non elementum consequat, velit diam iaculis erat, eget venenatis neque dui sed ligula.

Prueba Logo

Rockyou

Nokia n81

pruebaleer

esto se lee

esto es lo que queda oculto
Seguir Leyendo...[+/-]

prueba

Hpña cómo estás, espero que bien :D . Ahora esto es una prueba :p

PruebaNeo

Prueba3

href='http://jgs.gutierrez.googlepages.com/iconpersona2.ico

prueba

C:\DOCUME~1\JGUTIE~1\CONFIG~1\Temp\Directorio temporal 1 para favicon_20080206_3749[1].zip
C:\Documents and Settings\jgutierrez\Configuración local\Temp\Directorio temporal 3 para favicon_20080206_3749[1].zip\extra
http://www.html-kit.com/dlc/cache_4eacd76209f4ba7ca63549afd6d44e50/preview_16x16.png

Prueba Emoticones

Hola que tal esdtas hoy despues de las vacaciones :X yo bien y tu :D
:p :P :-p :-P :D :-D
:) or :-)
:( or :-(
:P or :-P
:D or :-D
:$ or :-$
;) or ;-)
:-)
:X
B)
:X=
:-x
:-X








:( o :-(

Enlaces misma página

Primero pones el enlace de referencia

<a href="#1">Ir a mi casa</a>



Después el de destino

<a id="1"/>Mi casa</a>

Ejemplo:
Primero pones el enlace de referencia
Ir a mi casa

Después el de destino
Mi casa

Last.fm

Estampas de nieve

Sindicación

Sindicación

Expandir/Contraer

Texto que se muestra o se oculta
Para hacer un menú de expandir y contraer, el cual el texto se muestre o se oculte, iremos a nuestra plantilla y buscaremos la etiqueta -/head-, y justo antes insertaremos el siguiente código:
<script src='http://blogdecesar.googlepages.com/switchcontent.js' type='text/javascript'/>

<script src='http://blogdecesar.googlepages.com/switchicon.js' type='text/javascript'>

</script>



<style type='text/css'>



.iconspan{

float: right;

margin: 3px;

cursor:hand;

cursor:pointer;

font-weight: bold;

}



/*Aca color de fondo, letra y bordes: */



.eg-bar{

background-color: #C3000D;

color: #FFFF99;

font-weight: bold;

border-top: 2px solid #FDCD09;;

border-left: 2px solid #430802;;

border-right: 2px solid #430802;;



padding: 3px;

}



</style>


el siguiente paso es ir a añadir un elemento de página -HTML-Javascript-e insertar este otro código. En este caso esto quedará visible en nuestra sidebar o barra lateral; en el caso que se quiera poner en un post, este último código tendría que ir a una entrada:
<table border="0" cellspacing="0" cellpadding="0" style="width: 400px;">



<tr><td class="eg-bar">

<span id="faqtable1-title" class="iconspan"><img src="http://godlike.cl/up/im/33/minus.gif"/></span>

TITULO

</td></tr>

<tr><td>

<div id="faqtable1" class="icongroup2">

CONTENIDO

<tr><td class="eg-bar">



<span id="faqtable2-title" class="iconspan"><img src="http://godlike.cl/up/im/33/minus.gif"/></span>

TITULO

</td></tr>

<tr><td>

<div id="faqtable2" class="icongroup2">

CONTENIDO

</div></td></tr>

<tr><td class="eg-bar">



<span id="faqtable3-title" class="iconspan"><img src="http://godlike.cl/up/im/33/minus.gif"/></span>

TITULO

</td></tr>

<tr><td>

<div id="faqtable3" class="icongroup2">

CONTENIDO

</div></td></tr>



</table>



<script type="text/javascript">

var faqtable=new switchicon("icongroup2", "div") //Limit scanning of switch contents to just "div" elements

faqtable.setHeader('<img src="http://godlike.cl/up/im/33/minus.gif"/>', '<img src="http://godlike.cl/up/im/33/plus.gif"/>')

faqtable.collapsePrevious(false)

faqtable.setPersist(true, 7)

faqtable.init()

</script>

Subrayar un link al pasar el mouse

Para obtener el efecto de subrayas un link al pasar el mouse, sólo tendremos que insertar este código en nuestro sidebar, añadiendo en un elemento de pagina,sección HTML-Javascript.

El texto que quieras.

otro texto.

Otro texto.

Código:
<STYLE type="text/css">

<!--

A:link {COLOR: red; TEXT-DECORATION: none}

A:visited {COLOR: gray; TEXT-DECORATION: none}

A:active {TEXT-DECORATION: none}

A:hover {COLOR: blue; TEXT-DECORATION: underline} -->

</STYLE>

</p>

<p><a href="l1.htm">El texto que quieras.</a><br>

<a href="l2.htm">otro texto.</a><br>

<a href="l3.htm">Otro texto.</a><br>

</p>

Etiquetas en desplegable

Para mostrar en un desplegable etiquetas o archivos o simplemente -links-, o cualquier otra cosa que se nos ocurra y que no queramos ocupe mucho espacio, nada mejor que los desplegables ya que es un ahorro considerable de espacio.Para ello solamente tendremos que aplicar este código en añadir elemento de página sección HTML Javascript:
Texto inicialtexto visibletexto visible

<select class="combobox" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="SiteMap"><option>Texto inicial</option><option value="url-de-la-pagina">texto visible</option><option value="url-de-la-pagina">texto visible</option></select>




Ahora sólo tendremos que poner donde dice URL, la dirección de la etiqueta donde queramos situarnos, para ello copiaremos la dirección del archivo o de la etiqueta.

Imagen de fondo en los post

Para modificar la imagen de fondo en las entradas o post añadiremos el siguiente código y esto hará que salga en todas las entradas.Nos situamos en plantilla edición HTML y buscamos este código:

.post-body {

clear: both;

padding-top: 10px;

}


una vez encontrado lo sustituimos por este otro:
.post-body {

background: url(url-de-la-imagen) top left;

clear: both;

padding-top: 10px;

}

Ahora bien si sólo queremos que el fondo del post aparezca sólamente en algunos,entonces aplicaremos este código solamente en las entradas que queramos:
<table background="url-de-la-imagen" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0" height="100%" width="100%"><tbody><tr><td><p>texto-texto-texto-texto-texto</p><p></p></td></tr></tbody></table>

Solamente faltará añadir donde dice -URL-, poner el de nuestra imagen escogida.