Bonjour et bienvenue sur les forums techniques de MiniGriSpip :-)
Quelques liens : Et Mgs alors ? - Balise #TMP - MiniGriSpip 1.6 - Mise-à-jour Calendrier
IMPORTANT : La participation � ces forums est strictement r�serv�e aux membres inscrits, merci de votre compr�hension.
ATTENTION : L'inscription au forum est d�sormais ferm�e pour cause de spams en trop grande quantit�.
01/03/2011 - FredoMkb
Pages: 1
Bonjour Fredo,
Me revoil� avs une nouvelle question
Voil�, j'aimerais savoir s'il est possible d'annuler la couleur g�n�rale des liens, afin de pouvoir adapter une couleur en fonction de la position "mgs" de celui-ci.
Et dans ce cas, quel code css utiliser pour qu'ils soient bien reconnus?
Merci de votre attention et votre patience
Nathalie
Hors ligne
Re bonjour Nathalie
Et bien, ta question est assez vaste, car beaucoup d'�l�ments diff�rents sont des liens, et certains ont d�j� un formatage particulier... bref, tu dois au pr�alable bien identifier les �l�ments que tu souhaites modifier.
En tout cas, d'une mani�re g�n�rale, les liens sont format�s au d�but de la feuille de style, o� tu devrais normalement trouver les styles suivants
/** Parametres generaux des liens **/ /* Liens simples */ a { text-decoration: none; color: #444; border-bottom-style: dotted; border-bottom-color: #888; border-bottom-width: 1px; } /* Liens simples (syntaxe alternative) */ a:link { text-decoration: none; color: #444; border-bottom-style: dotted; border-bottom-color: #888; border-bottom-width: 1px; } /* Liens visites */ a:visited { text-decoration: none; color: #444; border-bottom-style: dotted; border-bottom-color: #888; border-bottom-width: 1px; } /* Liens survoles */ a:hover { text-decoration: none; color: #444; border-bottom-color: #444; border-bottom-width: 1px; border-bottom-style: solid; background-color: #eaeaec; border-bottom-color: #000; }
Les balises "a" et "a:link" sont identiques, ce sont les liens normaux, et elles sont format�s � exactement pareil, tout comme la balise "a:visited", qui correspond aux liens visit�s. Enfin, la balise "a:hover" corrrespond aux liens survol�, c'est l� qu'un formatage particulier intervient lorsqu'on survole avec le curseur de la souris la plupart des liens du squelette.
Ce styles r�glent le formatage de la plupart des liens, mais pas tous... certains poss�dent quelques r�glages sp�cifiques, qui sont, le plus souvent, juste des variates de ces premiers styles...
Voil� grosso-modo pour les g�n�ralit�s, mais si tu souhaites aborder le formatage des certains �l�ments sp�cifiques, n'h�sites pas � m'en faire part en indiquant pr�cisement les �l�ments � modifier...
Bonne continuation Nathalie et �+
Hors ligne
Merci Fredo,
J'avais bien vu le formatage g�n�ral des liens.
Ce que j'aimerais, c'est de pouvoir afficher de temps en temps des liens d'autres couleurs, par exemple dans la page bienvenue, sur mon bloc r�daction, dans les articles. Normalement, un code Html devrait primer sur le css, mais je dois mal m'y prendre, mal �crire ce code, car j'obtiens toujours la couleur g�n�rale des liens.
Voil� mon soucis;)
Merci Fredo
Nathalie
Hors ligne
Bonjour,
Si tu veux changer la couleur de certains liens, il suffit de leur affecter une nouvelle classe
Par exemple tu peux cr�er une nouvelle classe lien bienvenue
<a href="url" class="bienvenue">
Puis tu d�finis ta nouvelle classe bienvenue dans dans feuille CSS
a.bienvenue { text-decoration: none; color: #444; border-bottom-style: dotted; border-bottom-color: #888; border-bottom-width: 1px; } /* Liens simples (syntaxe alternative) */ a:link.bienvenue { text-decoration: none; color: #444; border-bottom-style: dotted; border-bottom-color: #888; border-bottom-width: 1px; } etc...
A+
Job
Merci beaucoup Job pour vote aide, vous m'avez permis de r�soudre mon probl�me, je vous en suis tr�s reconnaissante.
Bonne fin de we
Nathalie
Hors ligne
Bonjour Nathalie et Job
En effet, la solution propos�e par Job est excellente pour formater ponctuellement certains liens.
Par ailleurs, il y a aussi la possibilit� de faire des formatages ponctuels directement dans le code Html, c'est moins pratique et souple que les feuilles de style, notamment pour les liens, qui n�cessitent souvent plusieurs formatages diff�rents selon leur �tat, mais parfois, pour d'autres �l�ments, �a peut rendre service...
La syntaxe est assez simple et proche des feuilles de style, voici, par exemple, comment formater ponctuellement un bloc Html (� tester) :
<div style="color: blue; margin: 5px; padding: 5px; border: 1px dotted gray; background-color: silver;">Coucou les amis ;-)</div>
En somme, on formate un �l�ment en ajoutant l'argument "style" � l'int�rieur de la balise concern�e, puis on inscrit les diff�rents attributs et leurs valeurs, s�par�s par des points-virgules...
Bien-s�r, ce type de formatage est priporitaire par rapport aux formatages de la feuille de style, mais ils sont moins pratiques puisqu'ils ne s'appliquent qu'� un seul objet.
Pour en savoir plus � propos des feuilles de style, voici quelques liens � consulter et � conserver :
- Alsacr�ations (un must)
- L'altruiste (tr�s complet)
- SelfHtml (une bible)
- Sp�cification CSS2 du W3C (la r�f�rence)
- OpenWeb Group (techniques, trucs et astuces)
- Jardin Zen Css (un magnifique site de d�monstration)
Il y a bien-s�r plein d'autres site qui parlent des feuilles de style Css, une petite recherche te donnera quelques milliers de liens... il faudra �videmment trier un peu pour s�parer le bon grain de l'ivraie...
Voil�... j'esp�re que ces quelques pistes pourront t'aider, Nathalie, � avancer dans ton projet...
� bient�t
Hors ligne
Bonjour,
Je vois que l'on a les meme lectures
Je rajoute ce lien une fois que l'on a compris le concept des CSS
http://wiki.media-box.net/documentation/css
Je rajouterais juste une pr�cision je pense qu'il faut avoir une bonne connaissance HTML/CSS pour pouvoir modifier ces squelettes (meme si je lis parfois le contraire sur spip user chacun son avis )
En effet meme en prenant un squelette simple comme minigrispip il est assez difficile pour un d�butant de savoir diff�riencier les languages utilis�s (si l'on n'a pas de connaissance html/CSS)
Lorsque un d�butant vois
<div> background-image <BOUCLE_titi(ARTICLES)> border #TITRE color:#FFFFFF <p> etc..
Qu'est ce qui appartient au HTML? au CSS? � SPIP ?
C'est pourquoi il faut s'instruire en html CSS pour ensuite savoir qui fait quoi
A+
Job
Hors ligne
Bonjour Job
J'avais zap� ce dernier message hier...
En effet, tu as raison, c'est d'ailleurs une des difficult�s que j'ai rencontr� lorsque je me suis lanc� dans l'aventure p�rilleuse (euh, fa�on de dire ) de r�alisation de Mgs...
J'avais juste quelques mod�stes bases en Html et des petites notions de Css, et absolument acune connaissance en langage Spip, Php ou JavaScript, bref, j'ai pas mal pataug� dans la semoule au d�but...
Heureusement, � l'�poque, j'avais pas mal de disponibilit� et j'ai pu ansi, � force de tatonements et des essais, arriver � faire quelque chose pas trop bancal...
Mais bon, pour �tre honn�te, je suis tout � fait conscient que ma ma�trise de ces langages est encore tr�s faible et largement insufisante pour �tre autonome...
Enfin, tout �a pour dire que le d�veloppement Web n�cessite en effet de se familiariser un minimum avec diff�rentes techniques et langages, chacun ayant son r�le et particularit�s, qui, comme tu le signales, ne sont pas toujours facilement identifiables au d�but...
Je me suis parfois demand� pourquoi personne n'avait encore jamais imagin� un seul langage capable de r�unir l'ensemble des techniques de base d'internet
C'est � dire, un langage capable de structurer une page, de la mettre en forme, de lancer des actions, aussi bien c�t� client que c�t� serveur et, enfin, qu'il soit capable de g�rer une base de don�es...
Je pense sinc�rement que ce n'est pas irr�alisable aujourd'hui, mais j'ai comme l'impression qu'une technologie de ce type ne sera s�rement pas du go�t de tout le monde, et puis, il faudra certainement pas mal de temps avant de pouvoir l'imposer...
Bref, le Web est encore pour moi un univers assez brouillon, pour ne pas dire chaotique... heureusement que certains organismes comme le W3C essaient de mettre un peu d'ordre dans tout �a...
Bon, j'arr�te l� mon bla-bla bavard... des obligations me reclament...
� bient�t Job
PS. Merci pour le lien, je ne l'avais pas celui-l�
Hors ligne
Mea culpa il ne faut pas �crire
a:link.bienvenue
mais
a.bienvenue:link
a+
Job
Hors ligne
Pages: 1