Demande de code "sur mesure"

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

Résolu Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 12:34

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


Dernière édition par MikuMiku le Sam 14 Avr 2012 - 23:20, édité 1 fois

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 12:53

Bonjour!

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

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 15:35

Voici l'image !

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

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 16:21

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

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 17:17


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-

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 17:58

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 Smile

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 18:21

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

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 18:30

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é"

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 18:32

La barre noire !

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

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 18:49

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

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 19:01

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

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 19:12

Rajoute

Code:
<br />
devant
Code:
{catrow.forumrow.FORUM_NAME}

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

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 19:23

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* ! )

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 19:30

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

Ça? :
Spoiler:

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 19:34

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

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 20:39

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!

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 21:17

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 ?

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Ven 13 Avr 2012 - 21:28

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

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Ven 13 Avr 2012 - 22:17

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-

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par oORiddleOo le Sam 14 Avr 2012 - 13:25

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;

oORiddleOo
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 18/02/2012

http://ooriddletest1oo.forumgratuit.org/forum
oORiddleOo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande de code "sur mesure"

Message par MikuMiku le Sam 14 Avr 2012 - 23:20

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

MikuMiku
***

Messages : 112
Inscrit(e) le : 09/08/2009

http://all-ajia.bbfr.net/
MikuMiku 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