[Guía] Para modificar tu perfil del foro a SUPER PERFIL?

  1. #1





    Un SUPER PERFIL es la modificación del aspecto o presentación de tu perfil del foro mediante un lenguaje de hojas de estilos basados en HTML Y CSS . Ejemplo:


    Spoiler
    PERFIL DEL FORO NORMAL


    SUPER PERFIL






    Por otra parte, como aporte para el foro dejare en el siguiente spoiler dos plantillas de html y css (una para chicos y otra para chicas) con el cual podrás modificar tu perfil del foro a SUPER PERFIL, sin embargo, cabe destacar que actualmente en el foro existen otras dos plantillas de html y css totalmente free creadas por el usuario @Dios las cuales tambien podras encontrar en el siguiente spoiler


    Spoiler


    Para copiar la plantilla dale click donde dice SELECCIONAR y con la segunda tecla del mouse le das COPIAR y la pegas ya en tu BLOC de NOTAS o en WORD como prefieras para que sea mucho mas facil la edicion de esta.




    PLANTILLAS !--CPP--!

    Plantilla #1 CHICOS

                                        
    <style>

    body {
    background: url(https://i.imgur.com/A0mdPMJ.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font: 78% "trebuchet ms";
    margin: margin: 0 auto;
    padding: 0px 0;
    padding-left: 0%;
    padding-right: 0%;
    }
    #bdy-l, #bdy-r, .windowbg, #bodyarea {
    border-radius: 7px 7px 7px 7px;
    }
    #up_pictures, #up_other_info, hr, .navigate_section ul, .cat_bar, .catbg {
    display: none;
    }
    .gt {
    background-image: linear-gradient( to top right, #155614, #155614 );
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-family: VAGRounded;
    font-size: 20px;
    margin-bottom: 5px;
    }
    .windowbg, #preview_body {
    color: #000;
    background-image: linear-gradient( to top right, #B2FCB1, #B2FCB1 );
    border: 2px;
    border-radius: 0.5em;
    }
    body, td, th, tr {
    color: #000;
    font-family: VAGRounded;
    font-size: 13px;
    }
    </style>


    Plantilla#2 CHICAS


    <style>

    body {
    background: url(https://i.imgur.com/y3JSSOr.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font: 78% "trebuchet ms";
    margin: margin: 0 auto;
    padding: 0px 0;
    padding-left: 0%;
    padding-right: 0%;
    }
    #bdy-l, #bdy-r, .windowbg, #bodyarea {
    border-radius: 7px 7px 7px 7px;
    }
    #up_pictures, #up_other_info, hr, .navigate_section ul, .cat_bar, .catbg {
    display: none;
    }
    .gt {
    background-image: linear-gradient( to top right, #F98BC6, #F98BC6);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-family: VAGRounded;
    font-size: 20px;
    margin-bottom: 5px;
    }
    .windowbg, #preview_body {
    color: #000;
    background-image: linear-gradient( to top right, #F6DBE9, #FFFDFE );
    border: 2px;
    border-radius: 0.5em;
    }
    body, td, th, tr {
    color: #000;
    font-family: VAGRounded;
    font-size: 13px;
    }
    </style>



    PLATILLAS DIOS

    Plantilla#1 SUPER PERFIL ''Tema de Espacio''


    <style>
    body {
    background-image: url(https://i.imgur.com/KZkfCM9.jpg);
    font: 78% "Verdana";
    margin: 0 auto;
    padding: 0px 0;
    padding-left: 15%;
    padding-right: 15%;
    background-color: black;
    }
    #bdy-l, #bdy-r, .windowbg, #bodyarea {
    background-image: url(http://i.imgur.com/ibUjjPn.png);
    border-radius: 7px 7px 7px 7px;
    }
    .pagelinks {
    color: white;
    }
    #up_pictures,#up_interests,#up_write_comment, #up_about_me, #profile_left, #up_other_info, .ads, #footerarea, #publi, hr, .navigate_section ul, .cat_bar, .catbg, #footer, #foot-l, #foot-r{
    display: none;
    }
    #top,#bdy-l,#bdy-r,#bodyarea,#foot-r,#foot-l,#footer,#top-l,#top-r{
    background: none;
    }
    .post{
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    }
    #nebulosa{
    text-align: center;
    font-weight: bold;
    color: #E0ECF8;
    width: 300px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 7px 7px 7px 7px;
    padding: 120px;
    background-image: url(http://i.imgur.com/RIOcUcJ.gif);
    float:left;
    }
    #space{
    text-align: center;
    font-weight: bold;
    color: #5F4C0B;
    width: 300px;
    margin-right: 0;
    margin-left: 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 7px 7px 7px 7px;
    padding: 80px;
    background-image: url(http://i.imgur.com/w1weJwX.gif);
    background-repeat: no-repeat;
    float: right;
    }
    a:link, a:visited {
    text-decoration: none;
    color: white;
    font-family: kulintina;
    font-size: 18px;
    }
    h1, h2, h3, h4, h5, h6 {
    color: white;
    }
    .smalltext, tr.smalltext th {
    color: white;
    font-family: kulintina;
    font-size: 14px;
    }
    background-image{
    width: 542px;
    height: 256px;
    }
    </style>
    <div id="nebulosa">
    Nebulosa
    </div>
    <div id="space">
    Space
    </div>


    Plantilla#2 WEED


    <style>
    body {
    background: url(https://i.imgur.com/xyX3AaE.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font: 78% "Verdana";
    margin: 0 auto;
    padding: 0px 0;
    padding-left: 15%;
    padding-right: 15%;
    }
    #bdy-l, #bdy-r, .windowbg, #bodyarea {
    background-image: url(http://imgur.com/TlENgra.png);
    border-radius: 0px 0px 7px 7px;
    }
    #up_pictures,#up_interests,#up_write_comment, #up_about_me, #profile_left, #up_other_info, #footerarea, #publi, hr, .navigate_section ul, .cat_bar, .catbg {
    display: none;
    }
    #top,#bdy-l,#bdy-r,#bodyarea,#foot-r,#foot-l,#footer,#top-l,#top-r{
    background: none;
    }
    .post{
    color: green;
    font-weight: bold;
    font-size: 14px;
    }
    #weed {
    text-align: center;
    font-weight: bold;
    color: #1B2A0A;
    width: 300px;
    margin:0 auto;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 7px 7px 7px 7px;
    padding: 100px;
    background-image: url(http://i.imgur.com/2DWdkv6.gif);
    }
    a:link, a:visited {
    text-decoration: none;
    color: green;
    }
    h1, h2, h3, h4, h5, h6 {
    color: #3B0B17;
    }
    #left_admsection{
    background: url(http://i.imgur.com/ORAcqYE.png);
    color: green;
    margin:0 auto;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 7px 7px 7px 7px;
    }
    </style>
    <div id="weed">
    Rolling weed
    </div>













    Dirigite a la parte superior del foro y en la barra buscadora dale click a PERFIL y luego a PERFIL DEL FORO







    Una vez ubicado/a en tu perfil del foro te aparecerán cuatro casillas en letra negrita: INFORMACIÓN DE PERFIL,MEDALLAS, EDITAR PERFIL Y ACCIONES, para poder activar tu SUPER PERFIL dale click a EDITAR PERFIL donde te aparecerá una lista de opciones y tendras que darle click a la segunda opcion ''MODIFICAR PERIL''

    Spoiler






    Como último paso, ubicad ya en MODIFICIÓN DE PERFILte aparecera una primera opción llamada ''ACTIVAR ULTTIMATE PERIL'' le das click en el cuadrito blanco que te aparece a mano derecha activandose automaticamente una rayita de aprobado. Ejemplo:



    Una vez activado tu ULTIMATE PERFIL O SUPER PERFIL bajas y te aparecerán cuatro casillas, y deberás ir hasta la cuarta casilla llamada en letra negrita ''PERSONALIZACIÓN o CUSTOMITAZTION'' y es ahí donde deberás pegar el código de la plantilla HTML Y CSS de las cuatro plantillas que lograra gustarte más.Ejemplo:





    Ya para terminal, tan solo le das click en CAMBIAR y listo ya luego te diriges a la barra buscadora del foro y en las tres opciones que te aparecen al darle clicks a PERFIL, le das clicks a RESUMEN y asi podrás visualizar como a quedado tu SUPER PERFIL.Ejemplo:






    Por otra parte, Si deseas editar tu plantilla HTML/CSS a tu gusto, e realizado otro tutorial donde podras editarlo de la manera mas facil y rapida. solo dale click al siguiente enlace:

    https://www.boombang.nl/forum/guias-y-tutoriales/(tutorial)-como-editar-tu-plantilla-htmlcss/





    Hola ternura!! espero te sirviera de ayuda mi guia de como pasar de perfil a SUPER PERFIL, si te gusto el post dale like y comenta no me ayudara en nada pero me aria saber de que te fue util post.


    Editado el 30 ene 2019
  2. #2
    Exelente guia me gustaron esos renders osea las cosas de los temas los haces tu?


    exelente.
  3. #3
    Increíble guía y mil gracias por los perfiles para chico.
    Solo tengo un problema y es que al poner el perfil de chico, la firma del foro no me aparece al darle a resumen. ¿Como soluciono eso?
  4. #4
    Good tutorial woman +100 Sonrisa
  5. #5
    Ayer por casualidad vi tu perfil y me dieron ganas de hacerme uno bonito pero ni idea, que bien que justo hoy hayas hecho una guía, parece mi día de suerte jajajaj <3
  6. #6
    Nice aporte.
  7. #7
    Buenísimo aporte.

    #CPPForGuia
  8. #8
    Ohh ternuras me alegra que les gustara ñ-ñ y mas aun de que les ayudara y ayude en algo

    Spoiler
    RecycledJ
    Increíble guía y mil gracias por los perfiles para chico.
    Solo tengo un problema y es que al poner el perfil de chico, la firma del foro no me aparece al darle a resumen. ¿Como soluciono eso?

    si ternura:'v de eso me fije pero, era xq la firma sobre salía del cuadrito y prefiero buscarle una solución y ya cuando se la encuentre lactualizar el post ñ-ñ

    Monster
    Exelente guia me gustaron esos renders osea las cosas de los temas los haces tu?


    exelente.

    Y si monstra 7w7 son los segundos banners que hago para el foro 7w7

    tamachi
    Ayer por casualidad vi tu perfil y me dieron ganas de hacerme uno bonito pero ni idea, que bien que justo hoy hayas hecho una guía, parece mi día de suerte jajajaj <3

    ajajajk:$ luego 7w7 te mando uno kawaii tamagochi 😍😍😍




  9. #9
    Me dan ganas de crearme un super perfil to guapo , pero como se que nadie entraría e me pasa. Llorar
  10. #10
    Genial Amor una gran ayuda para muchos Amor
  11. #11
    Te amo 😍
  12. #12
    Tenía pensado hacer otro post así, te felicito por haber encontrado algo que quede tan bien con el fondo blanco que es el principal problema desde que pusieron el nuevo foro, el fondo blanco no se puede editar y es mas difícil encontrar un SP que quede bien.

    MODIFICO: Si alguno le interesa añadir degradados añadid las siguientes etiquetas:
    Esta es la clase donde se guarda los titulos es decir: Profile picture, About me y esa pesca.
    Spoiler.gt {
    background-image: linear-gradient( to top right, #985ebb, #233f7a );
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-family: VAGRounded;
    font-size: 20px;
    margin-bottom: 5px;
    }

    Esta es el clase donde se guarda el contenido que hay dentro de resumenes, profile pictures, etc.
    Spoiler.windowbg, #preview_body {
    color: #000;
    background-image: linear-gradient( to top right, #e0c1f3, #644a79 );
    border: 2px;
    border-radius: 0.5em;
    }

    Si queréis hacer vuestros propios colores entrad aquí: https://www.w3schools.com/colors/colors_hexadecimal.asp
    Cuando tengáis el color lo sustituis por el que esta en una almohadilla y listo.
    Editado el 6 ene 2018
  13. #13
    Yo quiero poner musica pero no se como :'u
  14. #14
    God
    Yo quiero poner musica pero no se como :'u

    Sigue el mismo ejemplo de cpp y arriba donde dice My media añade esto:
    Spoiler<embed allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/códigodevideo?version=3&autoplay=1" type="application/x-shockwave-flash" width="0" height="0" autoplay="0">
  15. #15
    Dios , mio qué bello y ami qué me encanta el rosado Amor
    Muchas gracias por el aporte.
    PD: no soy marico xd Sonrisa

Entra para escribir en el foro.