Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Signature des News...
#1

----------------------------------------------

Cms Version: 1.11.9

Installed Modules:

CMSMailer: 5.2.2
CMSPrinting: 1.0.5
FileManager: 1.4.3
MenuManager: 1.8.6
MicroTiny: 1.2.5
ModuleManager: 1.5.5
News: 2.14.1
Search: 1.7.11
ThemeManager: 1.1.8
CGExtensions: 1.38.1
CGSmartImage: 1.15
Gallery: 1.6.1
Captcha: 0.4.6
FormBuilder: 0.7.3


Config Information:

php_memory_limit:
process_whole_template:
max_upload_size: 64000000
url_rewriting: none
page_extension:
query_var: page
image_manipulation_prog: GD
auto_alias_content: true
locale: fr_FR.utf8
default_encoding: utf-8
admin_encoding: utf-8
set_names: true


Php Information:

phpversion: 5.3.16
md5_function: On (Vrai)
gd_version: 2
tempnam_function: On (Vrai)
magic_quotes_runtime: Off (Faux)
E_STRICT: 0
E_DEPRECATED: 8192
memory_limit: 128M
max_execution_time: 120
output_buffering: 4096
safe_mode: Off (Faux)
file_uploads: On (Vrai)
post_max_size: 64M
upload_max_filesize: 64M
session_save_path: /tmp (1777)
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: 5.1.66
Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
Server Time Diff: Aucune différence de date du système de fichiers trouvées


----------------------------------------------

Bonjour à tous...

"Je sais , je dois mettre à jour mon CMSMS"...

Ma question concerne la signature des "news".
Lorsque je publie une News, elle se retrouve automatiquement "signée" de mon login utilisateur que je saisi pour me connecter dans l'admin... !?!

et mon souci est que je ne vois pas bien comment changer ça.
J'ai créer un nouvel utilisateur pensant avoir le choix pour signer mes news mais non, rien, pas de choix....
Ou bien ça me crève les yeux ou il y a un truc qui m'échappe...
Quelqu'un aurait-il eu ce même problème ?

D'autre part, le sommaire des news se termine systématiquement par un bouton "More news" que je voudrais bien maîtriser. Son lien est mort et je ne trouve pas le gabarit pour réparer ce truc...
Pareil... si quelqu'un connait ce problème et sa solution!!!

Merci à tous.
Bonne journée.

JCH

Rolleyes
Répondre
#2

Citation :Lorsque je publie une News, elle se retrouve automatiquement "signée" de mon login utilisateur que je saisi pour me connecter dans l'admin... !?!


une recherche dans les gabarits de news


Code :
D'autre part, le sommaire des news se termine systématiquement par un bouton "More news"
un lien pour voir

J-C Etiemble v 2.2.xx
Répondre
#3

Salut,
Tu n'es pas suffisamment précis : veux-tu ou pas une signature ?
Oui : cherche dans le gabarit des news (sommaire et détail) le code comprenant "author" (ou quelque chose comme ça) et mets ce code en commentaires ({* ... *}).
Non, l'article sera signé automatiquement par le pseudo de la personne loguée.
Si tu n'as pas spécifié la langue du module news, tu verras "more", si tu as spécifié le français tu verras "plus" et si tu regardes l'aide du module, tu verras que tu peux modifier ce texte avec la valeur de ton choix.
Il faut qu'on cherche ce que tu désires car tu ne nous mets pas de lien et tu ne spécifies pas que c'est sur la balise title du lien que se pose le problème. Merci d'être plus précis la prochaine fois Wink
En ce qui concerne le lien cassé de more news, colle-nous le gabarit concerné car le lien envoie sur la page http://h-graffiti.fr/index.php?page=resp...s-template que tu as sans doute supprimée ou alors ton codeur a codé en dur et comme ton site se trouve maintenant dans cmsmadesimple/, normal que ça plante.
Répondre
#4

Bonjour,

Bon, eh bien, le temps que les problèmes du forum se résolve... Moi, de mon côté, j'ai réussi à mettre au point quelques trucs...
Il me reste juste pour les news, à résoudre le problème du bouton "More news" ou plutôt maintenant, "Toutes les news" qui reste un lien mort.
Voici le bon URL :
http://www.h-graffiti.fr/cmsmadesimple/i...ge=edition

Et encore merci à vous ...
Une fois de plus, vos indications m'ont emmené sur le bon chemin.
Chapeau à vous. Wink

Rolleyes
Répondre
#5

tu as créer une page responsive-news-template ? avec la balise news


Code :
Ce site ne fonctionne pas avec le navigateur Internet Explorer..
C'est pas la peine de le marquer, ça fait voir que tu ne maitrise pas ce super logiciel possédant de nombreuses versions :lol:

J-C Etiemble v 2.2.xx
Répondre
#6

Merci.
Donc je viens de créer la page "responsive-news-template" et effectivement les détails de news s'affichent bien dedans...
J'ai intégré une balise : {news showall="1"}
Et ça marche...
Mais c'est pas ce que j'espérais...
Je pensais voir mes articles de News, les un au dessus des autre... Au lieu de cela, j'ai un carrousel !?!
Peut-être une mauvaise balise ou encore un truc que je n'ai pas pigé... !?!
Pourtant, je sens bien que je progresse...

----------

Pour internet explorer :
C'est sûr que je ne maîtrise pas ni le CMS ni IE... mais il n'empêche que ça ne fonctionne pas sous IE et que depuis des années ce logiciel (de mon point de vue) em...rde pas mal de monde ... mais je suis prêt à réviser mon jugement si on m'apporte la preuve que c'est un super logiciel !,!
Mais là, franchement.. depuis des années, non, ça ne s'améliore pas !

Encore merci.

Rolleyes
Répondre
#7

Pour internet explorer (le truc de m... de Bill) : si ton code est valide W3c et CSS
ça doit passer car normalement car tu es conformes aux règles.

mais comme il n'est pas valide tu un peu de boulot Wink
HTML5 15 Errors, 1 warning(s)
CESS Les erreurs suivantes ont été trouvées : (44)

J-C Etiemble v 2.2.xx
Répondre
#8

Bon... bah ! je dois pas être conforme, alors.
C'est pourtant ce que je croyais en achetant le thème Foundation... !?!
et de ce thème, je ne fais que de petites modifs internes et sous les conseils de ce forum !?
Comment vérifie-t-on la validité de tout ça, SVP ?

Rolleyes
Répondre
#9

en plus faudrais lire .... je t'ai donner les liens W3c et CSS plus haut

J-C Etiemble v 2.2.xx
Répondre
#10

jcpapa a écrit :Bonjour,
Il me reste juste pour les news, à résoudre le problème du bouton "More news" ou plutôt maintenant, "Toutes les news" qui reste un lien mort.
Voici le bon URL :
http://www.h-graffiti.fr/cmsmadesimple/i...ge=edition
Donc la page des news doit s'appeler Edition...
Et ça te va toi, cette page qui s'appelle "responsive-news-template" ?
Tu vas lire attentivement la documentation du module news ainsi que ma dernière réponse.
Et pour voir si tu as bien compris, tu vas créer une page "Edition" et y afficher les news.
Ensuite, tu vas nous donner les gabarits sommaire et détail des news comme je te l'ai demandé plus haut.
Profites-en pour essayer de les comprendre au vu de la documentation. Et compare les à ceux par défaut du cms.
Tu verras comprendra ainsi pourquoi tes news s'affichent dans un "carrousel".
Répondre
#11

Bon...
Ok merci de me donner du boulot pour le week-end...
ça tombe bien... en plus des heures sup. que je dois faire, je me demandais comment j'allais bien pouvoir utiliser les quelques petites heures qu'il me restaient de libre...
Non, je blague... je suis ravi de votre aide à vous deux !
Je comprends un peu mieux où j'ai mis les pieds !
Je vais potasser tout ça... mais c'est vrai que je ne sais pas si "j'aurai fini mes devoirs pour lundi matin" !? Wink
Merci encore à vous 2 et bon week-end !

Rolleyes
Répondre
#12

Bonjour...
Pour Jean Le Chauve

Bon, j'ai créé la page Archives des News et j'ai bien lu toute la documentation... et comparé les gabarits du Sommaire et du détail... et donc j'ai mis cette balise dans ma page des Archives : {news showall="1" detailpage="archives-news"}
Mais évidemment, ça ne me donne rien de plus !
La documentation du Module News dit :
(optional) detailpage="pagealias" - Page dans laquelle afficher le détail des articles. Vous pouvez entrer soit un alias, soit un ID de page. Utile pour permettre d'afficher le détail de l'article dans un gabarit de page différent de celui du sommaire.
Donc, si je comprends bien : en introduisant cette balise dans une nouvelle page vierge (comme je l'ai fait avec ma page "Archives") je devrais avoir le détail de mes articles qui s'affichent !?! au lieu de ça, j'ai mon carrousel !?
Je pige pas la subtilité... et pourtant je me dis que c'est dans cette explication là que tout se tient "pour permettre d'afficher le détail de l'article dans un gabarit de page différent de celui du sommaire"...
Chaque fois que je réussi un truc tout seul, je crois avoir bien compris et paf ! au machin suivant qui se présente... je bloque... pfff. Je me sens vieux... mais vieux...

Voici le gabarit du sommaire : responsive-news-carousel
Code :
[== Indéfini ==]
<!-- Start News Display Template -->
{*
Configuration options for the caroussel
Example: <ul data-orbit data-options="timer_speed:3000; bullets:false;">
Available parameters:
  timer_speed: 10000,
  animation_speed: 500,
  bullets: true,
  stack_on_small: true,
  container_class: 'orbit-container',
  stack_on_small_class: 'orbit-stack-on-small',
  next_class: 'orbit-next',
  prev_class: 'orbit-prev',
  timer_container_class: 'orbit-timer',
  timer_paused_class: 'paused',
  timer_progress_class: 'orbit-progress',
  slides_container_class: 'orbit-slides-container',
  bullets_container_class: 'orbit-bullets',
  bullets_active_class: 'active',
  slide_number_class: 'orbit-slide-number',
  caption_class: 'orbit-caption',
  active_slide_class: 'active',
  orbit_transition_class: 'orbit-transitioning'
*}
<div id="carousel">
    <div class="small-12 columns">
    <ul data-orbit data-options="timer_speed:3000; bullets:false; stack_on_small: true,">
        {foreach from=$items item=entry}
        <li>
     <div class="small-10 small-centered columns">
        {foreach from=$entry->fields item='field'}
            {if $field->type == 'file' && $field->value != ''}
            {if isset($entry->fields)}
             <a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}"><img class="right" src="{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}" alt="{$entry->title|cms_escape}" /></a>
            {/if}
            {/if}
        {/foreach}
            <h3 class="noMarginBottom"><a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a></h3>
        {if $entry->summary}
        <p class="NewsSummary">{eval var=$entry->summary}</p>
        {elseif $entry->content}
            {eval var=$entry->content}
        {/if}
    </div>
        </li>
        {/foreach}
    </ul>
    </div>
</div>

et voici celui du détail : responsive-news-detail
Code :
[== Indéfini ==]
<!-- Start news detail template-->
{if isset($entry->canonical)}
  {assign var='canonical' value=$entry->canonical}
{/if}

<h5>{$entry->title|cms_escape:htmlall}</h5>
{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
        {if $field->type == 'file'}
      {* Ce gabarit suppose que chaque fichier téléchargé est une image distincte, parce NEWS ne fait pas la distinction *}
          <img class="th left" src="{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}"/>
        {/if}
  {/foreach}
{/if}

<div class="meta">
<p class="noMarginBottom">{if $entry->postdate}<!-- span class="general foundicon-calendar" --> {$entry->postdate|cms_date_format}</span>{/if}{if $entry->category} | <!-- span class="general foundicon-paper-clip" --> {$entry->category}</span>{/if}
{if $entry->author} <!-- span class="accessibility foundicon-adult" --> {*$entry->author*}</span>{/if}</p>
</div>
{if $entry->summary}
<p class="subheader">{eval var=$entry->summary}</p>
<hr />
{/if}
{eval var=$entry->content}
{if $entry->extra}
    <div id="NewsPostDetailExtra">
        {$extra_label} {$entry->extra}
    </div>
{/if}

{if $return_url != ""}
<p><span class="button radius secondary right small">{$return_url}{if $category_name != ''} - {$category_link}{/if}</span></p>
{/if}
évidemment, j'imagine que la solution crèvent les yeux... mais à moi, pas !

Merci, en tout les cas.
JCH

Rolleyes
Répondre
#13

Je vais faire un tuto vidéo (aujourd'hui) sur les news.
En attendant, si ton sommaire affiche toutes les news, mais est dans un carrousel, c'est parce que ton développeur l'a inséré dans un carrousel comme tu peux le voir dans ce commentaire smarty
Code :
<!-- Start News Display Template -->
{*
Configuration options for the caroussel
Si tu désactives le javascript dans ton navigateur, tu verras les 3 articles les un en dessous des autres.

Je pense que le mieux pour toi est de créer une page "Actualités" dans laquelle tu insères simplement cette balise : {news}
Cette balise va afficher le sommaire de toutes tes news en activité et prendra le gabarit sommaire (Sample) par défaut (que tu n'as peut-être plus et que tu peux le récupérer dans "Articles->gabarits par défaut ; ATTENTION que la coche verte "défaut" soit bien assignée au gabarit "Sample").
Ensuite tu vas dans "Articles->options->Paramètres d'affichage des détails->Page par défaut à utiliser pour des vues de détail : tu choisis la page "Actualités" (au lieu d'utiliser le paramètre optionnel detailpage="actualites").
Lorsqu'on ira sur ta page actualités on verra le sommaire de toutes tes news actives ; lorsqu'on cliquera sur un article pour en voir le détail, le détail s'affichera en remplacement du sommaire dans cette même page.
Il faut également enlever le paramètre "summarytemplate" de la balise {news} s'il existe dans ton gabarit de page principal . Il y a sans doute le paramètre limit=2 puisque tu as 3 news et qu'il n'y en a que 2 d'affichées que tu dois laisser.
N'oublie pas de vider le cache du cms et du navigateur.

Une fois que tout cela fait, je pense que tu auras un peu mieux compris le système.

Il va nous rester un problème avec les images que ton développeur a intelligemment (plus besoin de capture du chemin de l'image grâce à src1 et src2) converties avec CGSmartImages.

Crée et nomme un nouveau gabarit de sommaire articles "sommaire" que tu mettras par défaut (coche verte activée)(c'est celui de ton développeur sans les codes du carrousel) :
Code :
<div>
    <div class="small-12 columns">
    <ul>
        {foreach from=$items item=entry}
        <li>
     <div class="small-10 small-centered columns">
        {foreach from=$entry->fields item='field'}
            {if $field->type == 'file' && $field->value != ''}
            {if isset($entry->fields)}
             <a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}"><img class="right" src="{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}" alt="{$entry->title|cms_escape}" /></a>
            {/if}
            {/if}
        {/foreach}
            <h3 class="noMarginBottom"><a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a></h3>
        {if $entry->summary}
        <p class="NewsSummary">{eval var=$entry->summary}</p>
        {elseif $entry->content}
            {eval var=$entry->content}
        {/if}
    </div>
        </li>
        {/foreach}
    </ul>
    </div>
</div>
Et voilà, le design est correct et les images sont gérées par CGSmartImages.

Ensuite, tu crées une page enfant d'"actualités" que tu appelleras "Archives".
Tu colles dedans la balise {news showarchive="0"}, cette page affichera les articles archivés (non actifs).

Si tu souhaites travailler avec des catégories de news, tu peux créer autant de page enfant d'Actualités que tu as de catégories (nom = nom de la catégorie) dans lesquelles tu insèreras {news category='ta catégorie'}
Un exemple ici : http://www.duventdanslescordes.be/
Répondre
#14

Bonjour et encore merci pour cette aide précieuse...
Je commence à comprendre, pourvu que je n'oublie pas !
Voilà, en suivant tes conseils éclairés, j'ai réussi ça : http://h-graffiti.fr/cmsmadesimple/index...=actualite
Le résultat "mécanique" des liens me convient...
J'ai édité une feuille de style art-du-coin.css dans laquelle j'ai commencé à faire des transformation à destination de mes news... mais je n'arrive pas à intervenir sur tous les éléments.
La voici :
Code :
[== CSS ==]
/*Use this stylesheet for your custom styles*/

@font-face {
font-family: "GeneralFoundicons";
src: url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.eot");
src: url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.woff") format("woff"), url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.ttf") format("truetype"), url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GeneralEnclosedFoundicons';
src: url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.eot');
src: url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.eot?#iefix') format('embedded-opentype'),  url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.woff') format('woff'),  url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.ttf') format('truetype'),  url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SocialFoundicons";
src: url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.eot");
src: url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.eot?#iefix") format("embedded-opentype"), url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.woff") format("woff"), url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.ttf") format("truetype"), url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.svg#SocialFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AccessibilityFoundicons";
src: url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.eot");
src: url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.eot?#iefix") format("embedded-opentype"), url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.woff") format("woff"), url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.ttf") format("truetype"), url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.svg#AccessibilityFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}

/* global foundicon styles */
[class*="foundicon-"] {
display: inline;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
}
[class*="general foundicon-"]:before {
font-family: "GeneralFoundicons";
}
[class*="gen-enclosed foundicon-"]:before {
font-family: "GeneralEnclosedFoundicons";
}
[class*="social foundicon-"]:before {
font-family: "SocialFoundicons";
}
[class*="accessibility foundicon-"]:before {
font-family: "AccessibilityFoundicons";
}
/*general  icons */
.foundicon-settings:before {
    content: "\f000";
}
.foundicon-heart:before {
    content: "\f001";
}
.foundicon-star:before {
    content: "\f002";
}
.foundicon-plus:before {
    content: "\f003";
}
.foundicon-minus:before {
    content: "\f004";
}
.foundicon-checkmark:before {
    content: "\f005";
}
.foundicon-remove:before {
    content: "\f006";
}
.foundicon-mail:before {
    content: "\f007";
}
.foundicon-calendar:before {
    content: "\f008";
}
.foundicon-page:before {
    content: "\f009";
}
.foundicon-tools:before {
    content: "\f00a";
}
.foundicon-globe:before {
    content: "\f00b";
}
.foundicon-home:before {
    content: "\f00c";
}
.foundicon-quote:before {
    content: "\f00d";
}
.foundicon-people:before {
    content: "\f00e";
}
.foundicon-monitor:before {
    content: "\f00f";
}
.foundicon-laptop:before {
    content: "\f010";
}
.foundicon-phone:before {
    content: "\f011";
}
.foundicon-cloud:before {
    content: "\f012";
}
.foundicon-error:before {
    content: "\f013";
}
.foundicon-right-arrow:before {
    content: "\f014";
}
.foundicon-left-arrow:before {
    content: "\f015";
}
.foundicon-up-arrow:before {
    content: "\f016";
}
.foundicon-down-arrow:before {
    content: "\f017";
}
.foundicon-trash:before {
    content: "\f018";
}
.foundicon-add-doc:before {
    content: "\f019";
}
.foundicon-edit:before {
    content: "\f01a";
}
.foundicon-lock:before {
    content: "\f01b";
}
.foundicon-unlock:before {
    content: "\f01c";
}
.foundicon-refresh:before {
    content: "\f01d";
}
.foundicon-paper-clip:before {
    content: "\f01e";
}
.foundicon-video:before {
    content: "\f01f";
}
.foundicon-photo:before {
    content: "\f020";
}
.foundicon-graph:before {
    content: "\f021";
}
.foundicon-idea:before {
    content: "\f022";
}
.foundicon-mic:before {
    content: "\f023";
}
.foundicon-cart:before {
    content: "\f024";
}
.foundicon-address-book:before {
    content: "\f025";
}
.foundicon-compass:before {
    content: "\f026";
}
.foundicon-flag:before {
    content: "\f027";
}
.foundicon-location:before {
    content: "\f028";
}
.foundicon-clock:before {
    content: "\f029";
}
.foundicon-folder:before {
    content: "\f02a";
}
.foundicon-inbox:before {
    content: "\f02b";
}
.foundicon-website:before {
    content: "\f02c";
}
.foundicon-smiley:before {
    content: "\f02d";
}
.foundicon-search:before {
    content: "\f02e";
}
/* general enclosed icons */
.foundicon-settings:before {
    content: "\f000";
}
.foundicon-heart:before {
    content: "\f001";
}
.foundicon-star:before {
    content: "\f002";
}
.foundicon-plus:before {
    content: "\f003";
}
.foundicon-minus:before {
    content: "\f004";
}
.foundicon-checkmark:before {
    content: "\f005";
}
.foundicon-remove:before {
    content: "\f006";
}
.foundicon-mail:before {
    content: "\f007";
}
.foundicon-calendar:before {
    content: "\f008";
}
.foundicon-page:before {
    content: "\f009";
}
.foundicon-tools:before {
    content: "\f00a";
}
.foundicon-globe:before {
    content: "\f00b";
}
.foundicon-home:before {
    content: "\f00c";
}
.foundicon-quote:before {
    content: "\f00d";
}
.foundicon-people:before {
    content: "\f00e";
}
.foundicon-monitor:before {
    content: "\f00f";
}
.foundicon-laptop:before {
    content: "\f010";
}
.foundicon-phone:before {
    content: "\f011";
}
.foundicon-cloud:before {
    content: "\f012";
}
.foundicon-error:before {
    content: "\f013";
}
.foundicon-right-arrow:before {
    content: "\f014";
}
.foundicon-left-arrow:before {
    content: "\f015";
}
.foundicon-up-arrow:before {
    content: "\f016";
}
.foundicon-down-arrow:before {
    content: "\f017";
}
.foundicon-trash:before {
    content: "\f018";
}
.foundicon-add-doc:before {
    content: "\f019";
}
.foundicon-edit:before {
    content: "\f01a";
}
.foundicon-lock:before {
    content: "\f01b";
}
.foundicon-unlock:before {
    content: "\f01c";
}
.foundicon-refresh:before {
    content: "\f01d";
}
.foundicon-paper-clip:before {
    content: "\f01e";
}
.foundicon-video:before {
    content: "\f01f";
}
.foundicon-photo:before {
    content: "\f020";
}
.foundicon-graph:before {
    content: "\f021";
}
.foundicon-idea:before {
    content: "\f022";
}
.foundicon-mic:before {
    content: "\f023";
}
.foundicon-cart:before {
    content: "\f024";
}
.foundicon-address-book:before {
    content: "\f025";
}
.foundicon-compass:before {
    content: "\f026";
}
.foundicon-flag:before {
    content: "\f027";
}
.foundicon-location:before {
    content: "\f028";
}
.foundicon-clock:before {
    content: "\f029";
}
.foundicon-folder:before {
    content: "\f02a";
}
.foundicon-inbox:before {
    content: "\f02b";
}
.foundicon-website:before {
    content: "\f02c";
}
.foundicon-smiley:before {
    content: "\f02d";
}
.foundicon-search:before {
    content: "\f02e";
}
/*social icons*/
.foundicon-thumb-up:before {
    content: "\f000";
}
.foundicon-thumb-down:before {
    content: "\f001";
}
.foundicon-rss:before {
    content: "\f002";
}
.foundicon-facebook:before {
    content: "\f003";
}
.foundicon-twitter:before {
    content: "\f004";
}
.foundicon-pinterest:before {
    content: "\f005";
}
.foundicon-github:before {
    content: "\f006";
}
.foundicon-path:before {
    content: "\f007";
}
.foundicon-linkedin:before {
    content: "\f008";
}
.foundicon-dribbble:before {
    content: "\f009";
}
.foundicon-stumble-upon:before {
    content: "\f00a";
}
.foundicon-behance:before {
    content: "\f00b";
}
.foundicon-reddit:before {
    content: "\f00c";
}
.foundicon-google-plus:before {
    content: "\f00d";
}
.foundicon-youtube:before {
    content: "\f00e";
}
.foundicon-vimeo:before {
    content: "\f00f";
}
.foundicon-flickr:before {
    content: "\f010";
}
.foundicon-slideshare:before {
    content: "\f011";
}
.foundicon-picassa:before {
    content: "\f012";
}
.foundicon-skype:before {
    content: "\f013";
}
.foundicon-steam:before {
    content: "\f014";
}
.foundicon-instagram:before {
    content: "\f015";
}
.foundicon-foursquare:before {
    content: "\f016";
}
.foundicon-delicious:before {
    content: "\f017";
}
.foundicon-chat:before {
    content: "\f018";
}
.foundicon-torso:before {
    content: "\f019";
}
.foundicon-tumblr:before {
    content: "\f01a";
}
.foundicon-video-chat:before {
    content: "\f01b";
}
.foundicon-digg:before {
    content: "\f01c";
}
.foundicon-wordpress:before {
    content: "\f01d";
}
/*Accessibility icons*/
/* icons */
.foundicon-wheelchair:before {
    content: "\f000";
}
.foundicon-speaker:before {
    content: "\f001";
}
.foundicon-fontsize:before {
    content: "\f002";
}
.foundicon-eject:before {
    content: "\f003";
}
.foundicon-view-mode:before {
    content: "\f004";
}
.foundicon-eyeball:before {
    content: "\f005";
}
.foundicon-asl:before {
    content: "\f006";
}
.foundicon-person:before {
    content: "\f007";
}
.foundicon-question:before {
    content: "\f008";
}
.foundicon-adult:before {
    content: "\f009";
}
.foundicon-child:before {
    content: "\f00a";
}
.foundicon-glasses:before {
    content: "\f00b";
}
.foundicon-cc:before {
    content: "\f00c";
}
.foundicon-blind:before {
    content: "\f00d";
}
.foundicon-braille:before {
    content: "\f00e";
}
.foundicon-iphone-home:before {
    content: "\f00f";
}
.foundicon-w3c:before {
    content: "\f010";
}
.foundicon-css:before {
    content: "\f011";
}
.foundicon-key:before {
    content: "\f012";
}
.foundicon-hearing-impaired:before {
    content: "\f013";
}
.foundicon-male:before {
    content: "\f014";
}
.foundicon-female:before {
    content: "\f015";
}
.foundicon-network:before {
    content: "\f016";
}
.foundicon-guidedog:before {
    content: "\f017";
}
.foundicon-universal-access:before {
    content: "\f018";
}
.foundicon-elevator:before {
    content: "\f019";
}
/*sub nav*/
ul.sub-nav {
    display: block;
    margin: 8px 0;
    float: right;
    margin-top: 18px;
}
ul.sub-nav li {
    float: left;
    list-style: none outside none;
    width: auto;
    margin-left: 5px;
}
ul.sub-nav li a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    margin:0 0 24px 5px;
    font-size: 14px;
    margin: 0;
    padding: 4px 10px;
}
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: #FFFFFF;
}
/*other general styles*/    
.noList {
    list-style-type:none;
}
#content-bottom {
}
/* Default Link Styles */
a {
    color: #b07446;
    text-decoration: none;
    line-height: inherit;
}
a:hover, a:focus {
    color: #b84f2b;
}
a img {
    border: none;
}
/* Default paragraph styles */
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.85em;
    line-height: 1.19em;
    margin-bottom: 1.0em;
    text-rendering: optimizeLegibility;
    text-align: justify;
}
p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic;
}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    line-height: 1.2125em;
}
hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25em 0 1.1875em;
    height: 0;
}
/* Helpful Typography Defaults */
em, i {
    font-style: italic;
    line-height: inherit;
}
strong, b {
    font-weight: bold;
    line-height: inherit;
}
small, .small {
    font-size: 80%;
    line-height: inherit;
}
img.left {
    margin: 0 .8em 0 0;
}
img.right {
    margin: 0 0 0 .8em;
}
code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
    color: #7f0a0c;
}
.noMarginBottom {
    margin-bottom: 0 !important;
}
.maxMarginBottom {
    margin-bottom: 2em !important;
}
.minPaddingBottom {
    margin-bottom: 1em !important;
}
.meta {
    color: #775637;
    font-size: .7em;
}
/* News */
.news {
    border: 1px solid #B8B09D;
    padding: 10px 20px 10px 3px;
    font-size: 0.85em;
    line-height: 1.19em;
    text-align: left;
}
.news p {
    text-align: left;
    font-size: 0.75em;
}
.news h3 {
    text-align: left;
    font-size: 0.8175em;
    font-weight: bold;
}
.news ul {
    list-style: none;
}
.news ul li {
    margin-bottom: 5px;
}
header {
    background-color: #DCA270;
    padding: 8px 0;
    color: #fff;
    margin-bottom: 10px;
}
header#home .orbit-container {
    background: none;
    color: #FFF;
}
.orbit-bullets {
    margin-bottom:20px;
}
header#home .orbit-container a {
    color: #FFF;
}
header#home .orbit-container .orbit-slide-number, header#home .orbit-container .orbit-timer {
    display:none;
}
#footermenu li {
    margin-left: 0;
}
#footermenu li a {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #B8B09D
}
#footermenu li:last-child a {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    height: 60px;
    position: absolute;
    text-indent: -9999px !important;
    top: 50%;
}
/*Top bar and menu*/
.top-bar {
    background-color:#545454;
}
.top-bar .top-bar-section li > a {
    border-left: 1px solid #545454;
}
    header h1 {
    color: #FFFFFF;
    font-weight: 300;
    margin:0;
}
header#home {
}
header#responsive-gallery-template {
    background-color: #D4BC7C;
}
header#responsive-news-template {
    background-color:#FAB46E
}
header#formbuilder-responsive {
    background-color:#DF8167
}
header#theme-features {
    background-color:#A59A58
}
.top-bar {
    margin-bottom: 0;
}
.joyride-tip-guide .joyride-nub.right {
    right: -27px;
}
.joyride-tip-guide .joyride-nub.left {
    right: -27px;
}
.joyride-tip-guide .joyride-nub.bottom {
    bottom: -27px;
}
.joyride-tip-guide .joyride-nub.top {
    top: -27px;
}
#copyright {
    background: #545454;
    color: #eac56e;
    padding: 7px 0;
    font-size: .68em;
    text-align: center;
}
#copyright a {
    color: #eac56e;
    font-size: 10px;
}
#copyright a:hover {
    color: white;
}
#copyright p,  #copyright ul {
    margin-bottom: 0;
}
footer {
    background-color: #B8B09D;
    color: #333;
    padding: 10px 0 0;
    margin-top: 20px;
}
footer a:link, footer a:visited {
    color: #999;
    font-size: 12px;
}
footer a:hover, footer a:active {
    color: #333;
    text-decoration: underline;
}
/*Formbuilder*/
.fbsubmit, .fbsubmit_next {
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.0em;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 0.50em 1.25em 0.8125em 1.25em;
    font-size: 0.85em;
    background-color: #CF995B;
    border-color: #D97A5A;
    color: white;
}
@media only screen and (min-width: 800px) {
.docs.header {
float: left;
}
.docs.subheader {
margin-top: 38px;
float: right;
}
}
@media only screen and (max-width: 768px) {
header h1 {
text-align:center;
}
header ul.sub-nav {
float: none;
margin: 0 auto;
text-align: center;
}
header ul.sub-nav li {
float: none;
}
#carousel .small-10 {
width:100% !important;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#carousel .small-10 img, #carousel .small-10 img.right {
float:none !important;
clear:both;
margin:0 auto
}
}

Par exemple, j'ai réduit le corps du texte (p) et les Titres h3 qui étaient bien trop gros mais je ne peux pas réduire mes marges (padding left et right) pour que le texte occupe toute la largeur du pavé gris. Je trouve également les photos un peu grosses. Pour ça, il faut peut-être intervenir sur le CGSmartImages mais j'ai peur de faire une ânerie !

Quand à la feuille de style qui doit gérer la page "actualités" des news... Alors là, carrément je ne la trouve pas !
Il va falloir que je réduise les titres également, supprimer le point de (li) et réduire les marges également.
Mais bon, j'ai bien avancé et je crois avoir compris des choses grâce à toi.
Merci

Rolleyes
Répondre
#15

La page Actualités doit apparaître dans ton menu afin que les internautes y aient accès et que la page enfant "archive" soit visible (ce que je t'ai demandé de faire quitte à la supprimer plus tard).

Les feuilles de style sont liées à des gabarits de page (et chaque page est liée à un gabarit) et pas à des pages spécifiques ni à des gabarits de modules. Les gabarits de modules sont intégrés dans les gabarits de page grâce à leur balise d'appel (tu appelles le gabarit du module news dans ton gabarit de page avec la balise {news}, tu appelles le gabarit du module search dans ton gabarit de page avec la balise {search} etc.) et tu appelles .
Tu peux avoir une ou plusieurs feuilles de style par gabarit, mais généralement, il n'y a pas de feuille de style "externe" à l'administration du cms comme c'est le cas chez toi (thème foundation oblige).
Tes feuilles de sites externes sont appelées dans le gabarit de page comme ceci : <link rel="stylesheet" href="{root_url}/foundation-5.0.2/css/normalize.css">
<link rel="stylesheet" href="{root_url}/foundation-5.0.2/css/foundation.min.css" />
Et les feuilles de style que tu crées dans l'administration du site sont appelées dans le gabarit de page avec la balise {cms_stylesheet} si elles sont liées au gabarit en question.

Citation :J'ai édité une feuille de style art-du-coin.css
Où se trouve cette css ? Dans l'administration ou est-ce encore une feuille externe ?

La classe news qui se trouve dans cette css est utilisée dans le gabarit de sommaire dédié à la colonne de droite (tu trouveras son nom dans le paramètre summarytemplate de la balise {news} située dans le gabarit de page un peu en dessous de la balise {search}).
Si tu souhaites modifier le design du gabarit sommaire "sommaire", tu dois spécifier une id ou une classe à la div englobant ce gabarit.
Remplace le premier <div> de ce gabarit par <div id=sommaireActus>.
Va dans ta css, et place toi juste en-dessous des sélecteurs .news (ou juste au dessus de header) et écris
Code :
/* sommaire des news */
#sommaireActus {tes valeurs}
#sommaireActus p {...}
#sommaireActus h3 {...}
#sommaireActus ul {...}
...

Pour modifier facilement les css tu dois utiliser Firebug, sans quoi tu perds un temps fou.

Citation :Je trouve également les photos un peu grosses. Pour ça, il faut peut-être intervenir sur le CGSmartImages mais j'ai peur de faire une ânerie
Tu peux gérer la taille des images pour ce gabarit en créant un nouvel alias (pour éviter le risque d'impacter d'autres images) dans l'administration de CGSmartImage :
Remplace
Code :
{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}
par
Code :
[== Indéfini ==]
{CGSmartImage src1=$entry->file_location src2=$field->value alias1='vignette_sommaire' notag=1}
Va dans l'admin du module CGSmartImage et crée un nouvel alias : "vignette_sommaire" en te basant sur les données de "large_thumbnail", mais en modifiant les "filtres" pour obtenir la taille désirée (voir l'aide du module).

Tes problèmes proviennent de la non compréhension du cms dans son ensemble et c'est normal car tu travailles sur un site créé par un développeur qui maîtrise son métier et surtout qui utilise un "framework" foundation complexe et incluant du javascript.

Je ne peux que te pousser à réapprendre les bases en créant un site simple en suivant intégralement cette playlist vidéo à partir du début et en utilisant les mêmes outils que moi, tu gagneras du temps au lieu de piétiner.
S'il te reste des incompréhensions, et c'est normal, merci de me le faire savoir dans cette page : http://www.cmsmadesimple.fr/forum/viewtopic.php?id=5193
Répondre
#16

Bonjour,

à propos de ma feuille de style...
Je l'ai rattachée à mon Thème foundation via la petite icône "bleue CSS" (attacher une feuille de style à un gabarit).
En revanche, je pensais la voir apparaître "physiquement" dans le répertoire CSS du thème, mais non. Je ne la vois nulle-part (en utilisant FileZilla).
Mais bon, avec les indications que tu m'as données, cela fonctionne !
Super et merci.
Un petit bémol, tout de même...
Mes valeurs /* sommaire des news */ sont bien appliquées mais je me retrouve toujours avec d'énormes marges...
Et de plus, ces valeurs s'appliquent également à la partie droite en gris, ce qui n'est pas le but recherché.
Le problème doit être double !?
Je pense qu'il y a une confusion entre les parties (gabarits ou CSS) qui gèrent la partie droite grisée et la page "Actualités". Et je suis à peu près certain que cela vient des "<div class="large-8 columns>"...
On les retrouve un peu partout avec différentes valeurs mais comme elles gèrent le "responsive" du site, je n'ose pas m'en mêler et de toute les façons je ne sais pas trop où elles setrouvent.
N'empêche, une de ces <div class="large-8 columns> s'est retrouvée dans la partie droite grisée et m'a rétréci la place réservée au annonces de news.
Bon, j'ai avancé et j'ai compris certain trucs mais pas tout encore.
Une question :
Lorsqu'on crée une feuille de style attachée au thème comme je l'ai fait, pour affecter de nouvelles valeurs ; doit-on uniquement écrire ces nouvelles valeurs ou bien reprendre la totalité de la feuille de style de base comme je l'ai fait ?
C'est peut-êre une connerie !?...
J'ai fait ça en pensant "qui peut le plus, peut le moins"... mais finalement, cela fait peut-être double emploi et /ou ralenti le site ?!

Je transmets tout ce qui me semble utile pour mon souci...

Voici cette feuille attachée :
Code :
[== CSS ==]
/*Use this stylesheet for your custom styles*/

@font-face {
font-family: "GeneralFoundicons";
src: url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.eot");
src: url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.woff") format("woff"), url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.ttf") format("truetype"), url("[[root_url]]/foundation-5.0.2/fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GeneralEnclosedFoundicons';
src: url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.eot');
src: url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.eot?#iefix') format('embedded-opentype'),  url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.woff') format('woff'),  url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.ttf') format('truetype'),  url('[[root_url]]/foundation-5.0.2/fonts/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SocialFoundicons";
src: url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.eot");
src: url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.eot?#iefix") format("embedded-opentype"), url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.woff") format("woff"), url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.ttf") format("truetype"), url("[[root_url]]/foundation-5.0.2/fonts/social_foundicons.svg#SocialFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AccessibilityFoundicons";
src: url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.eot");
src: url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.eot?#iefix") format("embedded-opentype"), url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.woff") format("woff"), url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.ttf") format("truetype"), url("[[root_url]]/foundation-5.0.2/fonts/accessibility_foundicons.svg#AccessibilityFoundicons") format("svg");
font-weight: normal;
font-style: normal;
}

/* global foundicon styles */
[class*="foundicon-"] {
display: inline;
width: auto;
height: auto;
line-height: inherit;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
}
[class*="general foundicon-"]:before {
font-family: "GeneralFoundicons";
}
[class*="gen-enclosed foundicon-"]:before {
font-family: "GeneralEnclosedFoundicons";
}
[class*="social foundicon-"]:before {
font-family: "SocialFoundicons";
}
[class*="accessibility foundicon-"]:before {
font-family: "AccessibilityFoundicons";
}
/*general  icons */
.foundicon-settings:before {
    content: "\f000";
}
.foundicon-heart:before {
    content: "\f001";
}
.foundicon-star:before {
    content: "\f002";
}
.foundicon-plus:before {
    content: "\f003";
}
.foundicon-minus:before {
    content: "\f004";
}
.foundicon-checkmark:before {
    content: "\f005";
}
.foundicon-remove:before {
    content: "\f006";
}
.foundicon-mail:before {
    content: "\f007";
}
.foundicon-calendar:before {
    content: "\f008";
}
.foundicon-page:before {
    content: "\f009";
}
.foundicon-tools:before {
    content: "\f00a";
}
.foundicon-globe:before {
    content: "\f00b";
}
.foundicon-home:before {
    content: "\f00c";
}
.foundicon-quote:before {
    content: "\f00d";
}
.foundicon-people:before {
    content: "\f00e";
}
.foundicon-monitor:before {
    content: "\f00f";
}
.foundicon-laptop:before {
    content: "\f010";
}
.foundicon-phone:before {
    content: "\f011";
}
.foundicon-cloud:before {
    content: "\f012";
}
.foundicon-error:before {
    content: "\f013";
}
.foundicon-right-arrow:before {
    content: "\f014";
}
.foundicon-left-arrow:before {
    content: "\f015";
}
.foundicon-up-arrow:before {
    content: "\f016";
}
.foundicon-down-arrow:before {
    content: "\f017";
}
.foundicon-trash:before {
    content: "\f018";
}
.foundicon-add-doc:before {
    content: "\f019";
}
.foundicon-edit:before {
    content: "\f01a";
}
.foundicon-lock:before {
    content: "\f01b";
}
.foundicon-unlock:before {
    content: "\f01c";
}
.foundicon-refresh:before {
    content: "\f01d";
}
.foundicon-paper-clip:before {
    content: "\f01e";
}
.foundicon-video:before {
    content: "\f01f";
}
.foundicon-photo:before {
    content: "\f020";
}
.foundicon-graph:before {
    content: "\f021";
}
.foundicon-idea:before {
    content: "\f022";
}
.foundicon-mic:before {
    content: "\f023";
}
.foundicon-cart:before {
    content: "\f024";
}
.foundicon-address-book:before {
    content: "\f025";
}
.foundicon-compass:before {
    content: "\f026";
}
.foundicon-flag:before {
    content: "\f027";
}
.foundicon-location:before {
    content: "\f028";
}
.foundicon-clock:before {
    content: "\f029";
}
.foundicon-folder:before {
    content: "\f02a";
}
.foundicon-inbox:before {
    content: "\f02b";
}
.foundicon-website:before {
    content: "\f02c";
}
.foundicon-smiley:before {
    content: "\f02d";
}
.foundicon-search:before {
    content: "\f02e";
}
/* general enclosed icons */
.foundicon-settings:before {
    content: "\f000";
}
.foundicon-heart:before {
    content: "\f001";
}
.foundicon-star:before {
    content: "\f002";
}
.foundicon-plus:before {
    content: "\f003";
}
.foundicon-minus:before {
    content: "\f004";
}
.foundicon-checkmark:before {
    content: "\f005";
}
.foundicon-remove:before {
    content: "\f006";
}
.foundicon-mail:before {
    content: "\f007";
}
.foundicon-calendar:before {
    content: "\f008";
}
.foundicon-page:before {
    content: "\f009";
}
.foundicon-tools:before {
    content: "\f00a";
}
.foundicon-globe:before {
    content: "\f00b";
}
.foundicon-home:before {
    content: "\f00c";
}
.foundicon-quote:before {
    content: "\f00d";
}
.foundicon-people:before {
    content: "\f00e";
}
.foundicon-monitor:before {
    content: "\f00f";
}
.foundicon-laptop:before {
    content: "\f010";
}
.foundicon-phone:before {
    content: "\f011";
}
.foundicon-cloud:before {
    content: "\f012";
}
.foundicon-error:before {
    content: "\f013";
}
.foundicon-right-arrow:before {
    content: "\f014";
}
.foundicon-left-arrow:before {
    content: "\f015";
}
.foundicon-up-arrow:before {
    content: "\f016";
}
.foundicon-down-arrow:before {
    content: "\f017";
}
.foundicon-trash:before {
    content: "\f018";
}
.foundicon-add-doc:before {
    content: "\f019";
}
.foundicon-edit:before {
    content: "\f01a";
}
.foundicon-lock:before {
    content: "\f01b";
}
.foundicon-unlock:before {
    content: "\f01c";
}
.foundicon-refresh:before {
    content: "\f01d";
}
.foundicon-paper-clip:before {
    content: "\f01e";
}
.foundicon-video:before {
    content: "\f01f";
}
.foundicon-photo:before {
    content: "\f020";
}
.foundicon-graph:before {
    content: "\f021";
}
.foundicon-idea:before {
    content: "\f022";
}
.foundicon-mic:before {
    content: "\f023";
}
.foundicon-cart:before {
    content: "\f024";
}
.foundicon-address-book:before {
    content: "\f025";
}
.foundicon-compass:before {
    content: "\f026";
}
.foundicon-flag:before {
    content: "\f027";
}
.foundicon-location:before {
    content: "\f028";
}
.foundicon-clock:before {
    content: "\f029";
}
.foundicon-folder:before {
    content: "\f02a";
}
.foundicon-inbox:before {
    content: "\f02b";
}
.foundicon-website:before {
    content: "\f02c";
}
.foundicon-smiley:before {
    content: "\f02d";
}
.foundicon-search:before {
    content: "\f02e";
}
/*social icons*/
.foundicon-thumb-up:before {
    content: "\f000";
}
.foundicon-thumb-down:before {
    content: "\f001";
}
.foundicon-rss:before {
    content: "\f002";
}
.foundicon-facebook:before {
    content: "\f003";
}
.foundicon-twitter:before {
    content: "\f004";
}
.foundicon-pinterest:before {
    content: "\f005";
}
.foundicon-github:before {
    content: "\f006";
}
.foundicon-path:before {
    content: "\f007";
}
.foundicon-linkedin:before {
    content: "\f008";
}
.foundicon-dribbble:before {
    content: "\f009";
}
.foundicon-stumble-upon:before {
    content: "\f00a";
}
.foundicon-behance:before {
    content: "\f00b";
}
.foundicon-reddit:before {
    content: "\f00c";
}
.foundicon-google-plus:before {
    content: "\f00d";
}
.foundicon-youtube:before {
    content: "\f00e";
}
.foundicon-vimeo:before {
    content: "\f00f";
}
.foundicon-flickr:before {
    content: "\f010";
}
.foundicon-slideshare:before {
    content: "\f011";
}
.foundicon-picassa:before {
    content: "\f012";
}
.foundicon-skype:before {
    content: "\f013";
}
.foundicon-steam:before {
    content: "\f014";
}
.foundicon-instagram:before {
    content: "\f015";
}
.foundicon-foursquare:before {
    content: "\f016";
}
.foundicon-delicious:before {
    content: "\f017";
}
.foundicon-chat:before {
    content: "\f018";
}
.foundicon-torso:before {
    content: "\f019";
}
.foundicon-tumblr:before {
    content: "\f01a";
}
.foundicon-video-chat:before {
    content: "\f01b";
}
.foundicon-digg:before {
    content: "\f01c";
}
.foundicon-wordpress:before {
    content: "\f01d";
}
/*Accessibility icons*/
/* icons */
.foundicon-wheelchair:before {
    content: "\f000";
}
.foundicon-speaker:before {
    content: "\f001";
}
.foundicon-fontsize:before {
    content: "\f002";
}
.foundicon-eject:before {
    content: "\f003";
}
.foundicon-view-mode:before {
    content: "\f004";
}
.foundicon-eyeball:before {
    content: "\f005";
}
.foundicon-asl:before {
    content: "\f006";
}
.foundicon-person:before {
    content: "\f007";
}
.foundicon-question:before {
    content: "\f008";
}
.foundicon-adult:before {
    content: "\f009";
}
.foundicon-child:before {
    content: "\f00a";
}
.foundicon-glasses:before {
    content: "\f00b";
}
.foundicon-cc:before {
    content: "\f00c";
}
.foundicon-blind:before {
    content: "\f00d";
}
.foundicon-braille:before {
    content: "\f00e";
}
.foundicon-iphone-home:before {
    content: "\f00f";
}
.foundicon-w3c:before {
    content: "\f010";
}
.foundicon-css:before {
    content: "\f011";
}
.foundicon-key:before {
    content: "\f012";
}
.foundicon-hearing-impaired:before {
    content: "\f013";
}
.foundicon-male:before {
    content: "\f014";
}
.foundicon-female:before {
    content: "\f015";
}
.foundicon-network:before {
    content: "\f016";
}
.foundicon-guidedog:before {
    content: "\f017";
}
.foundicon-universal-access:before {
    content: "\f018";
}
.foundicon-elevator:before {
    content: "\f019";
}
/*sub nav*/
ul.sub-nav {
    display: block;
    margin: 8px 0;
    float: right;
    margin-top: 18px;
}
ul.sub-nav li {
    float: left;
    list-style: none outside none;
    width: auto;
    margin-left: 5px;
}
ul.sub-nav li a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    margin:0 0 24px 5px;
    font-size: 14px;
    margin: 0;
    padding: 4px 10px;
}
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: #FFFFFF;
}
/*other general styles*/    
.noList {
    list-style-type:none;
}
#content-bottom {
}
/* Default Link Styles */
a {
    color: #b07446;
    text-decoration: none;
    line-height: inherit;
}
a:hover, a:focus {
    color: #b84f2b;
}
a img {
    border: none;
}
/* Default paragraph styles */
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.85em;
    line-height: 1.19em;
    margin-bottom: 1.0em;
    text-rendering: optimizeLegibility;
    text-align: justify;
}
p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic;
}
/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    line-height: 1.2125em;
}
hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25em 0 1.1875em;
    height: 0;
}
/* Helpful Typography Defaults */
em, i {
    font-style: italic;
    line-height: inherit;
}
strong, b {
    font-weight: bold;
    line-height: inherit;
}
small, .small {
    font-size: 80%;
    line-height: inherit;
}
img.left {
    margin: 0 .8em 0 0;
}
img.right {
    margin: 0 0 0 .8em;
}
code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
    color: #7f0a0c;
}
.noMarginBottom {
    margin-bottom: 0 !important;
}
.maxMarginBottom {
    margin-bottom: 2em !important;
}
.minPaddingBottom {
    margin-bottom: 1em !important;
}
.meta {
    color: #775637;
    font-size: .7em;
}
/* News */
.news {
    border: 1px solid #B8B09D;
    padding: 10px 20px 10px 3px;
    font-size: 0.85em;
    line-height: 1.19em;
    text-align: left;
}
.news p {
    text-align: left;
    font-size: 0.75em;
}
.news h3 {
    text-align: left;
    font-size: 0.87em;
    /*font-weight: bold*/;
}
.news ul {
    list-style: none;
}
.news ul li {
    margin-bottom: 0px;
}
/* sommaire des news */
#sommaireActus {
    /*border: 1px solid #B8B09D;*/
    padding: 10px 0px 10px px;
    font-size: 0.85em;
    line-height: 1.19em;
    text-align: left;
}
#sommaireActus p {
    text-align: left;
    font-size: 0.75em;
}
#sommaireActus h3 {
    text-align: left;
    font-size: 0.90em;
}
#sommaireActus ul {
    list-style: none;
}
header {
    background-color: #DCA270;
    padding: 8px 0;
    color: #fff;
    margin-bottom: 10px;
}
header#home .orbit-container {
    background: none;
    color: #FFF;
}
.orbit-bullets {
    margin-bottom:20px;
}
header#home .orbit-container a {
    color: #FFF;
}
header#home .orbit-container .orbit-slide-number, header#home .orbit-container .orbit-timer {
    display:none;
}
#footermenu li {
    margin-left: 0;
}
#footermenu li a {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #B8B09D
}
#footermenu li:last-child a {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    height: 60px;
    position: absolute;
    text-indent: -9999px !important;
    top: 50%;
}
/*Top bar and menu*/
.top-bar {
    background-color:#545454;
}
.top-bar .top-bar-section li > a {
    border-left: 1px solid #545454;
}
    header h1 {
    color: #FFFFFF;
    font-weight: 300;
    margin:0;
}
header#home {
}
header#responsive-gallery-template {
    background-color: #D4BC7C;
}
header#responsive-news-template {
    background-color:#FAB46E
}
header#formbuilder-responsive {
    background-color:#DF8167
}
header#theme-features {
    background-color:#A59A58
}
.top-bar {
    margin-bottom: 0;
}
.joyride-tip-guide .joyride-nub.right {
    right: -27px;
}
.joyride-tip-guide .joyride-nub.left {
    right: -27px;
}
.joyride-tip-guide .joyride-nub.bottom {
    bottom: -27px;
}
.joyride-tip-guide .joyride-nub.top {
    top: -27px;
}
#copyright {
    background: #545454;
    color: #eac56e;
    padding: 7px 0;
    font-size: .68em;
    text-align: center;
}
#copyright a {
    color: #eac56e;
    font-size: 10px;
}
#copyright a:hover {
    color: white;
}
#copyright p,  #copyright ul {
    margin-bottom: 0;
}
footer {
    background-color: #B8B09D;
    color: #333;
    padding: 10px 0 0;
    margin-top: 20px;
}
footer a:link, footer a:visited {
    color: #999;
    font-size: 12px;
}
footer a:hover, footer a:active {
    color: #333;
    text-decoration: underline;
}
/*Formbuilder*/
.fbsubmit, .fbsubmit_next {
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.0em;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 0.50em 1.25em 0.8125em 1.25em;
    font-size: 0.85em;
    background-color: #CF995B;
    border-color: #D97A5A;
    color: white;
}
@media only screen and (min-width: 800px) {
.docs.header {
float: left;
}
.docs.subheader {
margin-top: 38px;
float: right;
}
}
@media only screen and (max-width: 768px) {
header h1 {
text-align:center;
}
header ul.sub-nav {
float: none;
margin: 0 auto;
text-align: center;
}
header ul.sub-nav li {
float: none;
}
#carousel .small-10 {
width:100% !important;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#carousel .small-10 img, #carousel .small-10 img.right {
float:none !important;
clear:both;
margin:0 auto
}
}

Voici le gabarit News du détail (responsive-news-detail)
Code :
[== Indéfini ==]
<!-- Start news detail template-->
{if isset($entry->canonical)}
  {assign var='canonical' value=$entry->canonical}
{/if}

<h5>{$entry->title|cms_escape:htmlall}</h5>
{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
        {if $field->type == 'file'}
      {* Ce gabarit suppose que chaque fichier téléchargé est une image distincte, parce NEWS ne fait pas la distinction *}
          <img class="th left" src="{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}"/>
        {/if}
  {/foreach}
{/if}

<div class="meta">
<p class="noMarginBottom">{if $entry->postdate}<!-- span class="general foundicon-calendar" --> {$entry->postdate|cms_date_format}</span>{/if}{if $entry->category} | <!-- span class="general foundicon-paper-clip" --> {$entry->category}</span>{/if}
{if $entry->author} <!-- span class="accessibility foundicon-adult" --> {*$entry->author*}</span>{/if}</p>
</div>
{if $entry->summary}
<p class="subheader">{eval var=$entry->summary}</p>
<hr />
{/if}
{eval var=$entry->content}
{if $entry->extra}
    <div id="NewsPostDetailExtra">
        {$extra_label} {$entry->extra}
    </div>
{/if}

{if $return_url != ""}
<p><span class="button radius secondary right small">{$return_url}{if $category_name != ''} - {$category_link}{/if}</span></p>
{/if}
Voici le gabarit du "sommaire"
Code :
[== Indéfini ==]
<div id=sommaireActus>
    <div class="large-8 columns">
    <ul>
        {foreach from=$items item=entry}
        <li>
     <div class="small-10 small-centered columns">
        {foreach from=$entry->fields item='field'}
            {if $field->type == 'file' && $field->value != ''}
            {if isset($entry->fields)}
             <a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}"><img class="right" src="{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}" alt="{$entry->title|cms_escape}" /></a>
            {/if}
            {/if}
        {/foreach}
            <h3 class="noMarginBottom"><a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a></h3>
        {if $entry->summary}
        <p class="NewsSummary">{eval var=$entry->summary}</p>
        {elseif $entry->content}
            {eval var=$entry->content}
        {/if}
    </div>
        </li>
        {/foreach}
    </ul>
    </div>
</div>

Et aussi le gabarit par défaut des News :
Code :
[== Indéfini ==]
<!-- Start News Display Template -->
{* This section shows a clickable list of your News categories. *}
<ul class="list1">
{foreach from=$cats item=node}
{if $node.depth > $node.prevdepth}
{repeat string="<ul>" times=$node.depth-$node.prevdepth}
{elseif $node.depth < $node.prevdepth}
{repeat string="</li></ul>" times=$node.prevdepth-$node.depth}
</li>
{elseif $node.index > 0}</li>
{/if}
<li{if $node.index == 0} class="firstnewscat"{/if}>
{if $node.count > 0}
    <a href="{$node.url}">{$node.news_category_name}</a>{else}<span>{$node.news_category_name} </span>{/if}
{/foreach}
{repeat string="</li></ul>" times=$node.depth-1}</li>
</ul>

{* this displays the category name if you're browsing by category *}
{if $category_name}
<h1>{$category_name}</h1>
{/if}

{* if you don't want category browsing on your summary page, remove this line and everything above it *}

{if $pagecount > 1}
  <p>
{if $pagenumber > 1}
{$firstpage}&nbsp;{$prevpage}&nbsp;
{/if}
{$pagetext}&nbsp;{$pagenumber}&nbsp;{$oftext}&nbsp;{$pagecount}
{if $pagenumber < $pagecount}
&nbsp;{$nextpage}&nbsp;{$lastpage}
{/if}
</p>
{/if}
{foreach from=$items item=entry}
<div class="NewsSummary">

{if $entry->postdate}
    <div class="NewsSummaryPostdate">
        {$entry->postdate|cms_date_format}
    </div>
{/if}

<div class="NewsSummaryLink">
<a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a>
</div>

<div class="NewsSummaryCategory">
    {$category_label} {$entry->category}
</div>

{if $entry->author}
    <div class="NewsSummaryAuthor">
        {$author_label} {$entry->author}
    </div>
{/if}

{if $entry->summary}
    <div class="NewsSummarySummary">
        {eval var=$entry->summary}
    </div>

    <div class="NewsSummaryMorelink">
        [{$entry->morelink}]
    </div>

{else if $entry->content}

    <div class="NewsSummaryContent">
        {eval var=$entry->content}
    </div>
{/if}

{if isset($entry->extra)}
    <div class="NewsSummaryExtra">
        {eval var=$entry->extra}
    {* {cms_module module='Uploads' mode='simpleurl' upload_id=$entry->extravalue} *}
    </div>
{/if}
{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
     <div class="NewsSummaryField">
        {if $field->type == 'file'}
          <img src="{$entry->file_location}/{$field->displayvalue}"/>
        {else}
          {$field->name}:&nbsp;{eval var=$field->displayvalue}
        {/if}
     </div>
  {/foreach}
{/if}

</div>
{/foreach}
<!-- End News Display Template -->

Il y a aussi le gabarit des catégories (Sample) :
Code :
[== Indéfini ==]
{if $count > 0}
<ul class="list1">
{foreach from=$cats item=node}
{if $node.depth > $node.prevdepth}
{repeat string="<ul>" times=$node.depth-$node.prevdepth}
{elseif $node.depth < $node.prevdepth}
{repeat string="</li></ul>" times=$node.prevdepth-$node.depth}
</li>
{elseif $node.index > 0}</li>
{/if}
<li class="newscategory">
{if $node.count > 0}
    <a href="{$node.url}">{$node.news_category_name}</a> ({$node.count}){else}<span>{$node.news_category_name} (0)</span>{/if}
{/foreach}
{repeat string="</li></ul>" times=$node.depth-1}</li>
</ul>
{/if}

et aussi "Éditeur du gabarit soumission d'article via les pages du site (frontend)" nommé "Sample" également :
Code :
[== Indéfini ==]
{* original form template *}
{if isset($error)}
  <h3><font color="red">{$error}</font></h3>
{else}
  {if isset($message)}
    <h4>{$message}</h4>
  {/if}
{/if}
{$startform}
    <div class="pageoverflow">
        <p class="pagetext">*{$titletext}:</p>
        <p class="pageinput">{$inputtitle}</p>
    </div>
    <div class="pageoverflow">
        <p class="pagetext">{$categorytext}:</p>
        <p class="pageinput">{$inputcategory}</p>
    </div>
{if !isset($hide_summary_field) or $hide_summary_field == 0}
    <div class="pageoverflow">
        <p class="pagetext">{$summarytext}:</p>
        <p class="pageinput">{$inputsummary}</p>
    </div>
{/if}
    <div class="pageoverflow">
        <p class="pagetext">*{$contenttext}:</p>
        <p class="pageinput">{$inputcontent}</p>
    </div>
    <div class="pageoverflow">
        <p class="pagetext">{$extratext}:</p>
        <p class="pageinput">{$inputextra}</p>
    </div>
    <div class="pageoverflow">
        <p class="pagetext">{$startdatetext}:</p>
        <p class="pageinput">{html_select_date prefix=$startdateprefix time=$startdate end_year="+15"} {html_select_time prefix=$startdateprefix time=$startdate}</p>
    </div>
    <div class="pageoverflow">
        <p class="pagetext">{$enddatetext}:</p>
        <p class="pageinput">{html_select_date prefix=$enddateprefix time=$enddate end_year="+15"} {html_select_time prefix=$enddateprefix time=$enddate}</p>
    </div>
    {if isset($customfields)}
       {foreach from=$customfields item='onefield'}
          <div class="pageoverflow">
        <p class="pagetext">{$onefield->name}:</p>
        <p class="pageinput">{$onefield->field}</p>
          </div>
       {/foreach}
    {/if}
    <div class="pageoverflow">
        <p class="pagetext">&nbsp;</p>
        <p class="pageinput">{$hidden}{$submit}{$cancel}</p>
    </div>
{$endform}
-----------------

Pour ce qui est de rétrécir les images, je n'ai en revanche, pas eu le temps de m'y pencher.

Voilà, je suis confus de surcharger ce message de codes étant bien conscient de la charge de travail que cela te donne... J'aimerais bien renvoyer l'ascenseur mais je ne sais pas comment... Si tu as besoin de mes compétences graphiques, pourquoi pas !!?

Encore Merci, mille fois Smile

Rolleyes
Répondre
#17

Citation :En revanche, je pensais la voir apparaître "physiquement" dans le répertoire CSS du thème, mais non. Je ne la vois nulle-part (en utilisant FileZilla).

Tu n'as pas bien compris comment fonctionne CMSms
TOUT est en base de données sauf les images et fichiers du dossiers /uploads

J-C Etiemble v 2.2.xx
Répondre
#18

Ah! effectivement... donc ça ne sert à rien de la chercher...
C'est donc sans doute pour cela également que je vois s'afficher dans "examiner l'élément" via Firefox, des feuilles CSS bizarres comme : "steesheet combined"... suivis d'une suite de numéro infinie... !?
Merci pour l'info.
Bonne journée Smile

Rolleyes
Répondre
#19

Le cms combine les feuilles de style créées dans l'administration en "combined stylesheet" pour améliorer la vitesse d'affichage, tu n'as pas à t'en préoccuper, c'est automatique. Donc, si tu dois modifier une valeur css située dans "combined" cherche-la dans la css située dans l'admin. Sinon, elle se trouve dans la css externe foundation.min.css que tu n'as pas, normalement, à modifier. La puissance des css te permettant de la "surcharger" dans la css de l'admin grâce à la priorité des sélecteurs.
Si tu avais installé Firebug au lieu d'"examiner l'élément", tu aurais réponse à toutes les questions concernant les sélecteurs css instantanément ainsi que leur emplacement dans les feuilles de style.
Le reste est un problème de compétences css que tu n'as pas encore maîtrisé, en particulier le tri par priorité calculée des sélecteurs : http://openweb.eu.org/articles/cascade_css.
Foudation est un framekork css qui utilise un système de "grid" (une grille découpée en cellules, comme une feuille excel). Voici sa documentation : http://foundation.zurb.com/docs/components/grid.html.
Répondre
#20

Et le tuto de Bess concernant firebug : http://www.cmsmadesimple.fr/blog/4/15/Le...rebug#main
Répondre
#21

Ah ! d'accord pour le "Grid", ce sont des "div" de grilles que je peux essayer à loisir !?
Je pensais que l'auteur de Foundation avait élaboré ces termes là et que je ne pouvais pas y toucher...
Si je comprends bien, je peux faire des essais en m'appuyant sur la doc des grids sans trrop prendre de risque (du moment que je conserve une copie originale au préalable).

Pour le tri en priorité des sélecteurs... je vais m'y mettre...
Merci
D'autre part, j'ai Firebug depuis très longtemps (et mis à jour) mais je le trouve un peu moins pratique que l'outil intégré de Firefox... mais c'est peut-être que je ne m'en sers pas bien...
Je vais m'occuper de tout ça
Merci pour cette aide précieuse.

Rolleyes
Répondre
#22

Bonjour,

Super, ça marche mieux !!!
Voilà, j'ai réussi à afficher mes "actualités" comme je le désirais !
http://h-graffiti.fr/cmsmadesimple/index...=actualite
J'ai un peu travaillé sur les "'grids" et j'ai obtenu à peu près ce que je veux.
Mes news s'affichent bien les unes en dessous des autres avec une mage blanche entre chaque, grâce à ce code CSS :
Code :
[== CSS ==]
/* sommaire des news */
#sommaireActus {
    /*border: 1px solid #B8B09D;*/
    padding: 0px 0px 0px 0px;
    font-size: 0.85em;
    line-height: 1.19em;
    text-align: left;
}
#sommaireActus p {
    text-align: left;
    font-size: 0.75em;
}
#sommaireActus h3 {
    text-align: left;
    font-size: 0.90em;
margin-top: 1.1em;
}
#sommaireActus ul {
    list-style: none;
    margin-left: 0.0em;
}
#sommaireActus li {
    list-style: none;
}
#sommaireActus img {
    margin-top: 0.90em;
}
Je me suis servi également pour les "grids" de cet utilitaire bien pratique qui affiche les grilles en surimpression...
http://alefeuvre.github.io/foundation-grid-displayer/
Il offre un visuel des gilles qui s'applique à votre site.
On visualise les colonnes et les marges et je me demande s'il est possible d'agir sur ces marges !?
C'est un détail, mais lorsqu'on à une page qui utilise un <div class="large-8 columns">
sous lequel se trouve <div id="sommaireActus">
lui même contenant : <div class="large-12 columns">
Puis <ul> et <li> avec <div class="large-12 columns">... etc.
J'ai l'impression que les marges se succèdent les unes dans les autres, Non ?
Esthétiquement, c'est pas top... mais bon, comme je le diasais, c'est un détail.

Il me reste à travailler les dimensions d'images que j'aimerais réduire. Je vais essayer d'appliquer le conseil que m'a donné Jean Le Chauve, précédemment.
Encore merci.
Sans tous ces conseils, il est évident que je ne m'en sortirais pas !
Smile

Rolleyes
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)