Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

CSS ..... HELP ! ! ! !

cartman1706, le vendredi 18 novembre 2005 à 14:25:30 
 Signaler ce message aux modérateurs

Bonjour,

Je suis en train de mettre en place un forum sur mon site, et je rencontre quelques problemes a la mise en forme de l'affichage des messages postés.

ma requete recupere divers informations (comme le pseudo, l'objet, l'heure, la date, le message, la signature, l'image .... du post) et j'aimerrais que son affichage se fasse sous forme de tableau avec deux couleures qui s'alternent d'un post a l'autre.
(genre comme sur ce site : http://cyberzoide.developpez.com avec un post en style tableau bleu celui d'apres rose.....)

j'ai bien regardéla source de cette page et essayé de m'en servird ans ma feuille CSS mais sans resultat concluant !

Help, quelqu'un pourrait il m'aider ?????

Merci par avance

2

Erdnax, le vendredi 18 novembre 2005 à 15:02:06

Salut,

Le principe :

Avant d'afficher un message, du défini une variable du style :

$couleur = 1;
Ensuite, lorsque tu affiche un message (probablement dans une boucle while), tu teste ta variable. Si celle-ci est égal à 1, alors tu défini une couleur, ou une class, et si elle vaut 2, tu met l'autre couleur, ou l'autre class.

A la fin de l'instruction pour chaque post tu "retourne" la variable. C'est à dire que tu fais quelque chose dans ce style :
($couleur==1)?$couleur=1:$couleur=2;

Voilà pour le principe de l'alternance des couleurs, ensuite à toi de voir comment tu peux définir tes style.

Si t'as un problème ou que tu n'as pas compris, hésite pas ;)

@+
Moi chuis moi et toi chais pas...

Répondre à Erdnax

3

GallyNet, le vendredi 18 novembre 2005 à 15:08:37

Erdnax, et tu sur de toi sur le code suivant :

($couleur==1)?$couleur=1:$couleur=2;


ne serait-ce pas plutot :
($couleur==1)?$couleur=2:$couleur=1;

Répondre à GallyNet

4

Erdnax, le vendredi 18 novembre 2005 à 15:12:18

Arf, effectivement, je me suis planté :Þ

Merci pour la correction, j'y ai certainement mis trop de coeur, et du coup, plantage ^^
Moi chuis moi et toi chais pas...

Répondre à Erdnax

5

cartman1706, le vendredi 18 novembre 2005 à 15:14:43

Ok,

je vous remercie pour votre aide mais je pense m'etre mal exprimé.
en fait mon probleme ne se citue pas dans l'alternance du style ou bien dans l'affchage des donnees mais dans le style d'affichage.

"(genre comme sur ce site : http://cyberzoide.developpez.com avec un post en style tableau bleu celui d'apres rose.....) "

Répondre à cartman1706

6

Erdnax, le vendredi 18 novembre 2005 à 15:18:27

Bon, avant de se lancer dans de longues explications, c'est un truc dans ce style que tu veux faire :

+----------+
|  TITRE   |  <-- Bleu
+----------+
|   POST   |
|          |
+----------+

+----------+
|  TITRE   |  <-- Rose
+----------+
|   POST   |
|          |
+----------+

+----------+
|  TITRE   |  <-- Bleu
+----------+
|   POST   |
|          |
+----------+

etc...

?

Parce que sur le site que tu donnes en lien, c'est l'un à côté de l'autre, hors je ne pense pas que tu veuille que ton forum soit comme ça, si ? Moi chuis moi et toi chais pas...

Répondre à Erdnax

7

cartman1706, le vendredi 18 novembre 2005 à 15:22:05

Oui tout a fait sur le meme style que celui du site donné en exemple.

a une difference pres que lui traite ca seulement avec des <div> et moi je voudrai que chaque posts soient un tableau (de facons a bien pouvoir disposer les elements a afficher.

Répondre à cartman1706

8

cartman1706, le vendredi 18 novembre 2005 à 15:24:13

Heu ... j'ai oublié aussi de te confirmer que chaques postes doivent etre les uns en dessous des autres (comme tu le montrais)

Répondre à cartman1706

9

Erdnax, le vendredi 18 novembre 2005 à 15:25:31

Div ou table, le fonctionnement est le même. Il faut définir un class="monstyle" et ça te le formate de la manière que tu souhaite.

Après, il faut juste comprendre le fonctionnement de l'affichage, et trouver en conséquence quel style lui appliquer.

Donc première question, est-ce que tu arrives à afficher tous les posts, les uns en dessous des autres ?
Moi chuis moi et toi chais pas...

Répondre à Erdnax

10

cartman1706, le vendredi 18 novembre 2005 à 15:27:31

Oui je suis d'accord avec toi et je comprend ...... mais je ne sais pas comment recréé le style "bleu" et "rose" !! !

That is the question !

Répondre à cartman1706

Erdnax, le vendredi 18 novembre 2005 à 15:30:07

Bon, on s'est un peu mal croisé avec les post, j'ai été un peu vite lol.

Alors, pour recréer les style il te faut afficher la source et analyser les styles, qu'est-ce qui correspond à quoi ? Comment le bleu est formé, et comment le rose est formé.
Moi chuis moi et toi chais pas...

Répondre à Erdnax

11

Erdnax, le vendredi 18 novembre 2005 à 15:31:37

Bon, alors après analyse, j'ai vu ça :

http://cyberzoide.developpez.com/theme/titre_section.gif

Donc maintenant, à toi de trouver l'équivalent rose, et d'en faire bon usage ;)
Moi chuis moi et toi chais pas...

Répondre à Erdnax

12

cartman1706, le vendredi 18 novembre 2005 à 15:40:16

Ok donc si je comprend bien (c'est pas gagné ! :-p ), en regardant son code (genre pour le cadre rose) :
(j'ai tronqué les truc inutiles)


<div class="section">
	<div class="titre_section2">
		<p class="title_section">Techno Parano !</p>
	</div>
	<div class="corps_section2">
		<p class="desc_section">Rubrique polémique sur l'act...</p>
		<p><img src="theme/list...></p>
		<p class="plus_section">plus encore...</p>
	</div>
	<div class="fin_section2"></div>
</div>


je vois qu'il faut juste recuperer les classes "section", "titre_section", "title_section" .... ect et les claquer dans des balises tableau <td>, <tr> ....

(en aiyant biensure recopier le code dans ma feuille CSS)

Répondre à cartman1706

13

Erdnax, le vendredi 18 novembre 2005 à 15:44:41

Voilà, c'est ça.

Ensuite, pour le style bleu, c'est section, pour le rose, c'est section2, et le gris (tout à droite) c'est section3.

Mais tu ne sera jamais aussi bien servis que par toi même, et en tant que webmaster, ça me soulerai un peu que quelqu'un d'autre s'aproprie mon design ;)
Moi chuis moi et toi chais pas...

Répondre à Erdnax

14

cartman1706, le vendredi 18 novembre 2005 à 15:45:48

Oui mais est ce que cette image, je peux l'etirer ?? (avec le parametre "width" ou "height" ???
car je veux pas que mes postes soient aussi petits !

Répondre à cartman1706

15

cartman1706, le vendredi 18 novembre 2005 à 15:47:53

Ouai non mais je suis tout a fait d'accord avec toi pour le coté "vas y pompe sur les existant !" mais c'est juste histoire que je fasse quelque chose qui tourne et qui ait de la gueule ... apres je le ferrai a ma sauce .. ;-)

Répondre à cartman1706

16

Erdnax, le vendredi 18 novembre 2005 à 15:50:11

Dans ce cas, je te conseil de faire quelque chose d'un tout petit peu plus évolué.

Explications : (exemple avec le bleu, a faire avec tous)

Tu prends l'image du titre (donc celle avec les arrondis), tu coupe les arrondis, que tu enregistre par exemple sous bleu1, et bleu2 pour respectivement gauche et droite.

Ensuite, le fond tu n'en gardes qu'un tout petit bout, de la bonne hauteur, mais d'une largeur de 2 ou 3 pixels.

Et dans la ligne du tableau qui est censé afficher cet "titre", tu définis 3 cellules :

- 1 de taille fixe pour l'angle de gauche avec comme image bleu1,
- 1 pour le centre, étirable, avec en fond l'image de quelques pixels,
- 1 à droite de taille fixe, avec l'image bleu2.

Et comme ça, non seulement ton image n'est pas étirée, mais le titre de ta table est extensible sans déformation.

Compris :P ?
Moi chuis moi et toi chais pas...

Répondre à Erdnax

17

cartman1706, le vendredi 18 novembre 2005 à 15:56:05

Ouai ok je pige mais je pense que je vais plus tot modifier les images pour les faire plus longues et simplement les afficher comme c'est le cas en fond.

car au fond, tous mes posts seront de la meme taille.

le truc c'est que je pensais (betement ! ! ! hihihi) qu'il existait une fonction CSS qui arrondissait les angles d'un tableau ! (quel con ! LOL )

Répondre à cartman1706

18

Erdnax, le vendredi 18 novembre 2005 à 16:00:15

Si ton site à une taille fixe, alors ok, crée tes images fixes. Mais disons que la solution que je t'ai proposée est très utile dans le cadre d'un site proposé un pourcentage de la résolution ;)

Pour ta fonction css qui arrondi les angles, il n'existe malheureusement pas de solution purement css, c'est à chaque fois des images qui s'en chargent (du moins à ma connaissance ;) )

@+
Moi chuis moi et toi chais pas...

Répondre à Erdnax

19

cartman1706, le vendredi 18 novembre 2005 à 16:03:28

Je pensais vraiment pas que c'etait qu'une histoire d'image ..... mais au depart, ou trouver ces images ???? ils se les font eux meme ???

Répondre à cartman1706

20

Erdnax, le vendredi 18 novembre 2005 à 16:08:49

Ben... oui ?!?! Ou ils les commandent à Noël, je sais pas :P

D'où est-ce que tu veux qu'elles sortent ?!
Moi chuis moi et toi chais pas...

Répondre à Erdnax
Feuilles de style - CSS Présentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des... www.commentcamarche.net/contents/css/cssintro.php3
Les classes de style (CSS) Les classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des... www.commentcamarche.net/contents/css/cssclass.php3
CSS - Les couleurs Les couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de... www.commentcamarche.net/contents/css/css-couleurs.php3
Les CSS pour présenter vos imagesPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes... www.commentcamarche.net/faq/sujet-9100-les-css-pour-presenter-vos-images
[CSS] Créer facilement des CSSUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.bradsoft.com/download/index.asp www.commentcamarche.net/faq/sujet-1035-css-creer-facilement-des-css
[CSS] Aligner un contenant au centre (Résolu)Bonjour. Quelqu'un d'entre vous connaitrait-il la propriété css, si elle existe, qui permet d'aligner un contenant (comme une table ou un div par exemple) au centre ? Pour être plus claire, je cherche la propriété css qui remplace le align="center"... www.commentcamarche.net/forum/affich-719745-css-aligner-un-contenant-au-centre
XHTML CSS et a:hover + img (Résolu)Bonjour, Dans mon css, j'ai mis: a:hover { color : #ffffff; text-decoration : none; background-color : #4c0000; font-style : normal; } Ce qui signifie que le lien aura un background plutot rouge (4c0000). Mais dans la ban j'ai voulu mettre un lien... www.commentcamarche.net/forum/affich-3071282-xhtml-css-et-a-hover-img
CSS Corporate a cessé de fonctionner! (Résolu)Je ne peux plus aller sur le net en passant par le "gestionnaire internet" ou " "navigateur orange". En effet le message suivant apparait: "CSS Corporate a cessé de fonctionner"et internet ne veut pas s'ouvrir. Par contre il s'ouvre si je passe par... www.commentcamarche.net/forum/affich-2906489-css-corporate-a-cesse-de-fonctionner
La syntaxe des style (CSS)Définition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de... www.commentcamarche.net/contents/css/csssyntax.php3