« Précédente

Ti_ouf · 27/02/06 14:28:36

oui l'outil te permetant t'attribuer une dimension fixe ou fluide!
y'a du javascript çà c'est sur lol
cookies ?

TibaL · 27/02/06 15:26:06

Ti_ouf a écrit:
cookies ?

En effet....

Code:

function switch_affichage() {
    var affichage_fa = GetCookie('affichage');
    if(affichage_fa != 'liquide') {
        document.getElementById('body').style.textAlign = 'left';
        document.getElementById('punwrap').style.marginRight = '20px';
        document.getElementById('punwrap').style.width = '96%';
        document.getElementById('img_affichage').src = "img/CASFROG/affichage_fixe.gif";
        document.getElementById('img_affichage').title = 'Affichage fixe';
        var affichage_f = 'liquide';
    } else {
        document.getElementById('body').style.textAlign = 'center';
        document.getElementById('punwrap').style.textAlign = 'left';
        document.getElementById('punwrap').style.marginRight = 'auto';
        document.getElementById('punwrap').style.marginLeft = 'auto';
        document.getElementById('punwrap').style.width = '770px';
        document.getElementById('img_affichage').src = "img/CASFROG/affichage_etire.gif";
        document.getElementById('img_affichage').title = 'Affichage fluide';
        var affichage_f = 'fixe';
    }

    var pathname = location.pathname;
    var myDomain = pathname.substring(0, pathname.lastIndexOf('/')) + '/';
    var date_exp = new Date();
    date_exp.setTime(date_exp.getTime() + (365*24*3600*1000));
    SetCookie('affichage', affichage_f, date_exp, myDomain);
}

@Ju : ne préfères tu pas un padding pour body plutôt que : style.width = '96%' ?

Dernière modification par TibaL (27/02/06 15:34:35)

tsunammis · 27/02/06 16:39:30

Tibal a écrit:
@Ju : ne préfères tu pas un padding pour body plutôt que : style.width = '96%' ?

Malgré que ce soit pour Ju, je vais quand même répondre, Le width 96% s'adapte à tout les navigateurs, tandis qu'un padding-left et right, sont de temps en temps, je ne dis pas tout le temps, mais dans quelque cas, Internet Explorer les interprètent mal, et le rendu est assez médiocre.

L'avantage aussi, est que cela s'adapte avec la configuration de l'écran, si par exemple il aurai instauré un padding de 16px à droite et à gauche, bin sur un écran en 1600*1200 on aurai presque rien vue, tandis que sur un 800*600, bin ça serai assez 'large'.

Voila, ce n'est que mon avis !

rockboy214 · 27/02/06 18:12:05

TibaL a écrit:
Ti_ouf a écrit:
juste pour avoir quelques explications sur la méthode utilisée avec l'outil affichage ...
Paaaardon ?

Il veut savoir comment ju a fait pour que ça soit "extensible" ou non smile

EDIT: Oups... j'avais pas vu la page 3

Ju · 27/02/06 19:42:02

Ti_ouf a écrit:
juste pour avoir quelques explications sur la méthode utilisée avec l'outil affichage ...

Des explications techniques ?
Rien de bien compliqué, le bouton appelle tout simplement une fonction javascript qui change les propriétés CSS des éléments de la mise en page en les pointant grace à leur id (on peut appeller ça du DHTML). Dans un même tps, elle met à jour un cookie sur le pc du visiteur qui indique le mode qu'il a a actuellement choisis. Ainsi, lors du rechargement de la page, par une simple lecture PHP du cookie, un bout de la CSS est modifié pour faire directement afficher en fixe ou en fluide.

EDIT:
@TibaL : Non, le but du JS est d'annuler le width: 770px, donc il faut lui attribuer obligatoirement une autre valeur. Le mieux serait de l'annuler et dc de laisser le DIV s'expanser naturellement mais j'ai jamais su comment faire (si toute fois c'est possible d'annuler strictement une propriété CSS en JS). Au niveau du CSS lors d'un chargement de la page directement en fluide, DIV n'a tout simplement aucun width et s'expanse naturellement.

Dernière modification par Ju (27/02/06 19:46:44)

RaVage · 03/03/06 02:37:09

Ju a écrit:
Un grand merci à Nicobou de DeviantART pour son wallpaper qui a servi de base au header du forum.

J'ai essaye de le contacter, car j'aime beaucoup son travail et aurait voulu emprunter pour refaire le style de mon blog, mais il repond pas !
Comment l'avez-vous contacte ? Quelles sont ses requetes pour pouvoir utiliser son travail ?
Merci

mika · 03/03/06 11:58:55

RaVage a écrit:
Quelles sont ses requetes pour pouvoir utiliser son travail ?

Un joli billet vert tongue

ZeFroG · 14/05/06 22:38:26

J'aime ce skin, pas besoin de chercher longtemps pourquoi tongue

le tarer du systeme · 15/05/06 18:26:29

Vous allez le retablir ou non?

mika · 15/05/06 18:30:44

Profil-->Affichage-->CAS Frog

le tarer du systeme · 15/05/06 18:59:14

j'ai rien dit lol

Annonces

#51 27/02/06 14:28:36

Re: CAS The Frog

#52 27/02/06 15:26:06

Re: CAS The Frog

Ti_ouf a écrit:

Code:

#53 27/02/06 16:39:30

Re: CAS The Frog

Tibal a écrit:

#54 27/02/06 18:12:05

Re: CAS The Frog

TibaL a écrit:

Ti_ouf a écrit:

#55 27/02/06 19:42:02

Re: CAS The Frog

Ti_ouf a écrit:

#56 03/03/06 02:37:09

Re: CAS The Frog

Ju a écrit:

#57 03/03/06 11:58:55

Re: CAS The Frog

RaVage a écrit:

#58 14/05/06 22:38:26

Re: CAS The Frog

#59 15/05/06 18:26:29

Re: CAS The Frog

#60 15/05/06 18:30:44

Re: CAS The Frog

#61 15/05/06 18:59:14

Re: CAS The Frog

Pied de page du Forum