Demande design + codage

Dim 13 Déc - 11:34
Bonsoir,
étant admirative de votre travail et des codes que vous fournissez je souhaiterais, dans la mesure du possible, passer une commande de thème avec les principaux codages ( catégories - qeel ).

Je comprendrais un cas de refus car je me doute bien que cela prend du temps et que ce site est un libre service et non un forum de commandes. Mais, si jamais celle-ci est acceptée, je ne demande aucun délais particulier, étant déjà reconnaissante du grand service que je demande. Voici cependant les informations nécessaires à la commande. Bien que je fournis des idées et quelques images, vous avez carte blanche et je vous fait complètement confiance quant à votre travail, donc n'hésitez pas si vous avez d'autres images ou des idées qui diffèrent des miennes.

Images proposées ( dans l'ordre de préférence ):
http://img15.hostingpics.net/pics/852369KagerouProjectfull1687589.jpg
http://data.whicdn.com/images/177225419/large.jpg
http://img15.hostingpics.net/pics/357634renderpandore.png
http://img15.hostingpics.net/pics/53652247679248p0.png

Texte : Fairy of Despair avec comme slogan La fin de l'ère des fées / la chute d'un royaume ( au choix )

Couleurs : Des couleurs assez sombres.

Taille :  Vous avez carte blanche.

Codage : Je suis déjà tombée sous le charme de la PA numéro 3 du libre service. Dans l'idéal, je souhaiterais des catégories dans les mêmes dimensions. Voilà une petite idée http://img11.hostingpics.net/pics/928111Categorie.png.
Pour le qeel : http://img11.hostingpics.net/pics/559272queel.png

Je voulais également savoir s'il était possible d'introduire de la musique sur le forum ( en playlist ou autre ) qui puisse être présente de façon permanente peu importe la page.

En vous remerciant d'avoir pris le temps de lire cette requête qui en demande beaucoup je le reconnais.
Voici le lien du forum si cela peut servir ainsi que mon mail si jamais vous souhaitez me contacter :



Je vous souhaite une excellente journée / soirée.
Revenir en haut Aller en bas
Jeu 17 Déc - 1:33


Largeur du forum : 800px

Couleur du fond de page : #000000

Icônes du forum :
- -

Remplacer les lignes 84 à 221 du template index_body par :
Spoiler:
 


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

Images descriptives en 200*100 :

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

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

Partie CSS :
Code:
/* CODAGE GLOBAL */
body {
margin:0; padding:0; width:100%;
}
.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:800px; 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;
}

/* POSITION PLAYLIST */
.zikSIT {
position:absolute; right:35px;
width:200px; height:200px; background:#191919; border-radius:15px; /* MODIFIABLE */
}
/* BANNIERE */
#topSIT {
margin:auto; width:1100px; height:627px;
background: url(http://www.aht.li/2792281/BannFOD.png); background-repeat:no-repeat; background-position:center top;
}
/* CORPS DU FORUM */
#mdlSIT {
margin:auto; width:1100px; min-height:156px;
background: url(http://www.aht.li/2792273/MDLFOD.png); background-repeat:repeat-y; background-position:center;
}

 /* TITRE CATEGORIES */
.tleCAT{
margin:15px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#191919; /* 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:800px;
}
/* BLOC FORUM */
#blocFRM{
margin:10px auto;
width:800px; overflow:hidden; text-align:center;
}
.blocFRM {
position:relative; width:800px; overflow:hidden; text-align:center;
}
/* TITRE FORUMS */
.tleFRM {
display:inline-block; vertical-align:top;
margin-right:10px; width:455px; padding:10px 5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#81614b; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
display:inline-block; vertical-align:top;
height:20px; width:315px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
font-family:Arial; background:#3E2524; color:white; /* MODIFIABLE */
opacity:0.7;
}
/* BLOC IMAGE/DERNIER MESSAGE */
.itsFRM {
display:inline-block; vertical-align:top; margin-top:10px;
width:150px; height:100px;
}
/* ICÔNES FORUMS */
.imgFRM{
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:100px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.itsFRM:hover .imgFRM {
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
width:130px; height:80px; padding:10px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:20px;
background-color:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */
}
/* BLOC DESCRIPTION/SOUS-FORUMS */
.defFRM {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
}
/* DESCRIPTIONS FORUMS */
.descFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:420px; height:90px; padding:5px; overflow:auto;
background:#dedede; font-family:Arial; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGES DESCRIPTIONS FORUMS */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:435px;
width:200px; height:100px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.defFRM:hover .descFRM img{
transform:translatex(200px); -webkit-transform:translatex(200px);
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:190px; height:90px; 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 */
}
    
/* FORUMS LUS/SUJETS & POSTEURS DU JOUR */
.lksSTATS {
padding:10px 0; text-align:center;
}
.lksSTATS .gensmall {
color:#ccc; /* MODIFIABLE */
}

/* QEEL */
.QEEL {
margin:auto; width:800px;
background:none; /* MODIFIABLE */
}
/* TITRE QEEL */
.tleQEEL {
display:inline-block; vertical-align:top; margin-bottom:15px;
width:480px; height:60px; padding-top:25px; box-shadow:inset 0 0 25px rgba(0,0,0,0.2);
font-family:Arial; background:#3E2524; /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:center;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE */
.lstQEEL {
margin-left:20px; display:inline-block;
height:65px; width:300px; padding-top:20px;
background:#dedede; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* BLOC MEMBRES CONNECTES & 24H */
.ondayQEEL {
display:inline-block; vertical-align:top;
text-align:center;
width:410px; height:180px; 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;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; margin-left:20px;
width:350px; height:200px;
background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
text-align:center;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
width:350px; height:200px; overflow:hidden;
}
.contenu_onglet div {
position:absolute; z-index:3; margin-top:15px; margin-left:15px;
width:300px; height:150px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
.contenu_onglet img{
position:absolute; z-index:1; margin-left:-175px;
width:350px; height:200px;
opacity:0.8;
}
/* NOMBRE MESSAGES & TOTAL MEMBRES */
.tlMQEEL {
display:inline-block; vertical-align:top; margin-top:15px;
height:75px; width:145px; padding-top:25px;
background:#81614b; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; margin-left:20px; margin-top:15px;
width:470px; 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 */
}
.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:450px; overflow:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* BLOC NOMS GROUPES QEEL */
.GQEEL {
width:800px; padding:10px 0; text-align:center;
}
/* NOM GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
padding:5px; font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial;
}
/* SURVOL NOM GROUPES QEEL */
.onglet_1 {
letter-spacing:2px;
}

Playlist :

Page d'accueil :
Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/CUB_PA.css" rel="stylesheet" type="text/css"><div id="CUB"><!-- MENU --><div class="menuCUB" style="background:#3E2524;">Menu<div><!-- LIENS --><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a></div></div><!-- EVENEMENT EN COURS --><div class="chCUB">Chapitre III<!-- DETAILS --><div class="dayCUB">jour X • 15°C</div></div><!-- CONTEXTE --><div class="ctxtCUB">Contexte<div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><!-- 3 ANNONCES/EVENEMENTS - IMAGES 150*250 --><div class="eventsCUB"><div id="ASLIDE"><ul id="blocASLIDE"><!-- ANNONCE I --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE II --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><!-- ANNONCE III --><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li></ul></div></div><!-- 10 PARTENAIRES - IMAGES EN 50*50 --><div class="partzCUB" style="background:#dedede; color:black;">Partenaires<div><!-- I --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- II --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- III --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>  <!-- IV --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>  <!-- V --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a><br/><!-- VI --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- VII --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- VIII --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>  <!-- IX --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a>  <!-- X --><a href="" target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a></div></div><!-- TOP SITES --><div class="TOPSPA" style="background:#3E2524;">Top sites<div><!-- TOP SITE I --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- TOP SITE II --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a> <!-- TOP SITE III --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/5050.png" /></a></div></div><!-- STAFF & PREDEFINIS --><div id="staffPA">Staff & Prédéfinis<!-- 4 PREDEFINIS - IMAGES 25*25 --><div class="pfCUB"><!-- I --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a> <!-- II --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a><br/><!-- III --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a> <!-- IV --><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/2525.png" /></a></div><!-- STAFF - IMAGES 65*65 --><div class="boxSTAFF"><!-- STAFF I --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF II --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF III --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div><!-- STAFF IV--><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div> <!-- STAFF V --><div class="staffPA"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/6060.png" /><div>Pseudo<br/>Rang<br/><a href="..." target="_blank">Profil</a> • <a href="..." target="_blank">MP</a></div></div></div></div></div>
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum