Deprecated: Function set_magic_quotes_runtime() is deprecated in /var/www/sda/3/a/fredomkb/forum/include/common.php on line 59

Warning: Cannot modify header information - headers already sent by (output started at /var/www/sda/3/a/fredomkb/forum/include/common.php:59) in /var/www/sda/3/a/fredomkb/forum/header.php on line 41

Warning: Cannot modify header information - headers already sent by (output started at /var/www/sda/3/a/fredomkb/forum/include/common.php:59) in /var/www/sda/3/a/fredomkb/forum/header.php on line 42

Warning: Cannot modify header information - headers already sent by (output started at /var/www/sda/3/a/fredomkb/forum/include/common.php:59) in /var/www/sda/3/a/fredomkb/forum/header.php on line 43

Warning: Cannot modify header information - headers already sent by (output started at /var/www/sda/3/a/fredomkb/forum/include/common.php:59) in /var/www/sda/3/a/fredomkb/forum/header.php on line 44
Projets pour Spip et PunBb / Passer de 2 à 3 colonnes

MiniGriSpip

Petit site de test et de démonstration du squelette MiniGriSpip 1.6...
Accueil du site > Accueil forums > Squelette MiniGriSpip > Passer de 2 à 3 colonnes
Projets pour Spip et PunBb - Petit forum de discussion autour de quelques projets personnels pour SPIP et PunBb.
     

Annonce

Bonjour et bienvenue sur les forums techniques de MiniGriSpip :-)

Quelques liens : Et Mgs alors ? - Balise #TMP - MiniGriSpip 1.6 - Mise-à-jour Calendrier

IMPORTANT : La participation à ces forums est strictement réservée aux membres inscrits, merci de votre compréhension.

ATTENTION : L'inscription au forum est désormais fermée pour cause de spams en trop grande quantité.

01/03/2011 - FredoMkb

  • Passer de 2 à 3 colonnes

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

#1 31-10-2007 12:01:24

Gillou
Apprenti
Date d'inscription: 10-11-2006
Messages: 28

Passer de 2 à 3 colonnes

Bonjour,

Je voulais savoir si il y avait un moyen rapide et simple de pouvoir faire passer son site MiniGrispip de 2 à 3 colonnes ou faut-il carrément revoir le squelette du site ? Quand je dis que je voudrais passer à 3 colonnes, je sous entend conserver le "inc-menu" à gauche, le "sommaire" au centre et rajouter une colonne à droite de la taille de "inc-menu".

Ce passage de 2 à 3 colonnes nécessiterait que l'affichage soit optimale pour un écran en résolution 1024*768  et non plus 800*600. Y a-t-il également une façon rapide de modifier cela ?

Pour info, je ne me rappelle plus de la version de mon squelette MiniGrispip mais je l'ai depuis octobre-novembre de l'année dernière.

Merci d'avance pour vos réponses !
Gillou

Dernière modification par Gillou (31-10-2007 15:54:34)

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 492

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 614

#2 31-10-2007 15:17:06

Pascal Boulerie
Novice
Date d'inscription: 14-06-2007
Messages: 21

Re: Passer de 2 à 3 colonnes

Gillou a écrit:

rajouter une colonne à droite

Certes, mais quel sera l'intérêt fonctionnel, en terme d'ergonomie de navigation pour le lecteur ?
Quel sera l'impact sur la lisibilité et l'accessibilité du site ?

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 492

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 614

#3 31-10-2007 15:20:16

Pascal Boulerie
Novice
Date d'inscription: 14-06-2007
Messages: 21

Re: Passer de 2 à 3 colonnes

Gillou a écrit:

je ne me rappelle plus de la version de mon squelette MiniGrisp

La version est peut-être indiquée dans les entetes - dans les sources HTML, sur votre serveur.

Exemple :
dans le fichier .\squelettes\article.html
[(#REM)<!-- MiniGriSpip 1.4.2 - 2006 (c) FredoMkb -->]

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 492

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 614

#4 31-10-2007 15:34:01

Gillou
Apprenti
Date d'inscription: 10-11-2006
Messages: 28

Re: Passer de 2 à 3 colonnes

Pascal Boulerie a écrit:

Gillou a écrit:

rajouter une colonne à droite

Certes, mais quel sera l'intérêt fonctionnel, en terme d'ergonomie de navigation pour le lecteur ?
Quel sera l'impact sur la lisibilité et l'accessibilité du site ?

C'est juste pour éviter d'avoir des pages de 3 km de long.
Dans ma colonne de gauche, j'ai déja les brèves, un agenda, des photos aléatoires, des classements (je compte en rajouter), un sondage, les rubriques, le formulaire de recherche et un calendrier sous forme d'images.
Bref ma colonne de droite servirait par exemple à mettre les différents classements qu'il y a et/ou ceux que je souhaite ajouter (il devrait y en avoir 6 de plus). Ces classements n'affichent que les 5 premiers et un lien vers des classements plus complets.

Voici mon site : http://www.biathlonfrance.com 

Et bien vu, hasard ou pas, c'est bien la version 1.4.2 que j'utilise  wink

Dernière modification par Gillou (31-10-2007 15:55:50)

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 492

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 614

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

#5 31-10-2007 23:57:40

marlene.N
Novice
Date d'inscription: 20-06-2007
Messages: 24

Re: Passer de 2 à 3 colonnes

voici mon nouveau fichier "inc menudroite" crée dans inc, avec une nouvelle classe "mgs_titrecolonnedroite"
que j'ai modifié dans mon css, puisuqe ce sont pas les mêmes couleurs que les class "mgs-titre"

#CACHE{0}

<!-- Bloc calendrier -->
<div class="mgs_menu">
    <div class="mgs_picto mgs_picto_cal"></div>
    <ul class="general">
        <li class="mgs_titrecolonnedroite"><:mgs_calendrier:></li>
    </ul>
    <div class="mgs_menu_cal">
        [(#DATE|cal_site)]
    </div>
</div>

<!-- Bloc d'infos et statistiques du site -->
<!-- Code librement inspire du squeltte Sarka-Spip <http://sarka-spip.com/> -->
<div class="mgs_menu">
    <div class="mgs_picto mgs_picto_inf"></div>
    <ul class="general">
        <li class="mgs_titrecolonnedroite"><:mgs_infos:></li>
        <li class="mgs_vide"></li>
        <BOUCLE_der_modif(RUBRIQUES){age>=0}{par date}{inverse}{0,1}>
        <li class="mgs_menu_infos"><em><:mgs_der_modif:></em><br />
        <strong><:mgs_le:>[(#DATE|nom_jour)] [(#DATE|affdate)]</strong></li>
        </BOUCLE_der_modif>
        <li class="mgs_menu_infos_sep"></li>
        <li class="mgs_menu_infos"><em><:mgs_stats_contenus:></em><br />
        <B_articles_tout> <BOUCLE_articles_tout(ARTICLES){tout}> </BOUCLE_articles_tout>
            <:mgs_articles_nbr:><strong>#TOTAL_BOUCLE</strong>&nbsp;-&nbsp;
        </B_articles_tout>
        <B_breves_tout> <BOUCLE_breves_tout(BREVES){tout}> </BOUCLE_breves_tout>
            <:mgs_breves_nbr:><strong>#TOTAL_BOUCLE</strong><br />
        </B_breves_tout>
        <B_commentaires_tout> <BOUCLE_commentaires_tout(FORUMS){tout}> </BOUCLE_commentaires_tout>
            <:mgs_commentaires_nbr:><strong>#TOTAL_BOUCLE</strong><br />
        </B_commentaires_tout>
        <B_sites_tout> <BOUCLE_sites_tout(SITES){tout}> </BOUCLE_sites_tout>
            <:mgs_sites_nbr:><strong>#TOTAL_BOUCLE</strong>&nbsp;-&nbsp;
        </B_sites_tout>
        <B_auteurs_tout> <BOUCLE_auteurs_tout(AUTEURS){tout}> </BOUCLE_auteurs_tout>
            <:mgs_auteurs_nbr:><strong>#TOTAL_BOUCLE</strong>
        </B_auteurs_tout>
        </li>
        <li class="mgs_menu_infos_sep"></li>
        <li class="mgs_menu_infos"><em><:mgs_stats_visites:></em><br />
            <:mgs_visites_aujourdhui:><strong><:mgs_visit_today|visites_site:></strong>&nbsp;-&nbsp;
            <:mgs_visites_total:><strong><:mgs_visit_all|visites_site:></strong>
        </li>
    </ul>
</div> <!-- /menu -->

ensuite, j'ai inséré le bout de code (celui en gras) dans chaque page html ( sommaire, article, rubrique...)
voici :

<!-- Bloc menus de navigation -->
                <div id="mgs_navigation">
                    <!-- Bloc d'inclusion du menu de navigation -->
                    <INCLURE{fond=inc/inc-menu}{date}{lang}>
                   
                    <!-- Bloc d'inscription au site si option active -->
                    [<div class="mgs_menu">
                        <div class="formulaire">
                            (#FORMULAIRE_INSCRIPTION)
                        </div>
                    </div>]

                </div> <!-- /mgs_navigation -->
               
                <div id="mgs_blocdroite">
                <INCLURE{fond=inc/inc-menudroite}{date}{lang}>
                </div>

dans le css je l'ai aussi positionné, en tant que nouveau bloc.
mais il a fallu redimensionner le site, pour cela j'ai utilisé les % au lieu des px dans le css, pour que chaque résolution d'écran n'aie pas de barre de navigation en bas....

mais  mad  mad  mad  mad  mad  mad  IE !

je galèèèèèèèèèèèère !!!!!!!!!!!!! mes blocs sont bien centrées, bien comme il faut, mais il laisse un grand espace entre tous...pfffff....

en attendant, je convertis tout le monde à firefox...

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

#6 26-06-2008 02:55:30

Pauls
Novice
Date d'inscription: 05-06-2008
Messages: 8

Re: Passer de 2 à 3 colonnes

Merci pour toute ces info, par contre, chez moi, cela fait tout bugé.
Le truc c'est que je ne sait pas vraiment ce qu'il faut modifié dans le fichier css.
Si quelq'un avait une idée?

Hors ligne

 

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 552

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 553

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 492

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 537

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sda/3/a/fredomkb/forum/include/parser.php on line 614

#7 30-09-2008 11:04:07

Pauls
Novice
Date d'inscription: 05-06-2008
Messages: 8

Re: Passer de 2 à 3 colonnes

Yép, aprés avoir pas mal galéré, j'ai enfin complétement terminé.

Dans le CSS, il faut rajouté dans :

/*** Le bloc de navigation contenant les menus de navigation et des resumes ***/

ceci :

/* bloc droit */
#bloc_droit {
    width: 228px;
    margin: 0px;
    float:right;
    top: 190px;
}

Pour la taille, c'est ici :

/****************************************************/
/*** Le bloc "page" qui englobe tout le site ***/
#mgs_page {
    width: 800px;

et j'ai remplacé 800px par

1040px

Ensuite, pour ce que ça interrese, voici mon fichier inc-menudroite.html, je fait fonctionner la colone droite avec le mots clé :"manchette"

#CACHE{0}

<div id="bloc_droit">

<!-- Bloc affichant ler dernier article en date debutant par le mot-cle "manchette" -->
                    <div id="mgs_manchette"></div>
                    <B_articles_manchette>       
                    <div class="mgs_bloc">               
                    <div class="mgs_picto mgs_picto_edi"></div>
                        <ul class="general">                           
                        <li class="mgs_menu_titre">Ιnfo Divers                       
                        </ul>
                        <BOUCLE_articles_manchette(ARTICLES) {titre_mot==^manchette} {doublons} {par date} {inverse} {0,5}>                        <div class="mgs_article">
                            [<p class="mgs_surtitre">(#SURTITRE)</p>]
                            [<div class="mgs_logo">(#LOGO_ARTICLE_RUBRIQUE|right|#URL_ARTICLE|image_reduire{45})</div>]
                            <div class="mgs_titre"><a href="#URL_ARTICLE"> <b>  #TITRE </b> </div>
                            <div class="mgs_texte_int">
                                [<p class="mgs_soustitre">(#SOUSTITRE)</p>]
                               
                                [<div class="mgs_intro">(#INTRODUCTION|couper{160})</div>]
                                [<div class="mgs_texte">(#TEXTE*|somm_table|filets_sep|propre|reduire_image{150,0})</div>]
                                [<div class="mgs_ps">(#PS)</div>]
                                [<div class="mgs_ps"><:voir_en_ligne:>: <a href="(#URL_SITE)" class="spip_out">#NOM_SITE</a>.</div>]
                                [<div class="mgs_notes"><p class="mgs_notes_titre"><:mgs_notes:></p>(#NOTES)</div>]
                            </div>
                            <div class="mgs_chemin">                                                        </div>                        </div> <!-- /mgs_article -->
                        </BOUCLE_articles_manchette>                        <ul class="general">                   
                        </ul>
                    </div>
                    </B_articles_manchette>
                         <!-- Si aucune manchette, alors on affiche un message d'information -->
                        <div class="mgs_bloc">
                            <div class="mgs_picto mgs_picto_edi"></div>
                            <ul class="general">
                                <li class="mgs_menu_titre"><:mgs_aucune_manchette:></li>
                            </ul>
                        </div>
                    <//B_articles_manchette>
                    <!-- /Fin du bloc manchette -->

Et comme la dit Marlène, il faut faire une modif dans tous les fichier html (pas dans inc)

Encore merci à ceux qui mon aidé et longue vie à MGS et spéciale remerciement à Fredo, bonne continuation.

P.S : Juste un détails, le texte de tous les articles est devenue un lien vers les articles en manchette. Si quelqu'un à une idée d'ou vient le bug ?? (histoire que tout soit nikel)

Dernière modification par Pauls (30-09-2008 15:11:07)

Hors ligne

 
  • Passer de 2 à 3 colonnes

Pied de page des forums

Propulsé par PunBB
© Copyright 2002–2005 Rickard Andersson
Traduction par punbb.fr

Suivre la vie du site RSS 2.0 | SPIP | Mgs MGS |