domingo, 23 de diciembre de 2012

Cuando la instalación de controles ActiveX en Internet Explorer 9

Los controles ActiveX y el navegador web complementos son pequeños programas que se utilizan ampliamente en la Internet. Ellos le permiten utilizar las barras de herramientas, tableros de cotizaciones, video, y más cuando usted navega por la web. Sin embargo, estos programas pueden a veces un mal funcionamiento, o darle el contenido que usted no desea. En algunos casos, estos programas se pueden utilizar para recopilar información de su ordenador, información de daños en el equipo, instalar software en su computadora sin su consentimiento o permitir que otra persona controle su ordenador de forma remota.

Considere las siguientes preguntas antes de permitir que un sitio web para instalar un control ActiveX en su equipo:

¿Confía usted en el Web site que proporciona el control?

No instale un control ActiveX a menos que confíe en el sitio web que lo está proporcionando. Para obtener información acerca de cómo decidir si puede confiar en un sitio web, consulte Cuándo se debe confiar en un sitio web.

¿Sabes lo que es para el control y lo que va a hacer a su equipo?

El sitio web debe decirle lo que este control adicional o ActiveX es para y facilitar los detalles especiales que usted necesita saber antes de instalarlo. Si esta información no está disponible, no se debe instalar el control.

También puede activar el filtrado ActiveX para controlar qué sitios web utilizan controles ActiveX en su equipo. Para obtener más información, vea Cómo usar la protección de seguimiento y filtrado ActiveX.

sábado, 22 de diciembre de 2012

tabla de colores html

Nombres de colores HTML

Aliceblue
F0F8FF
Antiquewhite
FAEBD7
Aqua
00FFFF
Aquamarine
7FFFD4
Azure
F0FFFF
Beige
F5F5DC
Bisque
FFE4C4
Black
000000
Blanchedalmond
FFEBCD
Blue
0000FF
Blueviolet
8A2BE2
Brown
A52A2A
Burlywood
DEB887
Cadetblue
5F9EA0
Chartreuse
7FFF00
Chocolate
D2691E
Coral
FF7F50
Cornflowerblue
6495ED
Cornsilk
FFF8DC
Crimson
DC143C
Cyan
00FFFF
Darkblue
00008B
Darkcyan
008B8B
Darkgoldenrod
B8860B
Darkgray
A9A9A9
Darkgreen
006400
Darkkhaki
BDB76B
Darkmagenta
8B008B
Darkolivegreen
556B2F
Darkorange
FF8C00
Darkorchid
9932CC
Darkred
8B0000
Darksalmon
E9967A
Darkseagreen
8FBC8F
Darkslateblue
483D8B
Darkslategray
2F4F4F
Darkturquoise
00CED1
Darkviolet
9400D3
deeppink
FF1493
Deepskyblue
00BFFF
Dimgray
696969
Dodgerblue
1E90FF
Firebrick
B22222
Floralwhite
FFFAF0
Forestgreen
228B22
Fuchsia
FF00FF
Gainsboro
DCDCDC
Ghostwhite
F8F8FF
Gold
FFD700
Goldenrod
DAA520
Gray
808080
Green
008000
Greenyellow
ADFF2F
Honeydew
F0FFF0
Hotpink
FF69B4
Indianred
CD5C5C
Indigo
4B0082
Ivory
FFFFF0
Khaki
F0E68C
Lavendar
E6E6FA
Lavenderblush
FFF0F5
Lawngreen
7CFC00
Lemonchiffon
FFFACD
Lightblue
ADD8E6
Lightcoral
F08080
Lightcyan
E0FFFF
Lightgoldenrodyellow
FAFAD2
Lightgreen
90EE90
Lightgrey
D3D3D3
Lightpink
FFB6C1
Lightsalmon
FFA07A
Lightseagreen
20B2AA
Lightskyblue
87CEFA
Lightslategray
778899
Lightsteelblue
B0C4DE
Lightyellow
FFFFE0
Lime
00FF00
Limegreen
32CD32
Linen
FAF0E6
Magenta
FF00FF
Maroon
800000
Mediumauqamarine
66CDAA
Mediumblue
0000CD
Mediumorchid
BA55D3
Mediumpurple
9370D8
Mediumseagreen
3CB371
Mediumslateblue
7B68EE
Mediumspringgreen
00FA9A
Mediumturquoise
48D1CC
Mediumvioletred
C71585
Midnightblue
191970
Mintcream
F5FFFA
Mistyrose
FFE4E1
Moccasin
FFE4B5
Navajowhite
FFDEAD
Navy
000080
Oldlace
FDF5E6
Olive
808000
Olivedrab
688E23
Orange
FFA500
Orangered
FF4500
Orchid
DA70D6
Palegoldenrod
EEE8AA
Palegreen
98FB98
Paleturquoise
AFEEEE
Palevioletred
D87093
Papayawhip
FFEFD5
Peachpuff
FFDAB9
Peru
CD853F
Pink
FFC0CB
Plum
DDA0DD
Powderblue
B0E0E6
Purple
800080
Red
FF0000
Rosybrown
BC8F8F
Royalblue
4169E1
Saddlebrown
8B4513
Salmon
FA8072
Sandybrown
F4A460
Seagreen
2E8B57
Seashell
FFF5EE
Sienna
A0522D
Silver
C0C0C0
Skyblue
87CEEB
Slateblue
6A5ACD
Slategray
708090
Snow
FFFAFA
Springgreen
00FF7F
Steelblue
4682B4
Tan
D2B48C
Teal
008080
Thistle
D8BFD8
Tomato
FF6347
Turquoise
40E0D0
Violet
EE82EE
Wheat
F5DEB3
White
FFFFFF
Whitesmoke
F5F5F5
Yellow
FFFF00
YellowGreen
9ACD32
 

miércoles, 19 de diciembre de 2012

borders y codigos


diferentes borders



uno mas para probar

diferentes borders html

Different types of borders

domingo, 16 de diciembre de 2012

frases




No es mas grande quien mas sitio ocupa,
sino quien mas vacio deja cuando se va...

domingo, 18 de noviembre de 2012

codigos

Como poner tu menu despegable, imagenes, texto, Etc... en el centro.
</A></DIV><center><font color="Tu Color" size=Tamaño de Letra face="Tipo de Letra"><center>Aki Van a Poner Su Imagen y Texto o Lo Ke Gusten </A></DIV>
Aki Va El Codigo del Menu Despegable y es todo veran como su firma les sale en el centro de sus temas</center>
 
 
Aki el codigo, No Olviden kitarle los puntitos al tag S.T.Y.L.E

<center><select onchange="window.location.href=this.options[select​edIndex].value; this.selectedIndex=0" s.t.y.l.e="font-family: verdana; color: red; font-weight: regular; background-color: black; font-size:7 pt; border-s.t.y.l.e: solid; border-color: red" size="2">
<option selected>Aki El Nombre de tu Menu</option>
<option value="Aki el Enlace a tu tema">Nombre de tu tema</option>
<option value="Aki el Enlace a tu tema">Nombre de tu tema</option>
Para agregar mas enlaces solo duplicas el tag las veces ke gustes
<option value="Aki el Enlace a tu tema">Nombre de tu tema</option>
</select></form><center>
 
 
 
Menu despegable con fondo y letras de color, para esto lee bien por favor: el tag S.T.Y.L.E
ha sido blokeado para usarse en los foros pero si lo pones en tu firma funsiona bien. asegurate de kitarle los puntitos ke pongo en el tag, aki lo marco en rojo, no pruebo el codigo porke como les mensione no sale de color mas ke en la firma.
Codigo.
<center><select onchange="window.location.href=this.options[select​edIndex].value; this.selectedIndex=0" s.t.y.l.e="font-family: verdana; color: gold; font-weight: bold; background-color: black; font-size:9 pt; border-s.t.y.l.e: solid; border-color: yellow" size="1">
<option selected>Nombre de tu Menu</option>
<option value="Enlace de tu Tema">Nombre de tu tema</option>
<option value="Enlace de tu Tema">Nombre de tu tema</option>
</select></form><center>
 
 
 
en esta parte pones el codigo siguiente:
solo tienes ke cambiarle los links de temas, foros, paginas webs, etc... ke tu kieras mantener:
<center><form><select onchange="window.location.href=this.options[select​edIndex].value; this.selectedIndex=0">
<option selected>Primer Nombre en tus selecciones ( Nuestros links...) </option>
<option value="URL, enlace del foro, o tema
">Nombre del Enlace</option>
<option value="
Url del siguiente Enlace o tema">Nombre del Enlace</option>
Y asi sucesivamente vas haciendo copy y paste del mismo codigo, dependiendo de los enlaces ke vas a poner, una vez ke terminaste cierras asi.
</form></select>
 
 
 

imagenes en movimiento

Si quieren que tu imagen se mueva aqui le dejare el codigo, donde dice "left" le cambian a "right" o "Up" o "Down" o "Alternate".
Para una imagen.
<Marquee Direction="left"><IMG src="La Direccion de Tu Imagen"BORDER=0><Marquee>
Para dos Imagenes..
<Marquee Direction="left"><IMG src="La Direccion de Tu Imagen"BORDER=0><IMG src="La Direccion de Tu Imagen"BORDER=0><Marquee>
Si ban a usar mas imagenes solo tienen que aumentarle el mismo codigo como pueden notar en el anterior, solo se usa Marquee al comienzo y al final.
Para firma sin movimiento y su Imagen es mas de 400X400 Pixeles usen este codigo!
<center><Img src="Dirección de tu Imagen" width="Ancho" height="Altura"></center>
Si su Imagen es de tamaño normal solo tiene que usar este codigo!
<center><Img src="Dirección de tu Imagen"></center>
 
este codigo fue tomado de los foros de univision
 este codigo fue echo x marisqui forista de los foros de html  univision

codigo html para enlases

Para Enlace en Texto de color
el color, tipo de letra y tamaño es a su gusto, este es solo un ejemplo.
<A href="Aki El Enlace del foro, Tema" target=_blank><font color=red size=2 face=tahoma>Aki el Texto ke kieren aparesca en su Enlace, por ejemplo "Entra Aki"</A>



Para texto en tu Firma.
<font color=Aki pones el color de tu preferencia size=aki el size ke gustes font=Aki el tipo de letra ke gustes>Aki Escribes.
este es un ejemplo de como debe kedar tu codigo para poner letras de colores en tu firma.
<font color=blue face=verdana size=3>Aki tu Texto.
si kieres ke tu Texto se vea mas fuerte (Bold) asi como mis letras, agregas <b> al codigo, osea asi.
<font color=blue face=verdana size=3><b>Aki Tu Texto.




<a href="" onmouseover="parent.location='Aki El Enlace de tu Foro'" target=_blank>Aki Tu texto</A>



<center><A class=submitlink onmouseover="window.status='Aki el nombre de tu tema o Pagina';return true;" onclick=useHTML(); tabIndex=2 onmouseout="window.status='';return true;" href="Aki el enlace de tu tema" target=_blank><font color=el color de letras ke gustes size=Tamaño de letras ke gustes face=verdana><b>Aki el nombre ke kieres ke aparesca en tu enlace<STYLE type=text/css> A:hover { color:white; background-color:#ffccff; text-decoration:none;} A:link { color:white;} </STYLE></bold></b></font></A></center>


<center><a href="Aki el Enlace de tu foro, tema.." onMouseOver="body.style.scrollbarBaseColor='red'">Aki Un texto</a></center>
 
 
 
estos codigos fueron tomados de los foros de univision
 echos por la forista soytutraviesa



mas codigos aki en el enlase de abajo


http://foro.univision.com/t5/HTML/Codigos-Para-Poner-Enlaces/td-p/16183936/page/2
 

html

ETIQUETAS HTML BASICAS


<html></html>
Abre y cierra un documento HTML


<head></head>
Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas.

<body></body>
Dentro de esta etiqueta va toda la parte visible de la página web.

<title></title>
El título de la página web.


<i> texto </i> -> CURSIVA
<b> texto </b> -> NEGRITA
<u> texto </u> -> SUBRAYADO
<strike> texto </strike> -> TACHADO
<blockquote> Codigos html ejemplo </blockquote> -> RESALTAR,IMPORTANTE
<center> texto </center> -> CENTRAR TEXTO
<sup> texto </sub> -> SUPERINDICE
<sub> texto </sub> -> SUBINDICE
<tt> texto </tt> -> MAQUINA DE ESCRIBIR
<address> cositaspatuweb@hotmail.com </address> -> CONTACTO EMAIL
<!-- Comentario -->
<pre></pre>
Texto pre-formateado
<cite></cite>
Cita, en cursiva
<em></em>
Resalta una palabra, negrita o cursiva
<strong></strong>
Resalta una palabra o grupo de palabras
<font face=?></font>
Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.
<font size=?></font>
Coloca tamaño de letra, de 1 a 7
<font color=?></font>
Configura el color, usand valor hexadecimal o nombre directo (blue, green, etc.)

---------------------------
<img src="imagenes/fondo.gif"> -> IMAGEN
width=250 height=180 -> ANCHO ALTO
border=10 -> BORDE
align="right" -> ALINEAR A LA DERECHA
background="imagenes/fondopagina.jpg" -> FONDO PAGINA
<body bgcolor="#2F4F2F"> -> COLOR FONDO PAGINA
<body bgcolor=?>
Configura el color de fondo de la página, usando el valor del código de color hexadecimal.
<body text=?>
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
<body link=?>
Configura el color de los links, usando el valor del código de color hexadecimal.
<body vlink=?>
Configura el color de los links visitados, usando el valor del código de color hexadecimal.
<body alink=?>
Configura el color de los links al darle clic, usando el valor del código hexadecimal.


---------------------------
PARRAFO CON TAMAÑO DE LETRA 5, COLOR Y TIPO DE LETRA:
<blockquote>
<font size="5"(tamaño) color="#77ee77"(color) face="Arial" (tipo letra)> "Codigos html ejemplo"</font>
</blockquote>
---------------------------
<h1> ENCABEZADO </h1> -> ENCABEZADO H1
<h3> ENCABEZADO </h3> -> ENCABEZADO H3
<h6> ENCABEZADO </h6> -> ENCABEZADO H6
---------------------------
<p></p>
Nuevo párrafo
<p align=?>
Alinea el párrafo hacia la izquierda, derecha o al centro
<br>
Inserta un interlineado suave. Crea otra línea
<blockquote>
</blockquote>
Texto entrecomillado de ambos lados
<dl></dl>
Lista de definiciones (glosario)
<dt>
Precede a cada término en definiciones
<dd>
Precede cada definición
<ol></ol>
Lista ordenada
<li></li>
Entrada en una lista
<ul></ul>
Lista con viñetas sin ordenar
<div align=?>
Para formato a porciones grandes del documento html, incluyendo hojas de estilo
--------------------------
ENLACES
<a href="pagina.html">
Hipervinculo
<a href="mailto:EMAIL"></a>
Hipervínculo mailto (para envío de correo)
<a name="name"></a>
Ancla en el mismo documento
<a href="#name"></a>
Link hacia algún lugar dentro del mismo sitio


----------------------------
<br> TEXTO <br> -> SALTO DE LINEA
<hr> -> LINEA SEPARADORA
----------------------------

domingo, 11 de noviembre de 2012

no puedes poner la @ aki una solucion

solucion para si no puedes poner el sifgno de arroba

ok pueden ser por varias razones que no no sale el signo de arroba

antes que nada por si acaso no lo puedes hacer

deves poner shift y apretar el 2 para que te salga @

esa es la forma mas comun de ponerla

pero si por alguna razon   estas teniendo problemas

para poner la arroba

deve ser porque cambiaste el idioma a tu pc

si hiciste algfunos cambios recientemente a tu pc

aqui la forma de arreglar eso

okis

primero vas ha

control panel

luego le das a donde dice

region and language

luego donde dice format

te fijas que este en ingles

tambien donde dice location te fijas que diga en ingles

luego le das ha keyboard and lenguage

y le das ha cambiar keyboard y tambien le pones en ingles

ya que ayas cambiado todo en ingles le das ok y aplicar

y restauras la pc

y ya te va ha salir arroba solo con darle click al mismo tiempo a

shift 2




pero si aun asi no puedes poner el signo de @
entonces pones alt 64
y tambien asi te saldra
pero el 64  lo pones del teclado de numeros que esta a la izquierda de tu teclado
suerte

sábado, 8 de septiembre de 2012

miércoles, 8 de agosto de 2012

No porque la noche
sea oscura
dejara de brillar
una estrella...
 
Attachment
 
 
El tiempo enseña.
 mas que la cultura....
 
 
Los niños son Angeles
cuyas alas son
 sus abuelos...
 
Attachment
 
Un niño prefiere
los buenos recuerdos
que los buenos regalos...
 
 
La sonrisa de un niño
lleva impresa
la firma de Dios...
 
Attachment
 
Cada vez que haces
 un acto de caridad
 Dios es tu socio.....
 
 
Dios te da los
 pinceles tu decides
 como pintas tu vida....
 
Attachment
 
Guarda un peso
 blanco para
 los dias negros...
 
 
Mi felicidad estriba
 en jamas haber
 hecho mal a nadie...
 
Attachment
 
Soy dueña del sol
 de las estrellas,
del aire que
respiro este dia
 quien puede acusarme
 de no ser millonaria...
 
 
Un espejo es el
 reflejo de tu cuerpo
,un hijo es el reflejo
 de tu alma...

marquesinas y mas

 MARQUESINAS  

CON TEXTO
<marquee behavior=scroll direction="left" width=88 > Aquí va el texto que quieres que de Mueva de un lado a otro</marquee>CON IMAGEN O ENLACE

Para que quede con imagen pues debes poner el código para una imagen que lo puedes encontrar en los códigos básicos, si también quieres poner un a imagen o texto con enlace solo tienes que pegar el código que se te indica en los códigos básicos para poner un texto o imagen con enlace en la parte que dice Aquí va el texto...

En donde dice dirección  puedes indicar hacia donde quieres que se mueva cambiando el left por:

Up
Down
R
ight
Down

 ICONOS EN FAVORITOS

<LINK REL="Shortcut Icon" HREF="http://URLDELARCHIVO/icono.ico">
<title>Titulo de la pagina</title>  
Esto hará que cuando alguien guarde tu pagina en favoritos aparezca un icono ^^

 
FONDO SIN MOVIMIENTO

Esto es para que tu fondo no e mueva a pesar de que muevas las barras de desplasamiento
bgpropertier="fixed"
  

Esto debes ponerlo dentro de la etiqueta de 
<body>

 SIN BANNER
 
Si tu servidor te saca banner lo único que debes de hacer es poner el siguiente código a lado de 
<head><head>, <nobanner>
 SCROLLBAR CON COLOR (BARRA DE DESPLAZAMIENTO)


Este código debes de pegarlo antes de 
</head>, donde están las letras F ahí debes poner el código de el color que quieres que sea guiándote con la imagen que te dejo.


<---- type="text/css">
<!---
BODY 
{ 
direction:;
background-attachment:fixed; 
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-3dlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
}
--->
</---->

martes, 7 de agosto de 2012

LETRAS CON MOVIMIENTO

saludos !!feliz miercoles!!

diferentes fonts

Amazone BT
Times New
Arial Impact
Blackadder ITC
Calligrapher
Century Gothic
Comic Sans MS
Copperplate Gothic Bold
Curlz MT
Edwardian Script ITC
Courier Matisse ITC
Mistral
Eurostile
Eras Demi ITC
Franciscan
Papyrus
Roman
Tahoma
Tempus Sans ITC
Verdana
Vivaldi
Impact
Kristen ITC
Lucida Sans
Lydian BT
Maiandra GD
Matisse ITC
Papyrus
Copperplate Gothic Light

Tutoriales PSPY MAS HTML TUTOS - VARIOS TUTORIALES- ENLACES GLITTER - IMAGENES TEXTAREA -OROLOGES

 

Compteur BLOG


BLOG

jueves, 12 de julio de 2012

codigo de letras html

<marquee onmouseover=stop() style="BACKGROUND-COLOR: TRANSPARENT" onmouseout=start() scrollamount=4 scrolldelay=100 direction=up width=600 height=300><font face=tahoma color=purple size=3><center><b>TEXTO

<img src="AKI LA IMAGEN " />

</b></center></font></marquee>

marquesinas

MARQUESINAS

CON TEXTO
<marquee behavior=scroll direction="left" width=88 > Aquí va el texto que quieres que de Mueva de un lado a otro</marquee>CON IMAGEN O ENLACE

Para que quede con imagen pues debes poner el código para una imagen que lo puedes encontrar en los códigos básicos, si también quieres poner un a imagen o texto con enlace solo tienes que pegar el código que se te indica en los códigos básicos para poner un texto o imagen con enlace en la parte que dice Aquí va el texto...

En donde dice dirección puedes indicar hacia donde quieres que se mueva cambiando el left por:

Up
Down
R
ight
Down

ICONOS EN FAVORITOS

<LINK REL="Shortcut Icon" HREF="http://URLDELARCHIVO/icono.ico">
<title>Titulo de la pagina</title>
Esto hará que cuando alguien guarde tu pagina en favoritos aparezca un icono ^^

FONDO SIN MOVIMIENTO

Esto es para que tu fondo no e mueva a pesar de que muevas las barras de desplasamiento
bgpropertier="fixed"


Esto debes ponerlo dentro de la etiqueta de
<body>

  SIN BANNER

Si tu servidor te saca banner lo único que debes de hacer es poner el siguiente código a lado de
<head><head>, < nobanner>
  SCROLLBAR CON COLOR (BARRA DE DESPLAZAMIENTO)


Este código debes de pegarlo antes de
</head>, donde están las letras F ahí debes poner el código de el color que quieres que sea guiándote con la imagen que te dejo.


<---- type="text/css">

<!---
BODY
{
direction:;
background-attachment:fixed;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-3dlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
}
--->
</---->


codigos html

CODIGOS HTML Los códigos que aquí dejo los tienes que pegar en la parte HTML de tu documento la verdad es que hay unos muy útiles ^^
BASICOS


PARA PONER UNA IMAGEN

<img src="Aqui va la url de la imagen" width="" height="" border="0">

En la parte de Width va la altura de tu imagen y en HEIGHT la anchura de la imagen, para ver esto da clic derecho sobre la imagen y dadle en donde dice propiedades ahí vendrá lo que es la URL y medidas de tu imagen ^^


NEGRITA<b> </b>

También puede llevar strong en vez de la b

CURSIVA<i> </i>

También puede llevar en vez de la i (em)

SUBRAYADO
<u> < /u>
TACHADO
<s> < /s>

ENLACE DESDE UN TEXTO

<a href="Acá va la url de la pagina a enlazar "> TEXTO < /a>
ENLACE DESDE UNA IMAGEN
<a href="Aquí va la url de la pagina a enlazar"><img src="Acá la url de la imagen que llevara el enlace"></a>

PARA QUE UN ENLACE SE ABRA EN OTRA VENTANA
CON TEXTO
<a href="quí va la url de la pagina a enlazar" target="_blank"> texto </a>CON IMAGEN

<a href="Aquí va la url de la pagina a enlazar"target="_blank"><img src="Acá la url de la imagen que llevara el enlace"></a>
PARA QUE UN ENLACE SE ABRA EN UNA VENTANA CON NOMBRE "miventana"

CON TEXTO
<a href="quí va la url de la pagina a enlazar" target="miventana"> texto </a>CON IMAGEN

<a href="Aquí va la url de la pagina a enlazar"target="miventana"><img src="Acá la url de la imagen que llevara el enlace"></a>
GLOW CON TEXTO

<span st yle="filter: Glow(Color=red, Strength=1); height: 0px;">texto</span>

CON IMAGEN

<img st yle="filter: Glow(Color=red, Strength=1);" src="Y">
COLORES red=rojo; green=verde; blue=azul; black=negro=#000000; white=blanco=#FFFFFF; gris oscuro=#333333; morado= #9933CC; PARRAFO

<p> < /p>
LINEA HORIZONTAL

<hr>
CENTRAR <div align="center"> </div>
<p align="center"> </p>

Si no quieres centrado el contenido lo unico que tienes que cambiar es la parte que dice CENTER por
* izquierda
* derecha