Cadre citation, code et spoiler

Floniort à 17h46
11
Jul
2011
Bonjour !

Je souhaiterais avoir le cadre de mes citations, code et spoiler comme sur ce forum (voir photo) :

Pouvez-vous me dire la démarche à suivre ?

Merci par avance
1 Invité, le 11/07/2011 à 18h52
Bonjour,

La présentation que vous montrez sur votre capture d'écran est obtenue sur un forum en phpBB3. Vous êtes en phpBB2 donc vous ne pouvez pas avoir exactement le même rendu.

En phpBB2, si vous souhaitez modifier l'apparence des codes, citations et spoilers, ajoutez ceci à votre feuille de style CSS, et personnalisez selon vos souhaits:
Code:

.code{border: 1px solid #ff0000;}
.quote{border: 1px solid #00ff00;}
.spoiler{border: 1px solid #0000ff;}


Cordialement.
2 Floniort, le 11/07/2011 à 18h56
C'est possible d'avoir un rendu qui y ressemble ?
3 Invité, le 11/07/2011 à 19h22
Quelque chose comme ceci?
Pour les citations:
Code:
.quote{
padding-left: 5px;/*marge intérieure*/
background-color: #fff;/*couleur de fond*/
border: none;/*suppression des bordures*/
border-left: 3px solid #000 !important;}


Voulez-vous la même présentation pour les citations, les codes et les spoiler?

Cordialement.
4 Floniort, le 11/07/2011 à 19h35
Celà me plait je veux bien aussi pour code et spoiler mais est-il possible de mettre par exemple Floniort à écrit dans le cadre aussi comme chez vous ?

5 Invité, le 11/07/2011 à 21h22
Avec la version de votre forum ce n'est pas possible, à moins d'agir sur d'autres parties du forum. Chaque version de forum a une présentation des citations, codes et spoiler bien particulière. Je vous donne 2 codes CSS à tester:
-le code sans prendre les en-têtes en compte:
Code:
 .code, .quote, .spoiler{
padding-left: 5px;
background-color: #fff;
border: none;
border-left: 3px solid #000;}

-le code en prenant les en-têtes, mais en agissant sur d'autres parties du forum (description des catégories par exemple):
Code:
 .code, .quote, .spoiler{
padding-left: 5px;
background-color: #fff;
border: none;
border-left: 3px solid #000;}

.spoiler .genmed{ border: none;}

 .genmed{
display: block;
padding-left: 5px;
background-color: #fff;
border: none;
border-left: 3px solid #000;}


Cordialement.
6 Floniort, le 11/07/2011 à 21h26
C'est nickel Isolde. Merci infiniment Wink
7 Floniort, le 11/07/2011 à 22h01
Ya pas moyen d'enlever les cadres autour des descriptions des forums ?
8 Invité, le 11/07/2011 à 22h11
La class genmed agit sur la description des forum, des sujets, les labels de la connexion rapide et je dois encore oublier des endroits. Soit le cadre est partout, soit il est nulle part et donc pas autour des en-têtes des citations et codes. J'ai testé plusieurs choses, je ne vois pas de solution.

Pour changer uniquement la présentation des citations, codes et spoiler, il faut changer de version.

Cordialement.
9 Floniort, le 11/07/2011 à 22h13
Et changeant de version, je peux mettre un theme PHPBB2 qu'on m'a crée ?
10 Invité, le 11/07/2011 à 22h18
Dans votre panneau d'administration > Affichage > Choisir un thème > version, vous pouvez prévisualiser ce que donnera votre thème dans une autre version, mais pour cela , il ne faut pas avoir de feuille CSS personnalisée. Attention, ne cliquez surtout pas sur enregistrer! cela modifierait votre version.

Cordialement.
11 Floniort, le 11/07/2011 à 22h21
Mon qui est en ligne ne serait pas compatible car il me met celui de la version phpbb3 Sad

Je vais laisser comme c'est. Merci de votre aide Wink
12 Invité, le 11/07/2011 à 22h37
On peut essayer de limiter l'impact en modifiant les templates ...
Dans le template Index_box repérez la class genmed (à l'aide de ctrl+f) remplacez-la par description. Enregistrez et publiez.
Dans le template topics_list_box repérez la class genmed, remplacez-la par tdescription. Enregistrez et publiez.
Dans votre CSS ajoutez:
Code:
.description{ font-size: 11px;}
.tdescription{ font-size: 10px;}

Si le changement s'applique ailleurs, il faudra fouiller dans les template et procéder de la même manière pour que le code ne s'applique pas. Wink

Cordialement.
13 Floniort, le 11/07/2011 à 22h42
Je remplace quoi par quoi ?
14 Invité, le 11/07/2011 à 22h50
Pardon, je n'ai pas été très claire. Embarassed

Dans l'index_box:
Repérez:
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

Remplacez par:
Code:
<span class="description">{catrow.forumrow.FORUM_DESC}</span>


Dans le Topics_list_box:
Repérez:
Code:
<span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>

Remplacez par:
Code:
<span class="tdescription">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>

Sourire2
15 Floniort, le 11/07/2011 à 22h54
Tout est parfait. Merci infiniment Isolde Wink
Sujets similaires
Bonjour, Je débute dans la création de forum et si jusqu'ici tout se passait bien, en partie grâce aux nombreux topics d'aide présents sur ce forum, je bute sur une petite chose. Ayant voulu personnaliser le corps des messages, j'ai ajouté des
Bonjour, J'ai un problème avec un positionnement dans les codes, citation et spoiler. Explication en image
Bonjour à tous, Voilà, lorsqu'on clique sur le bouton citer, nous avons un cadre qui s'ouvre. L'intérieur de ce cadre est blanc et j'aurai aimé le mettre en couleur. La version du forum est Punbb L'adresse du forum
Réponses 1 à 15 sur 15 pour "Cadre citation, code et spoiler"
À voir aussi
more_less
Informations

15 Réponses pour le sujet :
"Cadre citation, code et spoiler"

Ce sujet a été vu 1274 fois.

Dernier message écrit :
11/07/2011 à 17h46 par "Floniort"