bonjour,
j'ai une proposition, mais comme un c*n, j'ai fait l'inverse du theme "clark" ...

ce sera donc pour l'instant, un premiere version du theme "deark" (càd, un theme dark, mais avec les pages "pictures" en thme clear).
il suffit de dupliquer le theme dark (et de le parametrer comme il se doit avec son nom), et d'ajouter ces lignes de codes :

/* ---------theme deark 0.1 par repie38-------------- */
/* text color */
#thePicturePage , #thePicturePage .rateButtonSelected,#thePicturePage BODY, #thePicturePage H1, #thePicturePage H2, #thePicturePage H3, #thePicturePage DT {
  color:#696969;  /* dimgray */
}


/* backgrounds */
#thePicturePage BODY, #thePicturePage H3, #thePicturePage .throw {
  background-color: #ffffff;  /* white */
}
#thePicturePage,#thePicturePage #the_page {
  background-color: #ffffff;  /* white */
}
#thePicturePage H2, #thePicturePage #menubar DT, #thePicturePage #imageHeaderBar, #thePicturePage #imageToolBar A:hover, #thePicturePage .row1 {
  background-color: #d3d3d3;
}
#thePicturePage H2, #thePicturePage #imageHeaderBar {
  background-image: none;
}

#thePicturePage H2 {border-bottom: none;}
#thePicturePage #imageHeaderBar {
  border-top: none;
}
#thePicturePage #menubar DL, #thePicturePage #content, #thePicturePage #imageToolBar {
  background-color: #eeeeee;
}

/* borders */
#thePicturePage #menubar DL, #thePicturePage #content, #thePicturePage #imageToolBar,
#thePicturePage #comments DIV.comment BLOCKQUOTE {
  border: 1px solid #d3d3d3;
}

#thePicturePage #theImage IMG {
  border-color: #d3d3d3;
}

#thePicturePage #content UL.thumbnail IMG {
    border: 1px solid #a0a0a0;
}

#thePicturePage FIELDSET,  #thePicturePage SELECT, #thePicturePage TEXTAREA,
#thePicturePage #content DIV.comment  A.illustration IMG, #thePicturePage #infos,
#thePicturePage #content DIV.thumbnailCategory {
  border: 1px solid gray;
}

#thePicturePage #the_page {
  border: none;
  padding-top: 5px;
  padding-bottom:30px;
  text-align:center;
  display:block;
}


#thePicturePage #comments DIV.comment BLOCKQUOTE {
  border-left: 2px solid #696969;
  background-color: #eee;
}

#thePicturePage #content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #aaaaaa;  /* thumbnails border color and style */
  -moz-border-radius: 4px;  /* round corners with Geko */
  border-radius: 4px 4px;  /* round corners with CSS3 compliant browsers */
}
#thePicturePage #content UL.thumbnails SPAN.wrap2:hover {
  border-color: yellow;    /* thumbnails border color when mouse cursor is over it */
}

/* links */
#thePicturePage A, #thePicturePage .rateButton {
    color: #005e89;
    background: transparent;
}

#thePicturePage A:hover {
    color: #858460;
}

#thePicturePage #imageToolBar A, #thePicturePage #imageToolBar A:hover {
    border-bottom: none;
}

#thePicturePage A.navThumb, #thePicturePage A.navThumb:hover {
    border-bottom: none;
}

/* others */
#thePicturePage .pleaseNote {
    background: #9c9c9c;
    color: #ffff99;
    padding: 1ex;
    font-weight: bold;
}

/*calendar elements*/
#thePicturePage SPAN.calItemEmpty { color: silver; }

#thePicturePage SPAN.calItem, #thePicturePage SPAN.calItemEmpty
{
  border: 1px solid silver;
}

/* nice looking month calendar*/
#thePicturePage TD.calDayCellEmpty, #thePicturePage TD.calDayCellFull { border: 1px solid #7E7262;}

#thePicturePage TD.calDayCellEmpty { color: silver; }

#thePicturePage .calBackDate { color: #000; }
#thePicturePage .calForeDate { color: #fff; }

chez moi ca fonctionne sur IE6 et FF, mais bon, je n'ose meme pas imaginer passer ce css à un validateur ...
il y'a surement un tas de truc inutiles dedans, mais bon, j'essairai de faire ca proprement sur le bon theme
(bah oui, parce que bon, c'est juste que j'ai fais l'inverse quoi ... dsl lol)

Dernière modification par repié38 (2006-10-17 13:03:38)

repié38 a écrit:

meme chose pour "clark" :

Je suppose que je met ce code dans theme.css

Je vais essayer. Merci beaucoup

Sans me casser trop la tête...
Je n'ai pas essayé, il y aura sans doute quelques ajustements ensuite.

Mais en gros voici ce que je ferai:

1 - Copie du répertoire /theme/clear/ en /theme/clark/

2 - Modif du /clark/themeconf.inc.php en

<?php
$themeconf = array(
  'template' => 'yoga',
  'theme' => 'clark',
  'icon_dir' => 'template/yoga/icon',
  'admin_icon_dir' => 'template/yoga/icon/admin',
  'mime_icon_dir' => 'template/yoga/icon/mimetypes/',
  'local_head' => '<!-- no theme specific head content -->'
);
?>

3 - Ajout à la fin de /clark/theme.css de

/* $Id: theme.css 1340 2006-06-04 10:15:29Z chrisaga $ */

/* text color */
BODY #thePicturePage, #thePicturePage H1, #thePicturePage H3, #thePicturePage DT {
  color:#e0e0e0;
}

#thePicturePage H2, #thePicturePage #menubar DT, #thePicturePage .throw {
  color: #fff48e;
}

#thePicturePage #content .navigationBar {
  color: #aaaaaa;
}
#thePicturePage #content .pageNumberSelected {
  color: #000000;
}

/* backgrounds */
BODY #thePicturePage {
  background-color: #000000;
}

#thePicturePage H3, #thePicturePage #the_page, #thePicturePage #imageHeaderBar,
#thePicturePage #imageToolBar A:hover, #thePicturePage .row1  {
  background-color: #3f3f3f;
}

#thePicturePage #menubar DL, #thePicturePage #content, #thePicturePage #imageToolBar {
  background-color: #5f5f5f;
}

#thePicturePage H2, #thePicturePage #menubar DT, #thePicturePage .throw  {
  background-image: url(images/tableh1_bg.png);
}

#thePicturePage #imageHeaderBar H2 {
  background-image: none;
  background-color: transparent;
  border: none;
}

#thePicturePage #imageHeaderBar {
  background-image: url(images/tableh2_bg.png);
  background-repeat: repeat-x;
  background-position: center;
}

/* borders */
#thePicturePage #menubar DL, #thePicturePage #content,
#thePicturePage #comments DIV.comment BLOCKQUOTE {
  border: 1px solid #000000;
}

#thePicturePage #imageHeaderBar {
  border-top: 1px solid #000000;
}
#thePicturePage H2, #thePicturePage #menubar DT, #thePicturePage #imageToolBar {
  border-bottom: 1px solid #000000;
}

#thePicturePage #theImage IMG {
  border-color: #000000;
}

#thePicturePage #content UL.thumbnail IMG {
  border: 1px solid #a0a0a0;
}

#thePicturePage FIELDSET, #thePicturePage INPUT, #thePicturePage SELECT, #thePicturePage TEXTAREA,
#thePicturePage #content DIV.comment  A.illustration IMG, #thePicturePage #infos,
#thePicturePage #content DIV.thumbnailCategory {
  border: 1px solid gray;
}

#thePicturePage #comments DIV.comment BLOCKQUOTE {
  border-left: 2px solid #696969;
}

#thePicturePage #content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
  -moz-border-radius: 4px;    /* round corners with Geko */
  border-radius: 4px 4px;    /* round corners with CSS3 compliant browsers */
}
#thePicturePage #content UL.thumbnails SPAN.wrap2:hover {
  border-color: yellow;        /* thumbnails border color when mouse cursor is over it */
}

/* links */
#thePicturePage A, #thePicturePage .rateButton {
  color: #FFFFFF;
}

#thePicturePage A:hover {
  color: #FFF48E;
}

#thePicturePage #imageToolBar A, #thePicturePage #imageToolBar A:hover {
  border-bottom: none;
}

#thePicturePage A.navThumb, #thePicturePage A.navThumb:hover {
  border-bottom: none;
}

/* others */
#thePicturePage .pleaseNote {
  background: #9c9c9c;
  color: #ffff99;
  padding: 1ex;
  font-weight: bold;
}
#thePicturePage #the_page {
  border: 1px solid #e0e0e0;
  padding-top: 5px;
  padding-bottom:30px;
  text-align:center;
  display:block;
}

/*calendar elements*/
#thePicturePage SPAN.calItemEmpty { color: silver; }

#thePicturePage SPAN.calItem, #thePicturePage SPAN.calItemEmpty
{
  border: 1px solid gray;
}

/* nice looking month calendar*/
#thePicturePage TD.calDayCellEmpty, #thePicturePage TD.calDayCellFull { border: 1px solid gray;}

#thePicturePage TD.calDayCellEmpty { color: silver; }

#thePicturePage .calBackDate { color: #000; }
#thePicturePage .calForeDate { color: #fff; }

En gros j'ai préfixé tout les class/div et balises du theme de Dark par "#thePicturePage ".

Il peut y avoir des loupés mais la correction sera plus simple.
AMHA.

(Merci repié38).
8-)

VDigital a écrit:

En gros j'ai préfixé tout les class/div et balises du theme de Dark par "#thePicturePage ".

c'est tout a fait la maniere dont j'ai procéder. il y a quelques autres propriétés CSS a ajouter (ou a specifier vide), pour palier aux differences de mises en forme des 2 themes. (mais aussi surement beaucoup de propriétées inutiles dans le tas)

VDigital a écrit:

(Merci repié38).
8-)

No problemo ;)

Dernière modification par repié38 (2006-10-17 18:19:07)