Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Coppermine

ddehem

Par ddehem
dans Programmation

 Partager

Messages recommandés

ddehem Junior Member

ddehem

Posté(e)
Posté(e)

Bonjour,

n'étant pas spécialiste en programmation, j'ai besoin d'un coup de main pour résoudre un problème de taille de police dans le titre de ma gallerie (coppermine)

J'ai 3 galeries Coppermine et dans l'une d'elles, j'ai pu changer la taille du nom de la galerie. (configuration, paramètres généraux, nom de la galerie), malheureusement, je dois avoir un début d'alzheimer :P car je ne sais plus comment j'ai fait. Quelqu'un qui connait bien coppermine peut-t'il m'aider. D'avance merci.

ddehem

ddehem Junior Member

ddehem

Posté(e)
  • Auteur
Posté(e)
tu as été voir du côté de la feuille de style style.css ?

http://coppermine-gallery.net/demo/cpg14x/...fr.htm#creating

Bonjour Greywolf et merci pour ta réponse,

Je viens d'y jeter un coup d'oeil, plus que ça j'ai essayé de m'y retrouver dans les "body", "h1" et autres. J'ai fais trois essais de changement de taille de police mais sans résultats. Sur le site, en surlignant le texte que je voudrais changer, je lis en cliquant droit et en demandant le code source : "h3" et ensuite l'alignement etc...

J'ouvre avec notepad le style css, je change au niveau h3 et après avoir envoyé et réinitialisé la page internet, rien ne change. Je ne suis pas très doué pour ces manips. En fait, je ne sais pas vraiment où faire les changements. Mais effectivement ça doit se trouver dans les styles css.

icon8.gif

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)
Je change au niveau h3 et après avoir envoyé et réinitialisé la page internet, rien ne change.

Es-tu certain,

1) que la feuille de style en ligne contient bien les modifications que tu y a apportées,

2) et, si oui, de la syntaxe de ces modifications ?

 

Il pourrait être éclairant que tu nous listes (par un copier/coller) le contenu de [tout ou partie de] la feuille de style, en nous indiquant l'endroit exact où tu as [voulu] apporter des modifications, et la nature de ces modifications.

ddehem Junior Member

ddehem

Posté(e)
  • Auteur
Posté(e)

Bonsoir Dylav, je ne suis certain de rien, je ne suis pas sur mon PC de bureau ce soir. Demain, je ferai un copier/coller de la page.

Merci d'avance pour votre aide.

ddehem Junior Member

ddehem

Posté(e)
  • Auteur
Posté(e)

Je ne sais pas où est passé mon post, je le remet. Si il apparait 2 fois, pardon.

Voici le copier/coller de la partie que je pense devoir modifier pour changer la taille des caractères du nom de la galerie.

C'est peut-être là mon erreur. Il s'agit des fontes, donc je pense font-size. Je n'arrive pas à comprendre à quelle ligne ça correspond dans la galerie Coppermine. Je ne sais même pas si les niveaux (h1, h2 et h3) correspondent aux lignes du texte à insérer. Ci-dessous, les paramètres que je voudrais modifier. En dessous et en gras les tailles des fontes. La page de Notepad est dans le dossier thèmes, styles. de Coppermine. Quoi qu'il en soit, j'ai essayé en modifiant les paramètres de taille des polices et je les ai "envoyé vers le dossier correspondant via mon FTP, rien n'a changé.

Merci d'avance pour votre aide précieuse.

ddehem

 

 

Tout afficher descending.gif descending.gifParamètres généraux Nom de la galerie help.gif Description de la galerie

 

font-weight: normal;

font-size: 28px;

font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

text-decoration: none;

padding-left : 20px;

color: #FFFFFF;

margin: 2px;

}

 

h2 {

font-family: Arial, Helvetica, sans-serif;

background-image : url(images/box_left_icon.gif);

background-repeat : no-repeat;

background-position : left;

padding-left : 18px;

font-size: 18px;

margin: 0px;

}

 

h3 {

font-weight: normal;

font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;

font-size: 14px;

padding-left : 20px;

color: #F0AF00;

margin: 2px;

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Je te confirme que la taille de police est bien régie par l'attribut font-size. Par ailleurs, si tu te contentes de changer le chiffre (par exemple en remplaçant 14 par 12) dans le font-size de la classe h3, tu ne commettras pas d'erreur de syntaxe.

 

Mais pour revenir à la première de mes deux questions, refais la manipulation que tu expliques dans ton message #3 ci-dessus (« Sur le site, en surlignant le texte que je voudrais changer, je lis en cliquant droit et en demandant le code source : "h3" et ensuite l'alignement etc... »), pour vérifier que tes changements ont bien été pris en compte,

  • si non, c'est que tu n'as pas réinstallé la feuille de style au bon endroit,
  • si oui, c'est que tu n'as pas modifié la classe qu'il fallait, c'est-à-dire que le texte dont tu voulais changer l'apparence n'est pas régi par la classe h3, et qu'il va te falloir tâtonner à nouveau pour trouver de quelle classe il s'agit…

Il y aurait une autre solution, qui consisterait à nous fournir l'intégralité du code de ta page HTML, en nous expliquant précisément quel est l'élément de cette page dont tu veux modifier la présentation. :P

ddehem Junior Member

ddehem

Posté(e)
  • Auteur
Posté(e)

Bonjour Dylav et surtout merci pour ta réponse rapide, avant de soumettre l'intégralité de la page html, je vais tâtonner un peu et voir si je trouve par moi même en suivant tes conseils. Quand je dis que je lis h1 ou h2 ou 3, c'est en surlignant le titre de mon site (ici, le site de photomontage) et en faisant un clic droit, j'ouvre le code source de la sélection. C'est sur cettte base que je me fie pour changer la taille de la police. Ici par exemple, j'ai h1 pour "le site....." et h3 pour "pour commander....." C'est peut-être là que je fais une erreur :P .

ddehem

 

LE SITE DE PHOTOMONTAGE

 

Pour commander une ou plusiieurs photos : mail à xxx@xxx.com

Albums menu_spacer.gif

@ menu_spacer.gif

Derniers ajouts menu_spacer.gif

Derniers commentaires menu_spacer.gif

Les plus populaires menu_spacer.gif

Les mieux notées menu_spacer.gif

Mes favoris menu_spacer.gif

Rechercher | Accueil | Ma galerie | Mode utilisateur | Uploader une image | Quitter [ddehem] |

spacer.gif

60 photos dans 1 albums avec 0 commentaires affichées 41 fois Cholet 90 km spacer.gif

spacer.gif

thumb_Cholet_90_km_153.jpg

spacer.gifSUPPRIMER PROPRIETES MODIFIER LES PHOTOS 60 photos, la dernière a été ajoutée le 24 Mar 2009

 

spacer.gif

spacer.gif1 albums sur 1 page(s)

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Je pense que ton interprétation est bonne. Mais as-tu vérifié que les modifications que tu crois avoir apportées à la feuille de style ont vraiment été prises en compte ? C'est-à-dire que tu peux les constater par toi-même en "relisant" la feuille de style après modification et réinsertion sur le site ?

 

D'après le code de la page, la feuille de style est située, en adresse relative, sur le chemin themes/igames/style.css et voici son contenu

/*************************
 Coppermine Photo Gallery
 ************************
 Copyright © 2003-2008 Dev Team
 v1.1 originally written by Gregory DEMAR

 This program is free software; 
 you can redistribute it and/or modify
 it under the terms of the GNU General Public License version 3
 as published by the Free Software Foundation.

 ********************************************
 Coppermine version: 1.4.19
 $HeadURL: [url="https://coppermine.svn.sourceforge.net/"]https://coppermine.svn.sourceforge.net/[/url]
 svnroot/coppermine/ trunk/cpg1.4.x/themes/igames/style.css $
 $Revision: 4392 $
 $Author: gaugau $
 $Date: 2008-04-16 09:25:35 +0200 (Mi, 16 Apr 2008) $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 222222 = RBG  34,  34,  34 = black
   Hex 343333 = RBG  52,  51,  51 = black
   Hex 3F3F3F = RBG  63,  63,  63 = light black
   Hex 454444 = RBG  69,  68,  68 = light black
   Hex 4A4A4A = RBG  74,  74,  74 = dark grey
   Hex 5F5F5F = RBG  95,  95,  95 = dark grey
   Hex 666666 = RBG 102, 102, 102 = dark grey
   Hex 838383 = RBG 131, 131, 131 = medium grey
   Hex BDBEBD = RBG 189, 190, 189 = medium grey
   Hex BFC0C3 = RBG 191, 192, 195 = medium grey
   Hex C6B78E = RBG 198, 183, 142 = beige
   Hex E6E6E6 = RBG 230, 230, 230 = light grey
   Hex EFEFEF = RBG 239, 239, 239 = light grey
   Hex F0AF00 = RBG 240, 175,   0 = orange
   Hex ff0000 = RBG 255,   0,   0 = red
   Hex FFFFCC = RBG 255, 255, 204 = light yellow
   Hex FFFFFF = RBG 255, 255, 255 = white
*/

/* Foreground color definition */
body { color : #C6B78E; }
.topmenu, .topmenu a { color : #E6E6E6; }
.topmenu a:hover { color : #FFFFCC; }
.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, 
.sortorder_cell, .sortorder_options, .statlink, .statlink a, 
.statlink a:hover { color : #C6B78E; }
.tableh2, .tableh2_compact, .catrow_noalb { color : #FFFFCC; }
.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }
.alblink, .alblink a, .catlink, .catlink a { color : #FFFFCC; }
a,  .bblink a, .user_thumb_infobox a  { color: #FFFFCC; }
a:hover, .bblink a:hover, .user_thumb_infobox a:hover, 
.alblink a:hover, .catlink a:hover { color : #E6E6E6; }
.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a,
.admin_menu_thumb a:hover, .admin_menu, .admin_menu a, 
.admin_menu a:hover { color : #FFFFFF; }
.comment_date { color : #5F5F5F; }
.footer, .footer a, .footer a:hover { color : #666666; }

/* Background colors definition */
body { background-color: #4A4A4A; }
.textinput, .listbox, .radio, 
.checkbox { background-color: #4A4A4A; }
.tableh1, .tableh1_compact, .navmenu, .navmenu a, 
.navmenu a:hover  {         background : #3F3F3F ; }
.tableh2, .catrow_noalb, .tableh2_compact, .tablef, 
.img_caption_table th {         background : #343333 ; }
.tableb, .catrow, .display_media, .tableb_compact, .thumbnails,
.img_caption_table td { background : #454444 ; }

/* Borders for input controls */
.textinput, .listbox, .button, .comment_button, .admin_menu, 
.admin_menu_thumb  {        border: 1px solid #666666; }
.image { border: 1px solid #000000; }
.imageborder { border: 1px solid #000000; 
background-color:#000000; margin-top: 30px;
margin-bottom: 30px; }
.image1 { border: 1px solid #ff0000; }

.maintable, .maintablea, 
.maintableb {background-color: #222222; }
.img_caption_table th, 
.img_caption_table td { border-top : 1px solid #000000; }

/* Fonts definition */
body { 
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;}
.tableh1, .tableh1a, .catlink, .tableh2, 
.catrow_noalb { font-family: Verdana, Geneva, Arial, sans-serif;}
.textinput, .listbox, .radio, 
.checkbox { font-family: "Trebuchet MS", Verdana, Geneva, Arial,
sans-serif; }
.button, .comment_button, .sortorder_options, 
.admin_menu_thumb { font-family: Arial, Helvetica, sans-serif; }

table {
       font-size : 12px;
}

body {
       font-size : 12px;
       margin: 0px;
       padding:0px;
}

h1{
       font-weight: normal;
       font-size: 28px;
       font-family: "Trebuchet MS", Verdana, Arial, Helvetica; 
       text-decoration: none;
       padding-left : 20px;
       color: #FFFFFF;
       margin: 2px;
}

h2 {
       font-family: Arial, Helvetica, sans-serif;
       background-image : url(images/box_left_icon.gif);
       background-repeat : no-repeat;
       background-position : left;
       padding-left : 18px;
       font-size: 18px;
       margin: 0px;
}

h3 {
       font-weight: normal;
       font-family: "Trebuchet MS", Verdana, Geneva, Arial, 
       sans-serif;
       font-size: 14px;
       padding-left : 20px;
       color: #F0AF00;
       margin: 2px;
}

p {
       font-size: 100%;
       margin: 2px 0px;
}

ul {
       margin-left: 5px;
       padding: 0px;
}

li {
       margin-left: 10px;
       margin-top: 4px;
       margin-bottom: 4px;
       padding: 0px;
       list-style-position: outside;
       list-style-type: disc;
}

.top_panel {
               background-image: 
               url(images/top_panel_r1_c4.jpg);
               background-repeat : repeat-x;
               border-collapse:collapse;
               margin: 0;
               padding: 0;
}

.top_panel_left {
               background-image: 
               url(images/top_panel_r1_c1.jpg);
               background-repeat : no-repeat;
               background-position: top left;
               margin: 0;
               padding: 0;
}

.top_panel_right {
               background-image: 
               url(images/top_panel_r1_c2.jpg);
               background-repeat : no-repeat;
               background-position: top right;
               margin: 0;
               padding: 0;
}



.top_panel_btm {

                   background: #4A4A4A;
                   background-image: 
                   url(images/top_panel_r2_c3.jpg);
                   background-repeat : no-repeat;
                   background-position:right;
                   padding-top : 0;
           padding-bottom : 0;

}

.top_menu_left_bttn {
       white-space:nowrap;
}
.top_menu_left_bttn a {
              background: #4A4A4A;
       background-image : url(images/left_menu_button.gif);
       background-repeat : no-repeat;
       background-position : left;
       padding-left : 12px;
       padding-right : 6px;
                  padding-top :3px;
       padding-bottom : 0;
       display: block;
       height : 35px;
       line-height : 35px;
       text-decoration: none;
       color: #C6B78E;
       font-size: 14px;

}

.top_menu_left_bttn a:hover {
               background: #4A4A4A;
       background-image : url(images/left_menu_button_over.gif);
       background-position : left;
       background-repeat : no-repeat;
       text-decoration: none;
       color: #F0AF00;

}

.top_menu_right_bttn {
       white-space:nowrap;
}

.top_menu_right_bttn a {
               background: #4A4A4A;
       background-image : url(images/right_menu_button.gif);
       background-repeat : no-repeat;
       background-position : right;
       padding-right : 22px;
       padding-left : 6px;
           padding-top : 3px;
       padding-bottom : 0;
       display: block;
       height : 35px;
       line-height : 35px;
       text-decoration: none;
       color: #C6B78E;
       font-size: 14px;
}

.top_menu_right_bttn a:hover {
               background: #4A4A4A;
       background-image : 
       url(images/right_menu_button_over.gif);
       background-position : right;
       background-repeat : no-repeat;
       text-decoration: none;
       color: #F0AF00;
}

.top_menu_bttn {
 white-space:nowrap;
}
.top_menu_bttn a {
               background: #4A4A4A;
       background-image : url(images/menu_button.gif);
       background-position : left;
       padding-left : 6px;
       padding-right : 6px;
               padding-top : 3px;
       padding-bottom : 0;
       display: block;
       height : 35px;
       line-height : 35px;
       text-decoration: none;
       color: #C6B78E;
       font-size: 14px;
}

.top_menu_bttn a:hover {
               background: #4A4A4A;
       background-image : url(images/menu_button_over.gif);
       text-decoration: none;
       color:         #F0AF00;
}

.textinput {
       font-size: 100%;
       padding-right: 3px;
       padding-left: 3px;
}

.listbox {
       font-size: 100%;
       vertical-align : middle;
}

.button {
       font-size: 100%;
       background-image : url(images/button_bg.gif);
       background-position : bottom;
}

.comment_button {
       font-size: 100%;
       background-image : url(images/button_bg.gif);
       background-position : bottom;
       padding-left: 3px;
       padding-right: 3px;
}

.radio {
       font-size: 100%;
       vertical-align : middle;
}

.checkbox {
       font-size: 100%;
       vertical-align : middle;
}

a {
       text-decoration: none;
}

a:hover {
       text-decoration: underline;
}

.bblink a {
       text-decoration: none;
}

.bblink a:hover {
       text-decoration: underline;
}

.maintable {
       margin-top: 2px;
       margin-bottom: 2px;
/*        border: 1px solid #000000; */
}

.maintablea {
       margin-top: 5px;
}

.maintableb {
       margin-bottom: 2px;
/*        border: 1px solid #000000; */
}

.tableh1 {
       padding-right: 10px;
       padding-left: 10px;
       border-bottom: 1px solid #000000;
       border-right: 1px solid #000000;
       height: 25px;
       background-image: url(images/tableh1_bg.gif);
}

.tableh1a {
       border-bottom: 1px solid #000000;
       color: #C6B78E;
}

.tableh1a td {
       border: none;
       height: 30px;
       font-size: 120%;
       font-weight: bold;
       color: #C6B78E;
       background-image: url(images/tableh1a_bg_middle.gif);
}

.tableh1a img {
       display: block;
}

.tableh1_compact {
       padding-top: 2px;
       padding-right: 5px;
       padding-bottom: 2px;
       padding-left: 5px;
       border-bottom: 1px solid #000000;
       border-right: 1px solid #000000;
       height: 25px;
       background-image: url(images/tableh1_bg.gif);
}

.tableh2 {
       padding-top: 3px;
       padding-right: 10px;
       padding-bottom: 3px;
       padding-left: 10px;
}

.tableh2_compact {
       padding-top: 2px;
       padding-right: 5px;
       padding-bottom: 2px;
       padding-left: 5px;
}

.tableb {
       padding-top: 3px;
       padding-right: 10px;
       padding-bottom: 3px;
       padding-left: 10px;
}

.tableb_compact {
       padding-top: 2px;
       padding-right: 5px;
       padding-bottom: 2px;
       padding-left: 5px;
}

.tablef {
       padding-top: 10px;
       padding-right: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
}

.catrow_noalb {
       padding-top: 3px;
       padding-right: 10px;
       padding-bottom: 3px;
       padding-left: 10px;
}

.catrow {
       padding-top: 3px;
       padding-right: 10px;
       padding-bottom: 3px;
       padding-left: 10px;
}

.album_stat {
       font-size : 85%;
       margin: 5px 0px;
}

.thumb_filename {
       font-size: 100%;
       display: block;
}

.thumb_title {
       font-weight : bold;
       font-size: 80%;
       padding: 2px;
       display : block;
}

.thumb_caption {
       font-size: 80%;
       padding: 1px;
       display : block;
}

.thumb_caption a {
       text-decoration: underline;
}


.thumb_num_comments {
       font-weight: normal;
       font-size: 85%;
       padding: 2px;
       font-style : italic;
       display : block;
}

.user_thumb_infobox {
       margin-top: 1px;
       margin-bottom: 1px;
}

.user_thumb_infobox th {
       font-weight : bold;
       font-size: 100%;
       margin-top: 1px;
       margin-bottom: 1px;
       text-align : center;
}

.user_thumb_infobox td {
       font-size: 85%;
       margin-top: 1px;
       margin-bottom: 1px;
       text-align : center;
}

.user_thumb_infobox a {
       text-decoration: none;
}

.user_thumb_infobox a:hover {
       text-decoration: underline;
}

.sortorder_options {
       padding: 0px;
       margin: 0px;
       font-weight: normal;
       font-size: 80%;
       white-space: nowrap;
}

.navmenu {
       font-weight: bold;
       border: none;
       background-image: url(images/tableh1_bg.gif);
}

.navmenu img {
       margin-top: 5px;

}

.navmenu a {
       display: block;
       padding-left: 5px;
       padding-right: 5px;
       text-decoration: none;
       border-bottom: 1px solid #000000;
       border-left: 1px solid #838383;
       border-right: 1px solid #000000;
       background-image: url(images/tableh1_bg.gif);
       line-height: 25px;
       height : 25px;
}

.navmenu a:hover {
       text-decoration: none;
       border-bottom: 1px solid #3F3F3F;
       border-left: 1px solid #3F3F3F;
       border-right: 1px solid #3F3F3F;
}

.admin_menu_thumb {
       font-size: 90%;
       background-image : url(images/button_bg.gif);
       background-position : bottom;
       font-weight: bold;
       margin-top: 0px;
       margin-bottom: 0px;
       width: 85px;
}

.admin_menu_thumb a {
       text-decoration: none;
       display: block;
       position: relative;
       padding-top: 1px;
       padding-bottom: 1px;
       padding-left: 10px;
       padding-right: 10px;
}


.admin_menu_thumb a:hover {
       text-decoration: underline;
}

.admin_menu {
       font-size: 90%;
       background-image : url(images/button_bg.gif);
       background-position : bottom;
       background-repeat: repeat-x;
       background-color: #BFC0C3;
       margin-top: 0px;
       margin-bottom: 0px;
       text-align: center;
}

.admin_menu a {
       text-decoration: none;
       display: block;
       position: relative;
       padding-top: 1px;
       padding-bottom: 1px;
       padding-left: 2px;
       padding-right: 2px;
}

.admin_menu a:hover {
       text-decoration: underline;
}

td #admin_menu_anim {
       background-image : url(images/button_bg_anim.gif);
}

.comment_date{
       font-size: 90%;
       vertical-align : middle;
}

.image {
       margin: 2px;
}

.display_media {
       padding-top: 3px;
       padding-right: 10px;
       padding-bottom: 3px;
       padding-left: 10px;
}

.thumbnails {
       padding: 5px;
}

.footer {
       font-size : 9px;
}

.footer a {
       text-decoration: none;
}

.footer a:hover {
       text-decoration: underline;
}

.statlink a {
       text-decoration: none;
}

.statlink a:hover {
       text-decoration: underline;
}

.alblink a {
       text-decoration: underline;
}

.alblink a:hover {
       text-decoration: underline;
}

.catlink {
       display: block;
       margin-bottom: 2px;
}

.catlink a {
       text-decoration: underline;
}

.catlink a:hover {
       text-decoration: underline;
}

.topmenu {
       line-height : 130%;
       font-size : 110%;
}

.topmenu a {
       text-decoration : underline;
}

.topmenu a:hover  {
       text-decoration : underline;
}

.img_caption_table {
       border: none;
       width : 100%;
       margin : 0px;
}

.img_caption_table th {
       font-size : 100%;
       padding-top: 4px;
       padding-right: 10px;
       padding-bottom: 4px;
       padding-left: 10px;
}

.img_caption_table td {
       padding-top: 6px;
       padding-right: 10px;
       padding-bottom: 6px;
       padding-left: 10px;
       white-space: normal;
}

.debug_text {
       border: #BDBEBD;
       background-color: #EFEFEF;
       width : 100%;
       margin : 0px;
}

.clickable_option {
       font-weight: bold;
       cursor : default;
}

.listbox_lang {
       color: #C6B78E;
       background-color: #4A4A4A;
       border: 1px solid #4A4A4A;
       font-size: 80%;
       font-family: Arial, Helvetica, sans-serif;
       vertical-align : middle;
}

#SELECT_LISTS {
       width: 300px;
       height: 50px;
       text-align:right;
       float: right;
}


#SUB_MENU {
           background-image: url(images/top_panel_r2_c2.jpg);
       background-position: left;
       padding-left: 20px;
}
#SYS_MENU {
       position:relative;
       width:800px;
       height:30px;
       left: 35px;
       top: 5px;
       margin:-10px;
       padding:0;
       z-index:1;
       visibility: hidden;
}

#SELECT_FLAGS {
       text-align: center;
}

#vanity a {
       display:block;
       width:57px;
       height:20px;
       margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}

Est-ce bien ce à quoi tu t'attendais ?

 

Quoi qu'il en soit, le code de ta page « Albums » commence ainsi :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<title>LE SITE DE PHOTOMONTAGE - Accueil</title>

<link rel="stylesheet" href="themes/igames/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
...

L'avant-dernière ligne indique où est la feuille de style (c'est pourquoi j'ai pu te le dire :P). Rien ne t'empêche d'ajouter d'autres clauses de style après sa déclaration :

<link rel="stylesheet" href="themes/igames/style.css" type="text/css" />

<style type="text/css">

h1 {font-size: 20px;}

</style>

<script type="text/javascript" src="scripts.js"></script>

...

Dans cet exemple, la feuille de style attribue au contenu des balises h1 la taille de police 28px, mais le déclaration qui suit force cette taille à 20px : c'est le dernier qui cause qui a raison ! :P

 

Bien sûr, il est probablement préférable de modifier directement la feuille de style, car la modification s'appliquera à toutes les pages qui font appel à elle.

ddehem Junior Member

ddehem

Posté(e)
  • Auteur
Posté(e)

La feuille de style, je l'avais trouvée, par contre les codes et citations, je ne vois pas où ils sont. Je répète que je n'y connais pas grand chose en programmation....

Est-ce toi qui a écrit le code " DOCTYPE" ou je suis censé le trouver dans le style ? Il en est de même pour "l'avant dernière ligne"… je ne sais pas où la trouver.

 

-----

 

Aaahh, j'ai relu ce que tu as écris et ai été voir dans "album" et là effectivement j'ai trouvé le DOCTYPE. :P

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...