Index du forum Index du forum » Communauté » Discussions concernant FSB » [2.0.0] Listing d'observation - rien de de très important
Nouveau sujet Répondre Imprimer Syndication RSS 2.0
Première«123»Dernière (3)

[2.0.0] Listing d'observation - rien de de très important

Principalement la validation xhtml
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 1 fois, dernière édition par Spark, 18 Janvier 2008, 18:58     Lien vers ce message 18 Janvier 2008, 18:56

Reprise du dernier message

-__- Comme je viens de te le dire, je ne peu pas cumuler deux images dans le même background.

Sans bordure les couleurs de fond des citation imbriqué se mélangerait et ça deviendrait confus.

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Talus Masculin
Volcan
Avatar de Talus
  • Age : 23 ans
  • Messages : 1817
  • Inscrit : 28 Septembre 2006
  Lien vers ce message 18 Janvier 2008, 20:24
Nan, tu comprends pas : Garder le fond de la première, et juste rajouter la bubulle de citation... Rien d'autre, pas d'emmelement de deux background :D

 
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 18 Janvier 2008, 20:44
Ba si c'est deux images.

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Talus Masculin
Volcan
Avatar de Talus
  • Age : 23 ans
  • Messages : 1817
  • Inscrit : 28 Septembre 2006
  Lien vers ce message 18 Janvier 2008, 23:56
La bulle est également un background ?

 
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 19 Janvier 2008, 0:25
Oui

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Talus Masculin
Volcan
Avatar de Talus
  • Age : 23 ans
  • Messages : 1817
  • Inscrit : 28 Septembre 2006
  Lien vers ce message 19 Janvier 2008, 2:29
As tu essayé de foutre un span non pas vide, mais qui contient le tout ? en gros, tu vire le padding du truc qui contient les infos de la citation, et tu le fous dans un span qui le contiendrait, avec un fond de bulle. Essaye de foutre le fond du 4 dans le truc qui contient le span... Non ?

 
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 3 fois, dernière édition par Spark, 19 Janvier 2008, 14:46     Lien vers ce message 19 Janvier 2008, 2:56
Bien vu, même si j'ai pas tous compris ça ma donné une idée, mais je trouve ça très sale, à coup de span et d'espace insécable ...

8 )
Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
5ef7b9a0193dc23f93984e77553b5cc9.file

CSS (Sélectionner le code)
/* FSBcode citation */
blockquote
{
	border: 1px solid #ff3b00;
	background: #fff6f6 url(img/quote_background.gif) repeat-x;
}

blockquote div
{
	padding: 10px;
}

blockquote strong
{
	font-weight: bold;
	display: block;
	padding: 2px 0 2px 19px;
	background: url(img/quote_on.gif) no-repeat;
	
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
dd2c14bcabf3df0c95ddb7493470581f.file

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Talus Masculin
Volcan
Avatar de Talus
  • Age : 23 ans
  • Messages : 1817
  • Inscrit : 28 Septembre 2006
  Lien vers ce message 19 Janvier 2008, 14:12
Non, pas d'espaces insécables, mais plutot le span qui contient le "Citation (admin...)". En gros, tu appliques le padding à ce sapn là, et le background de la bulle dessus. Dans le div (ou le truc) qui contient le span, tu ne fous "que" la bordure et le background dégradé...

 
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
  Lien vers ce message 19 Janvier 2008, 14:40
C'est bon j'ai pu le faire uniquement en CSS.

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Genova Masculin
Chef du projet FSB
Avatar de Genova
  • Age : 26 ans
  • Messages : 14944
  • Inscrit : 16 Septembre 2004
  Lien vers ce message 06 Novembre 2008, 14:59
J'ai corrigé les bugs de ton premier message.

Pour l'histoire des citations je veux bien les améliorer car elles sont assez moches actuellement, mais j'aimerai que tu me confirmes bien qu'il s'agit de la "dernière version" de ton code (genre retest le sur tous les navigateurs), et à la limite essayer de faire de même pour la balise code et attach ?

J'attends des nouvelles de toi sur ce sujet ;)

Cause Im as free as a bird now, And this bird you can not change. - Freebird - Lynyrd Skynyrd
There's someone in my head but it's not me. - Brain damage - Pink Floyd
I said baby, you know Im gonna leave you. - Babe I'm gonna leave you - Led Zeppelin
Father ? yes son, I want to kill you - The end - The Doors
 
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 1 fois, dernière édition par Spark, 06 Novembre 2008, 23:11     Lien vers ce message 06 Novembre 2008, 23:06
Voilà les versions final à priori, testé sur FF2, Chrome, IE6 et Opéra 9.

http://img519.imageshack.us/img519/9109/image6ke9.png

Citation
HTML (Sélectionner le code)
quote = <blockquote class="quote"><strong class="quote_title">%s</strong><div class="quote_content">%s</div></blockquote>
quote_user = <blockquote class="quote"><strong class="quote_title">%s (%s)</strong><div class="quote_content">%s</div></blockquote>

CSS (Sélectionner le code)
/* FSBcode citation */
.quote
{
	border: 1px solid #ff3b00;
	background: #fff6f6 url(img/quote_background.gif) repeat-x;
}

.quote .quote_title
{
	font-weight: bold;
	display: block;
	padding: 2px 0 2px 22px;
	background: url(img/quote_on.gif) no-repeat;
	
}

.quote .quote_content
{
	padding: 10px;
	overflow: auto;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
dd2c14bcabf3df0c95ddb7493470581f.file


Pièces jointes
CSS (Sélectionner le code)
/* FSBcode attach */
.attach
{
	border: 1px solid #ff3b00;
	background: #fff6f6 url(img/attach_background.gif) repeat-x;
}

/* Titre du fichier joint */
.attach .attach_title
{
	font-weight: bold;
	padding: 2px 0 2px 22px;
	background: url(img/attachment.gif) no-repeat;
}

/* Contenu du fichier joint */
.attach .attach_content
{
	padding: 10px;
	font-family: Helvetica;
	font-size: 0.9em;
	overflow: auto;
}

/* Informations sur le fichier joint */
.attach_data
{
	padding: 5px;
	line-height: 18px;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
70747c043d29e9eb04ceaf47c6bd44be1.file

Code
CSS (Sélectionner le code)
/* FSBcode code */
.code
{
	border: 1px solid #499fff;
	background: #f5f5ff url(img/code_background.gif) repeat-x;
}

/* Titre du code */
.code .code_title
{
	font-weight: bold;
	padding: 2px 0 2px 22px;
	background: url(img/code.gif) no-repeat;
}

/* Contenu du code */
.code .code_content
{
	overflow: auto;
	height: auto;
	max-height: 300px;
	white-space: pre;
	padding: 10px;
	font-family: Helvetica;
	font-size: 0.9em;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
cfb84869064ff3880e62112aa48e82901.file

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Genova Masculin
Chef du projet FSB
Avatar de Genova
  • Age : 26 ans
  • Messages : 14944
  • Inscrit : 16 Septembre 2004
  Lien vers ce message 06 Novembre 2008, 23:28
Alors c'est nickel, à part pièces jointes qui est trop pareil que pour les quote, je chipote mais tant que je t'ai autant faire un truc nickel ^^ Tu pourrais le faire d'une couleur différente ? Pourquoi pas vert par exemple (ou autre si tu trouves mieux). Proposes plusieurs screens à la limite si ça te demande pas trop de boulot.

Merci en tout cas ;)

Cause Im as free as a bird now, And this bird you can not change. - Freebird - Lynyrd Skynyrd
There's someone in my head but it's not me. - Brain damage - Pink Floyd
I said baby, you know Im gonna leave you. - Babe I'm gonna leave you - Led Zeppelin
Father ? yes son, I want to kill you - The end - The Doors
 
Hors ligne Spark Masculin
Etoile
Avatar de Spark
  • Messages : 2697
  • Inscrit : 24 Juin 2006
Message édité 1 fois, dernière édition par Spark, 09 Novembre 2008, 18:01     Lien vers ce message 07 Novembre 2008, 3:44
C'est marrant tu as dis en détail ce à quoi je m'attendais, et j'avais même envisagé ironiquement le vert en proposition :p

CSS (Sélectionner le code)
.quote .quote_title
{
	font-weight: bold;
	display: block;
	padding: 2px 0 2px 22px;
	background: url(img/quote.gif) no-repeat;
	
}




Citation (mon préféré)
http://img231.imageshack.us/img231/1697/image6og6.png

CSS (Sélectionner le code)
/* FSBcode citation */
.quote
{
	border: 1px solid #ffb423;
	background: #fffefd url(img/quote_background.gif) repeat-x;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
dd2c14bcabf3df0c95ddb7493470581f1.file

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
3f73bb2ce200d4f37d54191cb2665359.file


Citation
http://img396.imageshack.us/img396/9121/image8oi5.png

CSS (Sélectionner le code)
/* FSBcode citation */
.quote
{
	border: 1px solid #516eff;
	background: #faf9f8 url(img/quote_background.gif) repeat-x;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
dd2c14bcabf3df0c95ddb7493470581f2.file

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
3f73bb2ce200d4f37d54191cb26653591.file



Citation
http://img123.imageshack.us/img123/2020/image12yf9.png

CSS (Sélectionner le code)
/* FSBcode citation */
.quote
{
	border: 1px solid #6ae078;
	background: #f9fbf7 url(img/quote_background.gif) repeat-x;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
dd2c14bcabf3df0c95ddb7493470581f4.file

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
3f73bb2ce200d4f37d54191cb26653593.file


Citation
http://img377.imageshack.us/img377/9224/image10fo6.png
CSS (Sélectionner le code)
/* FSBcode citation */
.quote
{
	border: 1px solid #e50dff;
	background: #f9fbf7 url(img/quote_background.gif) repeat-x;
}

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
dd2c14bcabf3df0c95ddb7493470581f3.file

Fichier joint
Vous n'avez pas l'autorisation de télécharger ce fichier
3f73bb2ce200d4f37d54191cb26653592.file

Left 4 Dead 2 2.0.8.7 réseau Hamachi
Liste de réseau Hamachi pour le jeu en réseau via Internet
 
Hors ligne Talus Masculin
Volcan
Avatar de Talus
  • Age : 23 ans
  • Messages : 1817
  • Inscrit : 28 Septembre 2006
  Lien vers ce message 07 Novembre 2008, 7:04
En fait, je pense surtout qu'il voulait que tu les fasses pour les balises code / attachements / etc, etc.... Dans une autre couleur que la citation. Enfin, de montrer ce que ca donne pour les citations. Par exemple, j'aime bien les 3 premiers ^^.

 
Hors ligne Genova Masculin
Chef du projet FSB
Avatar de Genova
  • Age : 26 ans
  • Messages : 14944
  • Inscrit : 16 Septembre 2004
  Lien vers ce message 07 Novembre 2008, 11:15
Nan mais c'est nickel ce qu'il a fait, ça prend deux secondes à adapter les couleurs entre les fsbcode, c'est principalement avoir l'image de background qui posait soucis ^^

Merci spark ;)

Cause Im as free as a bird now, And this bird you can not change. - Freebird - Lynyrd Skynyrd
There's someone in my head but it's not me. - Brain damage - Pink Floyd
I said baby, you know Im gonna leave you. - Babe I'm gonna leave you - Led Zeppelin
Father ? yes son, I want to kill you - The end - The Doors
 
Hors ligne Talus Masculin
Volcan
Avatar de Talus
  • Age : 23 ans
  • Messages : 1817
  • Inscrit : 28 Septembre 2006
  Lien vers ce message 07 Novembre 2008, 13:44
Ouais mais du coup la bulle qu'il fournit pour chaque exemple n'est pas adaptée, vu que c'est pour les citations... C'est surtout ca que je trouve génant :p

 
Répondre
Première«123»Dernière (3)


Index du forum Index du forum » Communauté » Discussions concernant FSB » [2.0.0] Listing d'observation - rien de de très important
.