Bonjour, j'ai créer une galerie sous Coppermine = http://gagalerie.free.fr/
J'aimerai savoir si quelqu'un sait comment on fait pour modifié le nom et le design de la galerie ! Merci d'avance
Bonsoir,
Il faut se connecter sous un compte admin (déclaré lors de l'installation) ce qui donne accès à un panneau de configuration où vous pourrez changer le nom et modifier le thème.
Sur le site de coppermine, on peut télécharger un grand choix de thèmes.
Il y a aussi sur ce site et dans la distribution coppermine, une documentation très complète sur la manière d'administrer le site, de configurer les albums ....
Le problème c'est que moi et les codes html ....
QuoteIl y a aussi sur ce site et dans la distribution coppermine, une documentation très complète sur la manière d'administrer le site, de configurer les albums ....
commencez par lire la doc et regardez éventuellement sur le wiki (l'adresse est disponible sur le forum faites une petite recherche)
Les modifications ne sont pas obligatoirement difficiles à faire, mais il faut un minimum de connaissances HTML si on veut personnaliser sa galerie.
Sinon il existe pas mal de thèmes disponibles pour Coppermine et utilisable à la place du thème actuellement en fonction sur votre galerie
Quote from: François Keller on October 21, 2011, 07:08:32 AM
commencez par lire la doc et regardez éventuellement sur le wiki (l'adresse est disponible sur le forum faites une petite recherche)
Les modifications ne sont pas obligatoirement difficiles à faire, mais il faut un minimum de connaissances HTML si on veut personnaliser sa galerie.
Sinon il existe pas mal de thèmes disponibles pour Coppermine et utilisable à la place du thème actuellement en fonction sur votre galerie
Et vous savez comment on fait pour ajouté ça propre image en haut de la galerie (hearder) !
oui, j'ai même fait un tutoriel sur le wiki...
allez je mets le lien http://frantzk.free.fr/WikiFree/index.php?title=Remplacer_le_logo (http://frantzk.free.fr/WikiFree/index.php?title=Remplacer_le_logo).
C'était pour cpg1.4.x mais le principe reste le même
Quote from: François Keller on October 22, 2011, 09:45:19 PM
oui, j'ai même fait un tutoriel sur le wiki...
allez je mets le lien http://frantzk.free.fr/WikiFree/index.php?title=Remplacer_le_logo (http://frantzk.free.fr/WikiFree/index.php?title=Remplacer_le_logo).
C'était pour cpg1.4.x mais le principe reste le même
Ouai, mais moi j'utilise le thème "water_drop" et il n'y a pas de logo à l'origine ! Mais si tu veux tu peux nous le faire et tu sera inscrit dans notre rubrique codage = http://gagalandfrance.eklablog.com/ (en haut à gauche)
Dans ce cas, il te faudra apprendre les bases du HTML.
C'est pas bien compliqué. Pour ma part, j'ai déjà pas mal à faire avec mes galeries pour ne pas pouvoir ajouter du boulot sur celle des autres.
désolé
Quote from: François Keller on October 23, 2011, 01:32:44 PM
Dans ce cas, il te faudra apprendre les bases du HTML.
C'est pas bien compliqué. Pour ma part, j'ai déjà pas mal à faire avec mes galeries pour ne pas pouvoir ajouter du boulot sur celle des autres.
désolé
Ok, c'est pas grave, je vais essayer de me débrouillez ;)
regardes ici (http://documentation.coppermine-gallery.net/fr/php-content.htm#php-content_header_footer) ça peux t'aider...
et aussi ça (http://www.commentcamarche.net/contents/html/htmlimages.php3)
Quote from: François Keller on October 23, 2011, 04:18:40 PM
regardes ici (http://documentation.coppermine-gallery.net/fr/php-content.htm#php-content_header_footer) ça peux t'aider...
et aussi ça (http://www.commentcamarche.net/contents/html/htmlimages.php3)
$
OK ! Merci =)
Quote from: François Keller on October 23, 2011, 04:18:40 PM
regardes ici (http://documentation.coppermine-gallery.net/fr/php-content.htm#php-content_header_footer) ça peux t'aider...
et aussi ça (http://www.commentcamarche.net/contents/html/htmlimages.php3)
Je n'y arrive pas :/
Tu es sur que tu ne peut pas m'aider ?
Tu veux mettre quoi comme image / logo ?
Quote from: pbasmo on October 27, 2011, 08:37:21 PM
Tu veux mettre quoi comme image / logo ?
http://www.imagup.com/data/1134479295.html
Vu pour l'image.
Tu dois d'abord placer l'image dans le répertoire 'images' du template 'water-drop';
Ensuite il faut modifier 2 scripts dans le template (faire par sécurité une copie des 2 scripts avant les modifications) :
Script style.css:
1) J'ai ajouté 1 ligne dans la déclaration du body (width: 75%) car la largeur de ton site est d'environ 75% (déclaré dans la configuration du site);
2) J'ai ajouté une nouvelle déclaration 'logo' pour l'affichage de l'image; je donne les explications de chaque ligne de la déclaration ce qui te permettra d'ajuster au besoin;
body {
background: url("images/bg.gif");
background-color: #F2F5F7;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
font-size : 12px;
color: #000666;
margin: 0px auto;
width: 75%;
}
/******************************************************************************
Présentation du logo dans le template.html :
background => url de l'image à afficher
no-repeat = pour l'afficher 1 fois
center = pour afficher l'image au centre de la cellule
background-color => couleur de fond car l'image ne prends pas toute la largeur
width et height => taille de l'image à afficher
*******************************************************************************/
#logo {
background: url("images/ladygaga.jpg") no-repeat center;
background-color: #F2F5F7;
width: 300px;
height: 170px;
}
Script template.html
Je donne ici toute la partie 'body' à recopier à la place de l'original dans le script.
<body>
{CUSTOM_HEADER}
<table width="100%" border="0" cellpadding="20" cellspacing="20">
<tr>
<td valign="top" style="border: 1px solid #CCD7E0; background-color: #FFFFFF;">
<!-- Partie modifiée pour afficher l'image et afficher le menu SOUS l'image -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- L'image sera centrée grace à la déclaration dans le css -->
<td id="logo" width="100%">
<!-- Le titre et description seront affichés à gauche hors image pour être lisibles -->
<h1>{GAL_NAME}</h1>
<h3>{GAL_DESCRIPTION}</h3>
</td>
<!-- On déplace le menu sous l'image -->
<tr>
<td width="100%" align="center">{SYS_MENU}<br />{SUB_MENU}</td>
</tr>
</table>
<!-- Fin de la partie réservée à l'image et au menu -->
<img src="images/spacer.gif" width="1" height="15" alt="" />
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
{ADMIN_MENU}
{MESSAGE_BLOCK}
{GALLERY}
</td>
</tr>
</table>
</td>
</tr>
</table>
{CUSTOM_FOOTER}{CREDITS}
</body>
La présentation reste simple mais fonctionnelle.
Si toutefois tu dois changer de thème, tu dois faire les mêmes modifications sur l'autre thème choisi (image + style.css + template.html)
A toi de jouer pour le reste !
Pierre
Quote from: pbasmo on October 28, 2011, 11:17:50 PMPierre
Ok, merci je regarde ça ! Et si je n'y arrive pas je vous recontacte !
Quote from: kucwp on December 17, 2011, 01:33:39 PM
Je n'y arrive pas :'(
Tu peux détailler un peu ce que tu as tenté de faire :
1)upload de l'image dans le répertoire 'images' du thème ?
2)écrire les modifications dans les 2 scripts ?
Quote from: pbasmo on December 17, 2011, 07:17:59 PM
Tu peux détailler un peu ce que tu as tenté de faire :
1)upload de l'image dans le répertoire 'images' du thème ?
2)écrire les modifications dans les 2 scripts ?
A écrire le script :/