Le Deal du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

demande codage + graph

demande codage + graph  Empty 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
Revenir en haut Aller en bas
demande codage + graph  Empty Lun 7 Déc - 22:30
demande codage + graph  VIZACorp

Couleur du fond de page : #000103

Largeur du forum : 800px

Bannière fond vide :
Code:
http://img15.hostingpics.net/pics/722131EMPTYACORP.png

demande codage + graph  TRANS

Boutons :
demande codage + graph  NACorp - demande codage + graph  RACorp - demande codage + graph  FACorp

Icônes du forum :
demande codage + graph  NNEWSACorp - demande codage + graph  NEWSACorp - demande codage + graph  LOCKACorp

Icônes des sujets :
demande codage + graph  NNEWSBJACorp - demande codage + graph  NEWSBJACorp - demande codage + graph  LOCKSBJACorp

Remplacer les lignes 273 à 277 du template overall_header par :
Spoiler:

Remplacer l'intégralité du template topics_list_box par :
Spoiler:

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

Images descriptives en 400*125 :
demande codage + graph  IMGDESC

Remplacer les lignes 107 à 307 du template viewtopic_body par :
Spoiler:

Remplacer les lignes 84 à 222 du template index_body par :
Images en 200*320

Spoiler:

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;
}
Revenir en haut Aller en bas
demande codage + graph  Empty 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
Revenir en haut Aller en bas
demande codage + graph  Empty 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;
}

Titre
  • ft. ...
  • ... mots

...



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>
Revenir en haut Aller en bas
demande codage + graph  Empty Mer 9 Déc - 8:57
bonjour
merci pour votre travail mais j'ai un petit soucis avec le code de présentation de de message RP il ne s'affiche pas comme sur vos exemples j'ai fais des capture d’écran

https://i.servimg.com/u/f68/19/30/90/43/sans_t30.jpg

https://i.servimg.com/u/f68/19/30/90/43/sans_t31.jpg

merci pour votre aide
Revenir en haut Aller en bas
demande codage + graph  Empty Mer 9 Déc - 9:59
demande codage + graph  HTML

demande codage + graph  HTMLSBJ

Vous souhaitant une agréable journée.
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum