[Tutorial] Meriteiro do mês igual do FdF

Informações:
Autor: Fdf
Funcionalidade: Todas as Versões

Painel de Controle ☛ Modulos ☛ Portal & Widgets ☛ Gestão dos widgets do fórum

Código:

<div class="h3">Meriteiro</div><div align="center">
                                                    <br />                                                                  
 <p>
                                                            <span style="font-size: 16px;">Abril de 2016</span>                                                            
 </p>
                                                                                                                                        
 <table>
                                                                                                                              
 
 <tr>
                                                                                                                    
 <td>
                                                           <a href="/u53892"> <img style="max-height: 150px;" src="http://r17.imgfast.net/users/1717/45/34/10/avatars/901-47.png" /></a><br />                
 <div align="center">
               <a tooltip="Rank Meriteiro" class="meritotooltip"> <img src="http://i84.servimg.com/u/f84/12/05/75/97/vy9ir110.png" class="rankmeriteiro" />    </a>            
 </div>
                                                                      
 </td>
                                                                                                                      
 </tr>
                                                                                                                            
 
 </table>
                                                
 <div align="center">
        <span style="font-size: 16px;"><a href="/u53892">Cepheus</a></span>        
 </div>
                                      <br />        
 <div align="justify">
                       "Este membro destacou-se pela sua dedicação e pelo seu esforço.<br />Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."                      
 </div>
</div><style type="text/css">.meritotooltip {
    display: inline;
    position: relative;
}
.meritotooltip:hover:before {
    border: solid;
    border-color: #111 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 39px;
    content: "";
    display: block;
    left: 25%;
    position: absolute;
    z-index: 2;
}
.meritotooltip:hover:after {
    background: #111;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
    bottom: 45px;
    color: #EEE;
    content: attr(tooltip);
    display: block;
    left: -110%;
    padding: 5px 15px;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
    font-family: sans-serif;
    font-size: 11px;
}
</style>