[PERFIL]Decoración HTML EDIT!

Hisato 10-feb-2008

[color="White"][font="Arial Narrow"]Koniachiwa!!!
como estan todos? espero que bien bien bien
no se si este tema va aqui... pero... igual ^_^

KAWAI PERFIL

bueno bueno... hize este tema espero que no lo cierren ^^U
para darles siertos códigos HTML para dejar su perfil tan lindo o arreglado como quieran
bueno SOLO como un ejemplo pueden pasar a ver el mio si quieren y firmarlo XD

para todos aquellos que les interese...
solo deben pegar los codigos que les doy en su mini blog [no se preocupen que no se verán ^^U]
estos estarán dentro del spoiler y de titulo se escribira para que sirve



supongo que algunos ya saben poner música en su blog
este código sirve para lo mismo, PERO con la diferencia que este se reproducira AUTOMATICAMENTE
sin la necesidad de pulsar [PLAY]

<embed src="URL del tema" type="application/x-shockwave-flash" width="300" height="80" wmode="transparent"></embed>

NOTA: es mas eficaz usar la url de tu cuenta en Imeem... [solo si lo prefieres]



este codigo sirve para poner una imagen, wallpaper o GIF como fondo en tu perfil

</STYLE> <style type='text/css'>body{ background: url(URL de la imagen) black center no-repeat fixed; } table, .heading_profile, .heading_profile_left, table td, #p_container, #p_nav_primary, #top_header, #p_nav_header { background-color:transparent !important;border-width:0px } </STYLE>



[color="Green"]para cambiar el color los colores de tu perfil
yo te marcare donde debes cambiar el color para tal cosa... marque un codigo "000000" con un color diferente, ya que cada uno sirve para cambiar el color de cierta cosa
mas abajo del codigo, estan los mismos colores, y te nombrare donde se cambiara el color

ejemplo si en el codigo te marque un #000000 de color azul
mas bajo te aparecera

000000 (<- azul) = color de fondo de las casilla (<- te nombro lo que se pondra del color que eligas en tu perfil
ok?...

[COLORES AQUÍ]

<style type='text/css'>body { background: #000000; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0px 10px; padding: 0px; border-top: 1px none; border-right: 1px solid #000000; border-bottom: 1px none; border-left: 1px solid #000000; } a:link, body_alink { color: #000000; } a:visited, body_avisited { color: #000000; } a:hover, a:active, body_ahover { color: #000000; } .page { background: #000000; color: #000000; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background: #000000; color: #000000; border: 1px groove #000000; } .tcat { background: #000000; color: #000000; font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat a:link, .tcat_alink { color: #000000; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #000000; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #000000; text-decoration: underline; } .thead { background: #000000; color: #000000; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #000000; } .thead a:visited, .thead_avisited { color: #000000; } .thead a:hover, .thead a:active, .thead_ahover { color: #000000; } .tfoot { background: #000000; color: #000000; } .tfoot a:link, .tfoot_alink { color: #000000; } .tfoot a:visited, .tfoot_avisited { color: #000000; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #000000; } .alt1, .alt1Active { background: #000000; color: #000000; } .alt2, .alt2Active { background: #000000; color: #000000; } td.inlinemod { background: #000000; color: #000000; } .wysiwyg { background: #000000; color: #000000; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } textarea, .bginput { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #000000; } .navbar { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #000000; font-weight: bold; } .fjsel { background: #000000; color: #000000; } .fjdpth0 { background: #000000; color: #000000; } .panel { background: #000000; color: #000000; padding: 10px; } .panelsurround { background: #000000; color: #000000; } legend { color: #000000; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #000000; color: #000000; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control a:link, .vbmenu_control_alink { color: #000000; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #000000; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #000000; text-decoration: underline; } .vbmenu_popup { background: #000000; color: #000000; border: 1px solid #000000; } .vbmenu_option { background: #000000; color: #000000; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #000000; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #000000; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #000000; text-decoration: none; } .vbmenu_hilite { background: #000000; color: #000000; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #000000; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #000000; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #000000; text-decoration: none; } .fieldset { margin-bottom: 6px; border: 1px solid #000000} .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } .fieldset2 { margin-bottom: 6px; border: 1px solid #000000 } </STYLE>

000000 = color de las letras al final de tu perfil
000000 = salen los margenes de las casillas (no importa el color que pongas, siempre aparecera como rojo oscuro, a no ser que lo pongas de color negro)
000000 = el color de la letra para los siguientes links (hipervinculos): mensajes privados, amigos favoritos, buscar post-discuciones, enviar mensajes privados y para escribir comentarios
000000 = color de letra que te dice donde de encontrabas en el foro y para el numero de hojas de post en tu perfil
000000 = si es un link, se cambia al color que pongas, cuando pasas el cursos sobre el
000000 = casillas del perfil, que separan los post, los cuadros de los amigos favoritos y de los mini blogs (esta si se quedan con el color que les pongas)
000000 = color de los titulos de tu perfil, ejemplo: "información adicional", "potografia de usuario x", "amigos de usuario x" etc.
000000 = color del nick del usuario que te deja un comentario
000000 = color de letra (para) donde dice : "borrar comentario"
000000 = al pasar el cursos en los hipervinculos; "borrar mensajes" y el nick de un usuario. se cambia al color que pusiste
000000 = color donde dice el día en que un usuario te escribio ejemplo: "hace 1 día"
000000 = color del numero del post
000000 = color de las ultimas letras de tu pefil (pd, este codigo permite que los usuarios que te escriben puedan, al escribir el comentario, cambiar a color que ellos quieran ponerte)
000000 = otras casillas (sin importancia por que no se ven XD...)
000000 = color de letra para tus comentarios
000000 = color de status de tu perfil y de los quotes en tus comentarios
000000 = color de letra de la informacion en tu perfil
background = color de fondo de las casillas
Los tipo de letras que marque... estan por todo el codigo, solo cambia al nombre de la fuente que quieras y esa sera la de tu perfil ^_^



si no quieres que tu flechita sea como todas las otras... aqui puede buscar la que gustes
http://www.123cursors.com/cursor/7687.html
haces clic en tu favorito y copias el codigo que saldra abajo y lo pegas en tu blog



si quieres poner un video de youtube y que AUTOMATICAMENTE se reproduzca pega este código

<embed src="URL del video&rel=1&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355">



este código te permite poner una imagen en la parte superior izquierdo de tu perfil

<img style="position:absolute; left:0px; top: 0px; border:0; z-index:9;" src="URL de la imagen"/>



solo escoje el que prefieres y copia el código

HOMERO DICE: "dejame un comentario"
<embed src="http://david7wolf.googlepages.com/homerocoment.swf" type="application/x-shockwave-flash" wmode="transparent" width="200" height="200" style="position:absolute; left:400px; top: 900px; border:0; z-index:9;"></embed>

Alarma de policia que produce sonido al presionar en el
<embed src="http://david7wolf.googlepages.com/baliza.swf" type="application/x-shockwave-flash" wmode="transparent" width="300" height="126" style="position:absolute; left:150px; top:255px; border:0; z-index:9;"></embed>

Estrellitas azules
<embed src="http://david7wolf77.googlepages.com/estrellaskebajanl.swf" type="application/x-shockwave-flash" wmode="transparent" width="100" height="200" style="position:absolute; left:400px; top:300px; border:0; z-index:9;"></embed>

Estrellitas rosas
<embed src="http://davidwolf7777.googlepages.com/estrellasrositas.swf" type="application/x-shockwave-flash" wmode="transparent" width="100" height="200" style="position:absolute; left:400px; top:100px; border:0; z-index:9;"></embed>

Rostro de puma
<embed src="http://david7wolf77.googlepages.com/thundercats.swf" type="application/x-shockwave-flash" wmode="transparent" width="150" height="150" style="position:absolute; left:300px; top:300px; border:0; z-index:9;"></embed>

Nota músical
<embed src="http://davidwolf7777.googlepages.com/llsol.swf" type="application/x-shockwave-flash" wmode="transparent" width="90" height="150" style="position:absolute; left:550px; top:200px; border:0; z-index:9;"></embed>

Corazón
<embed src="http://davidwolf7777.googlepages.com/corazon.swf" type="application/x-shockwave-flash" wmode="transparent" width="150" height="150" style="position:absolute; left:350px; top:350px; border:0; z-index:9;"></embed>

Calabaza
<embed src="http://benjajotelog2.googlepages.com/calabaza.swf" type="application/x-shockwave-flash" width="150" height="150" wmode="transparent" style="position:absolute; left:400px; top: 300px;" border="0">

Murcielago
<embed src="http://benjajotelog2.googlepages.com/murcielago.swf" type="application/x-shockwave-flash" width="200" height="100" wmode="transparent" style="position:absolute; left:400px; top: 300px;" border="0">

Calabera animada
<embed src="http://david7wolf7.googlepages.com/skull7.swf" type="application/x-shockwave-flash" wmode="transparent" width="150" height="150" style="position:absolute; left:50px; top:600px; border:0; z-index:9;"></embed>

Bruja
<embed src="
http://benjajotelog2.googlepages.com/bruja.swf" type="application/x-shockwave-flash" width="150" height="150" wmode="transparent" style="position:absolute; left:400px; top: 300px;" border="0">



solo copia y pega

<embed width="300" src="http://www.seekcodes.com/Flash/calendar2.swf" height="270">



aqui podras encontrar varios tipos de relojes... elije el que gustes y copia el código
http://www.clocklink.com/



el nombre suena raro -.- pero si, para dale movimiento, solo de corrido, como es "pong" que rebota,
este codigo te servira, pero solo en tu miniblog

<marquee>Texto</marquee> texto
la diferencia con este, es que el marquee no revota de un lado a otro ^^U



no quieres que te roben tu imagen? ¬¬U
solo pon un codigo de alerta y listo ^^...

<img src="URL DE LA IMAGEN" oncontextmenu="alert('Gomenasa i');return false" oncopy="alert('Mensaje);return false"/>

en la parte que dice mensaje, escribe lo que quieres decirle al que intenta robarte XD ej: "no toques ¬¬"
bueno eso es todo por ahora

PD

si no entienden, o quieren que les ayude en algo, solo diganme y les enseñare, pero no me lo pidan por mp XD
que casi yo nunca respondo -_- (gomen) pueden escribirme al perfil, o por msn O_O... ^^U

__________________
[ D Gray Man Fan ]

ALLEN is my type



» Motita Geih

Kurtis

grasias, solo espero que el foro no se sature si ponen de todo.

Sweet Girl

O.o oie no entendi bien
XD pero entre a tu perfil
esta mega cutte!! me encanto
pero yo no se como se hace (¿?)

Аllen

Muchas gracias, tal vez un día lo utilize.

Kotoko

Me parece muy bueno tu aporte,
Me encanto el marco que tienes en tu perfil, se lo pondre al mio xD.
Se te agradece muchisimo el aporte que hiciste, asi se le dara mas la facilidad a los usuarios.
Para que ya no se queden con las ganas de tener su perfil a color y al fin tenerlo =P

ElyS~

jejeje muchas gracias

ta muy lindo tu perfil ^^

Monster

Me vengo enterando... No sabía que se podía hacer esto, está chido.

Keiichi Maebara

sin duda este fue un aportazo, felicitaciones te pasaste, ahora mi perfil se ve con mas vida que antes xd

no sabia que se podia hacer esto, asi que a disfrutar.

Kula

Nosé.... pero creo que con TODAS esas cosas que pusiste los perfiles colapsaran (?), bleh, casi colapsa el que estoy usando ahora mismo xDDD
Btw, creo que te faltaron bastantes codigos, vere si despues los puedo postear (:

SPENGBAB

Chido el aporte

y siii, coloquen mas códigos para que se colapse más esto.

Leo

Jeje.. Gracias por el aporte..

Aunque no puedo temporalmente poner una foto xq PhotoBucket esta saturado.. (osea, no se ven las imagenes y no se puede entrar a la WEB)..

Pero estoy experimentando con todo..

Saludos!

Jaspe

Lo muevo a importantes
muchas gracias por ayudarnos linda *-*
salu2

Stormrage

muy bueno el tuto
se agradece

BW

Excelente aporte ^^.
Yo tambien andaba buscando éste tipo de códigos compatibles con mi perfil pero no encontraba alguno que me guste

Gracias ^^.

Saludos

Ark-Yaotl

Mi perfil de color verde :*O*:
Se agradece mucho el aporte, ahora veré como hacer lo demás o_ô

Saludos.

Laurana

Gracias, aunque una pequeña matización:

El código de la música deberían quitarlo, de verdad que es bien molesto xDDDDDD

Eso sí, el resto son bien útiles :3

Thankius!

Sponge Bob

Muchos ya estan descubriendo como modificarlo a gusto

Eso incluye colores las lineas punteadas y demas cosas =)

Buscare mas opciones para modificarlo xD

Gracias por el dato de igual forma ^^