Qui est en ligne et texte ombré

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Qui est en ligne et texte ombré

Message par Romainlafoudre le Lun 6 Déc 2010 - 7:42

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


Dernière édition par Romainlafoudre le Mar 7 Déc 2010 - 7:57, édité 1 fois

Romainlafoudre
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 03/10/2009

http://help-school.forumactif.org/
Romainlafoudre a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Qui est en ligne et texte ombré

Message par Crazy-Sweet le Lun 6 Déc 2010 - 10:58

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 Very Happy

Crazy-Sweet
**

Messages : 97
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne et texte ombré

Message par Romainlafoudre le Lun 6 Déc 2010 - 18:44

Merci =)

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

Romainlafoudre
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 03/10/2009

http://help-school.forumactif.org/
Romainlafoudre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne et texte ombré

Message par Crazy-Sweet le Lun 6 Déc 2010 - 19:06

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????

Crazy-Sweet
**

Messages : 97
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne et texte ombré

Message par Romainlafoudre le Lun 6 Déc 2010 - 19:21

ah non ^^

Romainlafoudre
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 03/10/2009

http://help-school.forumactif.org/
Romainlafoudre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne et texte ombré

Message par Crazy-Sweet le Lun 6 Déc 2010 - 20:19

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 ^^

Crazy-Sweet
**

Messages : 97
Inscrit(e) le : 30/12/2009

http://crazy-sweet.forumgratuit.org/
Crazy-Sweet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne et texte ombré

Message par Romainlafoudre le Lun 6 Déc 2010 - 20:45

A mettre où ?

Romainlafoudre
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 03/10/2009

http://help-school.forumactif.org/
Romainlafoudre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne et texte ombré

Message par tupac le Lun 6 Déc 2010 - 21:52

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

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum