Modifié le nom et le design

[kucwp]

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

[pbasmo]

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 ....

[kucwp]

Le problème c'est que moi et les codes html ....

[François Keller]

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 ....

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

[kucwp]

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) !

[François Keller]

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.
C'était pour cpg1.4.x mais le principe reste le même

[kucwp]

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.
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)

[François Keller]

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é

[kucwp]

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

[François Keller]

regardes ici ça peux t'aider...
et aussi ça

[kucwp]

regardes ici ça peux t'aider...
et aussi ça

$

OK ! Merci =)

[kucwp]

regardes ici ça peux t'aider...
et aussi ça

Je n'y arrive pas :/
Tu es sur que tu ne peut pas m'aider ?

[pbasmo]

Tu veux mettre quoi comme image / logo ?

[kucwp]

Tu veux mettre quoi comme image / logo ?

http://www.imagup.com/data/1134479295.html

[pbasmo]

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;

Code Select Expand


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.

Code Select Expand



<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

[kucwp]

Pierre

Ok, merci je regarde ça ! Et si je n'y arrive pas je vous recontacte !

[kucwp]

Pierre

Je n'y arrive pas  :'(

[pbasmo]

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 ?

[kucwp]

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 :/