NPDS
Responsive

faut créer une class ;-)

Cest ce que j'ai essayé de faire mais ça ne donne rien pour l'instant, on verra demain.

Merci !

Bonne nuit. :paf

J'ai essayé de faire une class s'appelant BLANC mais je ne connais pas bien la syntaxe.

A.BLANC, A.BLANC:hover {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: overline underline;

}
A.BLANC:LINK, A.BLANC:visited, A.BLANC:active {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}

Mais ça ne fonctionne pas :paf

bon comme je semble ne pas être le seul à faire un complexe devant les css je vais encore une fois jouer le boulet
j'ai un theme dynamic
une feuille de style y est incluse
de meme que des feuilles htlm, pratique pur les manier avec un frontpage ou un dreamweaver :=!

la question :comment fait on pour changer une partie de la feuille html en lui affectant une Classe ?

1) Ds la feuille de style comme le dit Fiaschi on ajoute X lignes du type


}
A.BLANC:LINK, A.BLANC:visited, A.BLANC:active {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}


si j'ai bien pigé c'est ca Notre nouvelle class qui se nomme "BLANC", je colle donc ce code avec mon Notepad adore et j'enregistre cette nouvelle Css modifiée par mes soins

Mais comment maintenant dire à la feuille HTML ds cette portion de tableau utilise la class BLANC :-?

j'ecrit quoi et Où ?
je sais que vous allez rigoler un bon coup en lisant ces lignes, peut être meme, pour certain penser que l'on sort ici d'une aide sur NPDS mais bon, qui ne tente rien n'a rien ; :-P

Non,non pas sur la tête.....aie aie aie

Dans ton fichier HTML il te faut inclure <div>

Exemple ici c'est dans bloc.html :
<div class="bloc_title1">!B_title!</div>

cela indique que !B-title! doit prendre la "forme" indiquée dans CSS par "bloc-title1"

Là ou ça se complique un peut :-D , si par exemple c'est pour ton Header, je présume que que tu as créé ta mise en forme directement dans ta css ! disons en créant par exemple :<div id="conten_head" >
alors tu peux aussi indiquer ta Class uniquement à cet endroit en ajoutant : div#conten_head a, div#conten_head a:visited {
ICI tes quelques lignes;
}

Bon, je sais, c'est pas très simple à expliquer par petits bouts de cette façon :paf
:-P vais vraiment m'activer pour essayer de réaliser un ti thème de base en css avec les explications, du moins avec ce que j'en ai compris et ce qui m'a permis de m'en sortir après pas mal de recherche..Lol

J'ai trouvé :-P

ma feuille de style :

.BLANC {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.BLANC a:link, div#BLANC a:visited, {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
.BLANC a:hover, .BLANC a:active {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: overline underline;
}

Appel de la Class comme ça :

<a href="index.php?"><font class="BLANC">Accueil</font></a>

:=!

Message édité par : Fiaschi / 28-08-2006 22:43

chapeau, mais sur le mien ca marche pas..lol
en reprenant ton code et en jouant sur les ; les , les . et tout le toutim auquels je pige tj rien j'arrive à un truc bizare
A voir ici http://s139713884.onlinehome.fr/index.php?op=edito
le text decoration overline s'affiche , j'ai mis que Sommaire en test sur les lien du haut
et le Hover marche aussi :-?
Mais pas possible de faire e sorte que tout les liens du haut soit en blanc
c'est fou :-o :-? :-( :|

Qui a dit que les CSS était un progres qui allait me faciliter la vie

/*----------------------------------------------------++
++ test dudu ++
++-----------------------------------------------------*/

.BLANC, a.BLANC:link {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: overline;
}

.BLANC a:hover {
color: #FFF000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

/*-----------------------------------------------++
++ fin du test dudu ++
++-------------------------------------------------*/

Message édité par : B-Mag / 29-08-2006 10:26

Pour Inclure tous les liens il est plus judicieux de faire comme cette exemple :

<div class="BLANC">
<a href="...">Sommaire</a>
<a href="...">Les Billards</a>
<a href="...">Forum</a>
<a href="...">Les News</a>
<a href="...">Réglements</a></div>

Mais cela dépend de ta configuration, car c'est aussi possible en Liste :-P et là tu aurais quelque chose du style :
<div id="Le_Nom_de_ton_bloc">
<ul class="Le_meme_nom">
<li><a href="...">Sommaire</a></li>
<li><a href="...">Les Billards</a></li>
<li><a href="...">Forum</a></li>
<li><a href="...">Les News</a></li></ul>
</div>
Dans ta CSS, l'endroit où sont tous tes liens, est un bloc ? définit en <div> avec un nom ?

heuuuu , c'est là que je vois mes limites
allez n'ayons pas de honte....
1) Sur la feuille de style j'ai simplement copier le code en dessous de la ligne 60


}
a, a:visited, a:link {
        color: #1472BE;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration:none;
}

/*------------------------------------------------------------------------++
++ test dudu ++
++------------------------------------------------------------------------*/

.BLANC, a.BLANC:link {
color: #FFFFFF;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: overline;
}

.BLANC a:hover {
color: #FFF000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

/*------------------------------------------------------------------------++
++ fin du test dudu ++
++------------------------------------------------------------------------*/



2) Pour le theme dinamic j'ai une Table (x ligne et x col)qui a pour fond l'image et ds les cellules je place simplement mes liens
C'est ces derniers que je voudrais "lier" à la Css.
D'office, ils prennet la valeur de la css :
a, a:visited, a:link {
color: #1472BE;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
text-decoration:none;

3) Sur le lien "Sommaire" je teste l'appel de la class BLANC mais j'ai du mal ecrire le bidule
:-(

C'est un peu pour cela que tu as du mal ;-) !!

Pour profiter pleinement de la CCS (et se faire plaisir), il faut oublier tes tableaux :b

Tu dois simplement te retrouver avec une <div> qui va définir ton bloc à la place d'un tableau complexe et une classe spécifique (liée à cette Div) qui va définir la façon dont s'affichent tes liens :=!