









Esta es una ayuda para trabajar con codigo HTML , lo extraje de mi@...
Pero igual sirve para utilizarlo en paginas , blogs, y foros.
Código mi@: [b]Negrita[/b] Código HTML: <b>Negrita</b> Resultado: Negrita |
texto en cursiva | |
Código mi@: [i]Cursiva[/i] Código HTML: <i>Cursiva</i> Resultado: Cursiva |
texto subrayado | |
Código mi@: [u]subrayado[/u] Código HTML: <u>subrayado</u> Resultado: subrayado |
tacha el texto | |
Código mi@: [s]tachado[/s] Código HTML: <strike>tachado</strike> Resultado: |
texto en modo maquina de escribir/teletipo | |
Código mi@: [tt]modo maquina[/tt] Código HTML: <tt>modo maquina</tt> Resultado: modo maquina |
texto en superindice | |
Código mi@: [sup]superindice[/sup] Código HTML: <sup>superindice</sup> Resultado: superindice |
texto en subindice | |
Código mi@: [sub]subindice[/sub] Código HTML: <sub>subindice</sub> Resultado: subindice |
cambiar tamaño del texto | |
Permite cambiar el tamaño del texto cambiar el numero 5 del ejemplo por un numero comprendido entre 1 y 20. Código mi@: [size=5]Texto Gigante[/size] Código HTML: <span style="font-size:5pt">Texto Gigante</span> Resultado: Texto Gigante |
alinear texto a la izquierda | |
Código mi@: [left]texto[/left] Código HTML: <div align="left">texto</div> Resultado: texto |
alinear texto al centro | |
Código mi@: [center]texto[/center] Código HTML: <div align="center">texto</div> Resultado: texto |
alinear texto a la derecha | |
Código mi@: [right]texto[/right] Código HTML: <div align="right">texto</div> Resultado: texto |
insertar una linea de separacion | |
Código mi@: [hr] Código HTML: <hr width='90%' align='left'> |
insertar una imagen | |
Código mi@: [img]http://miarroba.com/pics/warning_big.gif[/img] Código HTML: <img src="http://miarroba.com/pics/warning_big.gif" border=0> Resultado: ![]() |
insertar un hiperenlace | |
Código HTML: <a href="visitar.php?http://jerez-jerezfam.blogspot.com/" target=_blank>http://jerez-jerezfam.blogspot.com/</a> |
insertar un email | |
Código mi@: [email]webmaster@miarrroba.com[/email] Código HTML: <a href="mailto:webmaster@miarrroba.com">webmaster@miarrroba.com</a> Resultado: webmaster@miarrroba.com |
inserta una animacion flash | |
Código mi@: [swf width=200 height=200][/swf] Código HTML: [swf width=200 height=200][/swf] Resultado: [swf width=200 height=200][/swf] |
Cambiar color del texto | |
Cambia el color del texto que se inserte entre los tag [color], se puede especificar un color usando un nombre en ingles, blue,red,white,black o usar el formato HEX de html, del tipo #ff0000 Código mi@: [color=#FF0000]texto con color VERDE[/color] Código HTML: <font color="#FF0000">texto con color VERDE</font> Resultado: texto con color VERDE |
insertar una cita | |
Código mi@: [cita]ejemplo de cita [/cita] Código HTML: <blockquote><span class="texto_mini">Cita:</span><hr>ejemplo de cita <hr></blockquote> Resultado: Cita: ejemplo de cita |
insertar cita con titulo | |
Código mi@: [cita title=titulo de la cita]ejempo de cita[/cita] Código HTML: <blockquote><span class="texto_mini">titulo de la cita</span><hr>ejempo de cita<hr></blockquote> Resultado: titulo de la cita ejempo de cita |
insertar codigo | |
Código mi@: [code]Texto codigo fuente[/code] Código HTML: <blockquote><pre><span class="texto_mini">Codigo:</span><hr>Texto codigo fuente<hr></pre></blockquote> Resultado: Codigo: Texto codigo fuente |
girar el texto horizontalmente | |
Código mi@: [fliph]texto[/fliph] Código HTML: <span style="filter: fliph; height:1">texto</span> Resultado: texto |
insertar texto deslizante hacia arriba | |
Código mi@: [scrollup]texto[/scrollup] Código HTML: <marquee behavior=scroll direction=up scrollamount=1 height=60>texto</marquee> |
Insertar un hiperenlace con titulo | |
Con esta variación del codigo [url] podras hacer enlaces usando tu propio texto o incluso insertando una imagen. Código mi@: [url=http://miarroba.com/foros/index.php]miarroba[/url] Código HTML: <a href="visitar.php?http://miarroba.com/foros/index.php" target="_blank">miarroba</a> Resultado: miarroba |
insertar texto fantasma | |
Código mi@: [ghost]texto[/ghost] Código HTML: <span style="height: 1; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, FinishX=100%)">texto</span> Resultado: texto |
girar el texto verticalmente | |
Código mi@: [flipv]texto[/flipv] Código HTML: <span style="filter: flipv; height:1">texto</span> Resultado: texto |
insertar texto deslizante de izquierda a derecha | |
Código mi@: [scroll]texto[/scroll] Código HTML: <marquee>texto</marquee> |
insertar texto con sombreado | |
Código mi@: [blur]texto[/blur] Código HTML: <span style="height: 20;filter:blur(add=1,direction=270,strength=10)">texto</span> Resultado: texto |
ondular texto | ||
Código mi@: [wave]texto[/wave] Código HTML: <table style="Filter: Wave(Add=0, Freq=2, LightStrength=10, Phase=3, Strength=3)">texto</table> Resultado: texto |
No hay comentarios:
Publicar un comentario