UnA aYuDa PoRfA

Tema en 'Foro Libre' iniciado por LiTuSs, 4 Ago 2008.

  1. LiT

    LiTuSs
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
  2. ssh

    sshadenss
    Expand Collapse
    Capitán

    Mensajes:
    718
    Me Gusta recibidos:
    1
    jajja NO paSa NAda

    MIRA Aki TE doi UNos Codigos q COmo Acen TODa Esa Wada Pero si quieres te q Aga UN tapiz igual o algo Parecido OLvidate DemoRa UN webo De TIempo



    PAR Q la Foto SEA mas GRAnde USA ste:

    <style type="text/css"> #user-picture IMG {HEIGHT: 300px;WIDTH:200px;DISPLAY: none;} #user-picture { WIDTH: 250px;HEIGHT: 350px;TEXT-ALIGN: center; DISPLAY: block; background-image: url(AKI EL Http:/ De tu IMAGEN) ;background-repeat: no-repeat;background-position: center;margin-left: 28px;border: SOLID #000000 4px;} </style>


    PARA q el Texto se MUeva
    <marquee behavior="alternate" width="300" height="25">AKI ESCRIBES LO Q QUIERAS</marquee>

    o SI quieres q se Mueva en tu cuidad natal usa
    <marquee>Aki Scribes tu cuidad natal</marquee>


    Si QUires UN Baner

    <P><STYLE>
    {sitio-web:;}
    #profile-name {
    background-image: url(AKI EL HTTP:// de tu IMAgen);
    color: #000000;font-size: 0px;{width: 936px;height: 334px;
    border-color:#FFFFFF;
    border-style:SOLID};
    }
    </STYLE><p><p></P>


    OJO COnfiguras el Tamaño segun sea el porte de tu imagen 936px 334px

    si lo q quieres es q cuado pase el cursor se muestre el comentario usa estee

    <style type="text/css"> {##-- Comment --##}
    #comments .listitem-separator {background: #ffffff !important;}
    .comment {height:105px !important;}
    .comment:hover {height:100% !important;overflow-y:auto;}

    .comment-picture {height:100px !important;width:100px;border:Solid #000000 1px;}
    .comment-picture a img {width:100px;height:100px;}
    .comment-picture img{filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=5);}
    .comment:hover .comment-picture img{filter:();}

    .comment-text {color:#c0c0c0 ;padding:5px 5px 10px 60px;
    background:#000000 url(
    http://i29.tinypic.com/35lhwqv.gif
    );
    background-repeat:no-repeat;width:190px !important;
    border:Solid #000000 3px;border-top:solid #000000 20px;}
    </style>




    Foto del perfil centrada, estadisticas a la izquierda e info a la derecha.

    Este es el código para poner la foto del perfil centrada, las estadisticas en la parte izquierda y la info en la parte derecha :D

    <style>
    #xabout-center {position:relative;
    left:330px;text-align:right!important;}
    #xabout-left {position:relative;
    left:380px;}
    #xabout-right {position:relative;
    left:-620px;}
    #user-links {text-align:center;}
    </style>

    NOTA: Si quieren que el texto de la info no este alineada a la derecha solo borren la parte en rojo, y si no quieren centrados los links que estan debajo de la foto borren la parte en azúl

    El resultado seria algo como esto :D espero que le sirva a alguien :D




    [​IMG]



    otras opciones serian estas:


    Adevertencia: Leer bien y meditar antes e usar este código porque como dice en ROJO desaparese los links de usuario (Links debajo de la foto del perfil)

    Este codigo queda así: foto centrada, sin los links de usuario y la info a la derecha

    <style>
    #user-links {visibility:hidden!important;}
    #xabout-left {position:relative;
    left:380px;}
    #xabout-right {position:relative;
    left:-320px;top:200px;}
    #xabout-center {position:relative;
    left:380px;}
    </style>

    Este codigo queda así: foto centrada, sin los links de usuario y la info a la izquierda

    <style>
    #user-links {visibility:hidden!important;}
    #xabout-left {position:relative;
    left:380px;}
    #xabout-right {position:relative;
    left:-320px;top:200px;}
    #xabout-center {position:relative;
    left:-190px;}
    </style>

    Este codigo queda así: foto centrada, sin los links de usuario y SIN info (que es como mas me gusto ;))

    <style>
    #user-links {visibility:hidden!important;}
    #xabout-left {position:relative;
    left:380px;}
    #xabout-right {position:relative;
    left:-320px;top:200px;}
    #xabout-center {display:none!important;}
    </style>






    espero te guste y sobre todo te sirva ;)



    ESO ES TODOS LOS EFECTOS Q LE ENCONTRE A EsAS WEADAS DE hi5 Si tienes MAs Dudas NO Dudes en PREGUNTARME




    ___by__§sHaDeNs§ si Te GUsto Dame Las gRaCias XD


     
  3. LiT

    LiTuSs
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
    bueno la verdad noc mucho de esto pero pues gracias deverdad por todo y voy aver como hago si algo io te escribo gracias *+*+*+*+att LiTuSs
     
  4. LiT

    LiTuSs
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
    ahh una ultima cositael del primer perfil eso como se hace con puro diceño grafico o ai codigos?
     
  5. ssh

    sshadenss
    Expand Collapse
    Capitán

    Mensajes:
    718
    Me Gusta recibidos:
    1
    MIra Lo q Ha Echo el PAta es DiseñArlo Despues Lo Subio Al INternet su IMagen Y lo Pego COmo Su Baner, mira siquieres algo parecido diseña tu imagen despues subela a internet copias su http:// y lo pegas el code es de baner>>
    Si QUires UN Baner

    <P><STYLE>
    {sitio-web:;}
    #profile-name {
    background-image: url(AKI EL HTTP:// de tu IMAgen);
    color: #000000;font-size: 0px;{width: 936px;height: 334px;
    border-color:#FFFFFF;
    border-style:SOLID};
    }
    </STYLE><p><p></P>


    OJO COnfiguras el Tamaño segun sea el porte de tu imagen 936px 334px
     
  6. LiT

    LiTuSs
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
    listo pai jaja y perdona ke t moleste tanto eske lo de los commnts sale cmo dañado y ps si sabes cmo hacer ke cambien las fotos
     
  7. ssh

    sshadenss
    Expand Collapse
    Capitán

    Mensajes:
    718
    Me Gusta recibidos:
    1
    Usa Este y no es esPecifikte q no t entendi muy BN en tu pregunta?


    <style type="text/css"> {##-- Comment --##}
    #comments .listitem-separator {background: #ffffff !important;}
    .comment {height:105px !important;}
    .comment:hover {height:100% !important;overflow-y:auto;}

    .comment-picture {height:100px !important;width:100px;border:Solid #000000 1px;}
    .comment-picture a img {width:100px;height:100px;}
    .comment-picture img{filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=5);}
    .comment:hover .comment-picture img{filter:();}

    .comment-text {color:#c0c0c0 ;padding:5px 5px 10px 60px;
    background:#000000 url(http://i29.tinypic.com/35lhwqv.gif);
    background-repeat:no-repeat;width:190px !important;
    border:Solid #000000 3px;border-top:solid #000000 20px;}
    </style>
     
  8. LiT

    LiTuSs
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
  9. LiT

    LiTuSs
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
    ahh y poner la foto en todos los amigos ke aparece en el perfil
     

Compartir esta página