-34%
Le deal à ne pas rater :
Bosch 2607017160 Coffret clé à cliquet 27 pièces
17.22 € 25.98 €
Voir le deal

Commande design complet

Commande design complet Empty Dim 7 Aoû - 16:10
Bonjour ! :)
Tout d'abord, je suis une grande fan de votre codage I love you
Ensuite, j'aimerais vous passer commande :

CATEGORIE
Largeur maximale : Le forum est à 70%, je ne sais pas quelles dimensions exactement mais au maximum en largeur 700px, je pense.
Hauteur maximale : 100 pixels
Schéma :
Spoiler:
 

Éléments : Pour préciser un peu le tout, j'aimerais que les bordures de la catégorie soit de 2px, de couleur or ou d'un ornement afin de reproduire un peu le style Médiéval/Fantastique. ;)
Images : /
Animations : L'image "Old", "New", "Locked", à son survol, dévoilerait le dernier message.
Informations supplémentaires : Merci beaucoup !  pirat

PROFIL
Largeur maximale : L'avatar serait de 200x400 pixels, l'espace autour est variable mais je verrais bien 400 au total de largeur, et 700 de hauteur.
Hauteur maximale : 700 pixels
Schéma :
Spoiler:
 

Éléments :
Images : Pour le qui suis-je, https://2img.net/image.noelshack.com/fichiers/2016/31/1470575468-qui.png
Animations : En hover, les informations du profil et la feuille de personnage, et pourquoi pas une légère rotation du Qui suis-je au survol ? ;)
Informations supplémentaires : Merci beaucoup !  pirat
Revenir en haut Aller en bas
Commande design complet Empty Dim 7 Aoû - 16:28
Bonjour, j'ai finalement remarqué l'indisponibilité, excusez-moi ! ;)
J'aimerais alors, pour faciliter la tâche, modifier ce LS :
Commande design complet TCAT1

Serait-il possible d'enlever le fond beige pour un fond transparent, et modifier les tons en du marron, ainsi que rajouter des bordures de 2px couleur or, pour rendre le tout plus sobre ? pirat

J'aimerais également que la description se dévoile en hover derrière cette image :
https://2img.net/image.noelshack.com/fichiers/2016/31/1470580014-the-witcher-2-wallpaper-hd-download.jpg

Merci beaucoup pour votre travail, d'avance !
Revenir en haut Aller en bas
Commande design complet Empty Lun 8 Aoû - 3:42
Bonjour,

Partie CSS :

Code:
/* APPARENCE CATEGORIES & FORUMS */
/* BLOC TITRE CATEGORIE */
.tleCAT{
position:relative; margin:10px auto;
width:100%; padding:10px 0; border-radius:10px; text-align:center;
background:#4c4239; border:2px solid gold; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM {
margin-bottom:10px; text-align:center;
}
/* BLOC TITRE / NOMBRE SUJETS & MESSAGES / DESCRIPTION FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:70%; height:105px; border-radius:10px; overflow:hidden;
border:2px solid gold; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
width:73%; height:20px; padding:5px 0 5px 2%;
text-align:left; font-weight:bold; font-size:14px; text-transform:uppercase;
background:#4c4239; /* MODIFIABLE */
}
.tleFRM a {
color:white !important;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:top;
width:23%; height:22px; padding:8px 1% 0;
text-align:center; font-size:10px;
background-color:#4c4239; color:lightyellow; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
height:65px; padding:5px; overflow:hidden;
text-align:justify; font-size:11px; color:rgba(0,0,0,0);
background:url(http://image.noelshack.com/fichiers/2016/31/1470580014-the-witcher-2-wallpaper-hd-download.jpg); /* MODIFIABLE */
}
/* SURVOL DESCRIPTION FORUM */
.descFRM:hover {
overflow:auto;
background:lightgrey; color:black; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:105px; border-radius:10px;
border:2px solid gold; /* MODIFIABLE */
}
/* BLOC DERNIER MESSAGE / SOUS-FORUMS */
#lsfFRM {
display:inline-block; vertical-align:top; border-radius:10px;
border:2px solid gold; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
height:70px; width:125px; padding:10px 5px 5px; border-radius:10px 10px 0 0;
font-size:11px; text-align:center;
background:#4c4239; color:lightyellow; /* MODIFIABLE */
}
/* SOUS-FORUMS */
.sfFRM {
width:135px; border-radius:0 0 10px 10px;
text-align:center;
background:gold; color:black; /* MODIFIABLE */
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; z-index:2; margin-top:-106px;
width:135px; height:0; overflow:hidden; border-radius:10px 10px 0 0;
text-align:center; font-size:11px;
background:#dedede; color:black; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.sfFRM:hover div {
width:125px; height:75px; padding:5px; overflow:auto;
}
/* LIENS SOUS-FORUMS */
.sfFRM div a{
color:black !important;
}
Revenir en haut Aller en bas
Commande design complet Empty Lun 8 Aoû - 14:03
Merci beaucoup pour ce travail et la rapidité, ce que vous faites est magnifique. pirat
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum