Accès rapide : Aller au contenu de l'article |  Aller au menu |  Liste complète des articles  |  Aide  |  Contact |
bandeau

Accueil > Aides pour les nuls > Sarka spip : élargir la plage des articles

Sarka spip : élargir la plage des articles

 Debug, comment ça marche

L’article a été déplacé,il est ICI

 La plage des articles

Un article, coincé entre deux colonnes, ce n’est pas toujours suffisant pour la largeur.

Il faut donc :
– supprimer les brèves à droite
– élargir la plage de l’article

Voilà comme j’ai fait :

– 1) créer un style spécial pour les articles. Je l’ai nommé : style-article.css
– 2) modifier le squelette « article.html » pour qu’il n’y ait plus rien à droite
– 3) modifier le « header » pour que le fichier article.html appelle bien le style-article css

Ca paraît compliqué. Ca ne l’est pas tant qu’on croit. Il faut aller doucement et méthodiquement.

 style-article.css

Sur le site distant, aller chercher ... style.css ... et l’envoyer par FTP sur son ordinateur perso.

Ouvrir ... style.css ... et modifier :
– à la ligne 277 environ, écrire : margin-right : 0px ;
Comme ça la colonne « centre » est plus large

– à la ligne 286 environ, écrire : width : 0px ;
Comme ça la colonne de droite est de largeur nulle

Enregister le fichier sous le nom : style-article.css et l’envoyer par FTP sur le site distant, dans le dossier « styles »

 article.html

Sur le site distant, aller chercher ... article.html ... et l’envoyer par FTP sur son ordinateur perso.

Ouvrir ... article.html .... et modifier :
– à la ligne 39 à la place de         <INCLURE{fond=header}{id_article}>, il faut mettre         <INCLURE{fond=header-article}{id_article}>
– supprimer toutes les lignes de 54 à 75 (celles qui concernent la partie droite du site)

Enregister le fichier sous le nom : article.html et l’envoyer par FTP sur le site distant, dans le dossier « squelettes » (attention de bien avoir sauvegardé celui qui y était déjà, au cas où on aurait fait une erreur. Pour le sauvegarder, l’appeler article-ORI. html ...... avec ORI comme original. Comme ça, il n’est plus actif, mais il est là, on peut toujours le retrouver)

 header-article.html

Sur le site distant, aller chercher ... header.html ... et l’envoyer par FTP sur son ordinateur perso.

Ouvrir ... header.html ... et modifier :
– à la ligne 7 environ, au lieu de style.css il faut mettre style-article.css (voir note 1)

Enregister le fichier obtenu sous le nom : header-article.css et l’envoyer par FTP sur le site distant, dans le dossier « inclusions ».

Et voilà, normalement tout fonctionne ! J’ai testé !


NOTES:

(1) comme ça, au lieu d’avoir :

<link rel="stylesheet" href="#CHEMIN{style.css}" type="text/css">

on doit avoir :

<link rel="stylesheet" href="#CHEMIN{style-article.css}" type="text/css">