[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

It is my life. I'm a Fangirl. Boy x Boy <3 love YAOI!!

Arik

exelente aporte amiga, como siempre no le quita see toque qué le agrada a tus amigos.

Aqua Madmax

Muchas gracias berry bell, por los tips para mejorar el perfil... SALUDOS

new 000000

no mde ayuda el de fondo no me da

Megarockman

alguien me puede dar un ejemplo de como poer musica porque conforme a codigos html ando bien pavo, como le hago para poder poner una rola de mi computadora?....espero alguien me pueda contestar =), ya que mande mp y al parecer no pudieron, muchas gracias ^^

mononoke

graciassss
este sitio m a ayudado muchoooo en poner bonito mi perfil acias

ΧχÐΣЅŤЯǾγΣЯχΧ

Buen tema, me ha ayudado mucho, ya le puse colorcitos a mi perfil XD y también musica, pero no me funciona lo de la imagen de fondo

Elessar1

Buen aporte, se agradece muchisimo.

Saludos.

ltachi Uchiha

Iniciado por Megarockman alguien me puede dar un ejemplo de como poer musica porque conforme a codigos html ando bien pavo, como le hago para poder poner una rola de mi computadora?....espero alguien me pueda contestar =), ya que mande mp y al parecer no pudieron, muchas gracias ^^

Se supone que no la subes desde tu PC...
Tu solo pones el codigo de la pagina, luego de haber encontrado la canción

Lillian_Hirahara*

Habrá que probar a ver que tal queda ^^

Muchas gracias por postearlos Berry Bell

Rulo!

se agradece
a la moda habra que ir no? xD

si se tiene estilo... no hay problema con que todos puedan hacerlo >.>

A!eB@o

ESTA BUENO JEJEJE YO YA SAVIA DE LOS CODIGOS..... PERO TENGO UNA DUDA COMO HAGO PARA CAMBIAR E FONDO DE MI PERFIL SE VE NEGRO LA VENTANA DE TUS DATOS... ALGUIEN SAVE COMO PONERLO TAMBIEN?

Okaru Sekai

D: Muchas gracias, me sirvio arto n_n

Setsuko

Gracias, me sirvió bastante.

Ryu‬

muchas gracias

Kyokumoku Uchiha

Me pueden ayudar???se q este no es el foro pero creo q servira!!!!!como agrego imagenes a mi perfil de ese foro pliis ayuda :S ^^