[STAFF QPien] Auto-rectifications diverses

« Invité » S.

Bonsoir,

M'efforçant de disparaître proprement, je ne peux me résoudre à laisser mes erreurs causer du tort au travail d'autrui. Ayant constaté la présence de plusieurs de ces dernières, je me permets donc de les signaler et vous propose une solution lorsque cela est possible – que vous ne perdiez pas votre temps bêtement à cause de ma propre négligence.

► La fiche de partenariat
Les liens s'ouvrent directement dans l'iframe de la fiche et non dans un nouvel onglet. Pour remédier à ce problème, il suffit d'ajouter cela : target="_blank" dans le code du lien.

Citation :: Ainsi : a href="http://forgottensanctuary.forumactif.org/t10-le-reglement"> devient : a href="http://forgottensanctuary.forumactif.org/t10-le-reglement" target="_blank"> - en rajoutant le "<" manquant, évidemment.

Ci-joint le code intégral, avec actualisation de la date de l'ouverture – il vous suffit de copier/coller et de remplacer l'ancien, accessible par le chemin suivant : Panneau d'administration > Modules > Scroller jusqu'au bas de la page > Gestion des pages html > Cliquer sur le rouage doré correspondant à la page > Ctrl + A puis Ctrl + V > Valider.

Code:: <html><head><title>Fiche Partenariat QP</title>
<style type="text/css">
a {text-decoration: none; color: black; letter-spacing:3px; text-shadow: 0px 1px 0px #333; -webkit-text-shadow: 0px 1px 0px #333;} a:visited {text-decoration:none;} a:hover {color:white; text-decoration:none;}
</style></head>

<body><center><table width="625" height="650" border="0" cellpadding="0" cellspacing="0" style="-webkit-box-shadow: 0 0 3px #191919; box-shadow: 0 0 3px #191919;">
<tr>
<td colspan="4" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_01.png)" width="625" height="213"></td>
</tr>
<tr>
<td rowspan="4" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_02.png)" width="36" height="437"></td>
<td colspan="2" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_03.png); text-align:justify;" width="549" height="152"><div style="height:150px; overflow:auto; font-size:14px;">Le bruit d'la mer, en fond sonore. Les vagues, tout ça... Le vague. Dans ta p'tite caboche, en l'occurrence. Quoi, t'es pas au courant ? Tout le monde s'réveille comme ça. Tout le monde s'réveille là, sur la plage. On sait pas vraiment comment ni pourquoi. Mais quand on marche sur le sable, on trouve des gens inconscients, parfois. Les plus courageux s'aventurent jusque dans la jungle et on les r'voit plus. Plus vivants, en tous cas. Ou alors... Différents. Comme changés. Et toi alors, c'est quoi ton nom ? Ah, ouais, je sais bien qu'tu t'rappelles pas. Trouve-toi un surnom, ça s'rait vraiment dommage de d'voir t'appeler machin parce que t'as pas d'imagination.<br/><br/>Trouve-toi des alliés, mon gars. Deux-trois personnes de confiance, sur qui tu pourras compter quand tu s'ras vraiment dans la merde. Des gens paumés, comme toi, mais qui viendront t'chercher quand c'te connerie d'île en aura après ta peau. C'est un putain de piège, cette île. On l'appelle tout simplement l'Île, parce qu'on sait pas où elle est. Cet endroit, c'est qu'un putain d'endroit. Paumé au milieu de rien. C'est Quelque Part et tu sauras jamais bien où c'est.<br/><br/>J'déconne pas, tu sais. Tu croiseras un tas d'trucs pas nets, ici. 'Va falloir apprendre à survivre. A arrêter d'faire confiance aux inconnus. A s'débrouiller pour pas crever en deux-deux. Y'a pas qu'les bestioles, qui veulent te bouffer, ici. Les plantes aussi voudront ta mort. Et les gens, surtout. Méfie-toi des gens, mon gars. C'est pas parce que tu les as oubliés qu'ils se rappellent pas d'toi. La vie est dure, ici. C'est même plus d'la vie, d'ailleurs. C'est d'la survie. Ta vie est dev'nue un puzzle dont t'as paumé les pièces, hein ? T'inquiète pas, on est tous dans ce cas là. Certains se font une raison. D'autres pètent totalement les plombs en voulant combattre une abstraction.<br/><br/><center>Et toi, alors ? Tu f'ras comment, quand t'auras plus rien à quoi t'raccrocher ?</center></div></td>
<td rowspan="4" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_04.png)" width="40" height="437"></td>
</tr>
<tr>
<td colspan="2" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_05.png)" width="549" height="47"></td>
</tr>
<tr>
<td style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_06.png); text-align:center; font-size:14px;" width="271" height="187"><b>Date d'ouverture :</b> 01/12/2013<br/><b>NC</b> : 13 ans - <i>RP violent toléré</i><br/><b>Type d'avatars :</b> Mangas/illustrations<br/><b>Taille des avatars :</b> 200*320<br/><b>Minimum de lignes :</b> Aucun<br/><br/><b>RP LIBRE</b><br/>RPG géo-chronologique<br/>V2 de Nulle Part</td>
<td rowspan="2" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_07.png); text-align:center;" width="278" height="238"><div style="margin-top:-50px; margin-left:25px;"><a href="http://forgottensanctuary.forumactif.org/t10-le-reglement" target="_blank">Règlement</a><br/><a href="http://forgottensanctuary.forumactif.org/t9-la-chronologie" target="_blank">Chronologie</a><br/><a href="http://forgottensanctuary.forumactif.org/t13-predefinis-masculins" target="_blank">Prédéfinis ♂</a><br/><a href="http://forgottensanctuary.forumactif.org/t13-predefinis-masculins" target="_blank">Prédéfinis ♀</a></div></td>
</tr>
<tr>
<td style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/Partenariat/Fiche/FichePartenariatQP_08.png)" width="271" height="51"></td>
</tr>
</table></center>
</body></html>

► La page d'accueil
Novembre n'étant pas inscrite à l'époque du codage, aucun lien n'avait été associé à sa messagerie. Voici donc le lien à placer dans la partie correspondante : http://quelque-part.forumactif.org/privmsg?mode=post&u=8 – ou le code entier pour vous épargner des recherches :

Code:: <div class="staffpa" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/StaffQP.png)"><h1>Marie</h1><i>aka Tigresse</i><br/>Topographe<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=8">MP</a></div>

La couleur utilisée en cas d'absence/indisponibilité était le Crimson – voici une gamme de rouges si vous préférez utiliser une teinte différente : Indianred, Darknight, Burk, Deppink, Fire.

Par ailleurs, vous pouvez bien évidemment modifier vos images en fonction de vos personnages en remplaçant ce lien : « https://sd-1.archive-host.com/membres/up/211183412958130190/QP/StaffQP.png » par le lien de votre image hébergée – la taille est de 100*75. Afin que les textes soient visibles/lisibles, la luminosité des images de base a été réduite – manœuvre effectuée grâce au logiciel de graphisme : - 45% via le Ctrl+U [Teinte/Saturation] de Photoshop. Pour vous épargner cette tâche, vous pouvez simplement changer la couleur du texte via le panneau css – l'élément color de la class .staffpa {}, et celui du lien vers la messagerie privée grâce au .staffpa a {} et autres .staffpa a:hover {} & .staffpa a:visited {}.

► La présentation des forums
La structure étant directement placée dans les templates, le moyen le plus simple de ne pas obtenir de répétition inesthétique d'une partie de l'image est de placer un titre bref. Ainsi, je ne saurai que vous conseiller de remplacer « Galeries et prouesses graphiques » par un concis « Graphisme » et le Demandes graphiques par un « Commandes ». Vous pouvez éventuellement placer ces deux données supplémentaires dans la class .titreforum : height:22px; overflow:auto; - mais n'ayant pas testé le code personnellement, je ne saurai vous garantir un résultat optimal.

Il ne me semble pas avoir d'autres précisions/rectifications à soulever – si ce n'est que la partie des groupes du QEEL n'a pas été personnalisée, mis à part pour son emplacement. M'excusant de ces oublis, plus ou moins, fâcheux et vous souhaitant le meilleur.

Bonsoir Skull :D
C'est Lou/Flore/(mais j'ai la flemme de changer de compte)/Moustique là bas !

Bravo pour ta conscience professionnel, c'est tout à ton honneur.
Alors, j'ai compris 90% des trucs que tu as expliqués (juste la fin, à partir de "class.titreforum, là, je n'ai pas compris). Donc, si besoin, je peux le modifier.

Je ne vais cependant pas le faire ce soir : il est tard, je ne comprends pas tout en terme de codage (pour ne pas dire que je suis... même pas novice, encore moins que novice !) et vu que ce n'est pas mon forum, je préfère quand même laisser à la patronne le soin de voir tout ce que tu dis et choisir la personne la plus adaptée pour s'occuper de tout ça.

C'est juste pour signaler, au cas où, que j'ai compris et sais remplacer le tout.

Cependant, tant que je te tiens, j'aimerai te poser une question ! Justement, Novembre a finalement rejoins le rang de nos membres. Nous avons donc besoin d'un carré en moins. Me suffit-il de "supprimer" le carré staff de novembre pour que celui de Flore (le miens donc), se case à sa place ? Ou ce dernier restera-t-il en bout ?

Ha, oui, la question doit paraitre bête, mais je préfère demander que faire une bêtise sur ton code.
Après, la bonne nouvelle, c'est que je pense être capable de supprimer le carré seul.

Pour l'image, c'est moi qui m'en suis occupé et j'ai fait autrement : ctrl U pour moins de saturation et un calque "luminausité/contraste" avec moins de luminosité, justement (et un chouille plus de contraste).
Est-ce que ça va ou trouves-tu ça inesthétique ? J'essayerai ta méthode demain, voir la différence.

Merci encore ! ^^ (Mais j'attends quand même le passage de Janvier avant de faire les autres modifications ! )

« Invité » S.

Concernant cette class .titreforum, il s'agirait juste de rajouter les éléments height & overflow avec les autres données déjà présentes, entre les « {} » - mais, je me permets de le répèter, je ne saurai vous garantir la résolution du problème actuel grâce à cette manœuvre ne l'ayant moi-même testée. Par ailleurs, en cas de réussite, je ne pourrais alors que vous offrir l'atténuation d'un mal par un autre - d'un point de vue purement esthétique et ne concernant évidemment que ma propre vision de ce dernier. En bref, je ne peux qu'appuyer mon précédent « conseil » : des titres de catégories/forums les plus courts possible.

Quant à la PA, il suffit effectivement de supprimer la partie du code correspondant au bloc de Novembre pour que le tien le remplace. Il ne me semble pas avoir placé de balise pour centrer cette partie de la PA donc, afin d'éviter l'apparition d'un espace vide sur la droite de la ligne, il vous suffira de placer les balises <*center> et <*/center> respectivement devant le premier bloc et le dernier – avant le et avant le sans les étoiles. Vous pouvez sinon utiliser ce code qui comprend la suppression du bloc de Novembre, le centrage des éléments et les images actualisées du staff :

Code:: <tr><td colspan="2"><div style="letter-spacing:5px; text-align:center; -webkit-text-shadow: 0px 0px 3px #191919; text-shadow: 0px 0px 3px #191919; font-size:14px; width:85%; margin:auto; margin-top:5px; margin-bottom:3px;">STAFF - n'hésitez pas nous solliciter</div><center><div class="staffpa" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/StaffQP.png)"><h1>Cléa</h1><i>aka Celsius</i><br/>Fondatrice<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=1">MP</a></div> <div class="staffpa" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/StaffQP.png)"><h1>Agathe</h1><i>aka Moriarty</i><br/>Historienne<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=4">MP</a></div> <div class="staffpa" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/StaffQP.png)"><h1>Manue</h1><i>aka BD</i><br/>Historienne<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=7">MP</a></div> <div class="staffpa" style="background-image:url(http://sd-1.archive-host.com/membres/up/211183412958130190/QP/StaffQP.png)"><h1>Caro</h1><i>aka Repetto</i><br/>Historienne<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=6">MP</a></div> <div class="staffpa" style="background-image:url(http://i56.servimg.com/u/f56/10/08/17/33/bellab14.jpg)"><h1>Camille</h1><i>aka Belladone</i><br/>Topographe<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=3">MP</a></div> <div class="staffpa" style="background-image:url(http://i56.servimg.com/u/f56/10/08/17/33/moust10.jpg)"><h1>Flore</h1><i>aka Moustique</i><br/>Topographe<br/><font style="color:forestgreen; -webkit-text-shadow: 1px 1px 0px #191919; text-shadow: 1px 1px 0px #191919;">Disponible</font><br/><a href="http://quelque-part.forumactif.org/privmsg?mode=post&u=5">MP</a></div></center></td></tr>

Mon avis importe assurément bien peu mais puisque tu as la gentillesse de le solliciter, je me permets donc de te répondre que je trouve ton travail très réussi et que tu as su placer vos personnages tout en permettant au texte de demeurer lisible/visible – la technique que j'évoquais précédemment ne s'invitait d'ailleurs que comme une aide et non une vérité absolue.

Ce " merci " ne saurait que t'être retourné – et j'en profite pour te souhaiter une agréable journée, ainsi qu'à tous ceux qui s'égareraient en ce sujet.

Dans l'espoir de ne pas avoir semé/oublié d'autres erreurs.

Bon, j'ai modifié la page d’accueil selon tes instructions et ça marche ! ^^
Merci beaucoup !

Et bon, tant mieux si ça te convient comme ça ! Je pense après tout, que même si tu n'es pas sur QP, tu as quand même ton mot à dire sur le code et le design, c'est tout de même de ton fait.
J'admire vraiment ton travail dessus, vraiment, c'est très chouette de se balader dessus !
voilà, c'était les grandes news de la PA 8D
Oui, tu sais, quand on y connait quasiment rien, au code, c'est vraiment un exploit de juste changer ça, ha ha ha !

« » **Contenu sponsorisé**

» Vos diverses spéculations 8D
» Le Staff et son rôle
» Les absences du Staff [À lire]

[STAFF QPien] Auto-rectifications diverses

Sujets similaires

Sujets similaires