Je calle sur une syntaxe dans les css

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Zecat, 30 Avril 2011.

  1. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    Voila mon bout de style (ca gere des numeros de pages comme les petites cases de pagination de wri lorsqu'un topic a plusierus pages). Et donc j'affiche le numero de page dans un petit carré de 13x13 avec un fond qui varie selon le contexte (page coirante, page survolée,...).

    Mon probleme : est-il possible à ce niveau d'ajouter une ligne qui dise :

    "Mettre un contour de 1 px de couleur xxxxxx"

    Code:
    a.lienpagination_turquoise
    {
    	color : 666666;
    	background-color : ffffff;
    	text-decoration : none;
    	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     	font-size: 10px;
    	height : 13px;
    	width : 13px;
    	text-align : center;
    }
    
    a.lienpagination_ok_turquoise
    {
    	color : ffffff;
    	background-color : 00bbbb;
    	text-decoration : none;
    	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     	font-size: 10px;
    	height : 13px;
    	width : 13px;
    	text-align : center;
    }
       
    a.lienpagination_turquoise:hover
    {
    	color : ffffff;
    	background-color : 00bbbb;
    }
     
  2. salva
    salva WRInaute accro
    Inscrit:
    16 Avril 2006
    Messages:
    3 578
    J'aime reçus:
    0
    Code:
    border: 1px solid rgb(23, 124, 243);
    Dans ce style ?
     
  3. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    Probablement sur ".lienpagination_turquoise" et ".lienpagination_ok_turquoise" :
    Code:
    border:1px solid #couleur
    ?
     
  4. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    Impec padadam ... j'ai maintenant mes petites cases de pagination comem wri avec un zouli cadre autour ... Thanks

    Au passage question subsidiaire : je vois que tu mets dans syle tes couleur dans leur forme #xxxxxx ... moi je mets que xxxxxx sans le # (une mauvaise habitude prise dieu sait ou) et ca semble marcher aussi ...

    Normal, pas conseillé quand même, pas normal ?

    salva : je me garde la syntaxe rgb dans un coin pour un besoin futur :wink:
     
  5. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    Je ne voudrais pas tous les honneurs, je viens de voir que Salva m'avait devancé :mrgreen:

    Juste une petite erreur relevée à la volée sur ton forum :
    "Formulaire d'inscription / connection" = orthographe anglais. En FR c'est "connexion" ;)


    EDIT : pour les couleurs... j'avoue que je ne sais pas, de mon côté c'est par habitude que je mets # devant. :D
     
  6. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    Y en a 1 qui suit ! J'ai les noms ... j'ai les noms ... :mrgreen: Merci je corrige.

    Tiens si tu veux voir le resultat (les petites cases de pagination) :

    http://www.qui-est-le-meilleur.com/forum-accueil-qui-est-le-meilleur.php
     
  7. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    C'est zooli, un vrai petit phpbb-like pour, j'imagine, 100 fois moins de ressources. Tu gères :D
     
  8. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    Tout est expliqué ici :

    https://www.webrankinfo.com/forum/coder-son-forum-utiliser-forum-standard-p ... 42315.html

    et coté ressources, je ne sais pas exactement ce que consomme phpBB mais deja une indication de ma démarche :

    http://www.qui-est-le-meilleur.com/faq-F010.php

    Regarde en base de page la définition des tables (3 tables et 15 champs et basta !) :wink:

    En fait j'ai du quelque part être "traumatisé" par la douloureuse exprience du forum Yag ... et du coup la je veux "total control" ... a tel point que j'ai même exclu l'usage de tinymce (pourtant tres sympa je reconnait) et que je me suis recodé le bbcode, les msileys, les quotes, etc etc ...

    Exemple (bon c'ets encore un peu en chantier) :

    http://www.qui-est-le-meilleur.com/forum_discussion-un-topic-avec-bbco ... es-t83.php
     
  9. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    Je suis déjà ce topic ^^
    Effectivement, 3 tables, on est loin du bb :lol:
     
  10. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    Pourquoi petit :mrgreen: Quasiment toutes les fonctions sont là par rapport a un phpBB ou un PunBB/FluxBB :wink:
     
  11. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    C'était pour accentuer le côté mignon :mrgreen:
    A priori tu as même plus de fonctions qu'un bb ;) (reco!)
     
  12. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    Perso j'ai un petit faible pour deux trucs que j'ai ajouté avec mes petits doigts musclés :

    - les vues condensée / etendue
    - le déploiement des 10 derniers topics (clic sur les coches)

    Suggestion : comme il y a deja un topic sur le forum qlm, si questions ou remartques, elles seront mieux dans cet autre topic je pense :wink:
     
  13. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    J'avais pas vu, c'est bien sympatique comme fonction, surtout les dix derniers sujets :)
     
  14. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 958
    J'aime reçus:
    0
    Hello

    Juste pour la forme, perso je préfère utiliser des classes qui surchargent une classe existante.

    Par exemple (pour plus de concision dans ton code CSS :) ) :

    Code:
    a.lienpagination_turquoise
    {
       color : #666666;
       background-color : #ffffff;
       text-decoration : none;
       font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
       font-size: 10px;
       height : 13px;
       width : 13px;
       text-align : center;
       border: 1px solid #00bbbb;
    }
    
    a.lienpagination_ok, a.lienpagination_turquoise:hover
    {
       color : #ffffff;
       background-color : #00bbbb;
    }
    
    Et dans ton code, tu aurais donc par exemple (si c'est le second lien sélectionné) :

    Code:
    <a href="page1.php" class="lienpagination_turquoise">Ancre  1</a>
    <a href="page2.php" class="lienpagination_turquoise lienpagination_ok">Ancre  2</a>
    <a href="page3.php" class="lienpagination_turquoise">Ancre  3</a>
    
    ;)
     
  15. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    J'en apprends tous les jours ... thanks :wink:

    En plus je dois reconnaitre que autant mon code est hyper clean et structuré (héritage de 30 ans de dev), autant mon fichier style est un joyeux "foutware" faits d'ajouts un peu empiriques datant de l'époque ou je decouvrais la chose sans vraiment la maitriser ... sans réelle cohérence dans les nommages etc etc

    Bref ... un grand ménage de printemps va s'imposer ... un jour :roll:
     
  16. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 117
    J'aime reçus:
    0
    Profites-en, il fait beau !
     
  17. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 179
    J'aime reçus:
    0
    tu parles ! ici il pleut et ils annoncent pluie encore demain :x
     
  18. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 372
    J'aime reçus:
    2
    C'est bien :)
     
Chargement...
Similar Threads - calle syntaxe css Forum Date
Robots.txt ---> Je calle ! Help ;) Problèmes de référencement spécifiques à vos sites 25 Octobre 2012
syntaxe commande dans htaccess Crawl et indexation Google, sitemaps 8 Juillet 2019
Syntaxe des mots clefs pour le référencement Rédaction web et référencement 20 Juin 2019
Syntaxe .htaccess pour migrer des URL URL Rewriting et .htaccess 7 Janvier 2018
La syntaxe SQL permet-elle plusieurs mots-clefs dans une (sous-)requête identique ? Développement d'un site Web ou d'une appli mobile 17 Août 2017
Robots.txt et syntaxe de Disallow Crawl et indexation Google, sitemaps 2 Juin 2017
Je ne comprends pas cette syntaxe Développement d'un site Web ou d'une appli mobile 10 Avril 2017
Erreur au niveau des URL dans GWT - Question sur les redirections et sur la syntaxe Problèmes de référencement spécifiques à vos sites 15 Mai 2014
Cette syntaxe de robots.txt est-elle correcte ? Administration d'un site Web 8 Avril 2013
Redirection 301 syntaxe Débuter en référencement 11 Décembre 2012
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice