Ven 4 Déc - 14:29
Bonjour ou bonsoir
je viens vers vous grâce à la wonderland fansub l'admin ma dis que c'étais vous qui avais fais ce magnifique design et codage pour son forum du coup je viens vous demander si il serait possible pour vous de me faire un design graphique plus un codage
pour mon forum qui est :
http://asian-corporation.forumactif.org/ si vous avez le temps et si vous accepter ma demande je vous décris un peu ce que j’aimerais avoir et vous remercie d'avance pour le temps que vous y consacrerais
Partie Graphisme :
Les couleurs : Des couleurs sobres, qui vont avec le thème de Noel ou l'hiver.
Bannière : 1600*500, Avec le nom du forum asian corporation qui couvre bien en longueur le haut du forum si possible !
Est-il possible d'avoir une boite avec une image comme mascotte à droite
Les images que je souhaiterais pour la bannière sont :
http://classicluv.deviantart.com/art/Wonder-Girls-PNG-Render-X-MAS-412160866 http://chazzief.deviantart.com/art/PNG-XMAS-PACK-274984437 http://aomisaki.deviantart.com/art/Exo-Decembers-Miracle-HQ-png-416641591 Les images pour la photo de profil :
http://desmond.imageshack.us/Himg151/scaled.php?server=151&filename=etoile004.jpg&res=landing http://orig10.deviantart.net/8c67/f/2013/280/0/e/kim_so_hyun_png_by_unknownuserwhat-d6pkhhy.png Je souhaiterais également des boutons new, lock, no news, repondre, vérouiller, nouveau
Vous pouvez bien évidemment choisir d'autre images c'est juste pour vous donne une idée
Partie codage :
Pour la navigation :
Il faudrait fixer la navigation sur le côté gauche sur toutes les pages du forum, en colonne. Du genre :
Accueil
Faq
Rechercher
Pour la PA vous pouvez faire ce que vous souhaiter
Catégorie :
https://i.servimg.com/u/f68/19/30/90/43/sans_t10.jpg Je souhaiterais que les images news et no news soit en dehors du forum sur la gauche, pour l'image de fond des description catégorie soit la même et que la description soit en slide dessus
Queel :
https://i.servimg.com/u/f68/19/30/90/43/sans_t11.jpg Pour le côté gauche et droit du Queel je souhaite une image de fond et un slide pour l'affichage des anniversaire, membres connecté, ect et au milieux pas d'image de fond
Profil :
en slide sous l'image
Sujet :
une fiche de présentation et de RP
liste des sujet :
https://2img.net/image.noelshack.com/fichiers/2015/47/1448144133-liste-des-sujets.png Voilà j'espère ne pas trop vous en demander en espérant que vous prendriez ma commande passer une bonne journée ou soirée
Lun 7 Déc - 22:30
Couleur du fond de page : #000103 Largeur du forum : 800px Bannière fond vide : Code: http://img15.hostingpics.net/pics/722131EMPTYACORP.png
Boutons : Icônes du forum : Icônes des sujets : Remplacer les lignes 273 à 277 du template overall_header par : Spoiler: 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 topics_list_box par : Spoiler: Code: <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection --> <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection --> <table class="forumline" width="95%" align="center" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN pagination --> <tr> <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr> <!-- END pagination --> <!-- END header_table --><!-- BEGIN header_row --> <tr> <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr> <!-- END header_row --> <!-- BEGIN topic --> {topics_list_box.row.END_TABLE_STICKY} <tr> <!-- BEGIN single_selection --> <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td> <!-- END single_selection --> <div class="blocLSBJ"><div class="LSBJ"> <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="lvrSBJ"><div class="nameSBJ">par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div> <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> </div></div> <!-- BEGIN multi_selection --> <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td> <!-- END multi_selection --> </tr> <!-- END topic --><!-- BEGIN no_topics --> <tr> <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr> <!-- END no_topics --><!-- BEGIN bottom --> <tr> <td colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr> <!-- END bottom --><!-- BEGIN footer_table --> </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Remplacer l'intégralité du template index_box par : Spoiler: Code: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </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="itsFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="nbFRM">{catrow.forumrow.TOPICS} S. ▼ {catrow.forumrow.POSTS} R.</div></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><div id="descFRM"><div class="descFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>{catrow.forumrow.FORUM_DESC}</div></div> </div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow -->
Images descriptives en 400*125 : 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></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 id="blocAVA"><div class="blocAVA"><div class="avaP">{postrow.displayed.POSTER_AVATAR}</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></div> <div class="rankP">{postrow.displayed.POSTER_RANK}</div> <div class="imgrankP">{postrow.displayed.RANK_IMAGE}</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>
Remplacer les lignes 84 à 222 du template index_body par :Images en 200*320 Spoiler: Code: <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><br/><!-- BEGIN switch_user_logged_in --><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ◊ <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ◊ <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</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 id="QEEL"><!-- TITRE --><div class="tleQEEL"><!-- BEGIN switch_viewonline_link --><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a><!-- END switch_viewonline_link --></div> <div class="QEEL"><div id="blocQEEL"><div class="blocQEEL"><!-- IMAGE GAUCHE 300*275 --><img src="http://www.aht.li/2787106/QEELG.png" /><!-- 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></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><!-- ANNIVERSAIRES --><span class="anvQEEL"><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></span></div><div id="blocIIQEEL"><div class="blocIIQEEL"><!-- IMAGE DROITE 225*275 --><img src="http://www.aht.li/2787105/QEELD.png" /><!-- 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><!-- 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></div> </div></div></td></tr></table> <!-- END disable_viewonline -->
Page d'accueil : Code: <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/ACOR.css" rel="stylesheet" type="text/css"><!-- PA --><div id="ACOR"><div class="blocACOR"><!-- TITRE STAFF --><div class="tleIIACOR">Staff</div><!-- STAFF --><div class="staffACOR"><!-- I --><div style="margin-right:5px;"><!-- IMAGE 90*90 --><img src="http://www.aht.li/2776945/9090.png" /><!-- CONTENU I --><p>Pseudonyme<br/>Rang<br/><!-- DISPONIBILITE --><font color="#8346B5">Disponible</font></p></div><!-- II --><div><!-- IMAGE II 90*90 --><img src="http://www.aht.li/2776945/9090.png" /><!-- CONTENU II --><p>Pseudonyme<br/>Rang<br/><!-- DISPONIBILITE II --><font color="#8346B5">Disponible</font></p></div></div><!-- 5 LIENS --><div class="lksACOR"><!-- I --><a href="" target="_blank">Règlement</a><!-- II --><a href="" target="_blank">Annexes</a><!-- III --><a href="" target="_blank">Présentations</a><!-- IV --><a href="" target="_blank">Partie Invités</a><!-- V --><a href="" target="_blank">Partenariats</a></div></div><!-- NEWS --><div class="blocACOR"><!-- 3 ANNONCES/EVENEMENTS - IMAGES 200*300 --><div class="eventsACOR"><div id="NEWSACOR"><ul id="blocNEWSACOR"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://www.aht.li/2776411/200300.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://www.aht.li/2776411/200300.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://www.aht.li/2776411/200300.png" /></a></li></ul></div></div></div><div class="blocACOR" style="padding-top:35px;"><!-- CONCEPT --><div class="ctxtACOR">Concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept concept</div><!-- 5 PARTENAIRES - IMAGES EN 50*50 --><div class="partACOR"><!-- I --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- II --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- III --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- IV --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a> <!-- V --><a href="" target="_blank"><img src="http://www.aht.li/2776947/5050.png" /></a></div></div></div>
Partie CSS : Code: /* CODAGE GLOBAL */ body { margin:0; padding:0; width:100%; background-position:top center; background-image:url(http://www.aht.li/2787232/ACorp.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:25px; padding-top:5px; width:auto; text-align:center; line-height:13px; background:rgba(0,0,0,0.8); border-radius:0 0 15px 15px; /* MODIFIABLE */ } .mainmenu img{ display:none; } /* LIENS NAVIGATION */ .navSIT a{ display:block; padding:5px 10px; 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; } /* TITRE CATEGORIES */ .tleCAT{ margin:15px auto 0; width:770px; padding:10px 0; text-align:center; background:#8346b5; border-radius:15px 100px/100px 15px; /* 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; width:800px; padding:5px 0; } /* BLOC FORUM */ #blocFRM{ margin:10px auto; width:770px; height:125px; padding:10px 0; overflow:hidden; text-align:center; background:rgba(250,250,250,0.2); /* MODIFIABLE */ } /* BLOC IMAGE/TITRE/STATISTIQUES */ .itsFRM { display:inline-block; vertical-align:top; } /* TITRE FORUMS */ .tleFRM { margin:auto; max-height:65px; width:160px; padding:10px 5px; overflow:hidden; font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; } .tleFRM a{ color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */ } /* ICÔNES FORUMS */ .imgFRM{ position:absolute; z-index:4; margin-top:15px; margin-left:-165px; } /* NOMBRE SUJETS ET MESSAGES */ .nbFRM{ margin:auto; 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:2; margin-top:10px; margin-left:-165px; width:145px; height:85px; padding:5px; overflow:auto; font-size:10px; text-transform:uppercase; text-align:justify; background:#e7eaea; /* MODIFIABLE */ } /* LIENS SOUS-FORUMS */ .sfFRM a{ color:#191919 !important; /* MODIFIABLE */ } /* DESCRIPTIONS FORUMS */ #descFRM { display:inline-block; vertical-align:top; width:400px; height:125px; overflow:hidden; } .descFRM { width:220px; height:115px; padding:5px 5px 5px 175px; overflow:auto; background:#dedede; font-family:Arial; color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } /* IMAGES DESCRIPTIONS FORUMS FORUMS */ #descFRM img { position:absolute; z-index:3; margin-top:-5px; margin-left:-175px; width:400px; height:125px; transition:all .85s ease; -webkit-transition:all .85s ease; } #descFRM:hover img{ transform:translatex(400px); -webkit-transform:translatex(400px); opacity:0; width:0px; } /* DERNIER MESSAGE FORUMS */ .lmsgFRM { display:inline-block; vertical-align:top; margin:0 10px; 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:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); 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:800px; } .QEEL { width:800px; height:275px; overflow:hidden; border-radius:15px 100px/100px 15px; /* MODIFIABLE */ } /* TITRE QEEL */ .tleQEEL { display:block; width:800px; padding:15px 0; text-align:right; text-transform:uppercase; font-family:Arial; } .tleQEEL a{ font-size:36px; } /* BLOC GAUCHE QEEL */ #blocQEEL { display:inline-block; vertical-align:top; } .blocQEEL { position:relative; width:300px; height:275px; overflow:hidden; } #blocQEEL img{ position:absolute; transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } /* BLOC MEMBRES EN LIGNE/24H QEEL */ #ondayQEEL { width:300px; height:265px; padding-top:10px; text-align:center; background:rgba(250,250,250,0.3); /* MODIFIABLE */ transform:translateX(300px); -webkit-transform:translateX(300px); transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } #blocQEEL:hover #ondayQEEL { transform:translateX(0px); -webkit-transform:translateX(0px); } #blocQEEL:hover img{ transform:translateX(-300px); -webkit-transform:translateX(-300px); } /* MEMBRES CONNECTES QEEL */ .onlineQEEL { margin:auto; margin-bottom:5px; width:255px; height:95px; padding:10px; overflow:hidden; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ font-size:10px; text-align:justify; } .onlineQEEL:hover { overflow:auto; } /* 24H QEEL */ .dayQEEL { margin:auto; width:265px; height:125px; padding:5px; overflow:hidden; background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */ font-size:10px; text-align:justify; } .dayQEEL:hover { overflow:auto; } /* STATISTIQUES QEEL */ .stsQEEL { display:inline-block; vertical-align:top; width:275px; height:260px; padding-top:15px; overflow:hidden; background:rgba(250,250,250,0.2); color:white; /* MODIFIABLE */ text-align:center; font-size:11px; } /* TITRES STATISTIQUES QEEL */ .stsQEEL div { margin:5px auto; padding:5px 0; width:75%; text-transform:uppercase; font-weight:bold; text-align:center; border-bottom:1px solid black; /* MODIFIABLE */ } /* ANNIVERSAIRES */ .anvQEEL { display:block; margin:10px auto 0; width:75%; height:75px; overflow:hidden; border:none; font-weight:normal; text-align:justify; background:#dedede; /* MODIFIABLE */ transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease; } .anvQEEL:hover { overflow:auto; transform:scale(1); -webkit-transform:scale(1); } .anvQEEL .row 1{ padding:0; background:none; } /* BLOC DROITE QEEL */ #blocIIQEEL { display:inline-block; vertical-align:top; } .blocIIQEEL { position:relative; width:225px; height:275px; overflow:hidden; } #blocIIQEEL:hover .GQEEL { transform:translateX(0px); -webkit-transform:translateX(0px); } #blocIIQEEL img { position:absolute; width:225px; height:275px; transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } #blocIIQEEL:hover img{ transform:translateX(225px); -webkit-transform:translateX(225px); } /* BLOC GROUPES QEEL */ .GQEEL { width:225px; height:255px; padding:10px 0; text-align:center; background:rgba(250,250,250,0.3); /* MODIFIABLE */ transform:translateX(-225px); -webkit-transform:translateX(-225px); transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear; } /* GROUPES QEEL */ .GQEEL a { display:inline-block; margin:0 5px; padding:5px; height:15px; min-width:70px; font-size:11px; text-transform:uppercase; font-weight:bold; text-align:center; text-shadow:0 -1px 0 black; /* MODIFIABLE */ opacity:0.7; transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL GROUPES QEEL */ .GQEEL a:hover { opacity:1; } /* PRESENTATION LISTE SUJETS */ .blocLSBJ { width:800px; margin:auto; } .LSBJ { width:800px; margin:5px 0; } /* IMAGES */ .imgSBJ { display:inline-block; vertical-align:top; margin-right:5px; width:75px; height:40px; } /* TITRE */ .tleSBJ { display:inline-block; vertical-align:top; width:520px; height:20px; padding:10px 5px 10px 10px; background:#323334; font-family:Arial; /* MODIFIABLE */ text-align:left; text-transform:uppercase; } .tleSBJ a { color:#dedede !important; /* MODIFIABLE */ } /* DERNIER MESSAGE */ .lmsgSBJ { display:inline-block; vertical-align:top; margin-left:5px; width:160px; height:30px; padding:5px 5px 5px 15px; overflow:hidden; background-color:rgba(250,250,250,0.7); color:#191919; /* MODIFIABLE */ font-size:11px; text-align:right; } /* DESCRIPTION */ .descSBJ { margin-top:5px; width:790px; padding:5px; background-color:rgba(250,250,250,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */ font-size:10px; text-align:justify; } /* AUTEURS / STATISTIQUES / LISTES DES PAGES */ .lvrSBJ { width:800px; margin-top:5px; } /* AUTEUR */ .nameSBJ { display:inline-block; vertical-align:top; margin-right:5px; width:415px; height:20px; padding-top:5px; overflow:hidden; background:#E6E2B6; color:black; /* MODIFIABLE */ font-size:11px; text-align:center; } /* VUES */ .vuesSBJ { display:inline-block; vertical-align:top; width:95px; height:20px; padding-top:5px; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ font-size:11px; text-align:center; } /* REPONSES */ .repSBJ { display:inline-block; vertical-align:top; margin-left:5px; width:95px; height:20px; padding-top:5px; background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */ font-size:11px; text-align:center; } /* LISTE DES PAGES */ .gotoSBJ { display:inline-block; vertical-align:top; margin-top:-10px; margin-left:5px; width:180px; font-size:10px; text-align:right; color:white; /* MODIFIABLE */ } /* 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:#E6E2B6; /* 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; margin-top:10px; background:rgba(250,250,250,0.7); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* BLOC JOUEUR */ .tlP { width:225px; text-align:center; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* DECORATION HAUT */ .topP { height:80px; width:225px; background:url(http://www.aht.li/2787820/topSBJ.png); } /* DECORATION BAS */ .btmP { height:75px; width:225px; background:url(http://www.aht.li/2787819/btmSBJ.png); } /* AVATAR MESSAGES */ #blocAVA { width:200px; height:320px; margin:-5px auto 0; overflow:hidden; } .blocAVA { position:relative; width:200px; height:320px; overflow:hidden; } /* AVATAR MESSAGES */ .avaP { width:200px; height:320px; transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .avaP { transform:translateX(200px); -webkit-transform:translateX(200px); } /* INFORMATIONS JOUEUR */ .dtailS { position:absolute; margin-top:-320px; padding:5px; width:190px; height:310px; font-size:11px; text-align:left; background:rgba(0,0,0,0.4); /* MODIFIABLE */ transform:translateX(-200px); -webkit-transform:translateX(-200px); transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } #blocAVA:hover .dtailS { transform:translateX(0px); -webkit-transform:translateX(0px); } /* BLOCS INFORMATIONS 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 INFORMATIONS JOUEUR */ .dtailS div span{ text-transform:uppercase; color:#E6E2B6; /* MODIFIABLE */ } /* TEXTE RANG */ .rankP { margin:5px auto; 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; } /* IMAGES CONTACT JOUEUR */ .ktactP { margin:auto; margin-top:5px; width:200px; text-align:center; opacity:0.5; }
Mar 8 Déc - 17:31
bonsoir merci pour votre magnifique travail mais j'aurais quelques question : je voudrais savoir si vous avez fais le codage pour la fiche de présentation et le pour les messages RP si vous n'avez pas le temps de le faire je comprendrais je vous remercie encore pour ce que vous avez fais
Mer 9 Déc - 1:24
NOM Prénom(s)
Âge Nationalité Occupation Situation conjugale ft. Situation familiale : Fils(le) unique/(Demi-)frère(s)/(Demi-)soeur(s) Situation financière : Précaire/Moyenne/Aisée Carnation : ...Taille : ...Corpulence : ...Cheveux : Longueur, couleur Yeux : Couleur Signe(s) distinctif(s) : Tatouage, tache de naissance, accessoire particulier, etc...
Caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère
Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire
Pseudonyme : ...Âge : ...Commentaire : ...
A votre propos Code: <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PREZ_AOR.css" rel="stylesheet" style="text/css"><div id="AOR"><!-- NOM PRENOM(S) --><div class="npAOR">NOM Prénom(s)</div><div class="AOR"><!-- 5 INFORMATIONS PRINCIPALES --><div class="infosAOR"><ul><li>Âge</li><li>Nationalité</li><li>Occupation</li><li>Situation conjugale</li><li>ft.</li></ul><!-- RESTE DES INFORMATIONS & PHYSIQUE --><div id="phyzAOR"><div class="phyzAOR"><!-- IMAGE 200*320 --><img src="http://www.aht.li/2762869/CRO_LS.png" /><!-- RESTE DES INFORMATIONS --><div><b>Situation familiale</b> : <i>Fils(le) unique/(Demi-)frère(s)/(Demi-)soeur(s)</i><br/><b>Situation financière</b> : <i>Précaire/Moyenne/Aisée</i><br/><br/><!-- PHYSIQUE --><b>Carnation</b> : ...<br/><b>Taille</b> : ...<br/><b>Corpulence</b> : ...<br/><b>Cheveux</b> : <i>Longueur, couleur</i><br/><b>Yeux</b> : <i>Couleur</i><br/><b>Signe(s) distinctif(s)</b> : <i>Tatouage, tache de naissance, accessoire particulier, etc...</i></div></div></div></div><!-- CARACTERE --><div class="caraAOR">Caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère caractère</div><!-- HISTOIRE --><div class="storyAOR">Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</div><!-- A PROPOS --><div class="abtAOR"><!-- CONTENU --><div><b>Pseudonyme</b> : ...<br/><b>Âge</b> : ...<br/><b>Commentaire</b> : ...</div><!-- TITRE --><span>A votre propos</span></div></div></div>
Partie CSS : Code: /* FICHE DE PRESENTATION */ /* NOM PRENOM(S) */ .npAOR { background:#8346B5 !important; color:white !important; } /* INFORMATIONS PRINCIPALES */ .infosAOR li{ background:#8346B5 !important; color:white !important; } /* CONTENU RESTE DES INFORMATIONS & PHYSIQUE */ .phyzAOR div{ background:rgba(250,250,250,0.3) !important; color:black !important; } /* CARACTERE */ .caraAOR { background:rgba(250,250,250,0.3) !important; color:black !important; } /* HISTOIRE */ .storyAOR { background:rgba(250,250,250,0.3) !important; color:black !important; } /* CONTENU A VOTRE PROPOS */ .abtAOR div{ background:rgba(250,250,250,0.3) !important; color:black !important; } /* TITRE A VOTRE PROPOS */ .abtAOR span{ background:#8346B5 !important; color:white !important; }
Code: <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RAO_RP.css" rel="stylesheet" style="text/css"><!-- PARTIE CSS CONCERNANT L'APPARENCE DES INFORMATIONS --><style type="text/css">.infosRAO li{background:#ffff8f; color:#191919;}</style><!-- BOITE - TOUTES COULEURS PERSONNALISABLES --><div id="RAO"><!-- TITRE --><div class="tleRAO" style="background:#8346B5; color:white;">Titre</div><!-- FT --><div class="infosRAO"><!-- IMAGES EN 50*50 --><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Icones/SAD.png" /><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Icones/SAD.png" /><!-- INFORMATIONS - AJOUT D'INFORMATION = AJOUT DE LI --><ul><li>ft. ...</li><li>... mots</li></ul></div><!-- MESSAGE --><div class="msgRAO" style="border-color:#8346B5;"><!-- CONTENU --><p style="background:rgba(250,250,250,0.5); color:black;">...</p></div></div>
Mer 9 Déc - 8:57
Mer 9 Déc - 9:59
Vous souhaitant une agréable journée.
Vous ne pouvez pas répondre aux sujets dans ce forum