Ven 25 Déc - 16:05 | Bonjour et joyeux noël en ce jour spécial de fêtes. Je suis venu ici car j'ai besoin de votre aide et de vos talents pour m'aider dans la réalisation de mon forum. Je ne sais pas si vous prenez encore les demandes de design donc par avance je m'excuse si ma démarche n'est pas convenable à vos yeux. D ans le cas ou ma demande ne pourrait être prise en compte je vous remercie d'avance pour votre lecture et vous souhaitant de bonnes et joyeuses fêtes.D'avance je vous remercie énormément !Voici les divers éléments que je souhaiterai pour le design - Bannière : si possible que celle-ci soit une bannière de fond et prenne toute la largeur du forum mais que lorsque l'on descend vers le bas du forum que la bannière reste en haut et ne bouge pas. - Couleurs : principalement noir et très sombre avec quelques couleurs rouge ou bleu assez foncé. - Titre : Star Wars Hope of the Force PA : c'est une PA assez carré avec divers rectangles. En couleur jaune se serait une image avec comme texte dessus, le nom et le rang du personnage, un lien vers le profil et le mp avec une flèche sur le coté pour passer d'une image à l'autre car nous sommes plusieurs dans l'administration. En couleur verte, se sont les liens vers les partenaires. En couleur rouge ce sont des petites images et lorsque l'on clique dessus celle-ci s'affiche un peu plus grand (à la place de la couleur mauve) SCHÉMA : https://i.servimg.com/u/f68/19/38/55/85/pa10.pngSUJET : SCHÉMA : https://i.servimg.com/u/f68/19/38/55/85/affich10.pngQEEL : La couleur jaune représente une image et la couleur verte est un fond de couleur et lorsque l'on passe la souris dessus, cela affiche le nomet une description du groupe à la place des connectés au cours des 24h. SCHÉMA : https://i.servimg.com/u/f68/19/38/55/85/qeel10.pngCATÉGORIE : catégorie rectangulaire, le rond jaune représente l'image des nouveautés ou si il n'y a pas de nouveau message et en dessous de ceux-ci, le titre du rp et le dernier posteur du message. Le fond du rectangle est une image. SCHÉMA : https://i.servimg.com/u/f68/19/38/55/85/catego10.pngVoici diverses images qui peuvent vous être utile mais si vous en avez d'autres cela ne me dérange pas. - Spoiler:
Bien à vous |
|
Lun 28 Déc - 9:17 | Largeur du forum : 825px
Couleur du fond de page : #0D1217Icônes du forum :Remplacer les lignes 84 à 222 du template index_body par :- 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></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"> <div id="ondayQEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div> <!-- EN LIGNE --><div class="ondayQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>▬ <b>En ligne</b> : <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script></table><br/><!-- 24 H --><table>{L_CONNECTED_MEMBERS}</table></div> <!-- TRAITS COLORES GROUPES --><div class="GQEEL"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span><!-- GROUPE 4 --><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background-color:#80FF00;"></span><!-- GROUPE 5 --><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background-color:#0080FF;"></span><!-- GROUPE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background-color:#BF00FF;"></span><!-- GROUPE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background-color:#FE2EF7;"></span> </div> </div><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER UTILISATEUR ENREGISTRE --><div class="lstQEEL"><!-- DERNIER INSCRIT --><div>Bienvenue à</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></div><!-- TOTAL MEMBRES --><div class="tlMQEEL"><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/>Membres</div><div class="tlPQEEL"><!-- TOTAL MESSAGES --><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><br/>Messages</div><!-- ANNIVERSAIRES --><div class="anvQEEL">Anniversaires<div><table>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table></div></div></div> <!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#FA5858;">Groupe I</div><!-- CONTENU -->Contenu groupe 1.</div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM DU GROUPE --><div style="background:#FF8000;">Groupe II</div><!-- CONTENU -->Contenu groupe 2.</div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Groupe III</div><!-- CONTENU -->Contenu groupe 3.</div><!-- CONTENU GROUPE 4 --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM DU GROUPE --><div style="background:#80FF00;">Groupe IV</div><!-- CONTENU -->Contenu groupe 4.</div><!-- CONTENU GROUPE 5 --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM DU GROUPE --><div style="background:#0080FF;">Groupe V</div><!-- CONTENU -->Contenu groupe 5.</div><!-- CONTENU GROUPE 6 --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM DU GROUPE --><div style="background:#BF00FF;">Groupe VI</div><!-- CONTENU -->Contenu groupe 6.</div><!-- CONTENU GROUPE 7 --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM DU GROUPE --><div style="background:#FE2EF7;">Groupe VII</div><!-- CONTENU -->Contenu groupe 7.</div> </div> <script type="text/javascript"> //<!-- var anc_onglet = 'eins'; change_onglet(anc_onglet); //--> </script> </div> </td> </tr> </table> <!-- END disable_viewonline --> Remplacer les lignes 250 à 277 du template overall_header par :- Spoiler:
- Code:
-
<div id="topSIT"> </div>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <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 les lignes 107 à 307 du template viewtopic_body par :- Spoiler:
- Code:
-
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" > <!-- 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 class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <td valign="top"> <div class="tlP"> <div class="nameP"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div> <div class="avaP">{postrow.displayed.POSTER_AVATAR}</div> <div class="rankP">{postrow.displayed.POSTER_RANK}</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="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="imgrankP">{postrow.displayed.RANK_IMAGE}</div> </div> </td> <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 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> <tr> <td 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> <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> </table> </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 l'intégralité de index_box par :- Spoiler:
- 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"><br clear="all" /> <!-- END tablehead -->
<!-- BEGIN cathead --> <div class="topCAT"></div> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="blocFRM"><img class="imgFRM" src="{catrow.forumrow.FORUM_FOLDER_IMG}" /><div id="tlmFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div></div><div id="descFRM">{catrow.forumrow.FORUM_DESC}</div> <div class="boxFRM"><div class="sfFRM">sous-forums<div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div><div class="nbFRM">{catrow.forumrow.TOPICS} S.</div><div class="nbIIFRM">{catrow.forumrow.POSTS} M.</div></div> </div> <!-- END forumrow --> <!-- BEGIN catfoot -->
<!-- BEGIN inc --> <!-- END inc --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <br clear="all" /> </div> <!-- END tablefoot --><!-- END catrow --> Images descriptives en 400*200 :Encadrer le texte descriptif des balises suivantes : - Code:
-
<div class="descFRM"> Texte </div> Partenariat : - Partie CSS : - Code:
-
/* CODAGE GLOBAL */ body { margin:0; padding:0; width:100%; background-image:url(http://www.aht.li/2799102/SWOFBann.png); background-repeat:no-repeat; background-position:center top; background-attachment:scroll; } .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;}
/* SOULIGNEMENT DES LIENS */ a, a:focus, a:active, a:hover {text-decoration:none !important;}
/* NAVIGATION */ .navSIT { width:825px; padding:10px 0; text-align:center; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } .mainmenu img{ display:none; } /* LIENS NAVIGATION */ .navSIT a{ display:inline-block; padding:5px; text-transform:uppercase; text-align:center; font-weight:bold; color:#dedede; font-size:12px; font-family:Arial; /* MODIFIABLE */ transition:all .65s linear; -webkit-transition:all .65s linear; }
/* ESPACE VIDE BANNIERE */ #topSIT { margin:auto; margin-top:775px; }
/* TITRE CATEGORIES */ .tleCAT{ position:relative; margin:10px auto -10px; width:805px; padding:10px; text-align:left; background:rgba(0,0,0,0.3); /* 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 */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:825px; padding-bottom:5px; background:none; /* MODIFIABLE */ } /* BLOC FORUMS */ .blocFRM { float:left; margin:5px; width:400px; overflow:hidden; } /* BLOC DESCRIPTIONS FORUMS */ #descFRM { width:390px; height:190px; padding:5px; overflow:hidden; background:#dedede; /* MODIFIABLE */ } /* IMAGES DESCRIPTIVES FORUMS */ #descFRM img { position:absolute; z-index:2; margin-top:-5px; margin-left:-5px; width:400px; height:200px; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #descFRM:hover img { filter:grayscale(1); -webkit-filter:grayscale(1); } /* DESCRIPTIONS FORUMS */ .descFRM { position:absolute; z-index:3; margin-left:5px; margin-top:3px; width:175px; height:175px; padding:5px; overflow:auto; background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */ font-size:11px; text-align:justify; font-family:Arial; opacity:0; transition:all 0.65s ease; -webkit-transition:all 0.65s ease; } #descFRM:hover .descFRM { opacity:1; } /* ICÔNES FORUMS */ .imgFRM{ position:absolute; z-index:3; margin-left:300px; height:60px; width:60px; border-radius:0 0 60px 60px; } /* BLOC TITRE & DERNIER MESSAGE FORUMS */ #tlmFRM { position:absolute; z-index:3; margin-left:215px; margin-top:75px; width:180px; background:rgba(0,0,0,0.3); /* MODIFIABLE */ } /* TITRE FORUMS */ .tleFRM { padding:5px; 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 */ } /* DERNIER MESSAGE FORUMS */ .lmsgFRM { padding:5px; text-align:right; font-size:11px; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* BLOC SOUS-FORUMS/NOMBRE SUJETS & MESSAGES */ .boxFRM { display:inline-block; vertical-align:top; margin-top:5px; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin:5px; height:15px; padding:5px 10px; overflow:hidden; font-size:10px; text-transform:uppercase; text-align:center; background:#0D1217; color:white; /* MODIFIABLE */ } /* CONTENU SOUS-FORUMS */ .sfFRM div{ position:absolute; margin-top:-24px; margin-left:-15px; width:0px; height:25px; padding:5px; overflow:hidden; text-align:justify; background:#101e29; /* MODIFIABLE */ opacity:0; transition:all 0.65s linear; -webkit-transition:all 0.65s linear; } .sfFRM:hover div{ width:390px; overflow:auto; opacity:1; } /* LIENS SOUS-FORUMS */ .sfFRM a{ color:white !important; /* MODIFIABLE */ } /* NOMBRE SUJETS */ .nbFRM{ display:inline-block; vertical-align:top; margin:5px; width:70px; height:15px; padding:5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial; background:#101e29; color:white; /* MODIFIABLE */ } /* NOMBRE MESSAGES */ .nbIIFRM{ display:inline-block; vertical-align:top; margin:5px; width:70px; height:15px; padding:5px; overflow:hidden; text-align:center; font-size:11px; text-transform:uppercase; font-family:Arial; background:#294154; color:white; /* MODIFIABLE */ }
/* FORUMS LUS/SUJETS & POSTEURS DU JOUR */ .lksSTATS { padding:10px 0; text-align:center; } .lksSTATS .gensmall { color:white; /* MODIFIABLE */ }
/* QEEL */ .QEEL { margin:auto; width:800px; background:none; /* MODIFIABLE */ } /* TITRE QEEL */ .tleQEEL { margin-bottom:15px; width:455px; height:60px; padding-top:25px; box-shadow:inset 0 0 25px rgba(0,0,0,0.2); font-family:Arial; background:#294154; /* MODIFIABLE */ letter-spacing:2px; text-transform:uppercase; text-align:center; } .tleQEEL a{ font-size:32px; color:white; /* MODIFIABLE */ } /* BLOC DERNIER UTILISATEUR/TOTAL MEMBRES & MESSAGES/ANNIVERSAIRES */ .stsQEEL { display:inline-block; vertical-align:top; margin-left:15px; text-align:center; width:305px; height:295px; padding:10px; overflow:hidden; background-color:rgba(0,0,0,0.8); /* MODIFIABLE */ font-size:11px; text-align:justify; } /* DERNIER UTILISATEUR ENREGISTRE */ .lstQEEL { height:65px; width:305px; padding-top:20px; background:#D9E0DC; color:black; /* MODIFIABLE */ text-transform:uppercase; text-align:center; font-size:16px; } /* TOTAL MEMBRES */ .tlMQEEL { display:inline-block; vertical-align:top; margin-top:15px; margin-right:15px; height:55px; width:145px; padding-top:25px; background:#101e29; color:white; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* NOMBRE MESSAGES */ .tlPQEEL { display:inline-block; vertical-align:top; margin-top:15px; height:55px; width:145px; padding-top:25px; background:#0d1217; color:white; /* MODIFIABLE */ text-transform:uppercase; text-align:center; } /* ANNIVERSAIRES QEEL */ .anvQEEL { display:inline-block; margin-top:15px; width:305px; height:70px; padding-top:30px; text-transform:uppercase; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; background:#191919; color:white; /* MODIFIABLE */ } /* CONTENU ANNIVERSAIRES QEEL */ .anvQEEL div { position:absolute; z-index:3; margin-top:-59px; width:0px; height:80px; padding:10px; overflow:hidden; text-align:justify !important; background:#ccc; /* MODIFIABLE */ opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear; } .anvQEEL:hover div{ width:285px; overflow:auto; opacity:1; } .anvQEEL .row1{ background:none !important; padding:0 !important; } /* BLOC MEMBRES CONNECTES & 24H */ #ondayQEEL { display:inline-block; vertical-align:top; } .ondayQEEL { display:inline-block; vertical-align:top; width:360px; height:195px; padding:10px; overflow:hidden; background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */ font-size:11px; text-align:justify; } .ondayQEEL:hover { overflow:auto; } .ondayQEEL .row1 { background:none; padding:0; } /* DESCRIPTIFS GROUPES QEEL */ .blocGQEEL { margin-top:15px; margin-left:245px; width:540px; height:65px; padding:5px; overflow:auto; background-color:rgba(250,250,250,0.5); /* MODIFIABLE */ text-align:justify; font-size:11px; } .contenu_onglet { display:none; } /* NOMS DES GROUPES QEEL */ .contenu_onglet div { position:absolute; z-index:3; margin-left:-250px; margin-top:-5px; width:215px; height:45px; padding:20px 10px 10px; overflow:hidden; font-size:18px; text-align:center; text-transform:uppercase; color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */ } /* BLOC TRAITS GROUPES QEEL */ .GQEEL { display:inline-block; margin-left:15px; width:60px; padding-top:5px; height:210px; text-align:center; background:black; /* MODIFIABLE */ } /* TRAITS GROUPES QEEL */ .onglet { display:block; margin:7px auto; width:40px; height:10px; opacity:0.7; } /* SURVOL TRAIT GROUPES QEEL */ .onglet_1 { opacity:1; }
/* PRESENTATION DU SUJET */ /* BLOC JOUEUR */ .tlP { width:225px; text-align:center; border-radius:0 0 15px 15px; background:#101e29; /* MODIFIABLE */ } /* PSEUDONYME */ .nameP { padding:5px; text-align:center; text-transform:uppercase; background:rgba(0,0,0,0.8); /* MODIFIABLE */ } /* AVATAR */ .avaP { margin:auto; width:200px; } /* TEXTE RANG */ .rankP { margin:5px auto; width:200px; text-transform:uppercase; text-align:center; background:rgba(0,0,0,0.8); color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */ } /* IMAGES CONTACT JOUEUR */ .ktactP { margin:auto; width:200px; text-align:center; opacity:0.7; } /* BLOC INFORMATIONS JOUEUR */ .dtailS { margin:5px auto; padding:5px; width:190px; overflow:auto; background:#191919; /* MODIFIABLE */ transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear; } /* CONTENUS INFORMATIONS JOUEUR */ .dtailS div{ margin:5px auto; width:170px; padding:5px; font-family:Arial; font-size:11px; text-align:justify; color:#dedede; background:rgba(250,250,250,0.3); /* MODIFIABLE */ } /* TITRES INFORMATIONS JOUEUR */ .dtailS div span{ text-transform:uppercase; color:#191919; /* MODIFIABLE */ } /* APPARENCE MESSAGES */ div.postbody { padding:10px; min-height:100px; background:rgba(250,250,250,0.7); box-shadow:0 0 3px rgba(0,0,0,0.3); color:black; /* MODIFIABLE */ text-align:justify; } /* TITRE MESSAGES */ .tleP { text-align:left; font-size:10px; color:white; /* MODIFIABLE */ } /* CITER/EDITER/IP */ .toolsP { width:40%; height:20px; padding:5px; text-align:right; background:#dedede; /* MODIFIABLE */ } La confusion semblant apparemment prévaloir en mes indications, et le refus de telles commandes se retrouvant ainsi indistinctement formulé, la réalisation ci-dessus constitue par conséquent mon compromis quant à la responsabilité me revenant à l'établissement de cette équivoque.
Vous souhaitant également le meilleur que puissent vous offrir ces fêtes. |
|
Mar 29 Déc - 8:11 | |
|