Modification de l'apparence d'agenda2 dans la partie publique ( elle est ou mon erreur)

Bonjour
Je voudrais faire une modification de l'apparence publique du
calendrier d'agenda2, j'arrive à faire presque tout, sauf à centrer le
texte à l'intérieur des cellules, j'ai utlisé le code d'Erwan
http://www.veille-web.fr/index.php/pages/agenda_spip

J'ai compris en rélisant l'explication qui est sur la page du plug que
ce que je cherche à faire est dans le fichier calendrier_mini.html
dans un des dossiers du plug.
Cela doit vous paraître évident pour vous, mais pour moi, la
programmation, c'est pas vraiment mon truc, donc, j'ai chercher sur le
net, mais, je ne trouve pas ou est mon erreur
Bon, je sais pas encore comment faire une feuille css à part, mais
bon, si cela fonctionne, cela me va :smiley:

J'ai éssayer de mettre tr align="center, td align="center, mais non,
cela ne marche pas, donc, j'aurais besoin d'un coup de main :frowning:

div id="calendar">
  <h2><BOUCLE_titre(ARTICLES){id_article}>#TITRE</
BOUCLE_titre><:icone_calendrier:><//B_titre></h2>
  <table width="200" summary="<:icone_calendrier:>">
    <caption>[
      <a
        href="(#ENV{self}|parametre_url{#ENV{var_date},[(#ENV{date}|
Agenda_moisdecal{-1,'Y-m'})]})"
        title="[(#ENV{date}|Agenda_moisdecal{-1,'Y-m'}|
affdate_mois_annee)]">&#171;</a>][
      (#ENV{date}|affdate_mois_annee)][
      <a
        href="(#ENV{self}|parametre_url{#ENV{var_date},[(#ENV{date}|
Agenda_moisdecal{1,'Y-m'})]})"
        title="[(#ENV{date}|Agenda_moisdecal{1,'Y-m'}|
affdate_mois_annee)]">&#187;</a>]
    </caption>
    <thead>
      <tr>
        <th scope="col"><abbr title="<:date_jour_2:>"><:date_jour_2|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_3:>"><:date_jour_3|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_4:>"><:date_jour_4|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_5:>"><:date_jour_5|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_6:>"><:date_jour_6|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_7:>"><:date_jour_7|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_1:>"><:date_jour_1|
spip_substr{0,1}|strtoupper:></abbr></th>
      </tr>
    </thead>
    <tbody>
      [(#REM) On commence par calculer les evenements qui commencent ou
finissent dans le mois courant
        Ainsi que ceux qui sont a cheval (commencent avant, et finissent
apres le mois courant)
      ]
      <BOUCLE_calendrier_debut(EVENEMENTS)
      {id_article}{id_mot?}
      {agenda date_debut, mois, (#ENV{date}|annee), (#ENV{date}|mois)}>[
      (#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,[(#TITRE|addslashes)],
        #DESCRIPTIF,#LIEU,
        [(#ENV{self}|parametre_url{#ENV{var_date},[(#DATE_DEBUT|affdate{'Y-
m-d'})]})]})
      ]</BOUCLE_calendrier_debut><BOUCLE_calendrier_fin(EVENEMENTS)
      {id_article}{id_mot?}
      {agenda date_fin, mois, (#ENV{date}|annee), (#ENV{date}|mois)}>[
      (#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,[(#TITRE|addslashes)],
        #DESCRIPTIF,#LIEU,
        [(#ENV{self}|parametre_url{#ENV{var_date},[(#DATE_DEBUT|affdate{'Y-
m-d'})]})]})
      ]</BOUCLE_calendrier_fin>
      #SET{'borne_debut_mois', (#ENV{date}|Agenda_moisdecal{0,'Y-m-d'})}
      #SET{'borne_fin_mois', (#ENV{date}|Agenda_moisdecal{1,'Y-m-d'})}
      <BOUCLE_calendrier(EVENEMENTS)
      {id_article}{id_mot?}
      {date_debut < #GET{'borne_debut_mois'}}
      {date_fin >= #GET{'borne_fin_mois'}}>[
      (#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,[(#TITRE|addslashes)],
        #DESCRIPTIF,#LIEU,
        [(#ENV{self}|parametre_url{#ENV{var_date},[(#DATE_DEBUT|affdate{'Y-
m-d'})]})]})
      ]</BOUCLE_calendrier>

      [(#REM) Puis on les affiche dans un agenda]
      [(#ENV{date}|agenda_mini)]

    </tbody>
  </table>
  <span>&nbsp;</span>
</div>

Cordialement, Franck

Franck a écrit :

Bonjour
Je voudrais faire une modification de l'apparence publique du
calendrier d'agenda2, j'arrive à faire presque tout, sauf à centrer le
texte à l'intérieur des cellules, j'ai utlisé le code d'Erwan
http://www.veille-web.fr/index.php/pages/agenda_spip

J'ai compris en rélisant l'explication qui est sur la page du plug que
ce que je cherche à faire est dans le fichier calendrier_mini.html
dans un des dossiers du plug.
Cela doit vous paraître évident pour vous, mais pour moi, la
programmation, c'est pas vraiment mon truc, donc, j'ai chercher sur le
net, mais, je ne trouve pas ou est mon erreur
Bon, je sais pas encore comment faire une feuille css à part, mais
bon, si cela fonctionne, cela me va :smiley:

J'ai éssayer de mettre tr align="center, td align="center, mais non,
cela ne marche pas, donc, j'aurais besoin d'un coup de main :frowning:

div id="calendar">
  <h2><BOUCLE_titre(ARTICLES){id_article}>#TITRE</
BOUCLE_titre><:icone_calendrier:><//B_titre></h2>
  <table width="200" summary="<:icone_calendrier:>">
    <caption>[
      <a
        href="(#ENV{self}|parametre_url{#ENV{var_date},[(#ENV{date}|
Agenda_moisdecal{-1,'Y-m'})]})"
        title="[(#ENV{date}|Agenda_moisdecal{-1,'Y-m'}|
affdate_mois_annee)]">&#171;</a>][
      (#ENV{date}|affdate_mois_annee)][
      <a
        href="(#ENV{self}|parametre_url{#ENV{var_date},[(#ENV{date}|
Agenda_moisdecal{1,'Y-m'})]})"
        title="[(#ENV{date}|Agenda_moisdecal{1,'Y-m'}|
affdate_mois_annee)]">&#187;</a>]
    </caption>
    <thead>
      <tr>
        <th scope="col"><abbr title="<:date_jour_2:>"><:date_jour_2|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_3:>"><:date_jour_3|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_4:>"><:date_jour_4|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_5:>"><:date_jour_5|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_6:>"><:date_jour_6|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_7:>"><:date_jour_7|
spip_substr{0,1}|strtoupper:></abbr></th>
        <th scope="col"><abbr title="<:date_jour_1:>"><:date_jour_1|
spip_substr{0,1}|strtoupper:></abbr></th>
      </tr>
    </thead>
    <tbody>
      [(#REM) On commence par calculer les evenements qui commencent ou
finissent dans le mois courant
        Ainsi que ceux qui sont a cheval (commencent avant, et finissent
apres le mois courant)
      ]
      <BOUCLE_calendrier_debut(EVENEMENTS)
      {id_article}{id_mot?}
      {agenda date_debut, mois, (#ENV{date}|annee), (#ENV{date}|mois)}>[
      (#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,[(#TITRE|addslashes)],
        #DESCRIPTIF,#LIEU,
        [(#ENV{self}|parametre_url{#ENV{var_date},[(#DATE_DEBUT|affdate{'Y-
m-d'})]})]})
      ]</BOUCLE_calendrier_debut><BOUCLE_calendrier_fin(EVENEMENTS)
      {id_article}{id_mot?}
      {agenda date_fin, mois, (#ENV{date}|annee), (#ENV{date}|mois)}>[
      (#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,[(#TITRE|addslashes)],
        #DESCRIPTIF,#LIEU,
        [(#ENV{self}|parametre_url{#ENV{var_date},[(#DATE_DEBUT|affdate{'Y-
m-d'})]})]})
      ]</BOUCLE_calendrier_fin>
      #SET{'borne_debut_mois', (#ENV{date}|Agenda_moisdecal{0,'Y-m-d'})}
      #SET{'borne_fin_mois', (#ENV{date}|Agenda_moisdecal{1,'Y-m-d'})}
      <BOUCLE_calendrier(EVENEMENTS)
      {id_article}{id_mot?}
      {date_debut < #GET{'borne_debut_mois'}}
      {date_fin >= #GET{'borne_fin_mois'}}>[
      (#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,[(#TITRE|addslashes)],
        #DESCRIPTIF,#LIEU,
        [(#ENV{self}|parametre_url{#ENV{var_date},[(#DATE_DEBUT|affdate{'Y-
m-d'})]})]})
      ]</BOUCLE_calendrier>

      [(#REM) Puis on les affiche dans un agenda]
      [(#ENV{date}|agenda_mini)]

    </tbody>
  </table>
  <span>&nbsp;</span>
</div>

Cordialement, Franck
  
En utilisant l'extension "Firebug" de Firefox, tu pourrais repérer plus facilement les css qui s'appliquent aux différents éléments de ta page.

J'ai bien éssayer mais je t'assure que la programation et moi, cela
fait deux.
Alors, je cherche des tutorials un peu partout, d'ailleurs, c'est
comme ça que j'ai "un peu" compris ce que je faisais :slight_smile: ( suis
capable de changer la couleurs maintenant :smiley: )

Le truc, c'est c'est que quand j'utilise firebug, je fais inspecter un
élément ( sur une cellule de mon tableau), cela me parle de <td
class="horsperiode">3/td donc, je suppose qu'il faut que je mette en
fasse de td align"center" sauf, que je ne trouve pas ce "horsperiode"
dans le fichier d'agenda2

Donc, je ne sais pas comment faire, cela doit faire appel à un autre
fichier dans le squelette (multiflex)car dans le plug, j'ai regarder
les autres fichiers et j'ai rein vu, mais je ne sais pas comment lui
mettre la main dessus, portant, multiflex ne gere pas agenda2
d'origine, donc, je tourne en rond :frowning:

Si tu as une adresse d'un bon tuto pour débutant pour firebug, je veux
bien, car franchement, c'est pas simple pour moi :frowning:

Cordialement, Franck

Franck a écrit :

J'ai bien éssayer mais je t'assure que la programation et moi, cela
fait deux.
Alors, je cherche des tutorials un peu partout, d'ailleurs, c'est
comme ça que j'ai "un peu" compris ce que je faisais :slight_smile: ( suis
capable de changer la couleurs maintenant :smiley: )

Le truc, c'est c'est que quand j'utilise firebug, je fais inspecter un
élément ( sur une cellule de mon tableau), cela me parle de <td
class="horsperiode">3/td donc, je suppose qu'il faut que je mette en
fasse de td align"center" sauf, que je ne trouve pas ce "horsperiode"
dans le fichier d'agenda2

Donc, je ne sais pas comment faire, cela doit faire appel à un autre
fichier dans le squelette (multiflex)car dans le plug, j'ai regarder
les autres fichiers et j'ai rein vu, mais je ne sais pas comment lui
mettre la main dessus, portant, multiflex ne gere pas agenda2
d'origine, donc, je tourne en rond :frowning:

Si tu as une adresse d'un bon tuto pour débutant pour firebug, je veux
bien, car franchement, c'est pas simple pour moi :frowning:

Cordialement, Franck
_______________________________________________
  
Ton site est en ligne ? On peut voir ?

http://www.lien-d-amis.net/prototype6danse

C'est un peu le bordel dedans, mais à force de faire des essais pour
que ça marche :smiley:

Franck a écrit :

http://www.lien-d-amis.net/prototype6danse

C'est un peu le bordel dedans, mais à force de faire des essais pour
que ça marche :smiley:
_______________________________________________
  

tu as bien un align:center mais tu as aussi un margin:0 hérité
Il faut un margin:auto pour que ça fonctionne

Tu n'as pas un bon tuto pour débutant de firebug ?

j'ai installer le site également en local, donc si je trouve le moyen
d'enregistrer les modifs avec, peut-être que j'avancerais plus vite
que maintenant, car là...

En tout cas, merci pour l'explication car franchement, j'avais
vraiment du mal, je vais mettre la main sur le margin 0 et surtout
essayer de comprendre pourquoi il est à 0 :slight_smile:

Bonne soirée :slight_smile:

Franck a écrit :

Tu n'as pas un bon tuto pour débutant de firebug ?

j'ai installer le site également en local, donc si je trouve le moyen
d'enregistrer les modifs avec, peut-être que j'avancerais plus vite
que maintenant, car là...

En tout cas, merci pour l'explication car franchement, j'avais
vraiment du mal, je vais mettre la main sur le margin 0 et surtout
essayer de comprendre pourquoi il est à 0 :slight_smile:

Bonne soirée :slight_smile:
_______________________________________________
  
pas de tuto, désolé, mais en utilisant, on apprend vite, Firebug est assez facile
Sinon, le margin:0 faut le laisser car il est sans doute utilisé ailleurs.
C'est le css de ton div qu'il faut modifier

Tu as

<div style="text-align: center;">
<div id="calendar">
<h2>Calendrier</h2>
<table summary="Calendrier">
...
</div>

Je virerais le div englobant et dans les css je mettrais

#calendar{
text-align: center;
margin:auto;
}

ou alors, je mettrais un id au div englobant et je lui mettrais les propriétés css citées

Alors là, franchement merci !
Tu n'imagines pas l'aide que tu viens de me faire, pfff

Grace à toi, j'ai compris un peu plus le fonctionnement de firebug,
mais en plus comment faire pour qu'un css agisse sur un élément.
Très clairement, jamais, j'aurais été mettre #calendar... dans le css
de distination, j'aurais fait uniquement les changements dans les
fichiers d'agenda2

Cela doit te paraître ridicule, mais franchement quand tu n'y connais
rien en programation, pas évident, pourtant, j'en fait de la
recherche :smiley:

Le problème des tutos que je trouve, c'est qu'ils expliquent très bien
comment "mettre des couleurs, centrer, différences entre css 2.0 et
2.1 etc", mais généralement, ils sautent l'étape d'avant, (comment
faire une liaison entre un fichier html/xhtml et un css) en gros
pourquoi le html va chercher ce css et pas un autre à la place.
c'est tellement "basique" qu'ils négligent ce point et donc pour les
débutants comme moi, bein, c'est galère
Donc à la limite pareil, si tu as un tuto qui explique les liaisons
entre html et css, je prends :smiley:

Encore merci pour le coup de main !

Cordialament
Franck

Franck a écrit :

Alors là, franchement merci !
Tu n'imagines pas l'aide que tu viens de me faire, pfff

Grace à toi, j'ai compris un peu plus le fonctionnement de firebug,
mais en plus comment faire pour qu'un css agisse sur un élément.
Très clairement, jamais, j'aurais été mettre #calendar... dans le css
de distination, j'aurais fait uniquement les changements dans les
fichiers d'agenda2

Cela doit te paraître ridicule, mais franchement quand tu n'y connais
rien en programation, pas évident, pourtant, j'en fait de la
recherche :smiley:

Le problème des tutos que je trouve, c'est qu'ils expliquent très bien
comment "mettre des couleurs, centrer, différences entre css 2.0 et
2.1 etc", mais généralement, ils sautent l'étape d'avant, (comment
faire une liaison entre un fichier html/xhtml et un css) en gros
pourquoi le html va chercher ce css et pas un autre à la place.
c'est tellement "basique" qu'ils négligent ce point et donc pour les
débutants comme moi, bein, c'est galère
Donc à la limite pareil, si tu as un tuto qui explique les liaisons
entre html et css, je prends :smiley:

Encore merci pour le coup de main !

Cordialament
Franck
_______________________________________________
  

On est tous passé par là un jour :wink:
Ce tuto me parait assez complet
http://fr.html.net/tutorials/css/

Merci pour le lien, je vais le lire dans la journée :slight_smile: