Cadre citation, code et spoiler

[Floniort]

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

[Invité]

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.

[Floniort]

C'est possible d'avoir un rendu qui y ressemble ?

[Invité]

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.

[Floniort]

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 ?

[Invité]

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.

[Floniort]

C'est nickel Isolde. Merci infiniment

[Floniort]

Ya pas moyen d'enlever les cadres autour des descriptions des forums ?

[Invité]

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.

[Floniort]

Et changeant de version, je peux mettre un theme PHPBB2 qu'on m'a crée ?

[Invité]

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.

[Floniort]

Mon qui est en ligne ne serait pas compatible car il me met celui de la version phpbb3

Je vais laisser comme c'est. Merci de votre aide

[Invité]

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.

Cordialement.

[Floniort]

Je remplace quoi par quoi ?

[Invité]

Pardon, je n'ai pas été très claire.

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>

[Floniort]

Tout est parfait. Merci infiniment Isolde