Codes CSS pour invision

2 participants

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

Résolu Codes CSS pour invision

Message par Shogun57 Sam 21 Jan 2012 - 18:04

Bonjour,

Ayant récemment opté pour invision à la place de phpbb2, je me retrouve avec pas mal de problèmes de couleurs. Des écriture claires sur un fond clair et des écritures foncées dur un fond foncé.

J'ai vu le lien de forumactif avec les codes CSS, ils m'ont permis de faire quelques modif mais j'en ai encore beaucoup à faire et cette liste de codes ne m'est pas suffisante.

Savez vous où je peux retrouver des codes supplémentaires ou comment en créer afin que je puisse faire les modifications nécessaires sur mon forum?

Je vous remercie d'avance.


Dernière édition par Shogun57 le Dim 22 Jan 2012 - 20:10, édité 1 fois
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Sam 21 Jan 2012 - 18:07

Bonjour,

Vous pouvez poster ici toutes les modifications que vous souhaitez effectuer avec des captures écran et je pourrais vous aiguiller Wink

Cordialement.
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Sam 21 Jan 2012 - 18:13

Merci c'est sympa Very Happy

Je voudrais changer :
- la couleur de fond des citations
- la couleur de fond du bandeau jaune tout en bas de mon forum
- la couleur de fond de la zone de texte dans la fonction "rechercher", j'ai déjà modifié la couleur du contour avec le code fourni sur forumactif
- toutes les bandes blanches sur la page d'accueil car avec l'écriture jaune ce n'est pas lisible.

Vous avez l'adresse de mon forum sur mon profil, je ne pense pas que de capture d'écran soit nécessaire, mais si besoin faites moi signe Wink

Merci encore Very Happy
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Sam 21 Jan 2012 - 18:26

Les codes sont à ajouter dans : PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS.

Shogun57 a écrit:Je voudrais changer :
- la couleur de fond des citations
Code:
blockquote
{
  background-color: black;
}
Shogun57 a écrit:- la couleur de fond du bandeau jaune tout en bas de mon forum
Code:
#gfooter
{
  background-color: black;
}
Shogun57 a écrit:- la couleur de fond de la zone de texte dans la fonction "rechercher", j'ai déjà modifié la couleur du contour avec le code fourni sur forumactif
Code:
#search_menu input.post
{
  background-color: black;
}
Shogun57 a écrit:- toutes les bandes blanches sur la page d'accueil car avec l'écriture jaune ce n'est pas lisible.
Code:
table.ipbtable th
{
  background-color: black;
}

Bien entendu pour chacun vous pouvez changer la couleur comme vous voulez Wink
Mettez la couleur en texte (exemple : black) ou en code (exemple : #000000).
Les codes couleurs : http://www.code-couleur.com/
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Sam 21 Jan 2012 - 18:31

Ouah quelle rapidité Shocked

C'est génial, merci beaucoup Very Happy , je vais essayer de suite bounce

J'ai entendu dire qu'on pouvait intégrer un mot ou texte dans le code pour qu'on se souvienne de quoi il s'agit, comment fait-on pour l'intégrer et à quel endroit du code?

Un dernier endroit où j'ai un problème de couleur, c'est entre la barre de navigation et les forums, l'écriture et le texte sont de la même couleur, on ne voit rien à part les flèches.

Pour exemple, cette zone correspond sur forumactif par rapport à mon topic actuel à:

Forum gratuit : Le forum des forums actifs :: Entraide & Support :: Problème avec le panneau d'administration :: Codes CSS pour invision
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Sam 21 Jan 2012 - 18:38

Shogun57 a écrit:J'ai entendu dire qu'on pouvait intégrer un mot ou texte dans le code pour qu'on se souvienne de quoi il s'agit, comment fait-on pour l'intégrer et à quel endroit du code?
Il s'agit des commentaires pour en mettre c'est :
Code:
/* Commentaire */

Shogun57 a écrit:Un dernier endroit où j'ai un problème de couleur, c'est entre la barre de navigation et les forums, l'écriture et le texte sont de la même couleur, on ne voit rien à part les flèches.

Pour exemple, cette zone correspond sur forumactif par rapport à mon topic actuel à:

Forum gratuit : Le forum des forums actifs :: Entraide & Support :: Problème avec le panneau d'administration :: Codes CSS pour invision
Ajoutez :
Code:
#navstrip
{
  background-color: black;
}
Même principe Razz
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Sam 21 Jan 2012 - 19:16

Tous les codes fonctionnent sauf celui-ci:

Gorgorbey a écrit:
Shogun57 a écrit:- toutes les bandes blanches sur la page d'accueil car avec l'écriture jaune ce n'est pas lisible.
Code:
table.ipbtable th
{
  background-color: black;
}


Avez vous un modèle afin de connaître le nom des zones que l'on souhaite modifier? ça pourrait être utile pour mes prochaines modifications

Un grand merci pour votre aide Very Happy
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Sam 21 Jan 2012 - 19:28

Code:
        table.ipbtable th
        {
          background-color: black;
        }

Vous êtes sur de l'avoir mis et enregistré ? En ce moment il y est ?
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Sam 21 Jan 2012 - 20:49

Oui il y est actuellement et on ne vois pas de changement
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Sam 21 Jan 2012 - 20:58

Essayez à la place :
Code:
table.ipbtable th
{
background-color: black;
background-image: none;
}
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Sam 21 Jan 2012 - 22:07

Trop fort, ça marche cheers Merci

J'ai remarqué d'autres petites anomalies et ça me gène un peu avec tout ce que vous avez déjà fait pour moi Embarassed

Je vous les dit quand même Laughing
- Changer la couleur du texte "Panneau d'administration"
- Au dessus des statistiques il y a marqué: " Marquer tous les forums comme lus", comment changer la couleur de ce texte?
- Changer la couleur du titre et de sa description
- Quand on est en bas d'un topic il y a sur une bande « Voir le sujet précédent · Voir le sujet suivant », comment changer la couleur de fond?

Est ce qu'il y a possibilité de connaitre le code couleur des barres bleues sur mon forum? afin que j'utilise la même couleur ailleurs.

Je crois que j'ai fait tout le tour maintenant Razz
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Sam 21 Jan 2012 - 22:24

Shogun57 a écrit:- Changer la couleur du texte "Panneau d'administration"
Code:
.center a
{
  color: red;
}
Shogun57 a écrit:- Au dessus des statistiques il y a marqué: " Marquer tous les forums comme lus", comment changer la couleur de ce texte?
Code:
.toplinks a
{
  color: red;
}
Shogun57 a écrit:- Changer la couleur du titre et de sa description
Code:
div#logostrip #main-title
{
  color: red;
}
Shogun57 a écrit:- Quand on est en bas d'un topic il y a sur une bande « Voir le sujet précédent · Voir le sujet suivant », comment changer la couleur de fond?
Code:
#site-desc
{
  color: red;
}
Shogun57 a écrit:Est ce qu'il y a possibilité de connaitre le code couleur des barres bleues sur mon forum? afin que j'utilise la même couleur ailleurs.
Code:
.topic-footer
{
  background-color: red;
}

Pour les barres bleues ce sont des images répétées horizontalement :
https://2img.net/i/fa/subsilver/back_title.gif
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Dim 22 Jan 2012 - 5:52

Merci Very Happy

Le code pour le titre du forum a fonctionné mais pas pour la description juste en dessous.

[quote="Gorgorbey"]
Shogun57 a écrit:
Shogun57 a écrit:- Quand on est en bas d'un topic il y a sur une bande « Voir le sujet précédent · Voir le sujet suivant », comment changer la couleur de fond?
Code:
#site-desc
{
  color: red;
}

Cela ne marche pas même en remplaçant color par background-color Confused
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Dim 22 Jan 2012 - 12:16

Qu'avez-vous mis comme couleurs ? Si vous avez mis color: #3a3a3a; alors cela fonctionne Wink
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Dim 22 Jan 2012 - 16:17

Edit: je viens de me rendre compte qu'il y avait un décalage dans les derniers codes que vous m'avez donné (par rapport à mes demandes ), mais je viens de rectifier et cela fonctionne Very Happy

Par contre sur la capture à gauche, dans le widget mots clés, le texte est aussi devenu foncé, je suppose que c'est du à un des codes que j'ai mis et qui doit prendre en compte les widget, vous savez lequel peut-être?

Codes CSS pour invision Capt_t10

Merci beaucoup pour votre aide Very Happy
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Dim 22 Jan 2012 - 17:16

Essayez ce code :
Code:
.module .box-content
{
  color: red;
}
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Dim 22 Jan 2012 - 19:06

Je viens de le mettre mais cela ne marche pas



Dernière édition par Shogun57 le Dim 22 Jan 2012 - 19:17, édité 2 fois
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Dim 22 Jan 2012 - 19:11

La couleur du texte des widgets ne change pas ?
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Dim 22 Jan 2012 - 19:23

Non. Il y a du texte que dans les mots clés et la couleur du texte ne change pas, je viens de refaire un essai afin d'être sur, le code est encore dessus d'ailleurs.

Y aurait-il possibilité de rendre visible sur toutes les pages le message sur la page d'accueil au lieu qu'il soit visible que sur la page d'accueil?

Je parle du message qu'on accède ainsi:

PA - Affichage - Page d'accueil - Généralité - Message sur la page d'accueil - contenu du message
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Gorgorbey Dim 22 Jan 2012 - 19:38

Le code qui modifie aussi le texte est :
Code:
        .center a
        {
          color: red;
        }
Je vous l'avais donné avant.

Pour mettre sur toutes les pages en haut ce n'est pas possible sur Invision car pas d'accès aux templates.
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour invision

Message par Shogun57 Dim 22 Jan 2012 - 20:09

En effet c'est le même code pour les widgets et "panneau d'administration", ça fonctionne très bien maintenant Smile

Je vous remercie pour votre aide, j'ai pu grâce à vous remettre rapidement en forme mon forum Very Happy
avatar

Shogun57
***

Masculin
Messages : 174
Inscrit(e) le : 25/12/2007

http://www.carnalor.com/
Shogun57 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