Forum CMS Made Simple FR
[Résolu] Intervention sur : {$maincontent} - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : [Résolu] Intervention sur : {$maincontent} (/thread-3476.html)



[Résolu] Intervention sur : {$maincontent} - jcpapa - 01/04/2015

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.13
#~ Url du site : http://www.jeanclaudehoudry.16mb.com/
#~ Hébergeur / Soft : Hostinger
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.13
#~ Installed Modules:
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ FileManager: 1.4.5
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.9
#~ ModuleManager: 1.5.8
#~ News: 2.15
#~ Search: 1.7.12
#~ ThemeManager: 1.1.8
#~ FormBuilder: 0.8.1.1
#~ CGExtensions: 1.45
#~ CGContentUtils: 1.5
#~ JQueryTools: 1.3.4
#~ CGSmartImage: 1.17.2
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 8000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.5.21
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 2048
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 30
#~ output_buffering: 1
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 8M
#~ upload_max_filesize: 8M
#~ session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 10.0.11
#~ Server Db Grants: Trouvé un privilège "GRANT ALL" qui semble être adapté
#~ Server Time Diff: Aucune différence de date du système de fichiers trouvées
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour à tous,

En suivant le Tuto fort intéressant de J. le Chauve N°9, à propos de l'Optimisation de l'administration d'édition des pages du cmsms, je rencontre un petit souci.

Voilà, j'ai dans mon gabarit, ceci : {content assign='maincontent' label='Normal Content'} en début de gabarit et ceci au milieu : {$maincontent} où je comprends que ce "content" va affecter ma page de tout ce que j'y poserai.

J'interviens en suivant le tuto précité :
Je crée un nouveau gabarit (copie de l'initial) ;
J'enlève ce qui concerne 'maincontent' et je remplace dans mon gabarit par :
Code :
[== XML ==]
{content assign=titrechapeau label="Titre du Chapeau" wysiwyg=false tab="Corps de page" oneline=true}
{content block=chapeau label="Chapeau" assign=chapeau tab="Corps de page"}
{content block=titreP1 assign=titreP1 label="Titre du paragraphe 1" wysiwyg=false tab="Corps de page" oneline=true}
{content_module module='CGContentUtils' block='imageP1' name='imageP1' label='Choisissez une image pour le paragraphe 1' assign=i1 tab="Corps de page"}
{content block=p1  assign='p1' label="Contenu du paragraphe 1" tab="Corps de page"}

{content block=titreP2 assign=titreP2 label="Titre du paragraphe 2" wysiwyg=false tab="Corps de page" oneline=true}
{content_module module='CGContentUtils' block='imageP2' name='imageP2' label='Choisissez une image pour le paragraphe 2' assign=i2 tab="Corps de page"}
{content block=p2  assign='p2' label="Contenu du paragraphe 2" tab="Corps de page"}

{content block=titreP3 assign=titreP3 label="Titre du paragraphe 3" wysiwyg=false tab="Corps de page" oneline=true}
{content_module module='CGContentUtils' block='imageP3' name='imageP3' label='Choisissez une image pour le paragraphe 3' assign=i3 tab="Corps de page"}
{content block=p3  assign='p3' label="Contenu du paragraphe 3" tab="Corps de page"}

puis au milieu du gabarit (à la place ou se trouvait {$maincontent}), j'installe ceci :
Code :
[== XML ==]
<div class="titrechapo">{$titrechapeau}</div>
                <div class="chapeau">{$chapeau}</div>
                <ul class="section">
                    <li>
                    <img src="{$i1}" alt="image">
                    <div class="paragraphe">
                <div class="titreP">{$titreP1}</div>
                {$p1}
                    <hr/>
                    </div>
                </li>
                <li>
                        <img src="{$i2}" alt="image">
                    <div class="paragraphe">
                <div class="titreP">{$titreP2}</div>
                {$p2}
                    <hr/>
                    </div>
                    </li>
                    <li>
                        <img src="{$i3}" alt="image">
                    <div class="paragraphe">
                <div class="titreP">{$titreP3}</div>
                {$p3}
                    <hr/>
                    </div>
                    </li>
                    </ul>
Bien sûr, j'ai fabriqué une CSS attachée à ce nouveau gabarit pour moduler mes transformations.
Code :
[== CSS ==]
/* --- Titre page --- */
.titrepage {
      margin: 0.25rem 0 0.25rem;
}
/*--- chapeau ----*/
.titrechapo {
    color: #795951;
font-size: 1.35em;
font-weight: bold;
    margin: 0em 0em 0em 0em;
}
.chapeau {
color: #697b8b;
font-size: 1.125em;
font-style: italic;

    margin: 0.2em 0em 1.75em 0em;
}
/*--- Paragraphe - Listes sans puces ---*/
.titreP {
color: #a43f02;
    font-weight: bold;
    font-size: 1.15em;
    line-height: 0.99em;
    margin-top: 0.3em;
}
.section {

}
.paragraphe {
        margin: 0.2em 0em 1.75em 0em;
/*    padding: 1.1em 0em 1.75em 0em;*/
}
ul {
margin-left: 0rem;
    list-style-type: none;
}
li {
    list-style-type: none;
}
/*Top bar Utilisateur*/
/* utilisateur connecté */
.actual_user {
border-radius: 4px 20px 0 4px;
background-color: #ffd700;
font-size: 0.85em;
    color: black;
    text-align: left;
    font-weight: normal;
padding: 3px 5px 3px 5px;
}
#espace_user{
    background: none repeat scroll 0 0 #eef0ec;
    border: 1px solid #dbdfd6;
    border-radius: 4px;
    /*box-shadow: 3px 3px 6px 2px #a9a9a9;*/
    margin: 10px 0 25px;
    padding: 3px 6px 3px 6px;
}

/* -- News -- */
.news {
    border: 1px solid #eeeeee;
    padding: 3px 25px 5px 3px;
    font-size: .9em;
    line-height: 0.8em;
}
.news ul {
    line-height: 0.8em;
        padding: -1.2em;
    margin-left: 0.6rem;
}
.news ul li{
    line-height: 0.8em;
    padding: 0em;
    margin: 0px 0px 0px 0px;
}
.news a {
    color: #0a3176;
    font-weight: normal;
    text-decoration: none;
}
.news a:hover, .news a:active {
    color: #818f74;
    text-decoration: underline;
}

.news a:link, .news a:visited {
    color: #d97800;
}
div#news {
/* marge pour l'ensemble div entourant les news */
    margin: 0em 0em 0em 0em;
/* bordure définie ici */
    border: 1px solid #818f74;
        font-size: 1.25em;
/* couleur de fond */
    background: #eef0ec;
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.875em;
    line-height: 1.10;
margin: 0.5em 0.5em 0.45em 0em;
    text-rendering: optimizeLegibility;
    /* padding: 0.5em 0em 1em 0.5em; */
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #b0c4de;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0.25em 0 0.5em;
}
h1 {
    color: white;
    font-weight: 200;
    margin:0;
}
h2 {
    color: #818f74;
    font-weight: 200;
    margin:0;
}
/*--- Caroussel et bande titre ---*/
header#home {
    background-color: #0a3176;
}
header {
    background-color: #0a3176;
}
header h1 {
    color: white;
    font-weight: 200;
    margin:0;
}
/* --- Top-Bar ---- */
          .top-bar-section li.hover > a:not(.button) {
      background: #e1af00;
      color: white; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #397aee; }
      .top-bar-section li a:not(.button):hover {
        background: #d97800; }
        .top-bar-section .dropdown li a {
        color: white;
        line-height: 1;
        white-space: nowrap;
        padding: 12px 15px;
        background: #1255cd; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #1255cd; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
            .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4d4d4d;
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #32cd32;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section ul.right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background: fuchsia;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #afeeee;
    color: white; }
/*sub nav*/
ul.sub-nav {
    display: block;
    margin: 1px 0;
    float: inherit;
    }
ul.sub-nav li {
    float: right;
    list-style: none outside none;
    width: auto;
    margin-left: 2px;
}
ul.sub-nav li a {
    color: #1f221c;
    display: block;
    font-size: 12px;
    margin:0 0 5px 3px;
    font-size: 13px;
    margin: 0;
    padding: 2px 5px;
}
ul.sub-nav li.active a, ul.sub-nav li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
    color: white;
}
/* -- Menu Breadcrumbs --*/
.breadcrumbs {
    display: inline-block;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    list-style: outside none none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.2815rem 0.435rem;
}
.breadcrumbs ul, ol, dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.25;
    list-style-position: outside;
    margin-bottom: 0.65rem;
}
/*-- Footer --*/
.chapo{
    font-size: 1.1em;
    font: bold;
    text-align: center;
    padding: 0 0 0.9em 0;
}
.footerterroirs li a {
list-style: circle inside none;
    font-size: 0.85em;
    line-height: 0.95em;
    color: #f2f2f1;
    display: inline;
    text-decoration: none;
}
.footerterroirs a:hover, .footerterroirs a:active{
    color: #ffae4a;
}
.footerterroirs ul, ol, dl{
    font-family: inherit;
    line-height: 0.8;
    list-style-position: outside;
}
/*-- plan du site --*/
ul.clearfix li{
    font-size: 0.9em;
    line-height: 1.1em;
}
/* ---------------- */

/*-- Polices caractères --*/

/*Top bar and menu privé*/
.top-barprive {
    background-color:#ffd700;
    color: black;
}
.top-barprive .top-barprive-section li > a {
    border-left: 1px solid #ffd700;
        color: black;
}
.top-barprive {
    margin-bottom: 0;
}/*--- codes couleurs ---*/

.code_jaune{
    background-color:#ffd700;
}
.code_vert{
    background-color:#9acd32;
}
/*--- News letter recup ---*/

#outlook a {
    padding: 0;
}
body {
    width: 100% !important;
}
body {
    margin: 0;
    padding: 0;
}
img {
    border: medium none;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 100%;
    outline: medium none;
    text-decoration: none;
    text-transform: capitalize;
}
img#headerImage {
    font-size: 28px;
}
#backgroundTable {
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100% !important;
}
body, .backgroundTable {
    background-color: #fafafa;
}
#templateContainer {
    border: 1px solid #dddddd;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    color: #202020;
    display: block;
    font-family: Georgia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Constantia,Cambria,serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 10px;
    text-align: left;
}
h1, .h1 {
    font-size: 28px;
}
h2, .h2 {
    font-size: 26px;
}
h3, .h3 {
    font-size: 22px;
}
h4, .h4 {
    font-size: 20px;
}
h5, .h5 {
    font-size: 18px;
}
h6, .h6 {
    font-size: 16px;
}
#templatePreheader {
    background-color: #fafafa;
}
.preheaderContent div {
    color: #303030;
    font-family: Georgia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Constantia,Cambria,serif;
    font-size: 12px;
    line-height: 100%;
    text-align: left;
}
.preheaderContent div a:link, .preheaderContent div a:visited {
    color: #e00000;
    font-weight: normal;
    text-decoration: underline;
}
.preheaderContent div img {
    height: auto;
    max-width: 600px;
}
#templateHeader {
    background-color: #ffffff;
    border-bottom: 0 none;
}
.headerContent {
    color: #202020;
    font-family: Georgia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Constantia,Cambria,serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 100%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.headerContent a:link, .headerContent a:visited {
    color: #e00000;
    font-weight: normal;
    text-decoration: underline;
}
#headerImage {
    height: auto;
    max-width: 600px !important;
}
#templateContainer, .bodyContent {
    background-color: #fdfdfd;
}
.bodyContent div {
    color: #303030;
    font-family: Georgia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Constantia,Cambria,serif;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
}
.bodyContent div a:link, .bodyContent div a:visited {
    color: #e00000;
    font-weight: normal;
    text-decoration: underline;
}
.bodyContent div .spip_documents_center {
    clear: both;
    display: table;
    margin: 1em auto;
}
.bodyContent div .spip_documents_left {
    margin-bottom: 5px;
    margin-right: 15px;
}
.bodyContent div .spip_documents_right {
    margin-bottom: 5px;
    margin-left: 15px;
}
.bodyContent img {
    display: inline;
    margin-bottom: 10px;
}
#templateFooter {
    background-color: #fdfdfd;
    border-top: 0 none;
}
.footerContent div {
    color: #bbd1f9;
    font-family: Georgia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Constantia,Cambria,serif;
    font-size: 14px;
    line-height: 125%;
    text-align: left;
}
.footerContent div a:link, .footerContent div a:visited {
    color: #e00000;
    font-weight: normal;
    text-decoration: underline;
}
.footerContent img {
    display: inline;
}
#social {
    background-color: #eee;
    border: 1px solid #f5f5f5;
}
#social div {
    text-align: center;
}
#utility {
    background-color: #fdfdfd;
    border-top: 1px solid #f5f5f5;
}
#utility div {
    text-align: center;
}
img.puce {
    margin-bottom: 0;
}
.spip_code, .spip_cadre {
    color: #606060;
    font-family: Courier,"Courier New",monospace;
}
textarea.spip_cadre {
    width: 100%;
}
.coloration_code ol {
    list-style: outside none none;
}
@media only screen and (max-width: 640px) {
html, body {
    width: 100% !important;
}
img {
    max-width: 100% !important;
}
#templatePreheader {
    width: 100% !important;
}
.preheaderContent, .bodyContent, .footerContent {
    padding: 0 !important;
}
#templateContainer {
    border: 0 none !important;
    width: 100% !important;
}
#templateHeader {
    border: 0 none !important;
    width: 100% !important;
}
#templateBody {
    width: 100% !important;
}
#templateFooter {
    width: 100% !important;
}
#canspamBar {
    width: auto !important;
}
.archive_link {
    max-width: 50%;
}
.padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.text {
    color: #101010 !important;
    font-size: 16px !important;
}
}
/*--- News letter recup - Fin ---*/
.noDisplay{
    display: none;
}

Bon, tout fonctionne comme prévu (je laisse le look de côté pour l'instant)...

Sauf... que le design s'en trouve affecté.

En effet, la page concernée ne ressemble plus du tout aux autres (fond différent/footer disparu,/etc.
Voici le lien sur une page normale
et le lien sur la page affectée de mon nouveau gabarit.
Je sais qu'il y a forcément un truc que je n'ai pas pigé ou qui me crève les yeux...
Est-ce que ce {$maincontent} aurait des propriétés cachées que j'ignore ou que je devrais connaître ! ?

Merci de m'éclairer...
Bonne journée.


[Résolu] Intervention sur : {$maincontent} - jcpapa - 01/04/2015

Alors, voilà...
Je suis un ignare !
à force de chercher...
J'ai trouvé : Wink

Nouveau gabarit > donc nouvelle feuille de style ! Ok... mais ne pas oublier tout de même de rattacher également la CSS générale qui fait tourner l’ensemble... ça va beaucoup mieux ainsi. :p
Bon je me marque "résolu" et je me remercie beaucoup pour cette persévérance !
à bientôt...


[Résolu] Intervention sur : {$maincontent} - jissey - 01/04/2015

Bravo!
car je n'avais pas bien compris ton problème.