| | Dim 7 Aoû - 16:10 | Bonjour ! :) Tout d'abord, je suis une grande fan de votre codage 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 pixelsSché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 ! 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 pixelsSché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 ! |
| | | 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 ? 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.jpgMerci beaucoup pour votre travail, d'avance ! |
| | | 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; } |
| | | Lun 8 Aoû - 14:03 | Merci beaucoup pour ce travail et la rapidité, ce que vous faites est magnifique. |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|