userContent.css : trucs et astuces

FF_Olivier · Message par **FF_Olivier** » 24 sept. 2005, 00:31

C'est clair, mais tu as la case à cocher Toujours utiliser mes couleurs, et là, à mon avis, ça s'impose tjs, que ça ait été défini ou non dans la page.

calimo · Message par **calimo** » 24 sept. 2005, 09:40

Effectivement en cochant ça ça revient exactement à mettre un !important dans la CSS utilisateur. Cela dit je crois que ça ne l'applique que sur le body (mais pas sur !)

ottomar a écrit :vous en avez marre des fonds blancs des pages web ?

Code : Tout sélectionner

[bgcolor="#FFFFFF"] { background: #d70200 !important; }
[bgcolor="white"] { background: #d70200 !important; } 
[class] { background: #d70200 !important; }
[id] { background: #d70200 !important; }
[style] { background: #d70200 !important; }

Il y a un gros problème avec ce truc. En effet, si le fond est blanc et la couleur définie par le webmaster s'approche de #d70200... alors tu ne verra rien

La règle : toujours définir la couleur en même temps que le background !
Exemple :

Code : Tout sélectionner

[bgcolor="#FFFFFF"], [bgcolor="white"], [class], [id], [style] { background: #d70200 !important; color:white !important }

(en plus j'en profite pour simplifier

)

FF_Olivier · Message par **FF_Olivier** » 25 sept. 2005, 16:42

calimo a écrit :Effectivement en cochant ça ça revient exactement à mettre un !important dans la CSS utilisateur. Cela dit je crois que ça ne l'applique que sur le body (mais pas sur !)

D'après mes essais, ça s'applique sur tout.

La règle : toujours définir la couleur en même temps que le background !

Absolument, et je vais m'efforcer de modifier les codes déjà présentés pour respecter cette règle

!

FF_Olivier · Message par **FF_Olivier** » 25 sept. 2005, 16:50

ottomar a écrit :et pour les liens qui vous font aller sur un autre site (nofollow)
Code : Tout sélectionner
a[rel~="nofollow"] {  
border: 1px dashed #f00!important;  
background: #e3eaf3!important;  
}

Est-ce qu'on ne devrait pas plutôt parler de liens non-garantis, non suivis ou non créés par le webmestre lui-même ?

Shogix · Message par **Shogix** » 29 sept. 2005, 04:49

En attendant le modérateur...

Code : Tout sélectionner

/*  Clouer le bec des gueulards dans les forums PHPBB  :-)  */

td.postbody {text-transform: lowercase !important;}

Jim · Message par **Jim** » 29 sept. 2005, 09:31

FF_Olivier a écrit :Marre des fenêtres
Code : Tout sélectionner
 hautes de plusieurs km dans phpBB ?
[code]/* Limiter la hauteur des balises CODE dans phpBB */
td.postbody td.code {
  max-height: 20em !important;
  overflow: auto !important;
  }
Attention, c'est bien max-height et pas height, sinon on impose une hauteur fixe.

Bonjour,

As quoi cela correspond exactement?

FF_Olivier · Message par **FF_Olivier** » 29 sept. 2005, 10:31

Jim a écrit :Bonjour,

As quoi cela correspond exactement?

Regarde l'exemple suivant :

Code : Tout sélectionner

ligne 1
ligne 2
ligne 3
ligne 4
ligne 5

Code : Tout sélectionner

ligne 1
ligne 2
ligne 3
ligne 4
ligne 5
ligne 6
ligne 7
ligne 8
ligne 9
ligne 10
ligne 11
ligne 12
ligne 13
ligne 14
ligne 15
ligne 16
ligne 17
ligne 18
ligne 19
ligne 20

la petite fenêtre contenant du

Code : Tout sélectionner

code

n'a pas de barre de défilement verticale pcqu'elle fait moins de 20em de haut, et la plus grande fenêtre, si tu ajoutes ce truc dans ton userContent.css, en aura une puisqu'elle dépasse cette limite des 20em. Quelle que soit la longueur du code, il sera contenu dans une fenêtre de hauteur fixe, dans laquelle il défilera. Cela permet de maintenir la longueur totale de la page dans des limites acceptables

...

PS : mais je crois que je devrais changer le descriptif, «la hauteur des balises CODE», ce n'est pas terrible

...

Jim · Message par **Jim** » 29 sept. 2005, 11:19

Je viens de répondre au sondage.

J'ai voté non.

Non pas parce que les informations ne sont pas utiles, bien au contraire, il y en a des biens sympas...
Mais pas en post-it... C'est plutot pour des fonctions avancées, qu'un utilisateur avancé saura retrouver par une recherche.
Ou "post-ité" ailleur, car c'est le forum de support et il faut bien sélectionné les post-its car quand il y a trop de post-its, ça devient difficile de voir lesquels sont rééllement importants pour bien commencer.
Par exemple ce thread serait peut-être mieux dans la rubrique développement, car un "tuning" pareil peut être assimilé a du developpement...

Edit: Ca y est j'ai relus la réponse de FF_olivier a tête reposée... J'ai compris

Edit 2:Je viens de faire ma première modif:

Code : Tout sélectionner

/* Empêcher signatures sur les forums phpBB */
td.genmed { display: none !important; }

Vous ne m'entendrez plus grognez après les grosses signatures flashies de certains utilisateurs 8)
Mille fois merci, FF_Olivier

Jim · Message par **Jim** » 29 sept. 2005, 20:45

Tiens, avec l'astuce de filtrer les signatures, j'ai trouvé une anomalie dans la section recherche du forum

J'ai les boutons radio mais pas le texte qui va en face

FF_Olivier · Message par **FF_Olivier** » 29 sept. 2005, 23:44

Jim a écrit :car c'est le forum de support et il faut bien sélectionné les post-its car quand il y a trop de post-its, ça devient difficile de voir lesquels sont rééllement importants pour bien commencer.

C'est avec cette idée en tête que j'ai rajouté le sondage. En fait, tous les post-its pourraient en avoir un, et ensuite vox populi, vox dei... Les moins appréciés sont écartés pour faire de la place à ceux jugés plus utiles par la communauté.

Par exemple ce thread serait peut-être mieux dans la rubrique développement, car un "tuning" pareil peut être assimilé a du developpement...

Pas d'accord avec toi, là. Ce n'est pas du tout assez sophistiqué pour être du développement, ça reste de la bidouille, le b.a.-ba de l'intervention, mais avec l'avantage énorme, AMHA, de présenter les possibilités du CSS aux débutants justement, d'éveiller leur curiosité et, qui sait, de les inciter p-ê à mettre le pied à l'étrier.
Il faut savoir que ces possibilités de modifications par le CSS seront plus étendues dès la version 1.5 de FF, avec la possibilité de définir du code CSS bien spécifique site par site plutôt que globalement : ce sera à la fois plus facile et plus puissant.

Edit 2:Je viens de faire ma première modif:
Code : Tout sélectionner
/* Empêcher signatures sur les forums phpBB */
td.genmed { display: none !important; }
Vous ne m'entendrez plus grognez après les grosses signatures flashies de certains utilisateurs 8)

C'est bien, mais je te suggère une version légèrement plus pointue :

Code : Tout sélectionner

/* Empêcher signatures sur les forums phpBB */
td.genmed img { display: none !important; }

Ta version supprime entièrement les signatures, celle-ci n'y supprime que les images en laissant le reste intact. Et ça te permettra aussi de retrouver les intitulés qui te manquaient sur la page des recherches

...
Mais ça ne marchera que sur certains forums phpBB, car ils n'ont malheureusement pas tous la même structure

...

Jim · Message par **Jim** » 30 sept. 2005, 09:07

Bonjour,

Merci encore une fois, FF_Olivier,
Effectivement empecher uniquement les images des signatures est plus en finesse, je préfère

Ton argument pour le non transfert dans la section développement se tient.
Mais je suis un partisan d'un petit nombre de post-its pour qu'ils aient justement plus d'importance

Jim · Message par **Jim** » 30 sept. 2005, 11:18

Pour en revenir au sondage...

Une question de sondage doit être claire, par exemple:
Faut il mettre ce sujet en post-it ?
ou
Le contenu est il utile?

Alors que la question sous sa forme actuelle est tendancieuse voir un peu fourbe

ottomar · Message par **ottomar** » 01 oct. 2005, 12:10

feuilles de style
http://twiki.iwethey.org/Main/UserContentCSS
http://twiki.iwethey.org/twiki/bin/view ... _white_css

boutons de scrollbars façon mac
http://cheeaun.phoenity.com/weblog/2004 ... weaks.html

ottomar · Message par **ottomar** » 16 oct. 2005, 06:56

/* phpBB - Elargir la zone de saisie des posts, et augmenter la taille de police */
textarea.post { width: 800px !important;
font-size: 110% !important;
}

FF_Olivier · Message par **FF_Olivier** » 16 oct. 2005, 12:33

ottomar a écrit :/* phpBB - Elargir la zone de saisie des posts, et augmenter la taille de police */
textarea.post { width: 800px !important;
font-size: 110% !important;
}

Je l'ajoute, merci

! Je mettrais bien aussi un font-family: monospace, je trouve que ça facilite la saisie de listes etc...

Geckozone

userContent.css : trucs et astuces

Qui est en ligne ?