mise au point d'un nouveau thème

bg62 · octobre 2013

j'ai mis ceci:

[== CSS ==]
aside li a.active, aside li .active {
text-decoration : none;
color : #2227bf;
}
aside li a.visited, aside li .visited {
text-decoration : none;
color : #2175BD !important ;
}
aside li a.hover, aside li .hover {
text-decoration : none;
color : #2175BD !important ;
}

( en local pour tester )
mais pas de différence ....

chriss · octobre 2013

Bon sang que je suis bête,

l'erreur est là

[== PHP ==]
<ul>
			<?php $plxShow->lastArtList('<li class="#art_status"><a href="#art_url" title="#art_title">#art_title</a></li>', 30); ?>
		</ul>

déplace ' class="#art_status" ' de <li> dans <a>

[== PHP ==]
<ul>
			<?php $plxShow->lastArtList('<li ><a class="#art_status" href="#art_url" title="#art_title">#art_title</a></li>', 30); ?>
		</ul>

et enlève les modifs que tu a fait dans le CSS. :cool:

bg62 · octobre 2013

"Bon sang que je suis bête," = tu plaisante là ???
et moi alors ??? tu ne crois pas que je suis encore plus ***:)
encore une petite chose :
aurais-tu une solution pour mettre un effet css sur des liens placés dans le corps d'un article ???
j'ai essayé ici:
http://site.unesourisetmoi.info/index.php?article16/pourquoi-et-comment-creer-un-site-internet
mais c'est toujours le " a "général qui passe par dessus et j'aurais voulu pouvoir personnaliser ces 'liens internes' ....

chriss · octobre 2013

O:)

Je pense qu'il faut juste créer une 'class' dans le <a>, je ne vois que cette solution.

bg62 · octobre 2013

chriss a écrit:

O:)

Je pense qu'il faut juste créer une 'class' dans le <a>, je ne vois que cette solution.

mais le <a> joue aussi ailleurs ...
j'avais pensé à un truc de ce genre :

[== CSS ==]
 section  a.active {
text-decoration : none;
font-weight : bold;
color : #2227bf;
}
 section  a.visited {
text-decoration : none;
color : #2175BD !important ;
}
 section  a.hover {
text-decoration : none;
color : #2175BD !important ;
}

mais ça ne fonctionne pas...
ou alors
" article section a.active {..... "
???
comprends pas là non plus

Francis · octobre 2013

Attention, les pseudo-classes comme visited, hover et active sont repérées par deux points (:) et non par un seul point (.) comme les classes habituelles définies par l'utilisateur comme dans <a class="toto">

Donc, il faut écrire a:visited, a:hover, a:active et dans cet ordre (link, visited, hover, active).

chriss · octobre 2013

Bon matin,
je pensais à donner un nom à la class... pour pointer directement et seulement sur ce <a>

bg62 · octobre 2013

chriss a écrit:

Bon matin,
je pensais à donner un nom à la class... pour pointer directement et seulement sur ce <a>

heu oui ... pas tout compris là ....

chriss · octobre 2013

je ne suis pas encore réveillé.

reprenons depuit le début: sur ce bout de code

[== HTML ==]
<a href="http://www.unesourisetmoi.info" title="lien uniquement" target="blank">lien uniquement</a>

tu veux un effet CSS, teste alors un mettant une class à <a> tel que:
<a class="lien" href= ........................></a>
et en CSS

[== CSS ==]

 
 section  lien a:visited {
text-decoration : none;
color : #2175BD !important ;
}
 section  lien a:hover {
text-decoration : none;
color : #2175BD !important ;
}
section  lien a:active {
text-decoration : none;
font-weight : bold;
color : #2227bf;
}

à tester.

bg62 · octobre 2013

excuse-moi, pas reçu de notification par mail !!!
je viens d'essayer ceci :

[== CSS ==]
section a:visited {
text-decoration : none;
color : /*#2175BD*/#45DD40 !important ;
}
section a:hover {
text-decoration : bold;
color : /*#2175BD*/#D840DD !important ;
}
section a:active {
text-decoration : none;
font-weight : bold;
color : /*#2227bf*/#DDD840 !important;
}

mais ça joue sur tous les liens, sidebar et C) compris ....
alors ou je me suis encore planté ou la syntaxe est mauvaise ou ce n'est pas dans 'section' ....
une vraie bille ... et donc je râme encore ....

Francis · octobre 2013

C'est normal que ces règles de style s'appliquent aussi à ta sidebar, parce qu'elle se trouve elle aussi dans une section.

Essaie de remplacer "section" par "article" dans ton code CSS, ça devrait aller mieux.

bg62 · octobre 2013

effectivement ^^ 2 "section", bon du coup ta solution fonctionne et je vais laisser ainsi pour l'instant, pas recoder tout quand même car là ça joue bien sur les titres , tags, etc ... dans l'article aussi, sinon, je suis moins bête, encore une fois merci, et dès que je pourrai j'essayerai de remplacer "section" dans l'une ou l'autre partie pour y arriver ....
j'ai mis ceci du coup:

[== CSS ==]
article a:visited {
text-decoration : none;
color : #2175BD !important ;
}
article a:hover {
text-decoration:underline;
color : /*#2175BD*/#FF6600 !important ;
}
article a:active {
text-decoration : none;
font-weight : bold;
color : #2227bf !important;
}

et je viens même de trouver la solution à ce que je voulais faire :

[== CSS ==]
article section a:visited {
text-decoration : none;
color : #FF6600 !important ;
}
article section a:hover {
text-decoration:underline;
color : /*#2175BD*/#45DD40 !important ;
}
article section a:active {
text-decoration : none;
color : #2227bf !important;
}

en tous cas, à moins d'une bêtise de plus ... ça me va très bien

et niveau W3C, ça reste ok ....
quasiment terminé TES !!!

mise au point d'un nouveau thème

Réponses