#1 2008-12-23 11:15:21

flipflip
Membre
Lyon
2005-03-19
2316

[RC4] Menubar, plugin, css, Sylvia

Attention ça risque d'être compliqué à expliquer.
Lorsque l'on souhaite ajouter un menu dans la menubar de gauche via un plugin on utilise une fonction qui ressemble à ça :

Code:

  function DmMenuBar($menu_ref_arr) {
    global $template;
    
    $menu = & $menu_ref_arr[0];
    
    $template->assign('NBIMAGES', $this->DmCountCart());
    
    if (($block = $menu->get_block( 'mbDownloadMulti' )) != null) {
      $block->set_title('Download Multi');
      $block->template = $this->plugin_path.'template/DmMenu.tpl';
    }
  }

Maintenant le tpl :

Code:

  <dt>{'dl_cart'|@translate}</dt>
  <dd>
    <p><img src="{$ROOT_URL}plugins/download_multi/template/images/cart_error.png">&nbsp;{$NBIMAGES}</p>
    <ul>
      <li>
        <a href="{$ROOT_URL}plugins/download_multi/include/DmPreview.php" rel="nofollow" />
          <img src="{$ROOT_URL}plugins/download_multi/template/images/cart.png">&nbsp;{'dl_preview'|@translate}
        </a>
      </li>
    <li>
        <a href="{$ROOT_URL}plugins/download_multi/include/DmPanier.php?DmAction=name" rel="nofollow" />
          <img src="{$ROOT_URL}plugins/download_multi/template/images/cart_go.png">&nbsp;{'dl_start'|@translate}
        </a>
      </li>
    <li>
        <a href="{$ROOT_URL}plugins/download_multi/include/DmPanier.php?DmAction=delcart" rel="nofollow" />
          <img src="{$ROOT_URL}plugins/download_multi/template/images/cart_delete.png">&nbsp;{'dl_trash'|@translate}
        </a>
      </li>
    <li>
        <a href="{$ROOT_URL}plugins/download_multi/include/DmPanier.php" rel="nofollow" />
          <img src="{$ROOT_URL}plugins/download_multi/template/images/folder.png">&nbsp;{'dl_archive'|@translate}
        </a>
      </li>
    </ul>
  </dd>

Sauf qu'avec le nouveau thème Sylvia il y a un soucis au niveau de la balise < p > :
http://img291.imageshack.us/img291/1645/menubarve9.th.jpg

Il y a un gros décalage. Maintenant il faut fouiller dans les tpl fournis avec Piwigo pour en trouver un qui contient le < p >, au hasard menubar_identification.tpl. Chaque bloc du menu porte un nom et est définit comme un id au niveau du code html (id="mbDownloadMulti" ou encore id="mbIdentification"). Maintenant si on creuse du côté du css du thème on s'aperçoit qu'il y a des règles spécifiques pour ce bloc et celle qui m'intéresse particulièrement :

Code:

#menubar #mbIdentification p { 
  padding: 2px 16px 0; 
  margin: 0;
}

Paff si j'enlève le padding le même comportant est appliqué sur < p > que dans mon mbDownload_multi.

Maintenant trois possibilités :
- Re-utiliser l'id mbIdentification, mais ceux qui bricolent en css savent qu'un id n'est pas re-utilisable en css et en plus je vois pas trop comment faire;
- Intégrer mon propre css en reprenant les bonnes valeurs;
- Intégrer un système générique dans le css de Piwigo.

Je suis favorable à la dernière solution mais, il en fallait un, il existe déjà une règle :

Code:

#menubar p { 
  padding: 16px 16px 0; 
}

Le voila le padding qui met le bazard...

Que faire les experts ?


Le cerveau à des capacités tellement étonnantes qu’aujourd’hui pratiquement tout le monde en à un

Mon site : http://www.blogoflip.fr

Hors ligne

#2 2008-12-23 11:47:14

VDigital
Former Piwigo Team
Paris (FR)
2005-05-04
15124

Re: [RC4] Menubar, plugin, css, Sylvia

flipflip a écrit:

Attention ça risque d'être compliqué à expliquer.
...
Maintenant trois possibilités :
- Re-utiliser l'id mbIdentification, mais ceux qui bricolent en css savent qu'un id n'est pas re-utilisable en css et en plus je vois pas trop comment faire;
- Intégrer mon propre css en reprenant les bonnes valeurs;
- Intégrer un système générique dans le css de Piwigo.

Je suis favorable à la dernière solution mais, il en fallait un, il existe déjà une règle :

Code:

#menubar p { 
  padding: 16px 16px 0; 
}

Le voila le padding qui met le bazard...

Que faire les experts ?

"compliqué à expliquer": Oui mais alors, très facile à comprendre.
"- Re-utiliser l'id mbIdentification": Non.
"- Intégrer mon propre css": Possible mais "peut faire mieux" comme l'écrivent souvant les enseignants en fin de premier trimestre.
"- Intégrer ... le css de Piwigo.": Ben oui, pourquoi pas.

sans la balise <p> cela donne quoi?

Je testerai ça ce soir mais je veux bien connaitre ce qui te conviendrai d'avoir, je ne suis pas si certain de l'avoir compris.

Dernière modification par VDigital (2008-12-23 11:49:36)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#3 2008-12-23 13:42:13

flipflip
Membre
Lyon
2005-03-19
2316

Re: [RC4] Menubar, plugin, css, Sylvia

Sans le < p > ça donne :
http://img376.imageshack.us/img376/3966/menubarbr5.th.jpg

J'ai fais une petite modif qui en plus marche (sous firefox en tout cas, j'ai pas testé avec IE). Dans le fichier theme/sylvia/theme.css :
Après :

Code:

#menubar DD { 
  background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
  margin:14px 0 0 0; 
  padding:0 0 22px; 
  width: 231px; 
  min-width: 231px; 
  border: 0; 
  overflow-x: hidden;
}

Code:

#menubar DD P {
  background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
  padding: 2px 16px 0; 
  margin: 0;
}

De cette manière tout les < p > contenue dans < dd > prennent ce paramètre.

J'ouvre un ticket sur le bugtracker ?

Dernière modification par flipflip (2008-12-23 13:42:44)


Le cerveau à des capacités tellement étonnantes qu’aujourd’hui pratiquement tout le monde en à un

Mon site : http://www.blogoflip.fr

Hors ligne

#4 2008-12-23 14:29:17

VDigital
Former Piwigo Team
Paris (FR)
2005-05-04
15124

Re: [RC4] Menubar, plugin, css, Sylvia

flipflip a écrit:

J'ouvre un ticket sur le bugtracker ?

Inutile.


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#5 2008-12-23 19:10:45

VDigital
Former Piwigo Team
Paris (FR)
2005-05-04
15124

Re: [RC4] Menubar, plugin, css, Sylvia

Parfait acté dans la box !!!


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#6 2008-12-24 07:56:46

flipflip
Membre
Lyon
2005-03-19
2316

Re: [RC4] Menubar, plugin, css, Sylvia

Merci.


Le cerveau à des capacités tellement étonnantes qu’aujourd’hui pratiquement tout le monde en à un

Mon site : http://www.blogoflip.fr

Hors ligne

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2019 · Contact