Estatísticas personalizada

Código:

jQuery(document).ready(function(){
    jQuery('#main_abas').prepend(
    '<ul id="navbar"><li><a class="active">Vida de Aquarista</a></li> <li><a>Estatísticas</a></li><li><a>Grupos</a></li><li><a>Créditos</a></li></ul>')

    jQuery('.aba').css({
    display: 'none',
    marginTop: 0,
    borderTopWidth: 0
    })

    jQuery('#content1').css('display', 'block');

    jQuery('a', jQuery('#navbar')).click(function() {
    var i = jQuery('a', jQuery('#navbar')).index(this) + 1;
    jQuery(this).parents('#main_abas').children('.aba:visible').hide();
    jQuery('#content' + i).show();
    jQuery(this).parents('#navbar').find('a').removeClass('active');
    jQuery(this).addClass('active');
    })
    })

Código:

    .onlinelist {
      font-size: 12px;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      margin-top: 8px;
      padding: 8px 10px;
    }
    .onlinelist em {
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-style: normal;
    }
    div.h3, div.h3 a {display: none!important;}
    div#main_abas {
    background: #f0f0f0 url(http://i.imgur.com/YbbYsUP.jpg) repeat-x top;
    border: 1px solid #C4C4C4;
    padding: 5px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }
    div.aba {
    max-height: auto;
    overflow: auto;
    padding: 15px;
    border: 1px solid #444!important;
    box-shadow: 0px 2px 6px grey;
    border-radius: 6px;
    background: #EEE;
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238, 238, 238, 1)), color-stop(100%,rgba(238, 238, 238, 1)));
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
    }
    #navbar {
      font:bold 12px Georgia, "Times New Roman", Times, serif;
      margin:0;
      padding:3px 0;

      }
    #navbar li {
      list-style:none;
      margin-right:6px;
      display:inline;
      }
    #navbar li a {
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/botao10.jpg) -1px 0px;
    border-bottom: 1px solid #F3F5F7;
    border-left: 1px solid #EEE;
    border-right: 1px solid #AAA;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 170px;
    color: #636363;
      }
    #navbar li a.active {background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/ative10.jpg) repeat-x bottom;
    border-bottom: 1px solid white;
    color: #222;}

    #navbar li a {
    display:inline-block;
    }

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->






    <div *="">
<div id="menu_onglet">
      <div class="conteneur-menu">

  <div>
    <table width="100%" cellspacing="4" cellspanding="0" style="border-top: 1px solid black !important; border-bottom: 1px solid black !important; border-left: 6px solid black !important; border-right: 6px solid black !important; background-color: #E4E4E4; box-shadow: 0 0 10px black; border-radius: 10px;">
      <tr>
        <td>
       
 

<ul class="onglets">
          <li>
            <a href="#" class="active">Holkis</a>
          </li>
          <li>
            <a href="#" class="">Quem esteve aqui</a>
          </li>
          <li>
            <a href="#" class="">Aniversariantes</a>
          </li>
          <li>
            <a href="#" class="">Grupos</a>
          </li>
          <li>
            <a href="#" class="">Creditos</a>
          </li>
        </ul>


  </td>
      </tr>
      <tr>
      <td align="left">
        <table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
          <tr>
            <td class="main-content" style="padding:5px;">


<div style="align: center">
  <script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-re_142.js"></script>
  <script language="javascript" type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/menu_libre_service_1/a.js"></script>
 


      <!--menu original-->




        <div class="conteneur-ouvrir" style="display: block; ">
          <div class="ton_contenu">
       

            <!--Estatisticas-->

                  <span class="gensmall">
                 
                    <p>{TOTAL_POSTS}</p>                 
                    <p>{RECORD_USERS}</p>
                    <p>{TOTAL_USERS}</p>
                  </span>
                  <br />
      <!--Online-->

               
               
                      <font style="font-size: 10px !important;"> <!-- BEGIN switch_viewonline_link -->
                        <b><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></b>
                          <br />
                        <!-- END switch_viewonline_link -->
                          {LOGGED_IN_USER_LIST}
               
                        <!-- BEGIN switch_viewonline_nolink -->
                          {L_WHO_IS_ONLINE}
                        <!-- END switch_viewonline_nolink -->
                 
                        {TOTAL_USERS_ONLINE}</font>
                           
       
                    <!--Ultimo Usuario--> 

<span class="gensmall" style"color:#2f2f2f !important;">{NEWEST_USER}</span>
     


           
          </div>
        </div>
                   
        <div class="conteneur-ouvrir" style="display: none; ">
          <div class="ton_contenu">
            <table width="100%" border="0" cellspacing="2" cellpadding="2">
              <tbody>
                <tr>
                  <td class="cellule_1">               
                 
               
                           
        <!--24 horas-->
            <span class="gensmall">
                    {L_ONLINE_USERS}
                      {L_CONNECTED_MEMBERS}<br />
                    <div class="clear"></div>
                  </span>


                         
               
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
                   
        <div class="conteneur-ouvrir" style="display: none; ">
          <div class="ton_contenu">
            <table class="table_1" width="100%" border="0" cellspacing="2" cellpadding="2">
              <tbody>
                <tr>
                  <td class="cellule_1">
                                       

        <!--Aniversariantes-->
            <span class="gensmall">
                    {L_WHOSBIRTHDAY_TODAY}
                    {L_WHOSBIRTHDAY_WEEK}
                </span>
                 
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          </div>
                   
          <div class="conteneur-ouvrir" style="display: none; ">
            <div class="ton_contenu">
           


      <!--Grupos-->
                <span class="gensmall">
              <font color="#fff">{GROUP_LEGEND}</font>
          </span>
                 

            </div>
          </div>
         
          <div class="conteneur-ouvrir" style="display: none; ">
            <div class="ton_contenu">
              <table width="100%" border="0">
                <tbody>
                  <tr>
                    <td>
 
                   
                    <!--Créditos-->
                   
                      Em construção...
                   
                   
                    </td>
                    </tr>
                  </tbody>
                  </table>
                </div>
                </div>
              </div>


 


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

            </div>
       
  </div>
</div>

  <!-- BEGIN switch_chatbox_activate -->
  <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

Holkis escreveu:@Fraise,

Ta quase lá, ficou do jeito que eu quero. Mas por exemplo ao clicar em "Quem esteve aqui" a URL do fórum é modificada para http://holkis.forum.st/# e volta ao topo, e a mudança não é feita com clicar em "Quem esteve aqui", o efeito não surtiu.

Até.

Código:

jQuery(document).ready(function(){
$(".forabg + .linklist").after('<div id="box"></div>');
  $(".forabg + .linklist").after('<div id="stats"></div>');
$("#stats").after('<div id="stats2"></div>');
$("#stats2").after('<div id="stats3"></div>');
$("#stats3").after('<div id="stats4"><span style="font-size:12px">Código desenvolvido por <b>StyLe®</b> e <b>HenRyqUéè</b> - <b>SH-Design</b></span></div>');
$("p + .clear , p.page-bottom , p.page-bottom").css("margin-top","-0.1px");
  $("p + .clear , p.page-bottom , p.page-bottom").appendTo("#stats");
  $("#i_whosonline + p").appendTo("#stats2");
$("#stats2 p em").css("font-style", "normal").css("font-size", "12px");
$("#stats2 p em").appendTo("#stats3");
$('.h3:contains("Quem está conectado"), .h3:contains("Estatísticas")').hide();
$("#stats").before('<div id="margem" style="margin-bottom:10px!Important;"><span id="s1">ESTATÍSTICAS</span><span id="s2">QUEM ESTÁ ONLINE</span><span id="s3">LEGENDAS</span><span id="s4">CRÉDITOS</span><br></div>');
$("#stats2, #stats3, #stats4").hide();
$("#s1").click(function(){
$("#stats2, #stats3, #stats4").hide();
$("#stats").show();
});
$("#s2").click(function(){
$("#stats, #stats3, #stats4").hide();
$("#stats2").show();
});
$("#s3").click(function(){
$("#stats2, #stats, #stats4").hide();
$("#stats3").show();
});
$("#s4").click(function(){
$("#stats2, #stats3, #stats").hide();
$("#stats4").show();
});
$("#margem,#stats,#stats2,#stats3,#stats4").appendTo("#box");
});

Código:

#stats, #stats2, #stats3, #stats4 {
margin-bottom:8px;
padding:10px;
border:1px solid #7D7D7D;border-radius:5px;
box-shadow:0px 3px 2px #C9C9C9;
max-height:200px;
overflow:auto;
background: rgb(249,252,247); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#box {
padding:11px;
padding-top:18px;
padding-bottom:7px;
border:2px solid #888;
border-radius:9px;
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#s1,#s2,#s3,#s4 {
cursor:pointer;
padding:5px;
background: rgb(232,255,255);
background: -moz-linear-gradient(top,  rgba(232,255,255,1) 0%, rgba(221,241,249,1) 35%, rgba(189,223,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,255,255,1)), color-stop(35%,rgba(221,241,249,1)), color-stop(100%,rgba(189,223,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,255,255,1) 0%,rgba(221,241,249,1) 35%,rgba(189,223,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ffff', endColorstr='#bddfed',GradientType=0 ); /* IE6-9 */
border:1px solid #6F92B0;
border-radius:5px;
font-size:13px;
box-shadow:0px 0px 2px #7DB9ED;
margin-right:6px;
}
#s1:hover,#s2:hover,#s3:hover,#s4:hover {
font-weight:bold;
color:#088CC4;
border:1px solid #088CC4;
}

Holkis escreveu:Olá,

Infelizmente não deu certo, queira entrar em meu fórum e verificar o senhor mesmo.

Até.