| | Problèmes avec les cadres QEEL et forum |  |
|
 Gavrochette 
{ Membre }
 Messages : 33
 | Bonjour ! Bon suite à de nombreux essais il est clair que je ne m'en sort pas avec mes petits cadres ^^ Il s'agit de ce forum (en construction pour mon boulot !) : http://leforumdupatrimoine.forumactif.org/ Plus précisément : - Je souhaiterai réduire la largeur du cadre bleu pour qu'il entoure au plus près le texte des stats ! - Spoiler:
- Code:
-
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
border: 4px simple #ffffff; /* bordure : épaisseur style couleur */
padding:10px 5px; /* espacement du contenu par rapport à la bordure */
background-color:#ffffff; /* couleur de fond */
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Centrage image du QEEL */
.ImgQeel {text-align:center;}
/* Mise en forme des cellules de statistiques */
.statistiques {
background-color: #ffffff; /* couleur de fond */
border-bottom: 2px #014670 solid;
border-top: 2px #014670 solid;
padding:10px;
margin:10px;
text-align:center; /* alignement texte */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
overflow:auto;
max-height: 200px; /* hauteur maxi */
}
/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */ - J'aimerai que l'image de la catégorie se trouve en dehors du cadre des forums ... - Spoiler:
- Code:
-
.forumline{
-moz-box-shadow: 0px 0px 8px #000000;
box-shadow: 0px 0px 8px #000000;
-webkit-box-shadow: 0px 0px 8px #000000
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} Et éventuellement si vous aviez une idée pour "cacher", genre mettre en spoiler, la partie qui présente les icônes nouveaux message, pas de nouveaux message, etc. Et aussi, mais ça c'est vraiment en supplément de chez supplément donc si c'est trop demandé pas de soucis, quelqu'un aurait-il une idée pour présenter de façon sympa les différents forums ? Genre un cadre, un fond, je bloque total là-dessus ...Je vous remercie beaucoup de l'aide que vous pourriez m'apporter ! | | |
|
| | |
Melone 
{ Modérateur }
Messages : 805
| Bonjour ! Nous ne sommes pas sur un forum où l'on peut passer commande, par contre si tu bloques sur tes catégories, on pourra t'aider. Mais c'est à toi d'essayer au début déjà !  Sinon, pour ton premier problème : A cette partie de ton css : - Code:
-
.statistiques {
background-color: #ffffff; /* couleur de fond */
border-bottom: 2px #014670 solid;
border-top: 2px #014670 solid;
padding:10px;
margin:10px;
text-align:center; /* alignement texte */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} Ajoute un width en modifiant le 100 par une taille adéquate : - Code:
-
width: 100px; | | |
|
| | |
Gavrochette
{ Membre }
Messages : 33
| Merci  Seulement ça ne fonctionne pas ... Mais pourquoi ..?  Oui je sais je ne voulais justement pas passer de commande, c'était vraiment juste un avis sur comment je pourrais présenter ça pour que ça fasse sympa ^^ Enfin c'était plutôt un conseil design pour le coup. | | |
|
| | |
'Christa 
Lostmindy
Messages : 2856
| Bonjour, Pour réduire la largeur du QEEL, il te suffit en toute logique de définir une largeur fixe pour le conteneur Les commentaires inclus dans le CSS sont assez explicites sur l'endroit où tu peux ajouter cette largeur fixe. Il te faudra juste rajouter un margin:auto; en plus de la largeur pour que le bloc soit centré dans la page. Pour l'image de catégorie, cela se fait normalement en modifiant les templates '_' Rends toi dans la section Décryptage du forum pour voir comment est constitué le template index_box. Enfin, pour la dernière question : - Citation :
- Et éventuellement si vous aviez une idée pour "cacher", genre mettre en spoiler, la partie qui présente les icônes nouveaux message, pas de nouveaux message, etc.
Je n'ai pas compris. Ça n'a aucun intérêt de cacher les images qui permettent de voir s'il y a eu de nouveaux messages, à part pour dégrader l'expérience utilisateur. Si c'est de la légende que tu parles, c'est dans le panneau admin que tu peux la retirer. | | |
|
| | |
Gavrochette
{ Membre }
Messages : 33
| Merci pour la réponse ! Hum pour la largeur je trouve vraiment pas  J'ai essayé des width, des max-width et autres codes dans les différentes parties mais y a rien à faire .... Ok pour le template, je vais y regarder ! En fait pour les images je trouvent ça pas très joli d'avoir du blanc devant la légende sachant qu'il n'y a que nouveau message qui change. Mais à la limite je pourrai garder que celui-ci ? | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Où exactement as tu essayé tes modifications ? | | |
|
| | |
Gavrochette
{ Membre }
Messages : 33
| J'ai essayé dans ces 3 là : /* conteneur du QEEL */ /* Mise en forme des cellules de statistiques */ /* Limitation en hauteur des blocs de statistiques */ J'ai donc essayer width, max-width un autre truc que j'ai pondu genre border-width ou height, j'ai essayé de trifouiller pading et marging ... Fin j'ai fais un peu tout ce qui me venait. Et pour le template, je veux bien une petite piste sur ce qu'il faut que je fasse parce que j'ai essayé de bouger un peu la partie catégorie mais je vois pas trop ce qu'il faut faire (les templates j'y touche rarement à moins d'avoir un code déjà prêt  ). Déjà est-ce bien la partie qui concerne les catégories ou bien celles "tablehead" qu'il faut modifier ? | | |
|
| | |
'Christa
Lostmindy
Messages : 2856
| Une chose à la fois s'il te plait.
Comme je te l'ai dit plus haut, il te faut préciser la largeur du conteneur. La seule et unique propriété CSS qui régit la largeur (fixe) d'un élément, c'est width. Partant de là, je veux voir quel est la modification que tu as faite dans ton CSS, parce qu'il n'y a pas de raison que ça ne marche pas (je viens à l'instant de tester avec firebug et ça prend 0.5s) | | |
|
| | |
Gavrochette
{ Membre }
Messages : 33
|  C'est bon, j'ai réussi finalement pour ce QEEL ! Merci évidemment width était la solution, seulement il fallait que je le mette dans .QeelPerso ... | | |
|
| | |
Gavrochette
{ Membre }
Messages : 33
| J'ai réussi à trouver comment modifier le template !
Les deux problèmes sont donc résolus ! | | |
|
| | |
Melone
{ Modérateur }
Messages : 805
| Bonjour, Merci de nous avoir prévenu ! J'archive donc ton sujet. Bonne journée, | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Problèmes avec les cadres QEEL et forum | |
|
