Fullscreen

Téléchargez ce thème

Pour plonger le surfeur dans une ambiance unique, ce thème vous permet d'afficher des images de fonds étirées en plein écran, sans déformation.

On peut déclarer :

• un fond unique pour le site, ou bien le fond "par défaut" ;
• un fond pour un skin_variant, c'est à dire à partir d'un noeud de l'arborescence (sections), ou pour un type de page.
• un fond pour une page, tout simplement en déclarant une "image de page" .

Pas besoin de modifier le template.php pour déclarer un fond ! Il faut simplement uploader les images par FTP dans le thème en respectant une convention de nommage, ou bien ajouter l'image comme "image de page". C'est très rapide.

Les scripts (template, CSS) sont entièrements commentés pour vous permettre de comprendre et personnaliser ce thème (mais en anglais ).

• Fond par défaut : image background.jpg dans le /images du thème
• Fond pour page spécifique : uploader dans le même repertoire que l'image par défaut une image background_users, background_categories, background_articles, background_query, etc.
• Fond à partir d'une section : déclarer l'option variant_myback au niveau de la section et uploadez une image background_myback. Le fond est attribué en cascade à l'infini au descendant de la section.
• Vous l'avez compris le thème charge automatiquement en image de fond les fichiers dont le suffixe correspond au skin_variant en cours. Notez que le skin variant est toujours l'id de la balise body.
• Par dessus ce mécanisme vous pouvez aussi définir un fond sur une page (article,catégorie ou section) en déclarant une "image de page" (voir onglet média).
• Attention dans ce cas aux mécanismes de redimensionnement des images (lire l'article sur la page de téléchargement du thème pour plus de détails).
• Dans le cadre d'une image de page définie sur une section, le fond est attribué en cascade sur un niveau seulement.

Ce n'est pas tout !

• Positionnement des blocs en absolu, toutes les commandes sont accessibles en permanence sans scroll.
• Menu du side_panel avec boutons en relief (CSS3).
• Gestion des onglets prête pour le drop-down menu.

Ajout de la version 2 :

• pouvoir faire un diaporama
• pouvoir définir une légende aux images
• pouvoir en survolant une icone effacer le canevas du site pour ne voir que l'image de fond
• pourvoir aligner chaque image sur son centre, un de ses bord, ou un de ses coins

div.tabs ul li {
            border:1px solid black;
            float: left;
            margin-left: 3px;
            -moz-border-radius-topleft : 15px 40px;
            -moz-border-radius-topright : 15px 40px;
            -webkit-border-radius : 15px 15px 0 0;  /* must be perfect rounded */ 
            border-top-left-radius : 15px 40px;
            border-top-right-radius : 15px 40px;          
            }

p#crumbs {
         -moz-border-radius-bottomright : 30px 20px;
         -webkit-border-radius : 0 0 20px 0; /* must be perfect rounded */
         border-bottom-right-radius: 30px 20px;
         }