Besoin de votre gentilesse

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. Dans 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 : http://i68.servimg.com/u/f68/19/38/55/85/pa10.png


SUJET :
SCHÉMA : http://i68.servimg.com/u/f68/19/38/55/85/affich10.png

QEEL : 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 : http://i68.servimg.com/u/f68/19/38/55/85/qeel10.png

CATÉ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 : http://i68.servimg.com/u/f68/19/38/55/85/catego10.png

Voici diverses images qui peuvent vous être utile mais si vous en avez d'autres cela ne me dérange pas.
Spoiler:
 

Bien à vous
Revenir en haut Aller en bas
Lun 28 Déc - 9:17

Largeur du forum : 825px

Couleur du fond de page : #0D1217


Icônes du forum :
- -

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


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

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

Remplacer l'intégralité de index_box par :
Spoiler:
 

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.
Revenir en haut Aller en bas
Mar 29 Déc - 8:11
Un tout grand merci c'est juste magnifique I love you I love you I love you I love you I love you

D'avance je vous souhaite une bonne année 2016

Bàv
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum