| | Demande d'informations et d'aides |
| Sam 21 Nov - 21:30 | 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 |
| | | Lun 23 Nov - 18:31 | 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. |
| | | Lun 23 Nov - 20:33 | 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égorieVoici l’exemple du schéma : https://i.servimg.com/u/f68/16/70/08/58/catego10.pngPour 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 PAVoici 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.pngDans 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.pngPour l’affichage des messages des forums les messages droite et les infos joueurs à gauche avec une mise en forme originale si possible. AUTRES INFOSPour 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 |
| | | Jeu 3 Déc - 4:23 | Couleur de fond du forum : #090909Largeur du forum : 825pxBanniè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éBoutons : Panneau d'administration > Affichage > Images et Couleurs > Gestion des images > Mode AvancéPartenariat :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"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="topCAT"><div class="tleCAT">{catrow.tablehead.L_FORUM}</div></div> <div class="mdlCAT"><!-- END tablehead -->
<!-- BEGIN cathead --> <div class="topCAT"></div> <!-- END cathead --> <!-- BEGIN forumrow --> <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> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <div class="btmCAT"></div><!-- END tablefoot --><!-- END catrow --> Images descriptives en 600*125 :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} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <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> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <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> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header --> {CHATBOX_TOP} {BOARD_INDEX}
<div class="lksSTATS"><!-- BEGIN switch_user_logged_in --><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span><!-- END switch_user_logged_in --><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>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <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> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <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> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><div class="QEEL"><!-- TITRE --><!-- BEGIN switch_viewonline_link --><a class="tleQEEL" href="{U_VIEWONLINE}" rel="nofollow"></a><!-- END switch_viewonline_link --> <!-- ANNIVERSAIRES/MEMBRES CONNECTES/24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><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/><!-- TOTAL MEMBRES --><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/><!-- TOTAL MESSAGES --><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><!-- GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><a href="" target="_blank" style="color:#FA5858;">Groupe I</a><!-- GROUPE 2 --><a href="" target="_blank" style="color:#FF8000;">Groupe II</a><!-- GROUPE 3 --><a href="" target="_blank" style="color:#FFFF00;">Groupe III</a><!-- GROUPE 4 --><a href="" target="_blank" style="color:#80FF00;">Groupe IV</a><!-- GROUPE 5 --><a href="" target="_blank" style="color:#0080FF;">Groupe V</a><br/><!-- GROUPE 6 --><a href="" target="_blank" style="color:#BF00FF;">Groupe VI</a><!-- GROUPE 7 --><a href="" target="_blank" style="color:#FE2EF7;">Groupe VII</a></div> </div></td></tr></table> <!-- END disable_viewonline -->
{CHATBOX_BOTTOM} <br clear="all" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <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> <!-- END switch_fb_index_login --> 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> <!-- BEGIN topicpagination --> <tr> <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END topicpagination --> {POLL_DISPLAY} <!-- BEGIN postrow --> <!-- BEGIN hidden --> <tr> <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td> </tr> <!-- END hidden --> <!-- BEGIN displayed --> <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"> <!-- BEGIN switch_vote_active --> <div class="vote gensmall"> <!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div> <!-- END switch_vote -->
<!-- BEGIN switch_bar --> <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}"> <!-- BEGIN switch_vote_plus --> <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div> <!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus --> <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div> <!-- END switch_vote_minus --> </div> <!-- END switch_bar -->
<!-- BEGIN switch_no_bar --> <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div> <!-- END switch_no_bar -->
<!-- BEGIN switch_vote --> <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd> <!-- BEGIN switch_post_attachments --> <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att --> <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} <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> {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} <!-- END switch_no_dl_att --> </dt>
<!-- BEGIN switch_no_comment --> <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd> <!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments -->
<div class="clear"></div> <!-- BEGIN switch_signature --> <div class="signature_div"> {postrow.displayed.SIGNATURE} </div> <!-- END switch_signature -->
</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><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --></div> <div>{postrow.displayed.POSTER_RPG}</div></div> <div class="ktactP">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></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> <!-- BEGIN first_post_br --> </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> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow --> <!-- BEGIN no_post --> <tr align="center"> <td class="row1" colspan="3" height="28"> <span class="genmed">{no_post.L_NO_POST}</span> </td> </tr> <!-- END no_post --> <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> <!-- BEGIN topicpagination --> <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td> <!-- END topicpagination --> </tr> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <tr> <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td> </tr> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </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"><!-- PAGE D'ACCUEIL --><div id="SH"><!-- LIENS --><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><!-- CONTEXTE --><div class="ctxtSH"><span>Contexte</span><!-- CONTENU CONTEXTE --><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><!-- STAFF --><div class="staffSH"><span>Staff</span><!-- I --><div><!-- IMAGE I - 75*150 --><img src="http://www.aht.li/2784471/75150.png" /><!-- CONTENU I --><p>Pseudonyme<br/>Rang<br/>Disponilité<br/><a href="" target="_blank">Profil</a></p></div><!-- II --><div><!-- IMAGE II - 75*150 --><img src="http://www.aht.li/2784471/75150.png" /><!-- CONTENU II --><p>Pseudonyme<br/>Rang<br/>Disponilité<br/><a href="" target="_blank">Profil</a></p></div><!-- III --><div><!-- IMAGE III - 75*150 --><img src="http://www.aht.li/2784471/75150.png" /><!-- CONTENU III --><p>Pseudonyme<br/>Rang<br/>Disponilité<br/><a href="" target="_blank">Profil</a></p></div></div><br/><!-- 6 PREDEFINIS EN 40*40 --><div class="pfSH"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a><!-- VI --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a></div><!-- NEWS/EVENEMENTS --><div class="newsSH"><span><b>00/00/00 :</b> ...</span><!-- II --><span><b>00/00/00 :</b> ...</span><!-- III --><span><b>00/00/00 :</b> ...</span><!-- IV --><span><b>00/00/00 :</b> ...</span></div><!-- PARTENAIRES en 88*31 --><div class="partSH"><marquee onmouseover="this.stop();" onmouseout="this.start();"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2784370/10035SH.png" /></a> <!-- V --><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; } |
| | | Jeu 3 Déc - 22:00 | WAHOOOOOOOOOOOOOOO Absolument sublime, c'est encore mieux que ce que j'avais imaginé Un grand merci (même si ces quelques mots ne peuvent exprimer mon gratitude à votre égard). Encore une fois merci c'est juste magnifique |
| | | Ven 4 Déc - 15:44 | 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 |
| | | Ven 4 Déc - 22:17 | 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 :Vous souhaitant une agréable fin de soirée. |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|