h5ai, un coup de jeune pour votre index apache

On a tous au font de sois (très profondément enfouis pour certains) une âme d’esthète, et celle ci est froissée à chaque fois que nous parcourons l’immonde arborescence HTML par défaut de l’index apache.

Bien sûr il est possible de personnaliser, customiser, re-skinner cette arborescence a l’aide des fichiers .htaccess, mais franchement qui à le temps pour ça ?

Fort heureusement, un brave type nommé Lars Jung l’a trouvé, et nous a pondu une magnifique interface à la web 2, ma foie fort fonctionnelle, ergonomique qui en jette un max !!

Voila un petit aperçu de mon apache local (installé également sur mon dédié sans aucun soucis).

Et encore vous n’avez pas vu toutes les animations toute « cute » qu’h5ai propose ^^

Et super simple à installer avec ça , une étape :

  1. Copiez le dossier h5ai et le .htaccess proposé à la radine de votre serveur web
  2. Ben ..heuh .. c’est terminé :)

Bref encore une petite perle du web que je m’empresse (dans ma grand générosité) de vous faire partager !!

Plus de démo ici  : http://larsjung.de/h5ai/sample/
Site web la : http://larsjung.de/h5ai/
Téléchargement direct ici : http://larsjung.de/h5ai/release/h5ai-0.15.2.zip

Article rédigé par Idleman

18 réflexions au sujet de « h5ai, un coup de jeune pour votre index apache »

  1. Clém4541

    Intéressant, je pense que je vais le tester dans pas longtps

    Répondre
      1. Clém4541

        effectivement c’est bien sympatique, de te voir faire des articles je me suis remis a écrire pour mon blog :) après je sais pas combien de tps ca va durer…

        Répondre
  2. Idleman Auteur de l’article

    Ben moi j’ai décidé que ça serais au feeling mais que je supprimerais plus jamais mon blog sous prétexte que je n’écris pas assez, comme ça au fil dans ans je vais bien réussir a en accumuler des posts ^^ (on a dépassé les 40 la ^^)

    Répondre
  3. tr1200i

    楼主很有才华!

    *Traduction automatique IdleBlog [Langue:Chinois] : « Le créateur est très talentueux » *

    Répondre
  4. val

    Bonjour j’aimerai savoir comment changer la couleur de fond de h5ai, sachant que c’est possible je l’ai vu dans la vidéo du créateur.

    Répondre
  5. Idleman Auteur de l’article

    Bien entendu que c’est possible :) !! Tu peux changer non seulement al couleur de fond mais aussi bien absolument tous ce que tu veux, tous est géré depuis le css de h5ai situé dans le dossier : h5ai\css

    Par exemple moi j’ai utilisé le mode js de h5ai, donc si je souhaite mettre le fond en rose(et créer ainsi le premier apache gay), je dois ouvrir le fichier « h5ai\css\main-js.css »
    et ajouter a la fin du fichier :

    body{
    background-color:pink;
    }

    n’oublie pas de vide le cache de ton navigateur si tu veux voir le résultat.

    petit bonus : tu peux aussi mettre une image personnalisée en fond par exemple :

    body{
    background-color:pink;
    background-image:url(‘http://www.justanimal.org/images/pig-7.jpg’);
    background-repeat:no-repeat;
    background-position:center center;
    }

    Bon la mon exemple est très moche mais c’est pour te montrer que tu peux faire n’importe quoi a partir du css et changer tous le skin si ça te chante.

    Répondre
    1. Idleman Auteur de l’article

      Je ne vois pas la différence de fond, mais si j’ai pu t’être utile tant mieux :) bonne continuation.

      Répondre
  6. val

    Je sais pas pourquoi mais, mais cela n’a pas marcher longtemps, est-ce normal que ma feuille css a changé toute seul pour redevenir normal.

    Répondre
    1. Idleman Auteur de l’article

      Non :) tu as du l’écraser sans le vouloir ou quelqu’un l’a écrasé pour toi, du css a durée limité ça n’existe pas (pas encore du moins ^^)

      Répondre
  7. val

    Oui je viens de m’en rendre compte mais j’ai réessayer cette fois avec un photo mais cela ne marche pas peux-tu m’éclairé?

    Répondre
    1. Idleman Auteur de l’article

      Montre moi le code de ton css sinon je ne peux rien faire pour toi :)

      Répondre
  8. val

    Mon fichier CSS est le fichier de départ.

    Répondre
    1. Idleman Auteur de l’article

      Il faut que tu l’affiche ici, je ne peux pas t’aider si je ne vois pas le code

      Répondre
  9. val

    Alors Bonne année et voici mon code css :

    ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:’courier new’,monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content: » »;content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type= »button »],input[type= »reset »],input[type= »submit »]{cursor:pointer;-webkit-appearance:button}input[type= »checkbox »],input[type= »radio »]{box-sizing:border-box}input[type= »search »]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type= »search »]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content: » »;display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content: » ( » attr(href) « ) »}abbr[title]:after{content: » ( » attr(title) « ) »}.ir a:after,a[href^= »javascript: »]:after,a[href^= »# »]:after{content: » »}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html.js .hideOnJs{display:none}html.no-js .hideOnNoJs{display:none}body{font-family:Ubuntu,sans-serif;font-size:16px;color:#555;background-color:#fff;margin:80px 30px}body>nav{position:fixed;z-index:1;width:100%;left:0;top:0;font-size:.85em;background-color:#f1f1f1;border-bottom:2px solid #d2d2d2}body>nav span.jsDisabledFallback{display:block;height:30px;line-height:30px;padding:0 10px;color:#999}body>nav a,body>nav a:active,body>nav a:visited{color:#555;cursor:pointer;text-decoration:none;opacity:.7;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block;height:30px;line-height:30px;padding:0 10px}body>nav a:hover,body>nav a:active:hover,body>nav a:visited:hover,body>nav a.hover,body>nav a:active.hover,body>nav a:visited.hover{color:#e80;background-color:rgba(255,255,255,0.5);opacity:1.0}body>nav .current a{background-color:rgba(255,255,255,0.5);opacity:1.0}body>nav img{position:relative;top:-2px;width:16px;height:16px}body>nav img+span{margin-left:6px}body>nav .crumb{float:left;border-right:1px solid #e7e7e7}body>nav .crumb .hint{margin-left:8px;font-style:italic;color:#999}body>nav .crumb img.hint{width:10px;height:10px}body>nav .view{float:right;border-left:1px solid #e7e7e7}body>nav #download{display:none;float:right;border-left:1px solid #e7e7e7}#content{max-width:960px;margin:0 auto}#content>header{display:none;padding-bottom:10px;margin-bottom:80px;border-bottom:2px dashed #ddd}#content>footer{display:none;padding-top:10px;margin-top:80px;border-top:2px dashed #ddd}#table table{display:block;width:100%;border-collapse:collapse}#table table th,#table table td{padding:3px 6px;text-align:left;border:0}#table table th{padding-bottom:18px;opacity:.4;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#table table th:hover,#table table th:hover a{color:#555;cursor:pointer;opacity:.9}#table table th a,#table table th a:visited{color:#555;font-weight:normal}#table table th a img,#table table th a:visited img{width:12px;height:12px;padding:0 8px}#table table td{border:1px solid #ddd;border-left:none;border-right:0}#table table td:nth-child(1),#table table th:nth-child(1){text-align:center;width:16px}#table table td:nth-child(1) img,#table table th:nth-child(1) img{width:16px;height:16px;padding-top:2px}#table table td:nth-child(2),#table table th:nth-child(2){width:682px;max-width:682px;overflow:hidden;white-space:nowrap}#table table td:nth-child(3),#table table th:nth-child(3){text-align:right;width:160px;min-width:160px;white-space:nowrap}#table table td:nth-child(4),#table table th:nth-child(4){text-align:right;width:70px;min-width:70px;white-space:nowrap}#extended.details-view{display:none}#extended.details-view ul{margin:0;padding:0;list-style:none}#extended.details-view ul li{position:relative;white-space:nowrap;clear:both}#extended.details-view ul li.header a,#extended.details-view ul li.header a:active,#extended.details-view ul li.header a:visited{padding-bottom:18px;color:#555;text-decoration:none;opacity:.4;cursor:pointer;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#extended.details-view ul li.header a img.ascending,#extended.details-view ul li.header a:active img.ascending,#extended.details-view ul li.header a:visited img.ascending,#extended.details-view ul li.header a img.descending,#extended.details-view ul li.header a:active img.descending,#extended.details-view ul li.header a:visited img.descending{position:relative;top:-2px;display:none;width:12px;height:12px;padding:0 8px}#extended.details-view ul li.header a:hover,#extended.details-view ul li.header a:active:hover,#extended.details-view ul li.header a:visited:hover{color:#555;opacity:.9}#extended.details-view ul li.header a.ascending img.ascending,#extended.details-view ul li.header a:active.ascending img.ascending,#extended.details-view ul li.header a:visited.ascending img.ascending{display:inline}#extended.details-view ul li.header a.descending img.descending,#extended.details-view ul li.header a:active.descending img.descending,#extended.details-view ul li.header a:visited.descending img.descending{display:inline}#extended.details-view ul li.entry a,#extended.details-view ul li.entry a:active,#extended.details-view ul li.entry a:visited{display:block;color:#555;text-decoration:none;cursor:pointer;border-bottom:1px solid #ddd}#extended.details-view ul li.entry a:hover,#extended.details-view ul li.entry a:active:hover,#extended.details-view ul li.entry a:visited:hover,#extended.details-view ul li.entry a.hover,#extended.details-view ul li.entry a:active.hover,#extended.details-view ul li.entry a:visited.hover{background-color:#f6f6f6;color:#e80}#extended.details-view ul li.entry a.selected:not(.selecting),#extended.details-view ul li.entry a:active.selected:not(.selecting),#extended.details-view ul li.entry a:visited.selected:not(.selecting),#extended.details-view ul li.entry a.selecting:not(.selected),#extended.details-view ul li.entry a:active.selecting:not(.selected),#extended.details-view ul li.entry a:visited.selecting:not(.selected){border-color:rgba(240,100,0,0.2);background-color:rgba(240,100,0,0.2)}#extended.details-view ul li.entry.error a,#extended.details-view ul li.entry.error a:active,#extended.details-view ul li.entry.error a:visited{color:#aaa}#extended.details-view ul li.entry.error a .label .hint,#extended.details-view ul li.entry.error a:active .label .hint,#extended.details-view ul li.entry.error a:visited .label .hint{margin-left:12px;font-size:.9em;color:#c55}#extended.details-view ul li.entry.error a:hover,#extended.details-view ul li.entry.error a:active:hover,#extended.details-view ul li.entry.error a:visited:hover,#extended.details-view ul li.entry.error a.hover,#extended.details-view ul li.entry.error a:active.hover,#extended.details-view ul li.entry.error a:visited.hover{opacity:1;background-color:#f6f6f6;color:#e80}#extended.details-view ul li.entry.folder-parent .date,#extended.details-view ul li.entry.folder-parent .size{display:none}#extended.details-view ul li.entry.folder .size{display:none}#extended.details-view ul li .icon,#extended.details-view ul li .label,#extended.details-view ul li .date,#extended.details-view ul li .size{padding:6px}#extended.details-view ul li .icon{display:inline-block;position:absolute;left:0;top:-2px;width:16px}#extended.details-view ul li .icon img{width:16px;height:16px}#extended.details-view ul li .icon img.thumb{border:1px solid #eee}#extended.details-view ul li .icon.big{display:none}#extended.details-view ul li .label{display:block;margin:0 270px 0 24px;overflow:hidden;white-space:nowrap;text-align:left}#extended.details-view ul li .date{position:absolute;right:100px;top:0;text-align:right;width:160px;white-space:nowrap}#extended.details-view ul li .size{position:absolute;right:0;top:0;text-align:right;width:80px;white-space:nowrap}#extended.details-view ul li.entry.thumb .icon.small{overflow:hidden;padding:5px}#extended.details-view ul li.entry.thumb .icon.small img{background-color:#eee;width:16px;height:16px;border:1px solid #ddd;overflow:hidden}#extended.details-view .empty{text-align:center;margin:50px 0;color:#ddd;font-size:5em;font-weight:bold}#selection-rect{display:none;position:absolute;left:0;top:0;z-index:2;border:1px dashed rgba(240,100,0,0.5);background-color:rgba(240,100,0,0.2)}#extended.icons-view{display:none;padding:3px;border:1px solid #eee;border-radius:15px}#extended.icons-view ul{margin:0;padding:0;list-style:none}#extended.icons-view ul li.header{display:none}#extended.icons-view ul li.entry{float:left}#extended.icons-view ul li.entry a,#extended.icons-view ul li.entry a:active,#extended.icons-view ul li.entry a:visited{display:block;margin:8px;padding:8px;width:100px;height:120px;float:left;text-align:center;text-decoration:none;overflow:hidden;border-radius:5px;color:#555;cursor:pointer;border:2px solid rgba(0,0,0,0)}#extended.icons-view ul li.entry a:hover,#extended.icons-view ul li.entry a:active:hover,#extended.icons-view ul li.entry a:visited:hover,#extended.icons-view ul li.entry a.hover,#extended.icons-view ul li.entry a:active.hover,#extended.icons-view ul li.entry a:visited.hover{color:#e80;border-color:#eee;background-color:#f6f6f6}#extended.icons-view ul li.entry a.selected:not(.selecting),#extended.icons-view ul li.entry a:active.selected:not(.selecting),#extended.icons-view ul li.entry a:visited.selected:not(.selecting),#extended.icons-view ul li.entry a.selecting:not(.selected),#extended.icons-view ul li.entry a:active.selecting:not(.selected),#extended.icons-view ul li.entry a:visited.selecting:not(.selected){border-color:rgba(240,100,0,0.2);background-color:rgba(240,100,0,0.2)}#extended.icons-view ul li.entry a .icon,#extended.icons-view ul li.entry a:active .icon,#extended.icons-view ul li.entry a:visited .icon{display:block}#extended.icons-view ul li.entry a .icon img,#extended.icons-view ul li.entry a:active .icon img,#extended.icons-view ul li.entry a:visited .icon img{min-width:48px;min-height:48px;margin-bottom:8px}#extended.icons-view ul li.entry a .icon img.thumb,#extended.icons-view ul li.entry a:active .icon img.thumb,#extended.icons-view ul li.entry a:visited .icon img.thumb{border:1px solid #eee}#extended.icons-view ul li.entry a .icon.small,#extended.icons-view ul li.entry a:active .icon.small,#extended.icons-view ul li.entry a:visited .icon.small{display:none}#extended.icons-view ul li.entry a .label,#extended.icons-view ul li.entry a:active .label,#extended.icons-view ul li.entry a:visited .label{display:block;word-wrap:break-word}#extended.icons-view ul li.entry a .date,#extended.icons-view ul li.entry a:active .date,#extended.icons-view ul li.entry a:visited .date,#extended.icons-view ul li.entry a .size,#extended.icons-view ul li.entry a:active .size,#extended.icons-view ul li.entry a:visited .size{display:none}#extended.icons-view ul li.entry.error a,#extended.icons-view ul li.entry.error a:active,#extended.icons-view ul li.entry.error a:visited{color:#aaa;text-decoration:none}#extended.icons-view ul li.entry.error a .label .hint,#extended.icons-view ul li.entry.error a:active .label .hint,#extended.icons-view ul li.entry.error a:visited .label .hint{padding:0 6px;font-size:.9em;color:#c55}#extended.icons-view ul li.entry.error a:hover,#extended.icons-view ul li.entry.error a:active:hover,#extended.icons-view ul li.entry.error a:visited:hover,#extended.icons-view ul li.entry.error a.hover,#extended.icons-view ul li.entry.error a:active.hover,#extended.icons-view ul li.entry.error a:visited.hover{color:#e80;border-color:#eee;background-color:#f6f6f6}#extended.icons-view ul li.entry.thumb .icon.big{width:100px;height:58px;overflow:hidden}#extended.icons-view ul li.entry.thumb .icon.big img{background-color:#eee;min-width:46px;min-height:46px;min-width:12px;min-height:12px;border:1px solid #ddd;overflow:hidden}#extended.icons-view .empty{padding:16px;height:120px;text-align:center;color:#ddd;font-size:5em;font-weight:bold}#tree{display:none;position:fixed;left:0;top:82px;z-index:1;overflow:auto;font-size:.85em;padding:8px;background-color:#f1f1f1;border:1px solid #d2d2d2;border-left:none;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}#tree>.scrollbar{margin:8px 8px 8px 0;width:6px;background-color:#d2d2d2;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#tree>.scrollbar .drag{background-color:#b4b4b4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#tree>.scrollbar.dragOn .drag{background-color:#969696}#tree .entry .blank,#tree .entry .indicator{display:inline-block;width:16px;height:25px;float:left}#tree .entry .indicator{opacity:.7;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer}#tree .entry .indicator:hover{opacity:1}#tree .entry .indicator img{position:relative;left:0;top:3px;width:12px;height:12px;vertical-align:bottom;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#tree .entry .indicator.open img{-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}#tree .entry .indicator.unknown{opacity:.3}#tree .entry>a,#tree .entry>a:active,#tree .entry>a.visited{margin-left:16px;padding:4px 6px;border:1px solid rgba(0,0,0,0);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:block;color:#555;text-decoration:none;opacity:.7}#tree .entry>a:hover,#tree .entry>a:active:hover,#tree .entry>a.visited:hover,#tree .entry>a.hover,#tree .entry>a:active.hover,#tree .entry>a.visited.hover{color:#e80;background-color:rgba(255,255,255,0.5);opacity:1}#tree .entry>a .label,#tree .entry>a:active .label,#tree .entry>a.visited .label{display:inline-block}#tree .entry>a .icon,#tree .entry>a:active .icon,#tree .entry>a.visited .icon{display:inline-block;width:20px}#tree .entry>a .icon img,#tree .entry>a:active .icon img,#tree .entry>a.visited .icon img{width:16px;height:16px;vertical-align:bottom}#tree .entry>a .hint,#tree .entry>a:active .hint,#tree .entry>a.visited .hint{display:inline-block;margin-left:12px;font-size:.9em;color:#ccc}#tree .entry>a .hint img,#tree .entry>a:active .hint img,#tree .entry>a.visited .hint img{width:10px;height:10px;vertical-align:baseline}#tree .entry.file{display:none}#tree .entry.current>a,#tree .entry.current>a:active,#tree .entry.current>a:visited{border:1px solid #ddd;background-color:rgba(255,255,255,0.5);opacity:1}#tree .entry.error>a,#tree .entry.error>a:active,#tree .entry.error>a:visited{color:#999}#tree .entry.error>a:hover,#tree .entry.error>a:active:hover,#tree .entry.error>a:visited:hover,#tree .entry.error>a.hover,#tree .entry.error>a:active.hover,#tree .entry.error>a:visited.hover{color:#e80}#tree .entry.error .hint{color:#c55}#tree .entry .content,#tree .entry ul.content{list-style:none;margin:0;padding:0 0 0 24px}body>footer{position:fixed;z-index:1;width:100%;left:0;bottom:0;padding:6px 0 8px 0;background-color:#f1f1f1;border-top:2px solid #d2d2d2;color:#999;font-size:.85em;text-align:center}body>footer a,body>footer a:active,body>footer a:visited{color:#555;text-decoration:none;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:.7}body>footer a:hover,body>footer a:active:hover,body>footer a:visited:hover{color:#e80;opacity:1}body>footer .left{display:block;padding:0 8px;float:left}body>footer .center{display:block;margin:0 100px}body>footer .right{display:block;padding:0 8px;float:right}body>footer .noJsMsg{color:#c33;margin-left:16px}body>footer .status .sep{display:inline-block;padding:0 6px}body>footer .status.dynamic{display:none}body>footer #langSelector{position:relative;cursor:pointer}body>footer #langSelector .langOptions{position:absolute;z-index:2;overflow:auto;display:none;right:0;top:0;max-height:200px;background-color:#f1f1f1;border:1px solid #d2d2d2}body>footer #langSelector .langOptions>.scrollbar{margin:0;width:6px;background-color:#d2d2d2}body>footer #langSelector .langOptions>.scrollbar .drag{background-color:#b4b4b4}body>footer #langSelector .langOptions>.scrollbar.dragOn .drag{background-color:#969696}body>footer #langSelector .langOptions ul{margin:0;padding:0;list-style:none;text-align:left}body>footer #langSelector .langOptions ul li{padding:8px 24px 10px 24px;white-space:nowrap;border-top:1px solid #e7e7e7;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body>footer #langSelector .langOptions ul li.current{color:#333;background-color:rgba(255,255,255,0.8)}body>footer #langSelector .langOptions ul li:hover{color:#e80;background-color:rgba(255,255,255,0.8)}@media only screen and (max-width:500px){body>nav .view span{display:none}#extended.icons-view{padding:0;border:0;margin:0 -14px}}@media only screen and (max-width:350px){body>nav .crumb{display:none}body>nav .current{display:block}#extended.details-view .header .label,#extended.details-view .entry .label{margin-right:110px}#extended.details-view .header .date,#extended.details-view .entry .date{display:none}body>footer .center{display:none}}

    Répondre
  10. Lenmaer

    Bonjour,
    J’ai moi aussi essayé de modifier le CSS pour changer l’image de fond, mais je n’y arrive pas.
    Mon dossier h5ai ne contient que « styles.css »et quand j’ajoute les modifications du petit bonus, c’est pas pris en compte.
    Je suis désespéré, je ne trouve aucun tutoriel nulle part.

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Xo ^_^ :siffle: :p :-( :evil: oO :) T_T <3 :D more »