Qui est en ligne et texte ombré

[Romainlafoudre]

Je voudrai savoir comment il serait possible de faire un qui est en ligne et texte ombré comme ce forum :
http://bestofgraph.graphforum.com/forum.htm

[Crazy-Sweet]

Bonjour,
oui tu peut
Tout d'abord faut que tu soit le fondateur du forum pour avoir accés aux templates: Affichage --> Template --> index_body

Ensuite tu cherche cette partie la:

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catHead" colspan="2" height="28"><span class="cattitle"><!-- BEGIN switch_view_stats --><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><!-- END switch_view_stats -->{L_WHO_IS_ONLINE}<!-- BEGIN switch_view_stats --></a><!-- END switch_view_stats --></span></td>
  </tr>
  <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
  <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>
  <tr>
      <td class="row1">
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

et tu le remplace par:

Code:

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
  <tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="LIEN DU GROUPE 1"><font color="COULEUR DU GROUPE 1" size="2"><b>NOM DU GROUPE 1</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="LIEN DU GROUPE 2"><font color="COULEUR DU GROUPE 2" size="2"><b>NOM DU GROUPE 2</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<!-- END disable_viewonline -->

N'OUBLIT PAS DE METTRE LES GROUPES ET CHANGER LES COULEURS INSCRITE.

Ensuite tu va dans le CSS ( Panneaux d'administrations -> Affichage -> Couleur -> Feuille de style CSS )

Et tu ajoute ceci:

Code:

.statistiques{
border:0px;
background-image: url("IMAGE DU QUI EST EN LIGNE");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

N'oublit pas là non plus de changer les couleurs ^^

Après pour les ombres je t'expliquerais ^^ mais fait déjà sa

[Romainlafoudre]

Merci =)

Par contre on ne voit pas l'image du qui est en ligne...

[Crazy-Sweet]

Code:

.statistiques{
border:0px;
background-image: url("IMAGE DU QUI EST EN LIGNE");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Là tu mit ici????

[Romainlafoudre]

ah non ^^

[Crazy-Sweet]

Bon pour les ombres ensuite:

Code:


text-shadow: #COULEUR DE L'OMBRE 2px 2px 2px;


Si tu le veux plus gros change le 2 par un nombre mais surtout mais le même nombre au 3 ^^

[Romainlafoudre]

A mettre où ?

[tupac]

Bonsoir

Pour que le code fonctionne il faut lui donner une classe et pour régler votre ombre il y a ce tuto

Placer votre code dans:
1/ panneau d'administration
2/ affichage
3/ couleurs
4/ feuille de style CSS



lien des forum

Code:

a.gensmall{
text-shadow: #000000 1px 3px 5px;
}

titre de catégorie

Code:

a.forumlink {
text-shadow: #000000 1px 3px 5px;
}

Bonne soirée