Demande particulière

Dim 10 Avr - 13:36
Bonjour ou bonsoir à vous,
Ma demande n'est pas une commande à proprement parler puisqu'il s'agit tout d'abord d'une interrogation.
(J'ai peur que ma demande ne s'envoie pas en entier, ou qu'elle s'envoie partiellement parce que lors de la prévisualisation, il me manque la moitié du message que j'ai écris du coup je risque de faire un double post pour poster l'intégralité de mon message et je m'en excuse par avance).
Vous est-il possible de modifier l'un de vos codes en libre service pour qu'il soit adaptable à un autre format d'avatars ?

Je m'explique, je suis tombée sur ce libre service : www. Et je l'apprécie beaucoup.
Mais le CSS disponible n'est que pour des avatars au format 200x320 ou bien 200x400. Le problème est que pour mon projet, je souhaiterai avoir des avatars au format 250x350. Est-il possible d'adapter ce libre service pour des avatars de ce format ci ?
Ensuite deuxième question en rapport avec ce libre service, est-ce que la couleur de fond change en fonction du groupe dans lequel se trouve le membre ? Si non, est-il possible de le faire ?

Au cas où, je poste ma requête avec le formulaire modifié.

Schéma : www
Animations : Avatars au format 250x350px, couleur de fond du cadre avatar + infos qui change en fonction du groupe du membre.


Ensuite, au risque de paraître pénible, je me demandais si vous pouviez me réaliser des catégories originales pour mon projet.
A vrai dire, je n'ai pas de schéma enfin si mais je n'ai pas d'idées pour les dimensions, je n'arrive pas à avoir une idée précise de ce que je veux et j'ai beau regarder tous les libres services je n'arrive pas à trouver quelque chose qui pourrait me convenir. Voici donc le petit formulaire et je comprendrai si la commande ne se fait pas.
Largeur maximale : 850 ou 900px je dirai
Hauteur maximale : auto
Schéma : www
Éléments : J'ai oublié de préciser sur le schéma le titre du forum qui doit être juste au dessus du bloc de description du forum.
L'image new/old/lock qui prend toute la largeur et hauteur de la case du dernier message. je peux essayer de fournir les images mais je n'ai aucune idée des dimensions. La case du titre de catégorie doit être légèrement plus grande que sur le schéma, afin que les cases descriptions, image, sous forums, dernier message, c'est à dire comme sur votre forum.

Images : Si besoin je fournirai les icônes new/old/lock, il me faudra juste les dimensions.
Animations : Il faudrait que l'image de description soit dans des tons gris ou #548b78 et lorsque l'on passe la souris dessus, elle retrouve sa couleur normale, il doit y avoir une bordure de 2px de couleur #1B1B1B autour de cette même image.
Informations supplémentaires : Couleurs de fond : #1B1B1B
Couleur des titres : #548b78
Couleur du texte : #c3c3c3

J'aurai aussi souhaité un QEEL assorti à ces catégories, mais je vous avouerai que je n'ai pas énormément d'imagination quant à la réalisation d'un schéma.

Ensuite, j'aurai voulu passer commande pour un ensemble de fiches (présentation, partenariat, prédéfinis, bottin, récapitulatif RP, ...) mais vu que la majorité de ces catégories sont fermées, je ne vais pas insister. Surtout que ce que je demande est déjà assez conséquent je pense.

Si vous voulez vous faire une petite idée de l'ambiance de mon projet je vous met l'ébauche du contexte sous spoiler, peut être que cela vous inspirera quelques idées ?
Revenir en haut Aller en bas
Dim 10 Avr - 15:29
Et voilà, je savais que j'avais oublié quelque chose...
Pour les catégories il faudrait que le nombre de sujets et de messages soit affiché quelque part, j'admet ne pas savoir où les placer donc si vous avez une idée n'hésitez pas.

Ensuite, si vous souhaitez vous lancer dans la création du QEEL, je viens vous fournir des informations complémentaires :
Il faudrait une case pour les membres connectés les 48 dernières heures, une autre pour ceux en ligne actuellement, une autre pour les descriptifs des groupes (il y en a 5 : Les forestiers, les solitaires, les zonards, les adultes et les PNJ) à vous de voir si vous souhaitez faire quelque chose qui au survol affiche les effectifs ainsi que la description du groupe. Après il faudrait une case pour les statistiques (ou même plusieurs) soit le dernier inscrit, le nombre de messages et le nombre de membre. Après on peut aussi y ajouter une case pour les anniversaires mais je ne juge pas cela utile.
Les couleurs dominantes sont les mêmes que pour les catégories.

Après, j'avais voulu faire une page d'accueil qui face office de header.
Mais je n'ai aucune idée de la catégorie dans laquelle cela entre ?
Page d'accueil ou template ? Parce que je sais que c'est une iframe que j'intègre à un template mais je n'ai pas la moindre idée de comment concrétiser mon idée :/
Je vous poste donc mon schéma et les explications qui vont avec si jamais vous souhaitez me réaliser cela.
Voici donc le schéma si jamais ma demande est accepté :
www - schéma
Alors l'image n'est pas encore réalisé car je ne connais pas les dimensions.
Ensuite pour les cases je n'ai aucune idée de comment les placer :/
J'espère néanmoins que ce ne sera pas trop contraignant.

Voilà, tout est dit maintenant je pense. Je vais vérifier de nouveau avant d'envoyer.
Oui c'est bon,
je vous remercie donc du temps accordé à ma demande et je vous souhaite plein de courage ainsi qu'une excellente continuation.
Revenir en haut Aller en bas
Lun 11 Avr - 5:49
Bonjour,

Partie CSS pour avatars 250*350 :

Code:
/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ {
margin:auto; padding:10px 0;
text-transform:uppercase; font-weight:bold;
background:#f0f0ee; color:black; /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:5px; padding:10px;
background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:400px; padding:10px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR */
.avaPOST {
width:250px; height:350px; border:5px solid;
border-color: #13172f; /* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST img {
width:250px; height:350px;
}
/* FICHE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-350px;
width:250px; height:350px; overflow:hidden;
}
/* CONTENU FICHE DE PERSONNAGE */
.avaPOST div div{
width:240px; height:340px; padding:5px; overflow:auto;  
font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
transform:translateY(-700px); -webkit-transform:translateY(-700px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST:hover div div {
transform:translateY(350px); -webkit-transform:translateY(350px);
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:95px; margin-top:165px;
width:350px; padding:5px;
text-align:left; text-transform:uppercase;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:-63px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* BLOC INFORMATIONS JOUEUR */
.boxPOST {
padding-top:50px; padding-bottom:5px;
background:#13172f; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding:5px; width:250px;
text-transform:uppercase; text-align:center;
color:white;  /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
width:250px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
padding:5px; width:200px; margin:auto;
font-size:10px; color:white;  /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
margin:auto; max-width:180px;
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:50px 130px 0 130px; border-color:transparent;
border-top-color:#13172f; /* MODIFIABLE */
}

Remplacer l'intégralité du template index_box par :
Code:
<table width="900px" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
     <td valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <span class="gensmall">{LAST_VISIT_DATE}<br />
     {CURRENT_TIME}<br />
     </span>
     <!-- END switch_user_logged_in -->
     <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
     </td>
     <td class="gensmall" align="right" valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
     <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
     <!-- END switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
     </td>
     </tr>
    </table>
 
 <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><!-- END tablehead -->

     <!-- BEGIN cathead -->
     <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
     <div class="tleFRM"><div class="nbFRM">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets</div><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="FRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxDESC"></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div>
     <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* TITRE CATEGORIES */
.tleCAT{
margin:5px auto 0;
width:900px; padding:20px 0; text-align:center;
background:#1B1B1B; /* MODIFIABLE */
}
.tleCAT h2{
margin:0;
font-size:36px; text-transform:uppercase;
color:#548b78; /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; width:900px; padding:10px 0;
background:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
display:inline-block; vertical-align:middle; margin-right:15px;
text-transform:uppercase; font-size:10px;
color:#1B1B1B; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
margin:auto; width:825px; padding:5px;
text-align:right; font-size:20px; text-transform:uppercase;
}
.tleFRM a{
display:inline-block; vertical-align:middle;
color:#548b78 !important; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px; width:900px; text-align:center;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block;
width:305px; height:124px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
background:#1B1B1B; color:#c3c3c3; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; margin:0 15px;
width:275px; height:130px;
background:black; border:2px solid #1B1B1B; /* MODIFIABLE */
}
/* IMAGE DESCRIPIVE */
.descFRM img{
position:absolute; margin-top:-3px; margin-left:327px;
width:275px; height:130px;
filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.75s linear; -webkit-transition:all 0.75s linear;
}
/* SURVOL IMAGE DESCRIPTIVE */
.descFRM img:hover {
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block;
width:200px; height:134px; overflow:auto;
text-align:center; font-size:12px; line-height:4px; color:rgba(0,0,0,0);
}
/* LIEN SOUS-FORUM */
.sfFRM a{
display:block; margin:auto; margin-bottom:5px;
width:95%; height:15px; padding:5px; overflow:hidden;
text-transform:uppercase; line-height:12px;
border-radius:5px; background:#1B1B1B; color:#C3C3C3 !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
margin-top:10px;
width:825px; height:25px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
position:absolute; margin-top:10px; margin-left:40px;
padding:5px; text-align:center; font-size:11px;
color:#c3c3c3; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a{
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-10px;
}

Taille des icônes du forum : 825*25
Taille des images descriptives : 275*130


Remplacer le code du QEEL [lignes 173 à 221] par celui-ci :
Spoiler:
 

Partie CSS :
Code:
/* QEEL */
.QEEL {
margin:auto; height:auto; width:900px;
}
/* TITRE QEEL */
.tleQEEL {
width:890px; height:25px; padding:10px 0 10px 10px;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
.tleQEEL a.cattitle {
font-size:24px;
color:white;  /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
position:absolute; margin-top:-34px; margin-left:300px;
width:500px; text-align:right;
}
/* TOTAL MEMBRES */
.tlMQEEL {
display:inline-block;
height:25px; padding:5px; text-align:center; font-size:11px;
background:teal; color:white; /* MODIFIABLE */
}
/* TOTAL MESSAGES */
.tlPQEEL {
display:inline-block; margin:0 10px;
height:25px; padding:5px; text-align:center; font-size:11px;
background:teal; color:white; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block;
height:25px; padding:5px 10px; text-align:center; font-size:11px;
background:#548b78; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-top:10px;
width:335px; height:130px; padding:5px; overflow:auto;
background:#1B1B1B; color:#c3c3c3; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 48H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:10px 10px 0;
width:325px; height:130px; padding:5px; overflow:auto;
background:#1B1B1B; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* COULEUR TEXTE 48H */
.dayQEEL .gensmall {
color:#c3c3c3; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; margin-top:10px;
width:200px; height:150px;
text-align:center; font-size:14px;
}
/* GROUPE QEEL */
.GQEEL a{
display:block; margin-bottom:5px; padding:3px 0;
border-radius:5px; text-transform:uppercase; /* MODIFIABLE */
}

L'intégration d'une page d'accueil en un template ne la défait de sa qualification.
Revenir en haut Aller en bas
Lun 11 Avr - 7:04
Bonjour ou bonsoir à vous,
je viens vous remercier dans un premier temps. Ce que vous avez réalisés là correspond tout à fait à mes attentes. J'aime beaucoup le rendu final.
J'ai hâte de pouvoir concrétiser mon projet et grâce à vous, il ne me reste plus qu'à travailler sur mes annexes.

Pour ce qui est du template, je comprend parfaitement et je vais donc essayer de me débrouiller par moi-même. Je pense avoir trouvé comment faire.

Je vous souhaite donc une excellente continuation et je risque fortement de revenir par ici lorsque certaines commandes seront ouvertes (notamment celle des avatars).

Avec amitié,
Le projet "Alone Together".
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum