[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

Sho Soe

Aver O.O Espero no me borren mi post:

Aqui en esta pagina http://www.quedeletras.com/
Es de letras de canciones, pero cuando buscas una cancion, y le das click para ver la letra, abajo en la derecha hi un cuadrito como este:


Ese cuadro va en movimiento, y se ve toooooda la letra de la cancion que hayan buscado O.O
Hasi que lo unico que deben hacer es entrar, buscar una cancion, y copiar el codigo que viene dejbajo del cuadrito en no se donde lo quieran poner (O deba ponerse xD)

Espero y este bien O.O

Sayooooo!!!!

ミシェル

pero donde pego los codigos en que parte ando perdida :S soy nueva ._.

ミシェル agregó un mensaje a los 36 minutos y 19 segundos después...

sabes ise lo que dijiste pero la imagen de fondo no se me ve T_T le pege el codigo de la url y todo pero no se ve de fondo T_T

Karyoh

gracias
mi perfil se ve mejor .
gracias

ºgAbOº

os doy lAs gRaCiaS pOR eL tEmA!
me ayudo mucho

Ạҝαʀυɨ Łερѕ

problema:

._. no me pone el fondo si alguien me puede pasar por MP el code para el fondo con esta img:

http://fc02.deviantart.com/fs26/f/20..._by_x_cron.jpg

Jazz

Muchisimas Gracias x esto <3!
En seguida voy a decorar la imagen superior (X ahora xD)

Kinu

ooh, gracias por el tuto n_n
se ve mucho mas lindo ahora mi perfil!
aunque aun te faltan codigos.. o.o
espero los subas n___n
matta ne!

DaRk_MeYdOc

Grax por la info me hacia mucha falta!

SolJulieta

no hay estrellitas violetas??

Eri-chan~

OwO , todo esta muy bueno ,pero ¿Como se ponen otra clase de marces?

aquarela

Mil gracias, ya me estaba preguntado como miercale ponianlos colores!, enserio, mil gracias

Shiki.