[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

Romeo

muchas gracias por esto, llevo mucho sin entrar aqui y digo, debia por lo menos decorar un poco XD

thks y esperemos mas codigos

chauu

Senekis

thax se agradece DX

Adri-uzumaki

Arigatoo por los codigos :33

Thewolf

Iniciado por link_sasuke Holaz pues...tengo una duda ¿ cuál es el código para colocar juegos ?

Depende del juego que quieras poner, pero indepemdientemente de so solo copias el codigo que tiene el jego en el miniblog eso es todo

Iniciado por Kabeza!!! mira tengo una duda, yo he visto un mouse en una pagina de internet, pero no se como puedo usarlo para mi cuenta la pagina es esta: http://facustone.tripod.com/id6.html

Si estas hablando del las pelotitas que aparecen y siguen al raton, la dejas un poco difil
dejame ver hay dos formas una es buscar en otras paginas el msmo tipo de cursor y copiar el condigo y la otra seria sacar el codigo de la pagina, voy aprobar si se puede sino tendras que buscar en otras paginas o escojer otro cursor

Uchiha_Itachi

no entiendo que quieres decir con la url del tema de musica

Diamond_Spirit

wooooooooow.....Ke Genial!!! Muchas Gracias *u*

Inυyαѕнα

MuchS gracias x los codigos muy buenos me cirvieron mucho.

Ryoga

Oigan tengo un pequeño problema, hace unos minutos estaba intentando cambiar el color de mi perfil para ponerlo vinotinto y con las letras en blanco pero cuando envié el miniblog siempre que intentaba entrar a mi perfil no se cargaba la pagina y se veia que la linea vertical que está del lado derecho de la pagina y va desde la barra superior hasta el final estaba como de azul y medio desalineada, ¿podrian ehcarme una mano con ese problema? gracias de antemano a quien me ayude

Por cierto, el codigo que iba a usar era este:


<style type='text/css'>body { background: #000000; color: #FFFFFF; font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0px 10px; padding: 0px; border-top: 1px none; border-right: 1px solid #000099; border-bottom: 1px none; border-left: 1px solid #CC3300; } a:link, body_alink { color: #FFFFFF; } a:visited, body_avisited { color: #FFFFFF; } a:hover, a:active, body_ahover { color: #FFFFFF; } .page { background: #000000; color: #ffffff; } td, th, p, li { font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background: #CCCCCC; color: #000000; border: 1px groove #CC3300; } .tcat { background: #CC3300; color: #FFFFFF; font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat a:link, .tcat_alink { color: #FFFFFF; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #FFFFFF; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #FFFF66; text-decoration: underline; } .thead { background: #1f1e27; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #FFFFFF; } .thead a:visited, .thead_avisited { color: #FFFFFF; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFFF00; } .tfoot { background: #CC3300; color: #E0E0F6; } .tfoot a:link, .tfoot_alink { color: #000000; } .tfoot a:visited, .tfoot_avisited { color: #000000; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #FFFF00; } .alt1, .alt1Active { background: #000000; color: #ffffff; } .alt2, .alt2Active { background: #000000; color: #ffffff; } td.inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #F5F5FF; 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: #FFFFFF; } .navbar { font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #000000; color: #ffffff; padding: 10px; } .panelsurround { background: #000000; color: #ffffff; } legend { color: #FFFFFF; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #000000; color: #FFFFFF; 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: #FFFFFF; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #FFFFFF; text-decoration: underline; } .vbmenu_popup { background: #000000; color: #ffffff; border: 1px solid #0B198C; } .vbmenu_option { background: #000000; color: #CC3300; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #CC3300; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #CC3300; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #CC3300; text-decoration: none; } .vbmenu_hilite { background: #000000; color: #336699; font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #336699; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #FFFFFF; text-decoration: none; } .fieldset { margin-bottom: 6px; border: 1px solid #CC3300} .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } .fieldset2 { margin-bottom: 6px; border: 1px solid #0C1C30 } </STYLE

h o t a r u •

Genial todo *-*
grax =)
de hecho Mii coloco algo aparte que pertenece a "Last.fm" pero tengo un problema D:

lo q pasa es que no puedo colocar la imagen superior en mi perfil ;0;
he seguido "el" paso {es solo uno xD}
pero nu me sale ;___;
nu se en q tara mal
pero ayuda pliis T0T

Kyubi No Youko

x)... se te agradece que hayas puesto los codes *O*...
lo uniko k deberias actualizar -_- el primer post poniendo
mas codes como...como hacer para que el fondo quede transparente
o...ponerle alertas a las imgs o_oUUU, x k la mayoria no sabe Dx...
y eso de los marcos ps... podrias poner el code completo que solo deberian cambiar el
color de la letra n_n...UUU asi keda mas kawaii el perfil de todos por iwal x333...(se ama la igualdad º-º!)

weno ^^ , sirve para cualquier principiante =P igualmente...(yo no lo soy xD supongo...)

See ya chika tiernah x3

M@r(0$

Una gran duda que tal ves en este tema puedan responderme por que rason mi perfil se borro sabran a que se deve ???

Catfan

Iniciado por Tamer_Marcos|BFN| Una gran duda que tal ves en este tema puedan responderme por que rason mi perfil se borro sabran a que se deve ???

y... la vida es un bumerang ñ__ñ.. todo lo que haces regresa en una forma o otra .. jajajaj XD no, lamentablemente no todos reciben lo que se merecen -pens.. tu perfil se borro por que el miniblog se borra después de un mes ;D

Para mas información lee atentamente la primer pagina de este mismo tema

Ankoku Neko

esta es una forma sensilla de conservar los marcos cuando se pone una imagen de fondo ^^
para dase una idea de como queda puedne visitar mi perfil


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

espero que el aporte les sea de utilidad ^^
mata ne

*¤•neko_yuki•¤*

yo tengo dudas.......
como le pongo musica docracion del puntero
y bordes jaaaaaaaaaaaaaaaaaaaa

Angel del Diablo