Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Estatisticas do forum + links editáveis


: PunBB : : PhpBB2 :

--> Código CSS <--
Código:
#upshrinkHeaderIC {
    border-top: 3px double rgba(255, 255, 255, 0.23);}
    #vtab {
    background: #292727;
    height: 100%;
    margin: auto;
    color: #D1D1D1;
    }
    #vtab > ul {
    float: left;
    width: 65px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
    }
    #vtab > ul > li.stats {
    background: url(http://i25.servimg.com/u/f25/14/15/39/32/statis10.png) no-repeat center center;
    }
    #vtab > ul > li {
    width: 65px;
    height: 65px;
    list-style-type: none;
    display: block;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    position: relative;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    cursor: help;}
    #vtab > ul > li.online_users {
    background: url(http://zerodigital.info/forum/digitalvb/satin/statusicon/HQ/4_forum_old-48.png) no-repeat center center;
    }
    #vtab > ul > li.selected {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    background-color: #1A1A1A;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.7s;
    width: auto;
    }
    #vtab > div {
    background: #1A1A1A;
    height: 276px;
    margin-left: 65px;
    overflow: auto;
    padding: 12px;
    position: relative;
    z-index: 9;
    }
    div.title_barIC {
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 9px;
    border-radius: 3px;
    background: rgba(73, 73, 73, 0.6);
    border: 2px dashed #4E4E4E;
    }
 

    #upshrinkHeaderIC div.title_barIC h4.titlebg {
    color: #F3A500;
    margin-top: 7px;
    text-shadow: 0 1px 0 #5C2501;
    }
    #upshrinkHeaderIC p {
    margin: 0 0 .1em;
    padding-left: .5em;
    }
    #vtab > ul > li.afiliados {
    background: url(http://library.ryerson.ca/wp-content/uploads/copyright.png) no-repeat center center;
    }
    #vtab > ul > li.chatb{
    background: url(http://7x73.vn/forum/105.png) no-repeat center center;
    }
 

    #vtab > ul > li.chatb.selected {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    background-color: #1A1A1A;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.7s;}
    #vtab > ul > li.afiliados.selected {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    background-color: #1A1A1A;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    position: relative;
    z-index: 10;
    -webkit-transition: 0.7s;}

--> index_body <--
Código:
<!-- BEGIN disable_viewonline -->
    ....
    đến
    ....
    <!-- END disable_viewonline -->

Código:
<!-- BEGIN disable_viewonline -->
 
    <div class="categoriestadi"><div id="upshrinkHeaderIC"><div id="vtab"><ul><li class="stats"></li><li class="online_users"></li><li class="chatb"></li><li class="afiliados"></li></ul><div style="display: none; "><div class="title_barIC"><h4 class="titlebg"><span class="ie6_header floatleft"><strong>Thống kê tình hình diễn đàn | Cntt-k3</strong></span></h4></div><p>{TOTAL_POSTS}</p>    <p>{TOTAL_USERS}</p>    <p>{NEWEST_USER}</p>      <p>{GROUP_LEGEND}</p>    </div>      <div style="display: none; ">        <div class="title_barIC"><h4 class="titlebg">          <span class="ie6_header floatleft"><strong>Thống kê tình hình diễn đàn | Cntt-k3</strong></span></h4>      </div><div class="userline"><p>{TOTAL_USERS_ONLINE}</p>    <p>{RECORD_USERS}</p>    <p>{LOGGED_IN_USER_LIST}</p>    <p>{L_ONLINE_USERS}</p>    <p>{L_CONNECTED_MEMBERS}</p>     
 

      <p>{L_WHOSBIRTHDAY_TODAY}</p>        <p>{L_WHOSBIRTHDAY_WEEK}</p>      </div> </div><div style="display: none; "><div class="title_barIC"><h4 class="titlebg"><span class="ie6_header floatleft"><strong>Liên kết cùng nhau phát triển</strong></span></h4></div>      <p>{TOTAL_CHATTERS_ONLINE}</p>      <li style="text-align: left; float: left; width: 25%">

            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>        <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>          </li>        <li style="text-align: left; float: left; width: 25%">

            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>        <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>          </li>      <li style="text-align: left; float: left; width: 25%">            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>            <p class="textfooter">text link</p>          </li>

   
      </div><div style="display: none; "><
      div class="title_barIC"><h4 class="titlebg"><span class="ie6_header floatleft">      <strong>Bản quyền</strong></span></h4></div><strong> © Style by Tu Vil Amigo  And Chupy</br>Host by Forumotion</br>Diễn đàn Cntt-k3 được phát triển bởi các thành viên.
    Ban Quản trị không chịu trách nhiệm về nội dung thành viên đăng tải </strong></div></div></div>    </div>    <!-- END disable_viewonline -->

--> Código JS <--
Código:
$(function(){var $items=$('#vtab>ul>li');$items.mouseover(function(){$items.removeClass('selected');$(this).addClass('selected');var index=$items.index($(this));$('#vtab>div').hide().eq(index).show()}).eq(0).mouseover()});

--> Visualização Final <--


Desenvolvido por MarioH8 | clubteen9x
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Narutofake

avatar
Membro
Perfect Obrigado por Disponibilizar :)
Ver perfil do usuário

#3
 Bookmarlucas654

avatar
Membro
Que massa :O Ele vem com esses botões do lado?
Ver perfil do usuário

#4
 Bookmarlucas654

avatar
Membro
Eu queria 2 coisas poxa...
1_ Que ele não fizesse esse efeito de "fechar" e "abrir" aquelas imagens do lado.
2_ Que ele não abrisse a página assim que aproximasse, e sim, quando CLICAR.

É possível apenas modificar isto e responder esta mensagem? ;s
Ver perfil do usuário

#5
 D'Leandro™

avatar
Fundador
Não entendi sua questão, por favor abra um tópico na area de suporte explicando bem oque voce gostaria de fazer.
Ver perfil do usuário

#6
 SmackeD

avatar
Membro
Que foda nossa mt obrigado

Assinatura:
Ownando sa poha *-*
Ver perfil do usuário

#7
 Narutofake

avatar
Membro
zicaaaaaaaaaaaa valeu aee '-' vou testar
Ver perfil do usuário

#8
 'Fusion

avatar
Membro
Ficou mt bom msm vlw

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#9
 Conteúdo patrocinado