Demande de code "sur mesure"

[MikuMiku]

Bonjour bonjour !
Tout d'abord, merci de prendre de votre précieux temps pour me l'accorder. Avant de vous demander un quelconque code : j'aurai aimé savoir si en me créant ce que je souhaite sur photoshop, vous pourriez me le produire en code ? Oui, c'est un peu un code sur mesure. N'étant pas douée là dedans, je me propose donc de fournir un modèle aussi complet qu'il m'est possible de vous le fournir. Il s'agit d'une réorganisation au niveau des sujets/messages, du corps si je puis dire, du forum.

Merci d'avance !
MikuMiku

[oORiddleOo]

Bonjour!

Ça peut être possible, mais avant de le confirmer il va nous falloir cette fameuse image photoshop!

[MikuMiku]

Voici l'image !

Concoctée aussi rapidement que possible. La qualité s'est appauvri avec l'hébergeur x)

[oORiddleOo]

Alors je confirme que c'est possible, par contre ça va prendre un peu de temps et on va faire ça étape par étape ^^

Je te donne des nouvelles très rapidement, je vais déjà travailler sur mon forum test avant de te faire faire n'importe quoi xp

[MikuMiku]

Oh merci, infiniment *A* ! Vraiment /en peut plus tellement elle est contente/

Après, la seule chose que je pense facultatif, c'est là où est annoncé la dernière personne a avoir posté, ainsi que son pseudo et le sujet. Ce n'est pas le module qui est facultatif, mais l'effet de brillance en lui même ^^ -Si ça peut aider-

[oORiddleOo]

Alors, commençons par le plus simple: le cadre avec des côtés arrondis et d'autres non:

Dans le css, rajouter:

Code:

.forumline{
 -moz-border-radius-bottomleft: 20px;
 -moz-border-radius-bottompright: 0px;
 -webkit-border-bottom-right-radius: 0px;
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 20px;
 -webkit-border-top-right-radius: 20px;
 -webkit-border-top-left-radius: 0px;
  border:6px solid #ffffff;
}

Maintenant la mise en forme du "corps":
Dans les templates -> index_box

Supprimer:

Code:

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

Remplacer

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

par

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" align="left"> {catrow.tablehead.L_FORUM} </th>

Puis dans la ligne:

Code:

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Supprimer {L_LASTPOST}

Plus loin chercher:

Code:


<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <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>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

Et remplacer par:

Code:


<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span>
         </h{catrow.forumrow.LEVEL}>
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br /><table align="right"><tr><td><span class="gensmall">{catrow.forumrow.TOPICS} sujets - {catrow.forumrow.POSTS} messages</span></td></tr></table>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                          <br />{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
                <td class="row3 over;  fond_lastpost" align="center" valign="middle" height="50" style="background-color:#ffffff">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

On rajoute du css:

Code:

.fond_lastpost{
  background-image: url(URLdelimagederrièreletitredudernierpost);
  background-repeat: no-repeat;}

Plus qu'un dernier détail: (oui désolé on revient dans l'index_box, je m'y suis un peu mal prise ^^')

chercher:

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Et remplacer par

Code:

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">

Et le tour est joué!
Il y a sûrement des choses qui ne sont pas exactement comme tu l'aurais pensé donc n'hésite pas à me le dire et je verrais ce que je peux faire.
Si j'ai oublié quelque chose ou si tu as un soucis, n'hésite pas

[MikuMiku]

Merci beaucoup ! A deux, trois détails ça fonctionne à merveilles ! Les soucis sont :
— Je dois être une baka, la barre ne s'affiche pas xD (celle derrière les titres des catégories ><)
— Ce qui encadre le posteur ainsi que son dernière message, c'est intentiné trop foncé. Est-ce une image que je peux moi même modifier ?
— Ce même espace n'encadre pas tous les sujets des derniers topics. C'est décalé pour la plupart ><

Désolée d'être pénible, et encore merci

[oORiddleOo]

Je pourrais avoir l'url de la barre noire s'il te plait?

Au fait: c'est normal qu'elle ne s'affiche pas derrière les titres de catégories, je n'ai rien fait pour ça, je ne savais pas trop ce que tu voulais faire ^^. Mais je vais arranger ça.

Le URLdelimagederrièreletitredudernierpost c'était pour ça:



Je vais voir ce que je peux faire pour le centrer et le mettre au milieu car c'est à cause de ça que ça fait "décalé"

[MikuMiku]

La barre noire !

Ah mile excuses x) Oui, du coup au niveau des images des membres, cela fait aussi un décalage =/

[oORiddleOo]

Ça y est! J'ai trouvé! Enfin j'espère ><

Alors: remplacer le code css

Code:

.fond_lastpost{
  background-image: url(URLdelimagederrièreletitredudernierpost);
  background-repeat: no-repeat;}

par

Code:

.fond_lastpost{
  background-image: url(http://i46.servimg.com/u/f46/15/36/64/59/sans_t12.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;}

Ensuite dans l'index_box:

remplacer

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

par

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" align="left" style="background-image: url(http://i41.servimg.com/u/f41/12/51/94/08/barre10.png); background-repeat: no-repeat; background-position: 0% 50%;"> {catrow.tablehead.L_FORUM} </th>

[MikuMiku]

Pour l'image du code CSS, ne t'inquiètes pas, c'est parfait. Il y a un "trou" mais je vais refaire une image pour combler ça -c'est mon image qui est un peu petite aussi ><

La barre fonctionne à la perfection, même si je dois modifier le fond, pour un fond blanc. Y a-t-il une solution pour le "Annyeong haseyeo in chaos" un peu trop près du "règlements & informations" ?

[oORiddleOo]

Rajoute

Code:

<br />

devant

Code:

{catrow.forumrow.FORUM_NAME}

Et si c'est pas assez rajoutes-en un deuxième.

[MikuMiku]

Merci pour tout, vraiment je suis ravie de ce magnifique travail en un laps de temps imbattable. Dernière question. Pour éviter de mettre trop de fonds blancs, je voulais savoir si les fonds -du QEEL, chat box, etc- pouvaient s'arrondir également ? Les bouts carrés jurent un peu avec les arrondis ^^"

(J'aurai aimé modifier les profils également, mais je ne veux pas t'embêter, déjà que tu as été parfaite ici *A* ! )

[oORiddleOo]

J'avoue que je vois pas trop de quoi tu veux parler ^^.

Ça? :

Spoiler:

[MikuMiku]

Voui !
Après question d'esthétique, mais je ne sais pas comment bien le faire ressortir, sans que ça fasse trop carré

[oORiddleOo]

Me revoilà!

Alors dans ton css, ajoute ça:

Code:

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

.catHead{
  -moz-border-radius-bottomleft: 0px;
 -moz-border-radius-bottompright: 0px;
 -webkit-border-bottom-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;
 -moz-border-radius-topleft: 0px;
 -moz-border-radius-topright: 20px;
 -webkit-border-top-right-radius: 20px;
 -webkit-border-top-left-radius: 0px;
}

Ça devrait t'arrondir le coin du QEEL et t'enlever en prime les bords noirs qui sortent de nulle part.

Pour la chatbox je ne peux rien faire, tout du moins je ne sais pas comment faire.

Voilà! ^^

Je t'aurais bien aidé pour les profils mais je suis tout simplement incompétente dans le domaine alors je t'invite à créer un autre topic et quelqu'un d'autre s'en chargera ^^

Autre chose: si tu veux pas que ça fasse trop blanc tu peux aussi mettre des bordures autour de tes catégories, il te suffit juste de remplacer dans ton css:

Code:

border:6px solid #ffffff;

6px est l'épaisseur, à toi de voir si tu la veux plus fine ou plus épaisse, solid peut être remplacé par dotted (=pointillés) ou dashed (=tirets), et #ffffff qui correspond à la couleur blanche peut être remplacée par toutes les couleurs web. A toi de voir ^^

Si tu as d'autres questions, n'hésites pas!

[MikuMiku]

Merci beaucoup, c'est du très bon travail ^^ Et ne t'en fais pas ! J'aurai aimé que ça soit toi, vu ta rapidité et ton professionnalisme, mais cela ne fait rien !

Dernière question : Comment enlever la barre noire, lorsqu'elle apparaît ici même ?

[oORiddleOo]

Je crains fort que ce ne soit pas possible parce que ce titre est soumis aux mêmes variables que ceux de la page d'accueil, ils apparaissent grâce au même code, je peux toujours me tromper mais je pense que je ne peux rien y faire, désolée :/

[MikuMiku]

Cela ne fait rien, je vais essayer de trouver une solution pour mieux voir les titres ^^
Et concernant la barre noire, sur le corps du forum, comment faut-il faire pour qu'elle soit le plus près possible du bord ? -y a un petit creux blanc-

[oORiddleOo]

Remplace dans le css

Code:

border:6px solid #ffffff;

par

Code:

  border-left:0px solid #ffffff;
  border-right: 6px solid #ffffff;
  border-top: 6px solid #ffffff;
  border-bottom: 15px solid #ffffff;

[MikuMiku]

Merci, c'est parfait !
Problème résolu, merci infiniment de ton aide ! (: