[Hi5]Códigos

    Compartilhe
    avatar
    BadBoy
    Administrador
    Administrador

    Número de Mensagens : 104
    Data de inscrição : 15/01/2009

    [Hi5]Códigos

    Mensagem por BadBoy em Sab Jan 17, 2009 11:07 am

    Codigos

    Ocultações


    Ocultar o reprodutor do ineem:


    Citar
    No código tem lá uns números "300" e "80" repetidos duas vezes, basta mudar para "0"


    Código Base:

    Código:
    <style type="text/css"> #secção a ocultar{display:none;} </style>


    Exemplo para esconder as actualizações:

    Código:
    <style type="text/css"> #recent-updates {display:none;} </style>


    Centrar



    Centrar Perfil:



    Código:
    <style type="text/css">#content-right {
    display: none;
    }
    table { empty-cells: hide; }
    .bg_content table tbody tr td { width: 100%; }
    #content-left { padding-left:250px; padding-right:250px; }</style>

    ou


    Código:
    #content-left { padding-left:250px; padding-right:250px; } <style>


    Centrar título "Sobre mim"


    Código:
    <style type="text/css"> .bg_title box_profile_info_large_heading {text-align: center;} </style>
    Centrar aquilo que está debaixo do nome e visitas:


    Código:
    <style type="text/css">#profile-nav {text-align: center;} </style>

    Centrar nome/visitas:


    Código:
    <style type="text/css">#profile-name {text-align: center;} </style>

    Centrar comentários:


    Código:
    <style type="text/css">.comment-text { text-align: center ; } </style>

    Centrar "Adiciona, Comentários, etc"


    Código:
    <style type="text/css">#about-left { text-align: center ; }</style>

    Centrar foto do user:


    Código:
    <style type="text/css">#user-picture { padding-left:390px; padding-right:250px; } <style>



    Imagens


    Imagem de fundo no sobre mim:


    Código:
    <style type="text/css">#lifestyle { background-image: url(ENDEREÇO URL DA IMAGEM); }</style>
    Imagem de fundo nos comentários:


    Código:
    <style type="text/css"> .comment {background:url(URL DA IMAGEM) !important;} </style>

    Imagem do perfil maior:


    Código:
    <style type="text/css">
    #user-picture a img {width:200px;height:200px;}
    #user-picture {height:200px !important;width:200px;}
    </style>

    Colocar imagem de fundo:


    Código:
    <style type='text/css'>body {
    background-image: url(ENDEREÇO DA IMAGEM);
    background-attachment: fixed;
    background-repeat: no-repeat;
    }</style>

    Imagem com Link:


    Código:
    <a href="LINK DE DESTINO" target="_blank"><img src="LINK DE IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM/LINK"></a>

    Trocas



    Colocar a foto do user no sitio das estatísticas:


    Código:
    <style type="text/css">#user-picture { padding-left:750px; padding-right:250px; } <style>

    Trocar as Colunas:


    Código:
    <style type="text/css">table{direction:rtl;}table table table{direction:ltr;}</style>

    Caixas & Colunas


    Caixa com Scroll nos Comentários: [ para colocar scroll noutra caixa, basta alterar o "#comments" para o nome ]


    Código:
    <style type="text/css">#comments { height: 300px; overflow: auto;}</style>

    Caixa de Texto:

    texto

    Código:
    <fieldset> texto </fieldset>


    Colocar 2 colunas no sobre mim


    Código:
    <table>
    <tr>
    <td>

    coluna 1


    </td>
    <td>

    coluna 2


    </td>
    </tr>
    </table>

    Cores


    Cor de fundo:


    Código:
    <style type='text/css'> body { background: #CODIGO HTML DA COR; } </style>


    Alterar a Cor dos Comentários:


    Código:
    <style type="text/css">.comment-text {color: CÓDIGO_DA_COR;} </style>

    Alterar a cor da barra:


    Código:
    <style type="text/css"> #SITIO DA BARRA ex:#comments {scrollbar-face-color: CODIGO DA COR; scrollbar-highlight-color: CODIGO DA COR; scrollbar-shadow-color: CODIGO DA COR; scrollbar-3dlight-color: CODIGO DA COR; scrollbar-arrow-color: CODIGO DA COR; scrollbar-track-color: CODIGO DA COR; scrollbar-darkshadow-color: CODIGO DA COR;}</style>

    Alterar a cor do nome dessa barra:


    Código:
    <style type="text/css">#profile-name {color:CÓDIGO DA COR QUE QUERES;}</style>

    Trocar cor de Texto


    Código:
    <font color="#FF0000">TEXTO</font>para trocar a cor é só trocar o código #FF0000 pelo código da cor pretendida



    Ocultar títulos



    Apagar o titulo do Estilo de vida:


    Código:
    <style type="text/css">#lifestyle .bg_title { display: none; }</style>

    Apagar titulo que diz Sobre mim:


    Código:
    <style type="text/css">#lifestyle .box_profile_info_small_heading
    { display: none; }</style>



    Outros

    Colocar local de comentar mais pequeno:




    Código:
    <style type="text/css">#comments { height: 150px; overflow: hidden;}</style>

    Ocultar novo aviso do hi5 das máscaras:





    Código:
    <style type="text/css"> .emptyProfileInfo {display:none;} </style>

    Colocar espaços:


    Código:
    <br>

    Aumentar fotos dos comments:


    Código:
    <style type="text/css">
    .comment-picture a img {width:200px;height:200px;}
    .comment-picture {height:200px !important;width:200px;}
    </style>

    Fundo Transparente:


    Código:
    <style type="text/css"> div{background: transparent;}</style>




    Textos & Letras


    Tipo de letra dos comentários:


    Código:
    <style type="text/css">.comment-text{font-face: Comic Sans;} </style>



    Texto com Link:


    Código:
    <a href="LINK DE DESTINO">TEXTO A MOSTRAR</a>

    Texto à esquerda:


    Código:
    <P align="left"> TEXTO</font>

    Texto à direita:


    Código:
    <P align="right"> TEXTO</font>

    Texto ao centro:


    Código:
    <P align="center"> TEXTO</font>

    Mudar tipo de letra das Estatísticas:


    Código:
    <style type="text/css"> .vanity-title { font-size: 10px; face="Arial"}</style>

    Trocar tamanho do Texto/Link


    Código:
    <font size="5">TEXTO/LINK</font>para trocar o tamanho é só trocar o 5 pelo número que quiser


    TEXT

    Código:
    <marquee>TEXT</marquee>

    TEXT

    Código:
    <marquee direction="right">TEXT</marquee>




    Criar uma Lista/Top


    Código:
    <div class="subsection">
    <table width="100%" cellpadding="0px" cellspacing="0px"><tr><td>
    <div class="box_profile_info_small_content">
    <div align="center"><select style="width: 150px;">



    <option value="Top ">. TOP . </option>


    <option>NOME DA PESSOA DO TOP</option>
    <option>NOME DA PESSOA DO TOP</option>
    <option>NOME DA PESSOA DO TOP</option>
    <option>NOME DA PESSOA DO TOP</option>
    <option>NOME DA PESSOA DO TOP</option>
    <option>NOME DA PESSOA DO TOP</option>

    </select> </div>

    </div>
    </td></tr></table>
    </div>
    Exemplo:


    . TOP . NOME DA PESSOA DO TOP NOME DA PESSOA DO TOP NOME DA PESSOA DO TOP NOME DA PESSOA DO TOP NOME DA PESSOA DO TOP NOME DA PESSOA DO TOP

    Links Úteis

    Tabela de Cores HTML


    Marques Códigos


    Outros


      Data/hora atual: Sab Jun 23, 2018 11:09 pm