Un peu d'aide ? [ un petit peu urgent ]

Bonjour bonjour :D

Alors voilà, je suis en train de refaire de a à z un forum et j'aimerais savoir quelques petits codes CSS ou autres pour modifier certaines choses !
Pour que ce soit un peu plus clair ( parce que oui personne ne comprend quand j'essaye d'expliquer un truc 8D ), j'ai fait des petits screens avec les choses que je voudrais modifier sur mon forum :D

Bref voila le 1° screen :

https://i.servimg.com/u/f87/11/17/07/49/blem_111.png
( j'ai pris Topola comme exemple parce que je n'aimeuuh Topola

)

et le 2° :
https://i.servimg.com/u/f87/11/17/07/49/blem_210.png

Alors en bref je voudrais :

- Modifier la taille, la couleur et la police des ce qui est encadré en rouge
- Supprimer ce qui est encadré en vert si c'est possible
- Mettre une image de fond dans ce qui est encadré en rose :3

Voilààà, merci d'avance à la personne qui voudra bien m'apporter un peu de son savoir et de son aide :D

J'vais t'aider, parce que le CSS est mon ami 8D Bref... alors, tout premièrement, pour afficher un fond à la place d'une couleur dans le titre des catégories, il te suffit d'aller ici : Panneau d'Administration~>Affichage~>Images &Couleurs~>Gestion des images (Avancé)~> "Image du fond des titres". Là, tu peux mettre l'url de ton bidule, et ce sera nickel.

Ensuite, pour supprimer le cadre vert, il faut modifier les templates du forum, autrement dit la structure complète de ton interface, et encore autrement dit : la base de ton forum, car sans templates, ton forum serait une page blanche^^ Tu l'auras compris donc, cette partie est une partie extremmement sensible, et à manier que lorsque l'on s'y connait. Donc pour ceci, je te propose d'être fin-prête à t'y mettre, et je te guiderai^^ J'ai moi-même supprimé ces quelques liens, sur l'un de mes forums...

Pour modifier la taille, couleur et mise en forme de l'encadré rouge, il y a différentes façons de faire. Premièrement, pour ce qui est du texte descriptif, il te suffit juste de clicker sur le bouton Html, lorsque tu rédige le texte dans la catégorie, rien de plus simple^^
Ensuite, pour le lien qui mène à la catégorie (ici donc, "Commencement"), il faut toucher au CSS avec le code suivant:

Code:: a.forumlink{
ajouter ici la mise en forme voulue
}

Quant aux trois autres écritures, je crois qu'il y a un truc avec le row.3, row.2 quelque chose comme ça, mais je te laisse déjà appliquer ce que je t'ai dit, et n'oublie pas de dire si cela convient^^ Je t'aiderai pour les parties suivantes, ensuite.

Haaan merci Sue de bien vouloir m'aider *w*
*lui fait un grooos calin pour la remercier*

Aloors,pour ce qui est des écritures, c'est nickel tout marche ! :D
Par contre pour le "cadre rose", ça ne marche pas, ça me met un fond dans la partie où il y a marqué Messages, Sujets etc... Alors que moi je voudrais un fond dans la partie d'en dessous :o

De rien pour l'aide, j'adore ça le CSS, structure de site et tout... je pouvais pas m'empecher de venir en aide *Super-Sue*.

Ah merde, pardon j'ai fait une bourde xD Oui, alors pour mettre un fond ici (donc dans l'emplacement des catégories) c'est ça :

Code:: td.row1, td.row2, td.row3, td.row5 {
background-image: url("url de ton image");
background-repeat: repeat;
background-position: top left;
}

Yeah ça marche nickel :D

Par contre je vais pas tarder à aller me coucher, donc on reprendra ça plus tard d'accord ? :3
( genre ce week end si ça te va ? :o )

Ouais, pas de problème^^ Ça me laisse le temps de me préparer psychologiquement à ce qui m'attends *joke*.
Bon, ben dans ce cas bonne nuit! Et moi aussi, je ferais mieux de "pas tarder"... au lieu de me la jouer Mère Thérésa.

xD
Merciii beaucoup en tout cas (Super) Sue

Alors, c'est bon? :)

Ouaip je suis de retour :D

Ok ok alors... hmmm que voulais-tu d'autre? o:

Alors donc je voulais savoir comment supprimer tout ce que j'avais mis dans les cadres verts, j'ai cherché un peu par moi même mais je n'ai rien trouvé x_o

Ensuite je voulais aussi savoir comment mettre une chatbox comme celle de Topola :O
Je me suis inscrite sur le site de la cbox et tout, j'ai obtenu le code, mais je ne sais pas où le mettre x_x Du coup je fais appel à toi Super Sue !

Voilà voilà et merci d'avance :D

Okay, alors pour ce qui est de la Cbox (très bon site, d'ailleurs :3):
PA~>Affichage~>Page d'accueil~>Généralité~>Message sur la page d'accueil

Ici, tu colles le code complet que tu as récupéré sur le site, et ça devrait fonctionner nickel ;)

Mmmh, ensuite pour la suppression des liens, il faut toucher aux templates, je regarde sur mon forum de test, et je te redis ça... mais je ne te promet rien o_o C'est quelque chose que je n'ai encore jamais fait; les seuls liens que j'ai supprimé ce sont ceux du bas (à savoir: Sujets actifs du jour, Top 20 des posteurs du jour et Top 20 des posteurs du forum).

Okay okay :p

En tout cas ça marche nickel pour la Cbox ! Merci beaucoup ! ^o^

Mais de rien :D

Et pour ta suppression de lien... là je vois pas o: Je vais continuer de fouiner et je te donnerai une réponse ce soir ssi ya du nouveau:p

Bon... beh j'ai pas trouvé, excuse-moi o:
Dans les templates, je ne trouve pas le code qui correspond à ce que tu recherches... néanmoins, sur mon forum http://hoshi-yoshi.superforum.fr/ j'ai réussi à les enlever, ces fichus lien Oo Alors, si ça t'interesse d'avoir le même rendu que le mien, voici le total de mon template modifié: [à coller dans : PA~>Affichage~>Templates~>Général~>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>

<a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>

<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 width="100%" valign="top" align="center" class="row1">
      <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

   </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">
      
      
      <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">
         
            
            <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 width="100%" valign="top" align="center" class="row1">
      <span class="genmed">{L_USERNAME}:</span>
      <input class="post" type="text" size="10" name="username"/>
      <span class="genmed">{L_PASSWORD}:</span>
      <input class="post" type="password" size="10" name="password"/>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <span class="gensmall">{L_AUTO_LOGIN}</span>
      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
   </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></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>
<tr id="yosh" style="display:none;"><td></td></tr>{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('yosh').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('yosh').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés au cours des 12 dernières heures/,'Membres actifs');</script>
{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 />
         
         <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>

</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}

*Peur* *Vomis avant d'entrer sur scène*

m_ _m

*Regarde a droite et a gauche*

index_body

index_box

Queen of CSS made in Korea

Vive la Corée ^O^

*Coup de pied*

Effectivement, tu ne risquais pas de trouver grand chose dans index_body... Pour que ton forum soit positionné de la sorte, il te faut modifier le haut du forum (autrement appelé "overall_header_new").

Tu y trouves cette balise:

Code:: <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

Et tu remplace le center selon ton choix; à savoir left, pour que ton forum soit positionné sur la gauche, ou bien right, pour que ton forum soit positionné sur la droite!

En esperant t'avoir été utile (mais je n'en doute pas mouhahaha) :p

Spoiler:

Okayyy, merci beaucoup Sue d'avoir cherché pour moi :D
Je vais changer ça de suite ;p
*lui fait un grooos calin pour la remercier* x3

Décidément, j'en reçois, des câlins @_@

Mmh, bref. Hésites pas à revenir, pour me dire ce qu'il en est!

Moi ! Moi ! *lève la main* J'ai une question Susue !

Ceumment qu'on fait pour qu'à chaque catégorie il soit écrit "0 messages 0 sujets" ? Pour avoir ça, il faut obligatoirement que le texte des catégories soit comme sur ton forum (je sais pas comment ça s'appelle x_x et d'ailleurs, très peu pour moi, c'est beau, mais c'est compliqué à installer, surtout sur un forum pas nouveau) ?

Merci d'avance. :3

Coucou^^ Bon, et bien là, il faut encore une fois toucher aux templates.
PA~>Affichage~>Templates~>Général~>index_box

Tout juste après ça:

Code:: <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">

Ajoute ça :

Code:: <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">

Et tu supprime:

Code:: <th nowrap="nowrap" width="50">{L_TOPICS}</th>

Code:: <th nowrap="nowrap" width="50">{L_POSTS}</th>

Code:: <td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>

Puis, tu remplaces:

Code:: <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />

Par :

Code:: <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</span></td></tr></table>

Merci beaucoup Sue ! Ca marche superbement bien °w° Merciiii !

Mais de rien, ravie d'avoir pu t'aider :p

» - Besoin d'aide. [ Urgent.]