Modifier la zone de code, spoiler et citation

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier la zone de code, spoiler et citation

Message par Plümpheit Dim 3 Juin 2018 - 19:16

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://oc-test-graph-code.forumactif.com/t2-le-sujet-2#8

Description du problème

Bonsoir Smile

Voilà j'ai deux questions mais qui sont porches.

La première, c'est la police de code qui est écrite en vert. Je voudrais la changer mais je n'y arrive pas.

La seconde, c'est a propos de la citation. Je voudrai lui donner exactement la même apparence que le codebox. J'ai un peux réussi mais c'est pas encore ça.

Je voudrais séparer le "Machin a dit" avec une ligne (comme pour le code et le spoiler). Je voudrais aussi que la case soit au même niveau que les autre et qu'elle n'aille pas ce décalage. Et aussi retirer le logo "apostrophe".

Merci d'avance
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

Voir le profil de l'utilisateur http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la zone de code, spoiler et citation

Message par Bipo Dim 3 Juin 2018 - 22:28

Bonsoir Plümpheit,

Plümpheit a écrit:La première, c'est la police de code qui est écrite en vert. Je voudrais la changer mais je n'y arrive pas.

Panneau d'Administration → Affichage → Images et Couleurs → Couleurs : Police Code :: il suffit de changer le nom de la police ! N'oubliez pas d'enregistrer les modifications. Pour changer la couleur de la police, il faut aller dans Panneau d'Administration → Affichage → Images et Couleurs → Couleurs : Feuille de style CSS :

Ajouter le code suivant :

Code:
/* Modification de la police code */
dl.codebox code {
    color: #codecouleur;
}

Plümpheit a écrit:La seconde, c'est a propos de la citation. Je voudrai lui donner exactement la même apparence que le codebox. J'ai un peux réussi mais c'est pas encore ça. Je voudrais séparer le "Machin a dit" avec une ligne (comme pour le code et le spoiler). Je voudrais aussi que la case soit au même niveau que les autre et qu'elle n'aille pas ce décalage. Et aussi retirer le logo "apostrophe".

Panneau d'Administration → Affichage → Images et Couleurs → Couleurs : Feuille de style CSS :

Ajouter le code suivant :

Code:
blockquote cite {
    text-transform: uppercase;
    border-bottom: 1px solid #CCC;
}

blockquote {
    background-image: none !important;
}

N'oubliez pas de valider les modifications de la feuille de style CSS.

Bonne soirée.
Bipo.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2530
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la zone de code, spoiler et citation

Message par Plümpheit Dim 3 Juin 2018 - 23:27

Super c'est presque parfait Smile

Juste un truc encore le block est trop grand. J'ai essayer de mettre

Code:
 blockquote { min-height: 10px !important; }

Mais ça n'a pas pris...
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

Voir le profil de l'utilisateur http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la zone de code, spoiler et citation

Message par Bipo Dim 3 Juin 2018 - 23:29

Plümpheit a écrit:Super c'est presque parfait Smile

Juste un truc encore le block est trop grand. J'ai essayer de mettre

Code:
 blockquote { min-height: 10px !important; }

Mais ça n'a pas pris...

Vous pouvez me faire une capture écran pour m'expliquer ce que vous entendez par "block" trop grand ?

Bien à vous.
Bipo.




Edité par Bipo à 23:38

Je viens de comprendre la remarque ! Je vous invite à ajouter le code suivant :
Code:
blockquote div {
    margin-left: 7px;
    min-height: 40px !important;
}

Le margin-left: 7px; permettra d'homogénéiser l'affichage avec le code et le spoiler. Quant à la valeur de votre min-height:, il était trop faible. Cela devrait fonctionner maintenant !


Bipo

Bipo
Rédactif
Rédactif

Messages : 2530
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la zone de code, spoiler et citation

Message par Plümpheit Dim 3 Juin 2018 - 23:39

C'est le même que le premier que j'ai montrer :

Modifier la zone de code, spoiler et citation Jsg6

SI on regarde bien le block est plus long que celui du code ou du spoiler. Alors qu'il n'y à qu'un seul mot. Je voudrait qu'il ne fasse plus que 10px de hauteur (enfin 10 par exemple ^^)
(et sinon le lien direct vers le site pour bien voir :p

http://oc-test-graph-code.forumactif.com/t2-le-sujet-2#8
)
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

Voir le profil de l'utilisateur http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la zone de code, spoiler et citation

Message par Bipo Dim 3 Juin 2018 - 23:44

Bipo a écrit:Edité par Bipo à 23:38

Je viens de comprendre la remarque ! Je vous invite à ajouter le code suivant :
Code:
blockquote div {
    margin-left: 7px;
    min-height: 40px !important;
}

Le margin-left: 7px; permettra d'homogénéiser l'affichage avec le code et le spoiler. Quant à la valeur de votre min-height:, il était trop faible. Cela devrait fonctionner maintenant !

flower
Bipo

Bipo
Rédactif
Rédactif

Messages : 2530
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier la zone de code, spoiler et citation

Message par Plümpheit Lun 4 Juin 2018 - 0:04

C'est parfait! Merci <3
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

Voir le profil de l'utilisateur http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum