SOS débutante

Général
1

Ca ne fonctionne pas, merci par avance de m’aider
Toujours la débutante, voici le problème de mon exercice (code en bas du présent message) :

je dois créer les conditions suivantes :

le lien qui se colore en violet quand l’on clique

le texte des articles qui est aligné au milieu de l’écran

le titre des articles en vert

j’ai crée une feuille de style ? :

je vous donne d’abord la feuille html et après la feuille de style que j’ai créee :

LA MEDECINE PAR LES PLANTES

feuille de style :

titre.spip {color : green}
text -align : center
texte.spip { font-size: 20 px;}
href { color: EE 82 EE;}

merci

2

Tout ça ne concerne pas vraiment SPIP.
Apparemment ton problème c’est la syntaxe des css.
Tu devrais plutôt aller faire un petit tour par là : http://openweb.eu.org/ !-)

Le 13 avr. 2010 à 14:57, armelle mauzat a écrit :

Ca ne fonctionne pas, merci par avance de m’aider
Toujours la débutante, voici le problème de mon exercice (code en bas du présent message) :

je dois créer les conditions suivantes :

le lien qui se colore en violet quand l’on clique

le texte des articles qui est aligné au milieu de l’écran

le titre des articles en vert

j’ai crée une feuille de style ? :

je vous donne d’abord la feuille html et après la feuille de style que j’ai créee :

LA MEDECINE PAR LES PLANTES

feuille de style :

titre.spip {color : green}
text -align : center
texte.spip { font-size: 20 px;}
href { color: EE 82 EE;}

merci

3

Le 13 avr. 2010 à 15:21, armelle mauzat a écrit :

Merci pour l’adresse

il y a quand même des feuilles de style appropriées dans SPIP normalement ?

Oui, bien sûr. Mais les styles c’est du css, pas du spip.
Il y a aussi du xhtml dans les squelettes de spip. C’est du xhtml, pas du spip.
Donc avant de modifier un squelette ou une feuille de style, il est bon d’avoir quelques bases de css et de xhtml.
Pour ça l’adresse du site que je t’ai donnée va t’aider.
Ensuite l’objet de cette liste concerne ce qui dépend plus spécifiquement de Spip : utilisation des boucles spip, balises spip, etc…

Le 13 avril 2010 15:07, pascal weber <p.weber@free.fr> a écrit :

Tout ça ne concerne pas vraiment SPIP.
Apparemment ton problème c’est la syntaxe des css.
Tu devrais plutôt aller faire un petit tour par là : http://openweb.eu.org/ !-)

4

armelle mauzat a écrit :

Ca ne fonctionne pas, merci par avance de m’aider
Toujours la débutante, voici le problème de mon exercice (code en bas du présent message) :

je dois créer les conditions suivantes :

le lien qui se colore en violet quand l’on clique

le texte des articles qui est aligné au milieu de l’écran

le titre des articles en vert

j’ai crée une feuille de style ? :

je vous donne d’abord la feuille html et après la feuille de style que j’ai créee :

LA MEDECINE PAR LES PLANTES

feuille de style :

titre.spip {color : green}
text -align : center
texte.spip { font-size: 20 px;}
href { color: EE 82 EE;}

merci


---

pour les liens, ce serait plutôt
a {color : green;} /* liens en vert
a:hover { color: EE 82 EE;} /* liens au survol

et pour le texte
.texte {
font-size: 20 px;
text -align : center;
}

5

pascal weber a écrit :

Le 13 avr. 2010 à 15:21, armelle mauzat a écrit :

Merci pour l'adresse

il y a quand même des feuilles de style appropriées dans SPIP normalement ?

Oui, bien sûr. Mais les styles c'est du css, pas du spip.
Il y a aussi du xhtml dans les squelettes de spip. C'est du xhtml, pas du spip.
Donc avant de modifier un squelette ou une feuille de style, il est bon d'avoir quelques bases de css et de xhtml.
Pour ça l'adresse du site que je t'ai donnée va t'aider.
Ensuite l'objet de cette liste concerne ce qui dépend plus spécifiquement de Spip : utilisation des boucles spip, balises spip, etc...

Le 13 avril 2010 15:07, pascal weber <p.weber@free.fr <mailto:p.weber@free.fr>> a écrit :

    Tout ça ne concerne pas vraiment SPIP.
    Apparemment ton problème c'est la syntaxe des css.
    Tu devrais plutôt aller faire un petit tour par là
    : http://openweb.eu.org/ !-)

------------------------------------------------------------------------

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

dans la feuille de style href ne sera pas reconnu. Il faut une class du genre
a { color: #ccddee;}
avec le code couleur soit en dur (black, grey, yellow) mais de préférence en hexa ( ce qui est plus "pro" )
tu peux aussi dans le html glisser un <a href="#URL_ARTICLE style=" color: #ccddee;" > mais je le déconseille aussi car on est vite paumé et en plus on ne fait pas tout.

Bernard

--
Bernard Blazin - Développement Internet Ingénieur ENSAM promo 1978

Bernard Blazin Point Com

9 rue de la Rose
77320 Montolivet
Tel 01 64 20 98 49
http://www.bernardblazin.com

6

Une page pour voir le css de manière concise:
Martin Le 13/04/2010 15:48, pascal weber a écrit :

7

déjà le code css n’est pas bon :

feuille de style :

titre.spip {color : green}
text -align : center
texte.spip { font-size: 20 px;}
href { color: EE 82 EE;}

ce serait mieux :

feuille de style :

titre.spip {
color:green;
}

texte.spip {
font-size:20px;
text-align:center;
}

la syntax est fausse en css pour faire changer la couleur ce n’est pas comme ca, vous pouvez allez voir ici

href {
color:#EE82EE;
}

2010/4/13 armelle mauzat <mauzarmel@gmail.com>

Ca ne fonctionne pas, merci par avance de m’aider
Toujours la débutante, voici le problème de mon exercice (code en bas du présent message) :

je dois créer les conditions suivantes :

le lien qui se colore en violet quand l’on clique

le texte des articles qui est aligné au milieu de l’écran

le titre des articles en vert

j’ai crée une feuille de style ? :

je vous donne d’abord la feuille html et après la feuille de style que j’ai créee :

LA MEDECINE PAR LES PLANTES

feuille de style :

titre.spip {color : green}
text -align : center
texte.spip { font-size: 20 px;}
href { color: EE 82 EE;}

merci

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

–
Franck Fortineau
Les Clefs du Net
8 rue René Coty
85000 La Roche sur Yon

mail : ffortineau@lesclefsdunet.com
Tél : 06 99 85 02 24

8

armelle mauzat a écrit :

Ca ne fonctionne pas, merci par avance de m'aider
Toujours la débutante, voici le problème de mon exercice (code en bas du présent message) :

je dois créer les conditions suivantes :

le lien qui se colore en violet quand l'on clique

le texte des articles qui est aligné au milieu de l'écran

le titre des articles en vert

j'ai crée une feuille de style ? :

je vous donne d'abord la feuille html et après la feuille de style que j'ai créee :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
<html xmlns="http://www.w3.org/1999/xhtml&quot;&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; />
<link rel="stylesheet" type="text/css" href="mes_styles.css" />
<title>LA MEDECINE PAR LES PLANTES</title>

Pourquoi le titre en majuscule ?
Comme dit si bien l'Oracle de Wikipédia :

"SUR INTERNET, abuser de CAPITALES est l'équivalent de CRIER (pardon) dans le langage parlé..."

</head>
<body>
<ul>
<BOUCLE_article(ARTICLES) {par titre}>
[<li><a href="#URL_ARTICLE">(#TITRE)</a></li>]
</BOUCLE_article>
</ul>
</body>
</html>

feuille de style :

titre.spip {color : green}
text -align : center texte.spip { font-size: 20 px;}
href { color: EE 82 EE;}

merci

/* lien en violet : */
a:active {color: purple; }
/* texte centré */
p {text-align: center}
/* titre vert */
h1.entry-title {color: green}

--
Sergio
Éditions Touchalon: http://touchalon.free.fr
Soutenez le libre: http://www.framasoft.org