Benoît Guillaume

Mon site perso, mes livres

Fonctionalités implémentées

  • ajout d'un code qr sur les livres & les auteurs avec l'api google
  • Ajout des informations google, bnf & afnil sur la page de convertion d'isbn
  • Ajout d'un lien vers la bnf sur les livres (319/407)
  • mise en place d'un svn
  • Ajout d'une page xml sur les livres
  • Ajout d'une page de convertion d'isbn
  • Ajouter des tri dans la page des couvertures
  • Bannière > slider jQuery
  • Version pour mobile
  • Ajouter la liste des planètes
  • Mettres à jours les livres lut
  • Ajout des Lecteurs
  • Saisie des livres en retard
  • Ajout des images sur les derniers livres & auteurs
  • Ajout du livre en cours de lecture
  • Administration des livres
  • Ajout d'un livre aléatoire dans la bannière
  • Ajout d'un flux rss
  • Ajout de ShareThis sur les news
  • Ajout de Zend_Captcha_Image sur les commentaires
  • Ajout de SOUNDEX dans la recherche de livres
  • Ajout de commentaires sur les news
  • Ajout de news
  • Passage de PDO à Zend_Db
  • Réintégrer la liste des livres
  • Intégréer de FCKeditor
  • Intégration de PHPMailer 2.3
  • Interface d'administration
  • Connexion à MySQL
  • Réintégration de WoT
  • Création du SiteMap
  • Url Rewrite
  • Mes sites
  • Curriculum vitæ
  • Création d'icones
  • Validations
  • Style CSS
  • Structure XHTML

To Do

  • Options dans Création d'icones
  • Ajouter des commentaires / critiques sur les livres
  • Maj des infos steam en background

Onglets agrandir

Onglets agrandir

Le vendredi 11 juin 2010 à 20h10 - xhtml, css, onglet
Le code HTML :
<div class="cacheonglet"></div> 
<div class="growonglet" onclick="javascript:grow(this.parentNode)"> 
<div></div> 
<div></div> 
</div> 
<div class="minonglet"  onclick="javascript:min(this.parentNode)"> 
<div></div> 
<div></div> 
</div> 
<div class="endonglet1"></div> 
<div class="endonglet2"></div>
Le Javascript :
function grow(node){
if(!node.className || node.className=="min")
node.className="max";
else node.className="";
}
function min(node){
if(!node.className || node.className=="max")
node.className="min";
else node.className="";
}
Et le CSS
pour les border-radius il faut ajouter l'équivalent avec -moz-border-radius pour firefox et  et -webkit-border-radius pour safari et chrome (la dernière version de chrome semble supporter directement la propriété css3, de même que opera)
 

 Ajouter un commentaire
- - - Version Mobile admin