Template light.tpl
Pour utiliser ce template, créez le fichier “template/light.tpl” et insérer le code HTML ci-dessous.
Aperçu du template :
Template light.tpl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>#title#</title> <meta http-equiv="content-type" content="text/html; charset=#charset#" /> <meta name="Description" content="#meta_desc#" /> <meta name="Keywords" content="#meta_key#" /> <link rel="alternate" type="application/rss+xml" href="flux-rss.xml" /> <style type="text/css"> <!-- /* LAYOUT */ html, body { font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; color: #222222; font-size: 13px; background-color: #F9F9F9; } #main { min-height: 100%; width: 960px; margin: 15px auto; background-color: #FFF; border: 1px solid #d3d3d3; position: relative; overflow: auto; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #content { float: right; width: 750px; } #sidebar { float: left; width: 200px; } #header { padding: 15px; background-color: #fbf9ee; border: 1px solid #fcefa1; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #header ul { margin: 0; padding: 0; overflow: auto; } #header li { float: left; list-style: none; width: 33%; margin: 0; } /* LAYOUT END */ /* COMMON */ a { color: #F70; } a:hover { color: #C60; } h1 { font-size: 18px; margin-bottom: 4px; } h2 { border-bottom: 1px solid #FFAB9D; font-size: 18px; margin-bottom: 4px; color: #DE053A; } h2 a { text-decoration: none; color: #DE053A; } img { border: 0; } .clear { clear: both; } form { padding: 0; margin: 0; } .search { border: 1px solid #d3d3d3; padding: 3px; width: 175px; } /* COMMON END */ /* VIDS */ .vid { padding-bottom: 10px; } .vid .date { float: right; margin-top: 4px; font-size: 12px; color: #666; } .vid .desc p { font-size: 12px; margin-top: 8px; text-align: justify; } .vid .download { font-size: 24px; text-align: center; margin: 5px; } /* VIDS END */ /* SIDEBAR */ #sidebar h1 { border-bottom: 1px dashed #eeeeee; color: #DE053A; font-size: 15px; height: 20px; margin-top: 15px; } #sidebar ul { margin: 0; padding: 0; } #sidebar li { border-bottom: 1px dashed #eeeeee; list-style: none; margin: 0; } #sidebar li a { color: #555555; display: block; font-size: 11px; padding: 3px 6px 3px 18px; text-decoration: none; } #sidebar li a:hover { color: #212121; } #cat_active { font-weight: bold; background-color: #fbf9ee; } /* SIDEBAR END */ /* NAV */ .nav { margin-top: 10px; position: relative; font-size: 12px; } .nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; } .nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; } .nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; text-decoration: none; } .nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #91bdd8; } .nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; } /* NAV END */ --> </style> </head> <body> <div id="main"> <!-- Header START --> <div id="header"> <ul> <li style="text-align: left;"><form action=""> Afficher <select name="v" onchange="window.location.replace('x.php?v=' + this.form.v.value + '&cat=<?php echo $cat; ?>');"> <option value="5"<? if($v == '5'){ echo ' selected="selected"'; } ?>>5</option> <option value="8"<? if($v == '8'){ echo ' selected="selected"'; } ?>>8</option> <option value="10"<? if($v == '10'){ echo ' selected="selected"'; } ?>>10</option> <option value="12"<? if($v == '12'){ echo ' selected="selected"'; } ?>>12</option> <option value="15"<? if($v == '15'){ echo ' selected="selected"'; } ?>>15</option> <option value="20"<? if($v == '20'){ echo ' selected="selected"'; } ?>>20</option> <option value="30"<? if($v == '30'){ echo ' selected="selected"'; } ?>>30</option> </select> vidéos par page <br /><br /> Classer par <select name="c" onchange="window.location.replace('x.php?c=' + this.form.c.value + '&cat=<?php echo $cat; ?>');"> <option value="date"<? if($c == 'date'){ echo ' selected="selected"'; } ?>>date</option> <option value="duree"<? if($c == 'duree'){ echo ' selected="selected"'; } ?>>durée</option> <option value="taille"<? if($c == 'taille'){ echo ' selected="selected"'; } ?>>poids</option> </select> </form></li> <li style="text-align: center;"><strong>#nb_total# vidéos à télécharger !</strong><br /><br /> Vous êtes ici : <a href="#home_page#">Accueil</a> <?=(!empty(#php_cat#)) ? ' » <a href="'.#php_url_page#.'">'.#php_cat#.'</a>' : ''?></li> <li style="text-align: right;"><form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"> <input name="search" type="text" id="search" class="search" value="<?=$search?>" /><br /> <input type="submit" name="submit" value="Chercher !" /> </form></li> </ul> <div class="clear"></div> </div> <!-- Header END --> <!-- Content START --> <div id="content"> <div class="nav">#pagination_15#</div> #result_search# <elements><?php /* Traitement pour l'affichage de la date */ $r = explode('-', #php_date#); setlocale(LC_TIME, "fr_FR"); $date = htmlentities(strftime("%e %B %Y", mktime(0, 0, 0, $r[1], $r[2], $r[0]))); ?> <div class="vid"> <div class="date">Ajoutée le <?=$date?></div> <h2><a href="#permalink#">#titre#</a></h2> <div class="desc"><p>#desc#</p></div> <table align="center"> <tr align="center"> <td colspan="2"><a href="#url_paiement#"><img src="#thumbs_320_2#" width="320" height="240" alt="" /></a></td> <td colspan="2"><a href="#url_paiement#"><img src="#thumbs_320_8#" width="320" height="240" alt="" /></a></td> </tr> <tr align="center"> <td><a href="#url_paiement#"><img src="#thumbs_160_1#" width="160" height="120" alt="" /></a></td> <td><a href="#url_paiement#"><img src="#thumbs_160_3#" width="160" height="120" alt="" /></a></td> <td><a href="#url_paiement#"><img src="#thumbs_160_4#" width="160" height="120" alt="" /></a></td> <td><a href="#url_paiement#"><img src="#thumbs_160_6#" width="160" height="120" alt="" /></a></td> </tr> </table> <table width="100%"> <tr> <td align="center">Archive : <strong>#sponsor#</strong></td> <td align="center">Taille : <strong>#taille# Mo</strong> </td> <td align="center">Durée : <strong>#duree# min.</strong></td> <td align="center">Format : <strong>#format#</strong></td> </tr> </table> <div class="download"><a href="#url_paiement#">>>> téléchargez cette vidéo ! <<<</a></div> </div></elements> <details><div class="vid"> <h2>#titre# (<?=date_fr(#php_date#)?>)</h2> <div class="desc"><p>#desc#</p></div> <table width="100%"> <tr> <td align="center">Archive : <strong>#sponsor#</strong></td> <td align="center">Taille : <strong>#taille# Mo</strong> </td> <td align="center">Durée : <strong>#duree# min.</strong></td> <td align="center">Format : <strong>#format#</strong></td> </tr> </table> <table width="100%"> <tr> <td align="center"> <a href="#url_paiement#"><img src="#thumbs_320_1#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_3#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_4#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_5#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_7#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_9#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_11#" alt="" /></a> <a href="#url_paiement#"><img src="#thumbs_320_12#" alt="" /></a> </td> </tr> </table> <div class="download"><a href="#url_paiement#">>>> téléchargez cette vidéo ! <<<</a></div> </div></details><div class="nav">#pagination_15#</div> </div> <!-- Content END --> <!-- Sidebar START --> <div id="sidebar"> <h1>Catégories</h1> <ul> <li><a href="#home_page#"<?=($cat == '') ? ' id="cat_active"' : ''?>>Toutes les catégories</a></li> <li><a href="#top_page#"<?=($cat == 'top_videos') ? ' id="cat_active"' : ''?>>Top #nb_top# vidéos</a></li> <menu><li><a href="#url#">#cat# (#nb#)</a></li>#lock#</menu> </ul> </div> <!-- Sidebar END --> </div> </body> </html>