Demande d'informations et d'aides

Bonjour,

J’espère ne pas vous importunez ni vous dérangez avec ce message et ma demande peut être un peu particulière ci-dessous. Cela fait plusieurs années maintenant que je participe à divers forums RPG sur divers univers. J’aurais bien voulu ouvrir mon propre forum sur la franchise Stargate et plus particulièrement la franchise Stargate SG-1 (en espérant que cette série ne vous soit pas inconnu ?). Cependant je suis extrêmement nul en ce qui concerne le design et le codage sur des forums, c’est pourquoi vu votre très belles créations jusque maintenant je sollicite vos excellent services.

Je n’ai pas vraiment d’idées sur la forme et les images à utiliser pour le forum. Je recherche un design/codage avec des couleurs sombres (principalement noir), un peu futuriste et qui ne ressemble pas aux autres forums pour pouvoir séduire quelques futurs membres. Les images à utiliser seraient laissées à votre entière créativité tant que cela est en rapport avec la série Stargate SG-1 (étant nul en graphisme et en informatique sauf pour le traitement de texte je ne sais pas sur quelle genre de site je peux trouver de « bonnes » images à utiliser).

Au niveau du codage, il m’aurait fallu des catégories, un QEEL, une page d’accueil, une liste des sujets et un sujet (affichage infos, rang, avatar,…).

Je sais que cela est un gros travail et je comprendrais tout à fait que ma demande ne soit pas réalisable. De plus étant toujours étudiant je n’ai pas les moyens de vous payer pour votre prestation et je m’en excuse… Je vous remercie grandement pour la lecture de ma demande ci-dessus et vous prie d’agréer toutes mes sincères salutations.

En attente de votre réponse, je vous souhaite une très bonne continuation, vos œuvres sont magnifiques.

Merci

Bonjour,

Ne possédant que de bien maigres connaissances sur le sujet - la référence qui y fut établi dans l'un des épisodes des Simpson se constituant de leur entièreté, ce manque ne me semble pourtant rédhibitoire à une quelconque construction graphique.

N'exigeant aucune compensation financière et nous accordant pour témoigner du temps nécessaire à la concrétisation d'une telle commande, je souhaiterai ainsi solliciter votre effort en l'esquisse de quelques schémas ; dont la réalité faciliterait grandement le mien. Pareille démarche vous permettrait par ailleurs d'accélérer significativement le processus créatif et vous assurerait une certaine garantie quant au rendu esthétique final. La propreté des traits, ou même leur cambrure, m'est de peu d'intérêt tant que se dessine en leur fait le brouillon d'une disposition. Privilégieriez-vous le discours à l'image, je ne désire là encore que de simples indications concernant vos préférences – pour l'exemple, affectionnez-vous plus une présentation de catégories en lignes ou en colonnes ?

Fusse cette confection impossible en vos circonstances, le délai de réalisation se verrait potentiellement prolongé.

Vous souhaitant une agréable soirée.

Bonjour ou bonsoir en fonction de l’heure où vous lirez ce message. D’avance je vous remercie pour votre réponse rapide et je ne pourrais vous décrire ma grande joie sur le fait que vous vouliez bien m’aider à faire avancer mon projet. Je ne suis pas fort du tout en graphisme donc j’ai utilisé mon logiciel Paint pour essayer de vous faire un petit schéma en espérant que cela puisse vous aider.

Catégorie

Voici l’exemple du schéma : https://i.servimg.com/u/f68/16/70/08/58/catego10.png

Pour les catégories, j’aimerais des catégories en formes de lignes avec au-dessus (carré noir) le titre de la catégorie. Ensuite pour la composition des catégories, le titre du forum centré par rapport à la ligne (carré jaune), ensuite à la place de la forme rouge j’aurais aimé une image représentant le sous forum coupé par les infos sur les derniers messages (forme verte qui est serait une couleur et non une image). Dans l’image (forme rouge) j »aurais aimé une petite zone texte ou quand l’on passe la souris on voit les sous forums s’afficher

PA

Voici l’exemple du schéma :https://i.servimg.com/u/f68/16/70/08/58/pa10.png

J’aurais voulu le fond en image et les différentes infos données à la place des cadres avec bordures noir (mais ce n’est pas pcq j’ai fait un carré que cela doit ressembler à un carré, je vous laisse carte blanche pour toute la mise en forme n’y connaissant rien moi-même)

QEEL

Voici l’exemple du schéma : https://i.servimg.com/u/f68/16/70/08/58/qeel10.png

Dans le rectangle orange il faudrait un titre pour voir qui est en ligne. Dans le rouge, j’aurais aimé des images sachant que la zone verte elle serait vide t afficherait le fond du forum. Ensuite les différents groupes en dessous avec les textes en couleurs en fonctions des couleurs des groupes. Dans l’image j’aurais voulu les statistiques du forum.

MISE EN PAGE MESSAGE

Voici l’exemple du schéma : https://i.servimg.com/u/f68/16/70/08/58/sujet10.png

Pour l’affichage des messages des forums les messages droite et les infos joueurs à gauche avec une mise en forme originale si possible.

AUTRES INFOS

Pour les couleurs j’aurais aimé des couleurs sombres (noir, rouge ou bleu très foncé) à voir selon ce que vous pouvez faire n’y connaissant rien. La bannière serait une bannière de fond en dégradé noir vers le bas pour que la bannière ne soit affiché quand haut du forum mais qu’elle prenne presque toute la largeur de la page. Le titre du forum est « STARGATE HEROES » et le sous nom est « ON REECRIT L’HISTOIRE A TA FACON ».

De toute façon je vous laisse carte blanche pour tout (images et autres) car je ne sais même pas ou trouver des images correctes car oui je suis vraiment nul en informatique, je suis juste bon en RP.

Encore une fois je vous remercie énormément.
Un grand merci.

Salutations

Couleur de fond du forum : #090909

Largeur du forum : 825px

Bannière fond transparent :

Code:: http://img15.hostingpics.net/pics/764965EMPTYSH.png

Icônes du forum :
Panneau d'administration > Affichage > Images et Couleurs > Gestion des images > Mode Avancé

Demande d'informations et d'aides LOCKSH

Demande d'informations et d'aides NNEWSH

Demande d'informations et d'aides NEWSSH

Boutons :
Panneau d'administration > Affichage > Images et Couleurs > Gestion des images > Mode Avancé

-

-

Partenariat :

Demande d'informations et d'aides 5050SH

-

Demande d'informations et d'aides 8831SH

-

Demande d'informations et d'aides 10035SH

Remplacer les lignes 273 à 277 du template overall_header par :

Code:: <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navSIT">
   <tr>
   <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
   </tr>
   </table>

Remplacer l'intégralité du template index_box par :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
   <td valign="bottom">
   
   <span class="gensmall">{LAST_VISIT_DATE}<br />
   {CURRENT_TIME}<br />
   </span>
   
   <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
   
   <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
   <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
   
   <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
   </tr>
   </table>

   
   <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div>
   <div class="mdlCAT">

   
   <div class="topCAT"></div>
   

   
   <div id="blocFRM"><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" />
<div id="descFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} S. ▼ {catrow.forumrow.POSTS} R.</div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>{catrow.forumrow.FORUM_DESC}</div>
<div class="triFRM"></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div></div>
   
   

   
   

   
   
   </div>
   <div class="btmCAT"></div>

Images descriptives en 600*125 :

Demande d'informations et d'aides DIMGDESC

Encadrer le texte descriptif des balises suivantes :

Code:: <div class="descFRM"> Texte descriptif </div>

Remplacer l'intégralité du template index_body par :

Spoiler:

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'" scope="{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>

{CHATBOX_TOP}
{BOARD_INDEX}

<div class="lksSTATS"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span><span class="gensmall"> ▼ <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> ▼ <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> ▼ <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a></span></div>


<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'" scope="{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><div class="QEEL"><a class="tleQEEL" href="{U_VIEWONLINE}" rel="nofollow"></a>
<div id="ondayQEEL"><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><div class="stsQEEL"><div>Dernier inscrit</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script></div><div class="GQEEL"><a href="" target="_blank" style="color:#FA5858;">Groupe I</a><a href="" target="_blank" style="color:#FF8000;">Groupe II</a><a href="" target="_blank" style="color:#FFFF00;">Groupe III</a><a href="" target="_blank" style="color:#80FF00;">Groupe IV</a><a href="" target="_blank" style="color:#0080FF;">Groupe V</a><br/><a href="" target="_blank" style="color:#BF00FF;">Groupe VI</a><a href="" target="_blank" style="color:#FE2EF7;">Groupe VII</a></div>
</div></td></tr></table>


{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}


<div id="fb-root"></div>
<script>
   FB.init({
   appId : {switch_fb_index_login.FACEBOOK_APP_ID},
   cookie : true,
   xfbml : true,
   oauth : true,
   version : 'v2.3'
   });

  (function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Remplacer les lignes 107 à 307 du template viewtopic_body par :

Spoiler:

Code:: <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}



<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
</tr>


<tr><td colspan="3" class="tleP"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</td></tr>
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="nameP"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong><div class="triP"></div></td>
<td valign="top" nowrap="nowrap" class="toolsP">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>


<div class="postbody">

<div>{postrow.displayed.MESSAGE}</div>


<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />


<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}



{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}

</dt>


<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>



<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd>
</dl>


<div class="clear"></div>

<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>


</div>
</td>
</tr>
</table>
</td>
<td valign="top" width="225px">
<div class="tlP"><div class="topP"></div>
<div class="avaP">{postrow.displayed.POSTER_AVATAR}</div>
<div class="rankP">{postrow.displayed.POSTER_RANK}</div>
<div class="imgrankP">{postrow.displayed.RANK_IMAGE}</div>
<div class="dtailS"><div>
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div>
<div>{postrow.displayed.POSTER_RPG}</div></div>
<div class="ktactP">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</div>
<div class="btmP"></div></div>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
</td>
</tr>
</table>
</td>
<td></td>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="225">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>

</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>




<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

<tr align="right">
<td class="catBottom" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>


<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>

Page d'accueil :

Code:: <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/SH_PA.css" rel="stylesheet" type="text/css"><div id="SH"><div class="lksSH"><a href="" target="_blank">Règlement</a> ▼ <a href="" target="_blank">Bottin</a> ▼ <a href="" target="_blank">Annexes</a> ▼ <a href="" target="_blank">Partie Invités</a></div><div class="ctxtSH"><span>Contexte</span><div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><div class="staffSH"><span>Staff</span><div><img src="http://www.aht.li/2784471/75150.png" /><p>Pseudonyme<br/>Rang<br/>Disponilité<br/><a href="" target="_blank">Profil</a></p></div><div><img src="http://www.aht.li/2784471/75150.png" /><p>Pseudonyme<br/>Rang<br/>Disponilité<br/><a href="" target="_blank">Profil</a></p></div><div><img src="http://www.aht.li/2784471/75150.png" /><p>Pseudonyme<br/>Rang<br/>Disponilité<br/><a href="" target="_blank">Profil</a></p></div></div><br/><div class="pfSH"><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a></div><div class="newsSH"><span><b>00/00/00 :</b> ...</span><span><b>00/00/00 :</b> ...</span><span><b>00/00/00 :</b> ...</span><span><b>00/00/00 :</b> ...</span></div><div class="partSH"><marquee onmouseover="this.stop();" onmouseout="this.start();"><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a></marquee></div></div>

Partie CSS :

Code:: /* CODAGE GLOBAL */
body {
margin:0; margin-top:10px !important; padding:0; width:100%;
background-position:top center; background-image:url(http://www.aht.li/2784472/Stargate_Heroes.png); background-repeat: no-repeat;
}
.bodyline {padding:0; margin:0;}
td.cat, td.catBottom, td.catHead, th.thHead, th.thCornerL, th.thCornerR, th.thTop, th.thSides, td.catSides, td.catLeft {border:none;}
#text_editor_iframe, input, select, textarea {color:black;}
/* SOULIGNEMENT DES LIENS */
a, a:focus, a:active, a:hover {text-decoration:none !important;}

/* NAVIGATION */
.navSIT {
position:absolute; top:0px; left:0; width:100%; text-align:center;
background:rgba(0,0,0,0.5); /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a{
display:inline-block; margin:5px 0; padding:5px 5px;
text-transform:uppercase; text-align:center; font-weight:bold;
color:#dedede; font-size:14px; font-family:Arial; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.navSIT a:hover {
font-style:italic; /* MODIFIABLE */
}

/* PAGE D'ACCUEIL */
#SH {
font-family:Calibri; background:url(http://www.aht.li/2784473/PASH.png); /* MODIFIABLE */
}
/* FOND LIENS PAGE D'ACCUEIL */
.lksSH {
background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
}
/* LIENS PAGE D'ACCUEIL */
.lksSH a{
text-transform:uppercase; color:white; font-size:16px; font-family:Calibri; /* MODIFIABLE */
}
/* TITRE CONTEXTE PAGE D'ACCUEIL */
.ctxtSH span{
color:white; /* MODIFIABLE */
}
/* TITRE CONTEXTE PAGE D'ACCUEIL */
.ctxtSH div{
box-shadow:0 0 5px rgba(0,0,0,0.3); background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* TITRE STAFF PAGE D'ACCUEIL */
.staffSH span{
text-align:left; color:white; /* MODIFIABLE */
}
/* INFOBULLES STAFF PAGE D'ACCUEIL */
.staffSH div p{
background:white; box-shadow:0 0 7px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* BLOC PREDEFINIS PAGE D'ACCUEIL */
.pfSH {
background:white; /* MODIFIABLE */
}
/* BLOC NEWS PAGE D'ACCUEIL */
.newsSH {
background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* NEWS PAGE D'ACCUEIL */
.newsSH span{
border-bottom:1px solid black; /* MODIFIABLE */
}
/* BLOC PARTENAIRES PAGE D'ACCUEIL */
.partSH {
background:rgba(250,250,250,0.3); /* MODIFIABLE */
}

/* TITRE CATEGORIES */
.tleCAT{
margin:15px auto;
width:825px; padding:10px 0; text-align:center;
background:url(http://www.aht.li/2783856/TOPCAT.png); /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* FOND CATEGORIE */
.mdlCAT {
margin:auto; margin-top:-15px;
width:825px; padding:10px 0 25px 0;
background:#7d8283; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
width:825px; height:25px; margin:auto;
background:url(http://www.aht.li/2784416/btmCAT.png); /* MODIFIABLE */
}
/* BLOC FORUM */
#blocFRM{
width:825px; height:165px; text-align:center; overflow:hidden;
margin:auto;
}
.blocFRM{
position:relative; width:825px; height:165px; overflow:hidden;
}
/* TITRE BLOCS FORUMS */
.tleFRM {
margin:auto; position:relative; z-index:5; height:20px; width:745px; padding:10px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* ICÔNES BLOCS FORUMS */
.imgFRM{
position:absolute; z-index:4; margin-top:-55px;
width:765px; height:130px;
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
position:absolute; z-index:4; margin-left:15px; margin-top:35px;
height:20px; width:95px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial;
background:#e7eaea; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:145px; height:85px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#e7eaea; /* MODIFIABLE */
opacity:0;
}
.sfFRM:hover {
opacity:1;
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTIONS BLOCS FORUMS */
#descFRM {
display:inline-block; vertical-align:top;
width:600px; height:125px; overflow:hidden;
background:#dedede; /* MODIFIABLE */
font-size:11px; font-family:Arial; text-align:justify;
}
/* IMAGES BLOCS FORUMS */
#descFRM img {
position:absolute; z-index:2;
width:600px; height:125px;
}
/* CONTENU DESCRIPTIONS BLOCS FORUMS */
.descFRM {
position:absolute; z-index:3; margin-top:10px; margin-left:200px;
width:290px; height:105px; padding:0px 5px; overflow:auto;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:all .85s ease; -webkit-transition:all .85s ease;
}
.descFRM:hover {
opacity:1;
}
/* TRIANGLE DERNIER MESSAGE FORUMS */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:565px;
width: 0; height: 0; border-style: solid; border-width:0 65px 125px 0;
border-color: transparent #191919 transparent transparent; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:145px; height:100px; padding:15px 10px 10px 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background-color:#191919; color:#dedede; /* MODIFIABLE */
}

/* FORUMS LUS/SUJETS & POSTEURS DU JOUR */
.lksSTATS {
padding:10px 0; text-align:center;
}
.lksSTATS .gensmall {
color:#ccc; /* MODIFIABLE */
}

/* QEEL */
.QEEL {
margin:auto; width:825px; height:375px;
background:url(http://www.aht.li/2783161/QEELSH.png);
}
/* TITRE QEEL */
.tleQEEL {
display:block; width:825px; height:65px;
}
/* BLOC MEMBRES EN LIGNE/24H QEEL */
#ondayQEEL {
position:absolute; margin-top:45px;
width:525px; padding:10px 0; text-align:center;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:225px; height:125px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black; box-shadow:inset 0 0 7px rgba(0,0,0,0.3); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:235px; height:135px; padding:5px; overflow:hidden;
background-color:rgba(250,250,250,0.7); color:black !important; box-shadow:inset 0 0 7px rgba(0,0,0,0.3); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-left:565px; margin-top:65px;
width:200px; height:175px; padding-top:25px; border-radius:200px; overflow:hidden;
background:#dedede; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
position:absolute; margin-top:215px; margin-left:15px;
width:565px; height:45px; padding:10px 0; text-align:left;
background:url(http://www.aht.li/2784403/GQEELSH.png) no-repeat;
}
/* GROUPES QEEL */
.GQEEL a {
display:inline-block; margin:0 5px; padding:5px;
height:15px; font-size:11px; text-transform:uppercase; font-weight:bold;
text-shadow:0 -1px 0 black; /* MODIFIABLE */
opacity:0.7; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.GQEEL a:hover {
opacity:1;
}

/* TITRE MESSAGES */
.tleP {
text-align:right; font-size:10px;
color:white; /* MODIFIABLE */
}
/* PSEUDONYME MESSAGES */
.nameP {
width:440px; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#485B65; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME MESSAGES */
.triP {
position:absolute; z-index:3; margin-left:358px; margin-top:-26px; width:0; height:0; border-style:solid; border-width:0 20px 30px 0;
border-color: transparent #dedede transparent transparent; /* MODIFIABLE */
}
/* CITER/EDITER/IP MESSAGES */
.toolsP {
width:220px; height:20px; padding:5px; text-align:right;
background:#dedede; /* MODIFIABLE */
}
/* APPARENCE MESSAGES */
div.postbody {
padding:10px; min-height:100px;
background:rgba(250,250,250,0.3); box-shadow:inset 0 0 7px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* BLOC JOUEUR */
.tlP {
width:225px; text-align:center;
background:#e7eaea; /* MODIFIABLE */
}
/* DECORATION HAUT */
.topP {
height:100px; width:225px;
background:url(http://www.aht.li/2784350/topSBJ.png);
}
/* DECORATION BAS */
.btmP {
height:100px; width:225px;
background:url(http://www.aht.li/2784368/btmSBJ.png);
}
/* AVATAR MESSAGES */
.avaP {
margin:-45px auto 10px auto; width:200px;
}
/* TEXTE RANG */
.rankP {
text-transform:uppercase; text-align:center;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankP {
margin:5px auto;
}
/* INFOS JOUEUR */
.dtailS {
margin:auto;
padding:5px; width:190px;
font-size:11px; text-align:left;
color:black; background:rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* BLOCS INFOS JOUEUR */
.dtailS div{
margin:5px auto;
width:170px; padding:5px;
font-family:Arial; font-size:11px;
color:black; background:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* TITRES INFOS JOUEUR */
.dtailS div span{
text-transform:uppercase; color:#485b65; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
margin:auto; margin-top:5px; width:200px; text-align:center;
opacity:0.5;
}

WAHOOOOOOOOOOOOOOO

Absolument sublime, c'est encore mieux que ce que j'avais imaginé I love you

Un grand merci (même si ces quelques mots ne peuvent exprimer mon gratitude à votre égard).

Encore une fois merci c'est juste magnifique I love you

Rebonjour,

Désolé de vous importuner mais j'ai un petit soucis avec la PA. J'ai remplacer votre image dans le STAFF par l'une des miennes (de la taille précisée) et du coup il y a un décalage et je ne parviens pas à trouver d’où cela peu venir.
Pouvez-vous m'aider ?

Voici une capture d'écran. (les infos du staff sont plus basses et les prédéfinis ne rentres plus dans la carré blanc prévu)

Code:: http://i68.servimg.com/u/f68/11/57/95/11/pa_pro10.jpg

Merci d'avance I love you

Bonsoir,

Forumactif possédant cette horripilante habitude d'appliquer des espaces là où nul n'est nécessaire, le problème provient donc de ce dernier.

Pour contrer ses exécutions, il vous faudra ne jamais effectuer vos modifications directement à partir de votre panneau d'administration et favoriser l'usage de la méthode suivante – non plus compliquée mais sensiblement plus chronophage :

I. Copier/coller le code initial dans un sujet dédié de votre partie administration
II. Modifier le code à partir du logiciel de votre préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∞ Répéter les étapes II à IV à chaque modification

Me permettant également de vous communiquer une autre astuce qui pourrait se révéler opportune :

Demande d'informations et d'aides REDIMG

Vous souhaitant une agréable fin de soirée.