Commande design complet

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageCommande design complet 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, http://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
MessageRe: Commande design complet 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 :


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 :
http://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
MessageRe: Commande design complet Lun 8 Aoû - 3:42
avatar
Nombre de messages : 843
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
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
MessageRe: Commande design complet 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
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-