Petits cadres pour les groupes

par Spirit RPG Lun 18 Juil 2011 - 21:27

Bnjour j'aimerai savoir comment on fait des petits cadres ou une bande avec les noms des groupes tout en bas du forum a coté de qui est en ligne 8D
Merci !

Comme sur ce forum => http://wolf-temporal.forumactif.org/

par SoraNoHime Mar 19 Juil 2011 - 0:39

Bonsoir,

quelle est votre version de forum ? En êtes vous le fondateur ? Pour effectuer ceci il faut passer par les templates.

Cordialement.

par Spirit RPG Mar 19 Juil 2011 - 10:48

Oui je suis la fondatrice mais je ne sais pas la version ni comment modifier les templates ><

par SoraNoHime Mar 19 Juil 2011 - 10:53

Pour connaitre votre version de forum, aller sur PA > affichage.

par Spirit RPG Mar 19 Juil 2011 - 16:34

Ah merci, c'est un "phpBB2 "

par SoraNoHime Mar 19 Juil 2011 - 17:08

Founissez moi votre template indew_body s'il est modifié ? ainsi que votre css.

Cordialement.

par Spirit RPG Mar 19 Juil 2011 - 17:15

Voici la template du bas de page :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>

<div align="center">
<span class="copyright">
<br />
<a href="https://www.forumactif.com/" target="_blank" class="copyright">Cr�er un forum gratuit</a>
</span>

| <a name="bottom" href="{switch_view_stats.S_STATS}" class="copyright">{switch_view_stats.L_STATS}</a>

</div>
</td>
</tr>
</table>
</body>
</html>

Mais c'est quoi un css ??><

par SoraNoHime Mar 19 Juil 2011 - 17:26

^^ je vous ai demandé un template précis, mais je ne pense pas qu'il soit modifié donc je vais vous faire cela avec celui par défaut.

Pour la css, nous y reviendront plus tard. Puis-je avoir : les noms, couleurs et liens de vos groupes s'il vous plait.

par Spirit RPG Mar 19 Juil 2011 - 17:32

d'accord, merci .

• Les chevaux sauvages => Bleu => Lien : http://spirit.forumcanada.org/g5-les-chevaux-sauvages

• Les Chevaux des Cowboys => Orange => Lien : http://spirit.forumcanada.org/g4-les-chevaux-des-cowboys

• Les Chevaux des Indiens => Vert => Lien :http://spirit.forumcanada.org/g3-les-chevaux-des-indiens

Et le lien du forum ^^ :
http://spirit.forumcanada.org/forum

par Spirit RPG Mar 19 Juil 2011 - 17:32

Je remet celui des Indiens qui a raté ^^"

http://spirit.forumcanada.org/g3-les-chevaux-des-indiens

par SoraNoHime Mer 20 Juil 2011 - 14:39

Voici votre index_body :

Code:: {JAVASCRIPT}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table>   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table>   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{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></td> </tr> </table> </td> </tr> </table>  </form>   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="catHead" colspan="2" height="28">  <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>   <span class="cattitle">{L_WHO_IS_ONLINE}</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> <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">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />  <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>  </span> </td> </tr> <tr> <td class="qeelgroupe" align="center" height="50"><span class="gensmall"> <a href="http://spirit.forumcanada.org/g5-les-chevaux-sauvages"><font color="blue">Les chevaux sauvages</font></a> ♥ <a href="http://spirit.forumcanada.org/g4-les-chevaux-des-cowboys"><font color="orange">Les Chevaux des Cowboys</font></a> ♥ <a href="http://spirit.forumcanada.org/g3-les-chevaux-des-indiens"><font color="green">Les Chevaux des Indiens</font></a> </span></td> </tr> </table>  {CHATBOX_BOTTOM} <br clear="all" />  <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table>  {AUTO_DST}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true }); //]]> </script>

et ajoutez dans votre css :

.qeelgroupe {
background-color : #00ffff;
border : 3px solid #0000ff;
}

Changez les parties en rouge par celles que vous désirez, à savoir

background-color : le fond
border : la largeur de la bordure et sa couleur.

Cordialement.

par Spirit RPG Mer 20 Juil 2011 - 14:48

Merci c'est très joli, mais je n'ai pas trouvé l'endroit ou je devait metre ceci :

Code:: .qeelgroupe { background-color : #00ffff; border : 3px solid #0000ff; }

et je pense du coup que c'est incomplet .
Que-ce que le "css" ?? ^^
Merci vraiment de votre aide ♥

par SoraNoHime Mer 20 Juil 2011 - 14:52

le css vous le trouverez dans PA > Affichage > Couleurs

onglet à droite feuille de style css.

vioci un site qui vous aidera pour les couleurs : http://code-couleur.com/