AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Faire un sélecteur de thème

    Partagez
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Mer 9 Sep 2009 - 11:48

    Rappel du premier message :

    Salut salut,

    A force de subir les demandes, je vous donne une fois pour toutes le code qui m'a servit à faire le sélecteur de Skin, en vous expliquant en deux mots comment l'utiliser.

    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Code:
    <div style="text-align: center;"><font style="color: #747474;" size="1">Choisis ton ambiance :</font><br><br></div><center>                               
            <script type="text/javascript">
                /* <![CDATA[ */
                    var scheme = getCookie('template1');
                    if (scheme == 'Fresh Fruits')
                    {
                        document.write('<link rel="stylesheet" type="text/css" href="http://host.image.files.free.fr/host/4aa05ca567a5dcsstheme16b.css">');
                    }
                    else if (scheme == 'Sober Night')
                    {
                        document.write('<link rel="stylesheet" type="text/css" href="http://host.image.files.free.fr/host/4a81e47691c42csstheme17.css">');
                    }
                    else if (scheme == 'Poker Face')
                    {
                        document.write('<link rel="stylesheet" type="text/css" href="http://host.image.files.free.fr/host/4a81e3770e4b7csstheme18.css">');
                    }
                    //No need to modify anything below this line
                    function changeskin(change) {
                        var scheme = change;
                        var name = 'template1';
                        var pathname = location.pathname;
                        var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
                        var ExpDate = new Date ();
                        ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
                        setCookie(name,scheme,ExpDate,myDomain);
                    }
                 
                    function getCookie(name){
                        var cname = name + "=";
                        var dc = document·cookie;
                        if (dc.length > 0) {
                            begin = dc.indexOf(cname);
                            if (begin != -1) {
                                begin += cname.length;
                                end = dc.indexOf(";", begin);
                                if (end == -1) end = dc.length;
                                return unescape(dc.substring(begin, end));
                            }
                        }
                        return null;
                    }
                 
                    function setCookie(name, value, expires, path, domain, secure) {
                        document·cookie = name + "=" + escape(value) +
                        ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
                        ((path == null) ? "" : "; path=" + path) +
                        ((domain == null) ? "" : "; domain=" + domain) +
                        ((secure == null) ? "" : "; secure");
                    }
                /* ]]> */
            </script>
       
            <div id="skinselector">
                <form>
                    <select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
                        <option> >.Skins disponibles </option>
                        <option value="Fresh Fruits"> Fresh Fruits </option>

                        <option value="Sober Night"> Sober Night </option>
                        <option value="Poker Face"> Poker Face </option>
                    </select>
                </form>
            </div>


    Ce code est à mettre l'endroit où vous voulez appliquer le sélecteur.

    Attention ! Selon l'endroit où vous le placez, ce sélecteur ne sera pas effectif partout ! Si vous voulez que lorsque le membre change de page en entrant sur le forum par exemple le skin qu'il a choisi reste le même, il faut mettre le code dans les templates en haut de page.

    Templates : "Overall_header New"

    Placez le code après :

    Code:
                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                   <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                   </tr>
                </table>


    Utilisation :

    Vous l'avez donc compris, il faut utiliser UNIQUEMENT les feuilles CSS pour donner au forum son skin, c'est là que réside la difficulté de la tâche, car mettre un code en copier coller c'est facile, mais convertir un design normalement "automatique" en CSS c'est déjà plus difficile. Estimez-vous heureux, vous n'avez pas à passer en revenue tout le CSS de base du forum pour y trouver les identifiants car beaucoup vous seront donnés dans cette section de Trucs et Astuces. Ca vous économise un bon nombre d'heure de travail.

    Il faudra donc que vous alliez fouiller dans les topics de cette section pour trouver tout les moyens d'utiliser le CSS dans vos fora.


    Précision : une fois que vous avez fait vos différentes feuilles CSS, il faut les héberger. Pour cela, utilisez par exemple H.I.F..


    Dernière édition par Sparrow-style le Mer 13 Juin 2012 - 23:05, édité 5 fois



    avatar
    Xenala
    FémininAge : 34Messages : 28

    le Sam 27 Déc 2014 - 11:07

    Merci ^^
    avatar
    louha
    FémininAge : 29Messages : 212

    le Jeu 1 Jan 2015 - 16:07

    merci!
    avatar
    Rusha
    FémininAge : 20Messages : 6

    le Jeu 8 Jan 2015 - 16:09

    merci!! c'est bien pratique tout ça!
    avatar
    Pony62
    FémininAge : 21Messages : 61

    le Jeu 8 Jan 2015 - 21:15

    interressée! merci ! :)



    Underconstruction ♫
    avatar
    Mangédéfruiélégumeuh
    MasculinAge : 19Messages : 82

    le Mer 21 Jan 2015 - 17:44

    Merci Very Happy
    avatar
    hirondelle
    FémininAge : 27Messages : 134

    le Sam 7 Fév 2015 - 9:40

    Merci beaucoup
    avatar
    Rozenbrez
    FémininAge : 25Messages : 1271

    le Lun 9 Fév 2015 - 15:27

    Je vais tester le sélecteur de thème pour mon forum, car apparent mon design actuel n'est pas aux goûts de tout le monde. Merci donc d'avoir proposer le tuto en LS Capitaine <3





    Merci au lutin anonyme de cette année. <3

    avatar
    Arc-En-Ciela
    FémininAge : 21Messages : 37

    le Ven 20 Fév 2015 - 19:37

    Merci, j'ai hâte d'y jeter un coup d'oeil !
    avatar
    Kovu
    FémininAge : 15Messages : 250

    le Lun 23 Fév 2015 - 3:42

    J'adore !



    avatar
    Adèle
    FémininAge : 25Messages : 96

    le Sam 28 Fév 2015 - 16:23

    Pile ce qu'il me faut ♥
    Merci beaucoup !
    avatar
    Kirito
    MasculinAge : 21Messages : 192

    le Dim 22 Mar 2015 - 18:17

    Intéressé Wink merci
    avatar
    Hana Evali
    FémininAge : 26Messages : 161

    le Lun 23 Mar 2015 - 20:21

    Merci ^^



    avatar
    erika02
    FémininAge : 20Messages : 253

    le Mar 24 Mar 2015 - 15:51

    Merci



    avatar
    ClaryF
    FémininAge : 26Messages : 133

    le Mer 15 Avr 2015 - 11:45

    Merci !
    avatar
    mary legna
    FémininAge : 21Messages : 12

    le Dim 17 Mai 2015 - 20:37

    Merci !
    avatar
    Lyo
    FémininAge : 21Messages : 52

    le Jeu 21 Mai 2015 - 17:37

    Merci ♥
    avatar
    Itachi28
    FémininAge : 20Messages : 47

    le Lun 22 Juin 2015 - 22:49

    Merci!
    avatar
    Alumine
    FémininAge : 19Messages : 488

    le Mar 21 Juil 2015 - 16:51

    Thanks Cap'tain !



    Alumine
    avatar
    Genocider
    MasculinAge : 18Messages : 35

    le Lun 3 Aoû 2015 - 22:20

    Thanks o/
    En ligne
    avatar
    Kelalin
    FémininAge : 24Messages : 1460

    le Lun 3 Aoû 2015 - 22:50

    Merci ( ̄ー ̄)
    avatar
    Tchi
    FémininAge : 24Messages : 40

    le Lun 31 Aoû 2015 - 12:20

    Merci pour ce code ♥♥
    avatar
    Ab0utxMe
    FémininAge : 22Messages : 182

    le Ven 11 Sep 2015 - 20:49

    Merci beaucoup, j'ai assez peur de me lancer dans ce genre de code ! ^^



    avatar
    Deamyx
    MasculinAge : 21Messages : 143

    le Ven 11 Déc 2015 - 19:17

    Merci!!!
    avatar
    Myrcella Heaven
    FémininAge : 20Messages : 53

    le Dim 20 Déc 2015 - 14:36

    Merci !
    avatar
    Eil'liathan Tyan'Lirulin
    FémininAge : 25Messages : 306

    le Dim 27 Déc 2015 - 19:10

    Bon, tentons de ce compliquer un peu la vie !
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 17:05