Piwigo.org

Dominique Chanut · 2012-05-22 22:10:11

Je viens de créer une une page d'accueil avec le plugin additional page en collant le code suivant:

<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {max-width:1120px; margin:0 auto 10px auto !important;}
.Online {display:none;}

.myHomePage_photo {text-align: center; margin:50px 0 20px 0}
.myHomePage_photo a img {border-width:2px; border-style:solid;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
</style>

<div id="myHomePage">
<div class="myHomePage_photo">
<a href="index.php?/categories"><img src="http://www.photosdom.fr/piwigo/upload/2012/04/29/20120429151111-89516366.jpg"></a>
</div>

<div class="myHomePage_links">
<a href="index.php?/categories">Albums</a> ⚫ <a href="index.php?/contact">Contact</a>
</div>

<div class="myHomePage_name">
Piwigo: Galerie photo de Dominique Chanut
</div>
</div>
Je suis satisfait du résultat mais la page d'accueil a été mise ici: http://www.photosdom.fr/piwigo/

Jaurai aimé qu'elle soit là: http://www.photosdom.fr

Comment faire? J'ai vu que dans le plugin on pouvait cocher l'option suivante: Page autonome La page requiert une structure HTML complète

Si la solution est ici, comment insérer ce code dans une page html?

Une dernière précision, mon hébergeur est NUXIT.

Merci d'avance pour votre attention.

Gotcha · 2012-05-22 23:32:24

Bonjour,

Ce petit inconvénient est du au fait que votre galerie est installée dans un sous répertoire sur votre hébergement.
Je précise tout de suite que c'est une bonne chose, une bonne habitude à prendre surtout si vous faites cohabiter votre galerie avec un blog par exemple et/ou un forum etc
Bref, c'est surtout aussi comme cela que Piwigo est distribué, c'est à dire dans un sous-répertoire.

Bon, ce petit éclairage fait, passons aux choses sérieux.
Le code de votre page d'accueil est fait pour être placé au même niveau que votre galerie Piwigo mais en informatique ont peut faire beaucoup de chose et il se facile d'adapter ce code pour le faire fonctionner non pas dans http://www.photosdom.fr/piwigo/
mais dans http://www.photosdom.fr/

Pour ce faire, je vais employer une méthode peut orthodoxe mais didactique et qui resservira pour d'autres personnes.

Bon, vous avez un résultat qui vous plait avec Additionnal Pages ? Oui, bon alors commencez par "enregistrer sous" votre page sur votre bureau via votre navigateur.
Une fois sur votre bureau, renommer votre fichier en "index.html".
A présent nous allons adapter le contenu de ce fichier à l'aide d'un éditeur de texte (le meilleur étant Notepad++).
Le contenu du fichier index.html doit être identique à ceci : http://pastie.org/3952204

Je repère qu'à la ligne 351 il y a un soucis dans l'adresse (URL) de la photo qui devrait être :

Code:

<img src="http://www.photosdom.fr/piwigo/upload/2012/04/29/20120429151111-89516366.jpg">

Maintenant que vous avez un fichier adapter à votre site, il faut (2 possibilité) :
- Votre hébergeur dispose d'outil pour écrire des fichier html en ligne et auquel cas il vous suffit de copier/coller votre code dans un fichier index.html placé à la racine de votre site (c'est à dire dans le répertoire le plus haut, généralement www)
- Envoyer votre fichier index.html de votre bureau vers la racine de votre site (c'est à dire dans le répertoire le plus haut, généralement www) via votre logiciel FTP.

Voilà, j'espère que je ne me suis pas trompé ^_^
Au pire si ça ne fonctionne pas, supprimer sur votre site le fichier index.html que vous avez créé.

ATTENTION !
Si sur votre site, à la racine de votre hébergement vous disposez déjà d'un fichier nommé index.html ne le modifiez pas et copiez-nous plutôt son contenu avant de le modifier !

Dominique Chanut · 2012-05-23 19:29:06

je viens de mettre la page d'accueil à la racine de mon site mais il y a un petit soucis avec la présentation; Il semblerait qu'il y est un petit problème avec la feuille de style css. Le fond de page n'est pas bon , le titre est décentré, etc....

Le résultat est ici: http://www.photosdom.fr/

Gotcha · 2012-05-23 23:19:16

Vu en effet.

Dans le code de la page index.html, ligne 14, remplacez là par :

Code:

<link rel="stylesheet" type="text/css" href="http://www.photosdom.fr/piwigo/themes/default/theme.css">
<link rel="stylesheet" type="text/css" href="http://www.photosdom.fr/piwigo/themes/sylvia/theme.css">

Gotcha · 2012-05-23 23:40:30

... J'ai comme l'impression que c'est un peu mieux que ce n'est pas encore ça.

Bon alors artillerie lourde :
Créer un nouveau fichier appelé index.css et collez le code suivant :
http://pastie.org/3957819

Dans votre fichier index.html, oubliez le code donné dans mon message précédant mais à la place de la ligne 14 remplacez-là par :

Code:

<link rel="stylesheet" type="text/css" href="index.css">

Dominique Chanut · 2012-05-24 21:58:39

Bon, maintenant c'est l'image qui est décentré... Par contre le reste semble bon.

http://www.photosdom.fr/

Gotcha · 2012-05-25 10:41:04

Je reprendrai tout le code demain au ce soir si j'ai le temps.

Finalement j'ai voulu prendre un raccourcis mais c'est plus compliqué que prévu :-/
Vu que la page est simple je reprendrai tout depuis le début pour justement éviter les surprises.

En attendant, dans le fichier index.css recherchez :

Code:

#theCategoryPage .content {
    margin: 0 !important;
}

(ligne 805 environ) et supprimez le.

Ensuite, recherchez toutes occurrences :

Code:

&quot;

Et supprimez-les.

Si je ne donne pas de nouvelles à la fin du week-end vous avez le droit de relancer le sujet ^^

Dominique Chanut · 2012-05-25 20:07:05

Superbe!!!!

çà Marche!!!!

Un grand merci !!!!

Piwigo.org

Annonce

#1 2012-05-22 22:10:11

[Résolu] Additional Pages: Comment créer une Page d'accueil

#2 2012-05-22 23:32:24

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

Code:

#3 2012-05-23 19:29:06

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

#4 2012-05-23 23:19:16

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

Code:

#5 2012-05-23 23:40:30

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

Code:

#6 2012-05-24 21:58:39

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

#7 2012-05-25 10:41:04

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

Code:

Code:

#8 2012-05-25 20:07:05

Re: [Résolu] Additional Pages: Comment créer une Page d'accueil

Pied de page des forums