userContent.css : trucs et astuces

ottomar · Message par **ottomar** » 26 nov. 2005, 15:40

Comment je vois le forum...

/* ============== Forum Firefox Geckozone */
@-moz-document url-prefix(http://www.geckozone.org/forum/viewforum.php?f=5)
{
/* ={ */

#logoGZ
{
	display: none !important;
}

th,
#menu,
#portailContent,
#maintable,
.topnav,
.row1,
.row2,
.row3
{
	background-image: url("http://img58.imageshack.us/img58/8336/sunb4th.jpg") !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	border: none !important;
}

.row1over,
.row2over,
.row3over 
{
	
	background: #EDEBDE !important;
	border: none !important;
}

.topbkg tr
{
 	background-image: url("http://img360.imageshack.us/img360/8311/fftopbkg2ss.png") !important; 	
 	height: 100px !important;
}
 
/* }= */
}
/* === fin Forum Firefox=== */

ottomar · Message par **ottomar** » 29 nov. 2005, 05:04

et tiens, pour avoir en toute discrétion la photo de votre maikresse (ou de votre amant) en bas des posts...
dans le userContent, toujours:

Code : Tout sélectionner

/* ============== Post Firefox Geckozone */
@-moz-document url-prefix(http://www.geckozone.org/forum/viewtopic.php?)
{
/* {= */

div.gensmall 
{
 	background-image: url("http://wallpapers.boolsite.net/srv10/Images/Wallpapers/Animaux/Tortue01.jpg") !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
 	height: 768px !important;
 	margin-top: 600px !important;		
}

/* =} */
}
/* ============== */

Ingolmo · Message par **Ingolmo** » 19 déc. 2005, 19:21

Bonjour tout le monde,

Ces astuces sont très intéressantes ! Merci beaucoup

J'ai commencé à créer un tutorial dans le SdZ, et j'aimerais bien faire une petite partie sur les userContent et sur userChrome, je pensais "piquer" un peu d'ici, pourrais-je le faire ? je mettrais bien sur un lien vers le topic

Merci d'avance

Ingolmo

ottomar · Message par **ottomar** » 21 déc. 2005, 14:25

Ingolmo, aucun souci, c'est aussi fait pour diffusion !

à propos des boutons type mac http://www.geckozone.org/forum/viewtopi ... 129#203129 , on peut fort bien se passer de la formule input[type="machin"] avec tout simplement button, input, textarea qui ratisse un peu plus large !

André0934 · Message par **André0934** » 27 déc. 2005, 12:34

dans profiles/default je n'ai pas de sous-dossier me permettant de modifier la couleur des onglets
Comment faire ? Merci

André0934 · Message par **André0934** » 27 déc. 2005, 12:40

dans profiles/default je n'ai pas de sous-dossier me permettant de modifier la couleur des onglets
Comment faire ? Merci

ottomar · Message par **ottomar** » 27 déc. 2005, 13:34

tu es sous firefox 1.5 ? le dossier chrome n'existe pas par défaut, tu le crées dans ton dossier profil, tu ouvres ton éditeur de texte, tu écris ton code et tu l'enregistres (dans le cas présent) sous userChrome.css dans le dossier chrome que tu viens de créer, tu redémarres firefox

n'oublie pas dans le userChrome, la première ligne @namespace
http://www.geckozone.org/forum/viewtopi ... a74c26333d

Jim · Message par **Jim** » 05 janv. 2006, 16:18

Je viens de voir le blaireau jovial dans la signature de Mori.

En fait, j'ai le bout de css pour filtrer les images des signatures des forums
( page 3 de ce fil de discussion (vous avez remarquez, je ne grogne plus

))

Or, les images des signatures s'affichent complètement dans les MP... Mais qui c'est qui qui donc ?

ottomar · Message par **ottomar** » 07 janv. 2006, 09:08

Jim ! dans les mp, tu as un p'tit cochon 'afficher sa signature' non ? et le truc pour cacher les images de signature ne marche que sur le forum, non ? si j'ai bien compris !

userContent/Linux/extension Stylish : ça marche
http://www.geckozone.org/forum/viewtopic.php?t=33939 de Flore

non, je

Edith : n'empêche que pour les images de fond, ça ne marche toujours pas en local, mais en url
Si ça marche chez Vous, merci de le faire savoir !

Edith : cinq fois 'ça marche' dans le post, tu vas t'user, oTTomar
pff... c'est toi qui m'use, ma douce

Sidonie · Message par **Sidonie** » 11 janv. 2006, 18:17

Bonjour 8)

Depuis hier je lis et relis ce topic. J'essaie de m'en servir en vain afin de modifier les couleurs d'un forum que je visite

J'essaie de mélanger ceci:

La sélection peut se faire sur un nom de domaine, un ensemble de pages ou une page donnée.

La syntaxe :
Code : Tout sélectionner
@moz-document url-prefix(adresse_http_partielle) { code CSS habituel }

et cela :

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; }

Je mets la couleur E0E8F2 ....et là ....toutes les pages internet que je visite sont bleues

Pas moyen de limiter au seul forum en question

Quelqu'un pourrait il m'expliquer ?
Merci

Invité · Message par **Invité** » 11 janv. 2006, 18:40

alut-alut
tu es sous FF1.5 ? et quel OS ?
ça ne marche que sous un.cinq.
à part url-prefix pour les pages
tu as aussi le site
@-moz-document domain("www.site.org")
ou le domaine
@-moz-document domain("site.org")
ou la page
@-moz-document url("http://www.site.org/bordin/pasvu.php?mo ... yeur&t=007")
mais
ça marche
n'oublies pas les embrassades { } qui accolent tout ton code

Linux, c'est oqué

ottomar · Message par **ottomar** » 11 janv. 2006, 18:47

bordin de cookie !

edith :
ottomar, bordel ! t'as encore mis une s à la deuxième personne de l'impératif sur un verbe du premier groupe

Sidonie · Message par **Sidonie** » 11 janv. 2006, 18:54

Anonymous a écrit :alut-alut
tu es sous FF1.5 ? et quel OS ?
ça ne marche que sous un.cinq.
à part url-prefix pour les pages
tu as aussi le site
@-moz-document domain("www.site.org")
ou le domaine
@-moz-document domain("site.org")
ou la page
@-moz-document url("http://www.site.org/bordin/pasvu.php?mo ... yeur&t=007")
mais
ça marche
n'oublies pas les embrassades { } qui accolent tout ton code

Linux, c'est oqué

Firefox 1.5 et Windows 98SE (bah oui ça existe encore)

Je mets donc des { } au début et à la fin du tout ?

genre:

Code : Tout sélectionner

{ 
@moz-document url-prefix(http://forum.telecharger.01net.com)
[bgcolor="#FFFFFF"] { background: #E0E8F2 !important; } 
[bgcolor="white"] { background: #E0E8F2 !important; } 
[class] { background: #E0E8F2 !important; } 
[id] { background: #E0E8F2 !important; } 
[style] { background: #d70200 !important; }
 }

c'est ça ?

ottomar · Message par **ottomar** » 11 janv. 2006, 19:31

@moz-document url-prefix(http://forum.telecharger.01net.com)
{ /* ici */

#iddumachin { background: #FFFFFF !important; }
.classdutruc { background: #000000 !important; }

} /* et là */

ce qui est entre /* et */ est du commentaire = pas pris en compte
chaque élément de style css a (en principe) une # (id) identité s'il est unique
ou une . (class) si le style s'applique à plusieurs éléments de la page

une propriété (exemple background) s'applique aux # et aux .

pour en svoir plus (et plus) voir (lire et comprendre)
http://www.openweb.eu.org/css/
http://css.alsacreations.com/
http://wiki.media-box.net/documentation/css

pour trouver les id et class d'une page : installer webdeveloper
http://joliclic.free.fr/mozilla/webdeveloper/
dans webdeveloper
se servir de > menuCSS > edit CSS pour afficher les styles de la page dans le panneau latéral
se servir de > entourer > entourer les éléments de type block
pour afficher les zones de la pages
se servir de > informations > afficher les détails des id et class
pour avoir les noms des id et class
se servir de > entourer > entourer l'élement sélectionné
pour afficher le "chemin" de l'élément dans la page

c'est assez... intuitif, ça demande un peu d'interet,

grosses bises Sidonie, mais je ne peux malheureusement remplacer un bon tutoriel (comme me dit Edith : ottomar, t'as pas de patience !)

intéresse-toi d'abord aux liens pour comprendre en gros le fonctionnement
et Jim, myahoo, Mori, Flore et tout le monde ici est prêt à t'expliquer !

et n'hésite pas à nous dire ce que tu veux faire avec télécharger.com !

Invité · Message par **Invité** » 11 janv. 2006, 19:48

Merci je vais lire tout ceci ce soir (j'ai déjà préparé l'aspirine)

Ce que je veux en fait c'est avoir le forum en bleu un peu comme ceci

mais moi je veux tout bleu car le blanc me ruine les yeux

et j'ai déjà mis ceci dans le userContent.css pour virer la colonne de pub de droite

Code : Tout sélectionner

td[width="300"]
{
display:none
}

Je peux cumuler 2 fonctions hein ? rassure moi

userContent.css : trucs et astuces

Qui est en ligne ?