Calendrier avec cadre (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 21 réponses, 5 participants et a été mis à jour pour la dernière fois par z720, le il y a 19 années.
15 sujets de 1 à 15 (sur un total de 22)
  • Auteur
    Messages
  • #446643
    gP
    Participant
    Chevalier WordPress
    358 contributions

    Bonjour,
    sur wP default fr, si je voulais encadrer moncalendrier avec une bordure de 1 pixel,
    comment je devrais m’y prendre ?
    Merci…

    #567250
    benkenobi
    Participant
    Maître WordPress
    4069 contributions

    Essaye cela :

    style= »border: 1px solid black; »

    Ca marche pour les photos, peut être pour le calendrier aussi.

    #567251
    gP
    Participant
    Chevalier WordPress
    358 contributions
    BenKenobi wrote:
    Essaye cela :

    style= »border: 1px solid black; »

    Pas trouvé dans sidebar ou css le l’endroit où insérer cela.
    Merci quand même. 🙂

    #567252
    spoutnik
    Membre
    Initié WordPress
    22 contributions

    Salut, je donne ci-dessous les info pour donner un style à un calendrier :

    #menu table {
    margin:0;
    padding:0;
    background-color:#e9eaea;
    width:100%;
    [b]border:1px solid #194471;[/b]
    }
    #menu table caption {text-align:center;color:#194471;font-weight:bold;}
    #menu table th {background-color:#ccc;text-align:center;border:1px solid #194471;}
    #menu table td {text-align:center;border:1px solid #194471;}
    #menu table td#today {background-color:#f99697;}
    #menu td a:link, #menu td a:visited {
    display:block;
    background-color:#fff;
    color:#930;
    font-weight:bold;
    text-decoration:none;
    border-bottom:0;
    }
    #menu table tfoot {background-color:#ccc;}
    #menu table tfoot a {
    border:none;
    display:inline;
    background:transparent;
    }

    Le résultat final est visible sur mon autre carnet melain.blogsome.com. Il te suffit donc de modifier le code css suivant l’affichage que tu veux obtenir. J’ai un billet sur ce carnet avec l’adresse où j’ai trouvé toutes ces infos.
    En espérant que cela t’aide.
    Spoutnik

    #567253
    gP
    Participant
    Chevalier WordPress
    358 contributions
    spoutnik wrote:
    Salut, je donne ci-dessous les info pour donner un style à un calendrier :

    #menu table {
    ………

    Le résultat final est visible sur mon autre carnet melain.blogsome.com. Il te suffit donc de modifier le code css suivant l’affichage que tu veux obtenir. J’ai un billet sur ce carnet avec l’adresse où j’ai trouvé toutes ces infos.

    Merci, je pense que je vais trouver mon bonheur dans tout ce code… 😉
    Je vous tiens au courant.

    #567254
    gP
    Participant
    Chevalier WordPress
    358 contributions
    gP wrote:
    spoutnik wrote:
    Salut, je donne ci-dessous les info pour donner un style à un calendrier :

    #menu table {
    ………

    bin non. Chez moi dans les CSS c’est par exemple : #wp-calendar caption et non #menu table caption.
    J’ai essayé :

    #wp-calendar table {
    [b]border:1px solid #194471;[/b]
    }

    Mais nada. :(

    #567255
    viviane
    Membre
    Initié WordPress
    18 contributions

    Bonsoir,

    gP, tu le sais peut-être déjà, mais dans le cas contraire :

    le code à insérer c’est : border:1px solid #194471;

    les deux b entre crochets, c’est normalement pour mettre cette partie du code en gras pour qu’on puisse le voir.

    #567256
    spoutnik
    Membre
    Initié WordPress
    22 contributions

    Grosse distraction de ma part! :(

    GP wrote:
    Chez moi dans les CSS c’est par exemple : #wp-calendar caption et non #menu table caption

    Il va de soit que

    #menu

    n’est utilisable que pour mon carnet et est à modifier suivant ton thème.
    Tu peux très bien utiliser

    #wp-calender

    à la place et ça fonctionne aussi.

    #567257
    gP
    Participant
    Chevalier WordPress
    358 contributions
    viviane wrote:
    le code à insérer c’est : border:1px solid #194471;

    Vu, merci.
    J’ai mis ça dans mes CSS :

    #wp-calendar {
    border:1px solid #194471;
    }

    Mais il ne se passe Rien. :(

    #567258
    viviane
    Membre
    Initié WordPress
    18 contributions

    Bonjour gP,

    Tu peux essayer ça : (j’ai testé sur mon blog)

    #calendar {
    border: solid 1px #194471;
    }

    #567259
    gP
    Participant
    Chevalier WordPress
    358 contributions
    viviane wrote:
    Bonjour gP,
    Tu peux essayer ça : (j’ai testé sur mon blog)

    #calendar {
    border: solid 1px #194471;
    }

    Bingo, Viviane. 😎
    Un grand merci. :D

    #567260
    gP
    Participant
    Chevalier WordPress
    358 contributions
    viviane wrote:
    Bonjour gP,
    Tu peux essayer ça : (j’ai testé sur mon blog)

    #calendar {
    border: solid 1px #194471;
    }

    Puisque Viviane a brillamment résolu cette question. 😎
    Passons aux améliorations. :rolleyes:
    1) Faire une ligne sous le mois en cours ?
    2) Faire une ligne au dessus du mois précédent ?

    Toute ma considération aux gagnants et un article dans le gPlog pour eux. 😆

    Merci d’avance…

    #567261
    viviane
    Membre
    Initié WordPress
    18 contributions

    1/ Une ligne sous le mois :

    #calendar caption {
    border-bottom: solid 1px #194471;
    }

    #567262
    gP
    Participant
    Chevalier WordPress
    358 contributions
    viviane wrote:
    1/ Une ligne sous le mois :

    #calendar caption {
    border-bottom: solid 1px #194471;
    }

    Bingo II, Viviane. 😎
    « Que serais-je sans toi, do, ré, sol, la, fa, si…« 
    Super, un grand, très grand, merci. 🙂
    Quelle puissance ce « foroum » 😋

    #567263
    viviane
    Membre
    Initié WordPress
    18 contributions

    2/ Une ligne au dessus des mois précédents / suivants :

    #calendar tfoot td{
    border-top: solid 1px #194471;
    }

15 sujets de 1 à 15 (sur un total de 22)
  • Vous devez être connecté pour répondre à ce sujet.