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 : 31849

    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
    QueenDancing13
    FémininAge : 20Messages : 84

    le Lun 10 Juin 2013 - 15:02

    I want Wink



    avatar
    Coco-Drift
    MasculinAge : 23Messages : 18

    le Mar 18 Juin 2013 - 20:31

    Thx a lot :3
    avatar
    Eros
    MasculinAge : 21Messages : 19

    le Mar 18 Juin 2013 - 23:53

    Merci
    avatar
    alexandre385
    MasculinAge : 16Messages : 25

    le Mer 21 Aoû 2013 - 17:36

    merci
    avatar
    Ryosaki
    MasculinAge : 24Messages : 109

    le Mar 10 Sep 2013 - 12:48

    Merci



    avatar
    Yukionna
    FémininAge : 16Messages : 75

    le Dim 29 Sep 2013 - 15:42

    Merciiii
    avatar
    teck
    MasculinAge : 25Messages : 63

    le Dim 27 Oct 2013 - 13:55

    merci beaucoup



    avatar
    Lady Doll
    FémininAge : 28Messages : 101

    le Ven 6 Déc 2013 - 11:08

    merci =D
    avatar
    Deviliar
    FémininAge : 28Messages : 44

    le Dim 8 Déc 2013 - 16:16

    merci beaucoup !
    avatar
    Miss Kiba
    FémininAge : 23Messages : 38

    le Ven 13 Déc 2013 - 19:58

    Merci!
    avatar
    Junhae
    MasculinAge : 20Messages : 16

    le Lun 30 Déc 2013 - 22:46

    Merci o/



    avatar
    Cokinelle
    FémininAge : 20Messages : 10

    le Mer 8 Jan 2014 - 18:36

    Merci bien.
    avatar
    Thorn
    MasculinAge : 16Messages : 422

    le Sam 1 Fév 2014 - 17:23

    Merci beaucoup !^^



    avatar
    rhino
    MasculinAge : 21Messages : 25

    le Jeu 27 Fév 2014 - 2:49

    Merci !
    avatar
    Lakxi
    FémininAge : 24Messages : 40

    le Lun 21 Avr 2014 - 19:42

    parfait ! merci !
    avatar
    Miyoko
    FémininAge : 24Messages : 213

    le Lun 5 Mai 2014 - 18:16

    Merci beaucoup



    avatar
    Ryuu
    FémininAge : 23Messages : 61

    le Lun 5 Mai 2014 - 18:20

    Merci ♥



    Golhbul
    MasculinAge : 35Messages : 15

    le Lun 19 Mai 2014 - 12:45

    Génial...Merci
    avatar
    Cydae
    FémininAge : 24Messages : 99

    le Ven 13 Juin 2014 - 9:30

    Merci beaucoup!
    avatar
    Haaken
    FémininAge : 23Messages : 43

    le Mar 24 Juin 2014 - 22:36

    Merci par avance =)
    Zahil
    MasculinAge : 23Messages : 29

    le Sam 28 Juin 2014 - 21:28

    Merci !
    avatar
    Saphiina
    FémininAge : 22Messages : 26

    le Dim 29 Juin 2014 - 11:09

    Je cherchais ça depuis longtemps :o merci Very Happy
    avatar
    Klemmeria
    FémininAge : 17Messages : 147

    le Dim 29 Juin 2014 - 16:44

    merci!



    avatar
    skyfighter
    MasculinAge : 34Messages : 342

    le Lun 30 Juin 2014 - 16:20

    merci





    avatar
    Lunara
    FémininAge : 30Messages : 95

    le Mar 8 Juil 2014 - 20:34

    merci pour le partage, ça m'intrigue !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Mar 2017 - 23:07