<?php
$type = 'ar';
$fileid = '116';
$status = 'a';
$creadate = '202007061623-';
$moddate = '202007061623';
$author = stripslashes('GuppY_Team');
$email = stripslashes('guppy@guppy.cms');
$fielda1 = stripslashes('<!--003-->Démos');
$fielda2 = stripslashes('<!--003-->Demos');
$fieldb1 = stripslashes('<!--006-->Grille d\'affichage');
$fieldb2 = stripslashes('<!--006-->Display grid');
$fieldc1 = stripslashes('<h2>L\'affichage des boîtes sur une page :</h2>



<p><br />

L\'intégration de Bootstrap à GuppY modifie la façon de positionner les boites sur une page, plus question de pourcentage, maintenant ce sera des colonnes !<br />

<br />

La grille est composée de colonnes (.col) et de rangées (.row), au maximum 12 colonnes sur une rangée,et entièrement responsives. En aucun cas vous ne pouvez dépasser 12 en largeur mais vous n\'êtes pas obligés d\'utiliser les 12 colonnes.</p>



<p>Avec quelques copies d\'écran, ce sera plus compréhensible :</p>



<p style=\"text-align: center;\"><img alt=\"bootstrap_grille_large.jpg\" src=\"img/bootstrap_grille_large.jpg\" style=\"border-width: 0px; border-style: solid; margin: 5px; width: 936px;\" /><br />

<em>Voici une ligne de la grille de Bootstrap avec ses 12 colonnes</em></p>



<p><br />

Voyons maintenant l\'application concrète pour le positionnement des boîtes et l\'affichage sur une page de GuppY 6, en commençant par le haut de la page:</p>



<p style=\"text-align: center;\"><img alt=\"boites-en_haut_fr.jpg\" src=\"img/boites-en_haut_fr.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /><br />

<em>Le positionnement des boîtes à Boîtes en haut</em><br />

&nbsp;</p>



<p><strong>A noter :</strong> Une nouveauté \"Boîte libre vide\", cette boîte vide sert à centrer la boîte du milieu ou sert à maintenir à son emplacement une boîte sélectionnée.<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Toutes les lignes ne sont pas à 12, mais aucune ne dépasse !<br />

<br />

<br />

<strong>Passons maintenant à la page d\'Accueil,</strong> vous allez en Admin/Configurations/Config Accueil/Blog :</p>



<p style=\"text-align: center;\"><img alt=\"boites_en_page_accueil_fr.jpg\" src=\"img/boites_en_page_accueil_fr.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /></p>



<p style=\"text-align: center;\"><em>Le positionnement des boîtes en page d\'accueil</em></p>



<p><br />

<strong>Important :</strong> Pour la base de démo, nous avons choisi l\'option \"sans boîtes latérales\", ceci nous permet de disposer de toute la largeur soit 12 colonnes,<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Si vous avez une colonne latérale, ce sera 3 colonnes utilisées, 2 colonnes latérales ce sera 6 colonnes utilisées, il vous restera 9 ou 6 colonnes,<br />

<br />

<strong>La largeur d\'une colonne latérale est de 3 colonnes et n\'est pas modifiable !</strong><br />

<br />

<strong>Sans oublier la partie Blog,</strong> vous sélectionnez les boîtes du blog à gauche ou à droite selon votre choix.<br />

<br />

<br />

<strong>Pour la partie centrale :</strong></p>



<ol>

	<li>si vous utilisez une colonne latérale, vous disposez de 9 colonnes au maximum pour les boîtes centrales,</li>

	<li>si vous utilisez deux colonnes latérales, vous disposez de 6 colonnes au maximum pour les boites centrales,</li>

	<li>si vous n\'utilisez pas de colonnes latérales, vous disposez des 12 colonnes.</li>

</ol>



<p>A vous de choisir, la disposition des boîtes qui vous convient pour la présentation de votre site.<br />

<br />

Les boîtes centrales au dessus et en dessous ont la même largeur que la boîte principale.</p>



<p style=\"text-align: center;\"><img alt=\"partie_centrale.jpg\" src=\"img/partie_centrale.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /><br />

<em>Le positionnement des boites pour la partie centrale</em></p>



<p><br />

<strong>Rappel : </strong>La largeur d\'une colonne latérale est de 3 colonnes et n\'est pas modifiable !<br />

<br />

<br />

<strong>Les boîtes en bas de page pour terminer :</strong><br />

<br />

Toujours le même principe avec 12 colonnes par ligne, à utiliser toutes ou en partie.</p>



<p style=\"text-align: center;\"><img alt=\"boites_en_bas.jpg\" src=\"img/boites_en_bas.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /><br />

<em>Le positionnement des boîtes en bas</em></p>



<p><br />

Sur la seconde ligne, nous utilisons un emplacement de 9 colonnes et un emplacement de 3 colonnes,<br />

<br />

Sur la troisième ligne sont placés quatre emplacements de 3 colonnes, avec une personnalisation pour aérer l\'ensemble et vous avez la partie bas de page de cette skin.<br />

<br />

<br />

<strong>En résumé :</strong><br />

<br />

Sur une ligne, vous ne pouvez en aucun cas dépasser 12 colonnes, que ce soit en haut, au milieu ou en bas, les colonnes latérales sont fixées à 3 colonnes.<br />

Maintenant vous pouvez passer à la configuration des pages de votre site !!!<br />

<br />

<br />

&nbsp;</p>

');
$fieldc2 = stripslashes('<h2>Displaying boxes on a page :</h2>



<p><br />

The integration of Bootstrap in GuppY modifies the way to position the boxes on a page, no more question of percentage, now it will be columns!<br />

<br />

The grid is composed of columns (.col) and rows (.row), a maximum of 12 columns in a row, and fully responsive. In no case can you exceed 12 in width but you are not obliged to use all 12 columns.<br />

&nbsp;</p>



<p>With a few screenshots, it will be more understandable:</p>



<p style=\"text-align: center;\"><img alt=\"bootstrap_grille_large.jpg\" src=\"img/bootstrap_grille_large.jpg\" style=\"border-width: 0px; border-style: solid; margin: 5px; width: 936px;\" /><br />

<em>Here is a line of the Bootstrap grid with its 12 columns</em></p>



<p><br />

Let\'s now look at the concrete application for box positioning and display on a GuppY 6 page, starting at the top of the page:</p>



<p style=\"text-align: center;\"><img alt=\"boxes_at_the_top_en.jpg\" src=\"img/boxes_at_the_top_en.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /><br />

<em>The positioning of the boxes at the top</em></p>



<p><br />

<strong>Note:</strong> A novelty \"Empty free box\", this empty box is used to center the middle box or is used to keep a selected box in its place.<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Not all the lines are 12, but none of them protrude!<br />

<br />

<br />

<br />

<strong>Let\'s go now to the Home page,</strong> you go to Admin/Config/Home/Blog :</p>



<p style=\"text-align: center;\"><img alt=\"boxes_in_home_page_en.jpg\" src=\"img/boxes_in_home_page_en.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /></p>



<p style=\"text-align: center;\"><em>The positioning of the boxes on the home page</em></p>



<p><br />

<strong>Important:</strong>&nbsp; For the demo base, we have chosen the option \"without side boxes\", this allows us to have the whole width, that is 12 columns,<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; If you have a side column, it will be 3 columns used, 2 side columns it will be 6 columns used, you will have 9 or 6 columns left,<br />

<br />

<strong>The width of a side column is 3 columns and cannot be changed!</strong><br />

<br />

Without forgetting the Blog part, you select the boxes of the blog on the left or on the right according to your choice.<br />

&nbsp;</p>



<p><strong>For the central part:</strong></p>



<p>if you use a side column, you have a maximum of 9 columns for the central boxes,<br />

if you use two side columns, you have a maximum of 6 columns for the central boxes,<br />

if you do not use side columns, you have all 12 columns.<br />

<br />

It\'s up to you to choose the layout of the boxes that suits you for the presentation of your site.<br />

<br />

The central boxes above and below are the same width as the main box.</p>



<p style=\"text-align: center;\"><img alt=\"middle_section.jpg\" src=\"img/middle_section.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /><br />

The positioning of the boxes for the central part<br />

&nbsp;</p>



<p><strong>Reminder: </strong>The width of a side column is 3 columns and cannot be changed!<br />

<br />

<br />

<strong>The boxes at the bottom of the page to finish:</strong><br />

<br />

Always the same principle with 12 columns per row, to be used all or in part.</p>



<p style=\"text-align: center;\"><img alt=\"boxes_at_the_bottom.jpg\" src=\"img/boxes_at_the_bottom.jpg\" style=\"border-width: 1px; border-style: solid; margin: 5px; width: 1000px;\" /><br />

<em>The positioning of the boxes at the bottom</em></p>



<p><br />

On the second row, we use a 9-column slot and a 3-column slot,</p>



<p>On the third row are placed four places of 3 columns, with a customization to air the whole and you have the bottom part of this skin.<br />

<br />

<br />

<strong>In summary:</strong></p>



<p>On a line, you can never exceed 12 columns, whether at the top, in the middle or at the bottom, the side columns are fixed to 3 columns.<br />

Now you can move on to the configuration of the pages of your site !!!<br />

<br />

<br />

&nbsp;</p>

');
$fieldd1 = stripslashes('MNU 34');
$fieldd2 = stripslashes('');
$fieldweb = stripslashes('S');
$fieldmail = stripslashes('0|0|');
$fieldmod = stripslashes('');
?>
