Est-ce qu'avec les trois fichiers (template, theme et style) ça va ? Il faut autre chose ?
Fichier template.htm :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/v01/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<div class="bgx">
<div id="maincontainer">
<div id="topsection">
<img src="themes/v01/images/header1.jpg" alt="" />
<div style="position: absolute; top: 0px; width: 834x; left: 53px; height: 90px;">
</div>
<div style="position: absolute; top: 101px; width: 170x; left: 638px; height: 33px;">
{LOGIN_FORM}
</div>
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<table border="0" cellpadding="0" cellspacing="0" align="center" id="main" class="maintable" width="615px">
<tr><td>
<center>{ADMIN_MENU}</center>
</td></tr>
<tr><td>
{GALLERY}
</td></tr>
</table>
</div>
</div>
<div id="sidecolumn">
<div class="side_title">User Options</div>
<div class="sidebar-content">
<div id="sidebar-one">
<ul>
{SYS_MENU}
</ul>
</div></div>
<br />
<div class="side_title">Gallery Options</div>
<div class="sidebar-content">
<div id="sidebar-one">
<ul>
{SUB_MENU}
</ul>
</div></div>
<br />
<div class="side_title">Network Links</div>
<div class="sidebar-content">
<div id="sidebar-one">
<ul>
<li><a href="http://www.adressedomaine.com" target="_blank">Blablabla</a></li>
<li><a href="http://www.adressedomaine.com" target="_blank">Blablabla / Blabla/a></li>
<li><a href="http://www.adressedomaine.com" target="_blank">Blablabla / Blabla</a></li>
</ul>
</div></div>
<br />
<div class="side_title">Donate pictures</div>
<div class="sidebar-content">
Blablablablabla.
</div>
<br />
<div class="side_title">Disclaimer</div>
<div class="sidebar-content">
Blablablablablabla.
<br />
blablablablablalalablablabla.
</div>
<br />
<div class="side_title">Tagged pictures</div>
<div class="sidebar-content">
blablablablablablablabla.
</div>
<br />
<div class="side_title">Search</div>
<div class="sidebar-content">
<br />
<center>
<form method="post" action="thumbnails.php" name="custom_search">
<input type="text" name="search" maxlength="255" value="" class="textinput" />
<input type="submit" value="Search" class="button" />
<input type="hidden" name="album" value="search" />
<input type="hidden" name="title" value="1" />
<input type="hidden" name="caption" value="1" />
<input type="hidden" name="keywords" value="1" />
<input type="hidden" name="owner_name" value="1" />
<input type="hidden" name="filename" value="1" />
<input type="hidden" name="type" value="AND" />
</form>
</center>
<br />
</div>
<br />
</div>
<div style="clear:both" /></div>
</div>
<div id="footer">
<img src="themes/v01/images/footer.jpg" alt="" />
</div>
{CUSTOM_FOOTER}
</div>
</body>
</html>
Fichier theme.php :
<?php
/*************************
Coppermine Photo Gallery
************************
Copyright (c) 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.20
$Source:
$Revision:
$Author:
$Date:
**********************************************/
define('THEME_HAS_RATING_GRAPHICS', 1);
define('THEME_HAS_NAVBAR_GRAPHICS', 1);
define('THEME_HAS_FILM_STRIP_GRAPHIC', 1);
define('THEME_IS_XHTML10_TRANSITIONAL',1); // Remove this if you edit this template until
// you have validated it. See docs/theme.htm.
define('THEME_HAS_NO_SUB_MENU_BUTTONS', 1);
// HTML template for sys menu
$template_sys_menu = <<<EOT
<!-- BEGIN home -->
<li><a href="{HOME_TGT}" title="{HOME_TITLE}">{HOME_LNK}</a></li>
<!-- END home -->
<!-- BEGIN my_gallery -->
<li><a href="{MY_GAL_TGT}" title="{MY_GAL_TITLE}">{MY_GAL_LNK}</a></li>
<!-- END my_gallery -->
<!-- BEGIN allow_memberlist -->
<li><a href="{MEMBERLIST_TGT}" title="{MEMBERLIST_TITLE}">{MEMBERLIST_LNK}</a></li>
<!-- END allow_memberlist -->
<!-- BEGIN my_profile -->
<li><a href="{MY_PROF_TGT}" title="{MY_PROF_LNK}">{MY_PROF_LNK}</a></li>
<!-- END my_profile -->
<!-- BEGIN faq -->
<li><a href="{FAQ_TGT}" title="{FAQ_TITLE}">{FAQ_LNK}</a></li>
<!-- END faq -->
<!-- BEGIN enter_admin_mode -->
<li><a href="{ADM_MODE_TGT}" title="{ADM_MODE_TITLE}">{ADM_MODE_LNK}</a></li>
<!-- END enter_admin_mode -->
<!-- BEGIN leave_admin_mode -->
<li><a href="{USR_MODE_TGT}" title="{USR_MODE_TITLE}">{USR_MODE_LNK}</a></li>
<!-- END leave_admin_mode -->
<!-- BEGIN upload_pic -->
<li><a href="{UPL_PIC_TGT}" title="{UPL_PIC_TITLE}">{UPL_PIC_LNK}</a></li>
<!-- END upload_pic -->
<!-- BEGIN register -->
<li><a href="{REGISTER_TGT}" title="{REGISTER_TITLE}">{REGISTER_LNK}</a></li>
<!-- END register -->
<!-- BEGIN login -->
<li><a href="{LOGIN_TGT}" title="{LOGIN_LNK}">{LOGIN_LNK}</a></li>
<!-- END login -->
<!-- BEGIN logout -->
<li><a href="{LOGOUT_TGT}" title="{LOGOUT_LNK}">{LOGOUT_LNK}</a></li>
<!-- END logout -->
EOT;
// HTML template for sub menu
$template_sub_menu = <<<EOT
<ul>
<!-- BEGIN custom_link -->
<li><a href="{CUSTOM_LNK_TGT}" title="{CUSTOM_LNK_TITLE}">{CUSTOM_LNK_LNK}</a></li>
<!-- END custom_link -->
<!-- BEGIN album_list -->
<li><a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">{ALB_LIST_LNK}</a></li>
<!-- END album_list -->
<li><a href="{LASTUP_TGT}" title="{LASTUP_LNK}">{LASTUP_LNK}</a></li>
<li><a href="{LASTCOM_TGT}" title="{LASTCOM_LNK}">{LASTCOM_LNK}</a></li>
<li><a href="{TOPN_TGT}" title="{TOPN_LNK}">{TOPN_LNK}</a></li>
<li><a href="{TOPRATED_TGT}" title="{TOPRATED_LNK}">{TOPRATED_LNK}</a></li>
<li><a href="{FAV_TGT}" title="{FAV_LNK}">{FAV_LNK}</a></li>
<li><a href="{SEARCH_TGT}" title="{SEARCH_LNK}">{SEARCH_LNK}</a></li>
</ul>
EOT;
?>
Fichier style.css :
body{
margin:0;
padding:0;
font-family: Verdana, Helvetica;
font-size:9px;
background: #f2eee2 url('images/bg.jpg') repeat;
text-align:center;
color: #726f68;
}
.bgx {
background: url('images/bgx1.jpg') repeat-x;
}
#maincontainer{
width: 834px;
margin: 0 auto;
text-align: justify;
position:relative;
background: url('images/bgy.jpg') repeat-y;
}
#topsection{
height: 335px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin-right: 213px;
margin-left: 2px;
}
#sidecolumn{
float: left;
width: 210px;
margin-left: -213px;
}
#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 0px 0;
background: #000 url('images/footer-x.jpg') repeat-x;
}
#footer a{
color: #FFFF80;
}
.loginform{
color: #757575;
text-decoration: none;
}
.side_title {
color: #30447f;
text-transform:uppercase;
font-weight:bold;
padding: 0px 3px;
font-size: 9px;
font-family: Tahoma;
background: #f7f7f7;
border-bottom: 1px dotted #c5c5c5;
}
.sidebar-content {
background: #fff url('images/bg-content.jpg') repeat-x top;
color : #615f5b;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
table {
font-size : 9px;
}
h1{
color: #30447f;
text-transform:uppercase;
font-weight:bold;
font-size: 9px;
font-family: Tahoma;
margin: 0px;
}
h2 {
color: #30447f;
text-transform:uppercase;
font-weight:bold;
font-size: 9px;
font-family: Tahoma;
margin: 0px;
}
h3 {
font-weight: normal;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 12px;
margin: 2px;
}
p {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
margin: 2px 0px;
}
.textinput {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
padding: 2px;
border: 1px solid #e0e0e0;
background: #efefef;
color: #878787;
}
.listbox {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
border: 1px solid #e0e0e0;
background: #efefef;
color: #878787;
vertical-align : middle;
}
.button {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
border: 1px solid #e0e0e0;
background: #efefef;
color: #878787;
}
.comment_button {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
border: 1px solid #000000;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}
.radio {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;
}
.checkbox {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;
}
a {
text-decoration: none;
color: #9e4c80;}
a:hover {
color: #55cb8e;
text-decoration: none;}
.bblink a {
text-decoration: none;
color: #e54c3e;}
.bblink a:hover {
color: #55cb8e;
text-decoration: none;}
.maintable {
border: 0px solid #CCD7E0;
margin-top: 0px;
margin-bottom: 0px;
}
.tableh1 {
color: #30447f;
text-transform:uppercase;
font-weight:bold;
padding: 0px 3px;
font-size: 9px;
font-family: Tahoma;
border-bottom: 1px dotted #c5c5c5;
}
.tableh1_compact {
font-family: Verdana, Geneva, Arial, sans-serif;
background: #ffffff;
color : #878787;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 3px;
}
.tableh2 {
background: #efefef;
color : #878787;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 1px;
padding-left: 10px;
}
.tableh2_compact {
background: #efefef;
color : #878787;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableb {
background: #fff url('images/bg-content.jpg') repeat-x top;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.tableb_compact {
background: #f4f4f4;
color : #878787;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tablef {
background: #efefef;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.catrow_noalb {
background: #fff url('images/bg-content2.jpg') repeat-x top;
color : #878787;
padding: 3px 10px;
}
.catrow_noalb:hover {
background: #fff url('images/bg-content.jpg') repeat-x top;
}
.catrow {
padding: 3px 10px;
background: #fff url('images/bg-content2.jpg') repeat-x top;
color : #878787;
}
.catrow:hover {
background: #fff url('images/bg-content.jpg') repeat-x top;
}
.album_stat {
font-size: 100%;
margin: 5px 0px;
}
.thumb_filename {
font-size: 100%;
display: block;
}
.thumb_title {
font-weight : bold;
font-size: 100%;
padding: 2px;
display : block;
}
.thumb_caption {
font-size: 85%;
padding: 1px;
display : block;
}
.thumb_caption a {
color: #7d7d7d;
}
.thumb_num_comments {
font-weight: normal;
font-size: 100%;
padding: 1px;
font-style : italic;
display : block;
background: #f6f6f6;
color: #aeaeae;
}
.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: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox a {
text-decoration: none;
color: #df0000;
}
.user_thumb_infobox a:hover {
color: #a68a5a;
text-decoration: underline;
}
.sortorder_cell {
background : #ffffff ;
color: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 20px;
margin: 0px;
}
.sortorder_options {
font-family: Verdana, Geneva, Arial, sans-serif;
background : #ffffff ;
color: #9f9f9f;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 100%;
white-space: nowrap;
}
.navmenu {
font-family: Verdana, Geneva, Arial, sans-serif;
color: #9f9f9f;
font-weight: bold;
background : #f2f2f2;
font-size: 100%;
border-style: none;
}
.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}
.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
background : #f2f2f2;
color: #9f9f9f;
}
.navmenu a:hover {
background : #eeeeee;
text-decoration: none;
color: #b65092;
}
.admin_menu_thumb {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 90%;
border: 1px solid #CCD7E0;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}
.admin_menu_thumb a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}
.admin_menu_thumb a:hover {
color: #000000;
text-decoration: underline;
}
.admin_menu {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 85%;
border: 0px solid #CCD7E0;
background-image : url(images/button_bg.gif);
background-position : bottom;
background-repeat: repeat-x;
background-color: #FFFFFF;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
.admin_menu a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
}
.admin_menu a:hover {
color: #000000;
text-decoration: underline;
}
td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}
.comment_date{
color : #3b8a8f;
font-size: 100%;
vertical-align : middle;
}
.image {
border-style: solid;
border-width: 1px;
border-color: #dbdbdb;
background-color: #fff;
padding: 4px;
margin: 2px;
}
.image:hover{
border-style: solid;
border-width: 1px;
border-color: #55cb8e;
background-color: #fff;
padding: 4px;
margin: 2px;
}
.imageborder {
border: 0px solid #613231;
background: #faf8f4;
color : #615f5b;
margin-top: 30px;
margin-bottom: 30px;
}
.display_media {
background: #fff url('images/bg-content.jpg') repeat-x top;
color : #615f5b;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.thumbnails {
background: #fff url('images/bg-content.jpg') repeat-x top;
color : #6e6a62;
padding: 5px;
}
.footer {
font-size : 9px;
color: #706660;
}
.footer a {
text-decoration: none;
color: #706660;
}
.footer a:hover {
color: #556a97;
}
.statlink {
color: #b1b1b1;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 9px;
font-variant:normal;
text-transform: none;
font-weight: normal;
letter-spacing: 0px;
font-style: normal;
margin-top: 5px;
}
.statlink a {
text-decoration: none;
color: #9c9c9c;
}
.statlink a:hover {
color: #4a43b5;
}
.alblink a {
text-decoration: none;
color: #55cb8e;
}
.alblink a:hover {
color: #2e3c6d;
}
.catlink {
display: block;
padding-left:0px;
}
.catlink a {
text-decoration: none;
color: #55cb8e;
margin-bottom: 2px;
}
.catlink a:hover {
color: #2e3c6d;
text-decoration: none;
margin-bottom: 2px;
}
.topmenu {
font-family: Verdana, Geneva, Arial, sans-serif;
line-height : 130%;
font-size : 110%;
}
.topmenu a {
color: #1fbbc5;
text-decoration : none;
}
.topmenu a:hover {
color: #55cb8e;
}
.hovermenu ul{
font: 9px verdana;
font-weight: bold;
text-transform: uppercase;
padding-left: 0;
margin-left: 0;
height: 20px;
margin-top: 0;
}
.hovermenu ul li{
list-style: none;
display: inline;
}
.hovermenu ul li a{
padding: 3px 8px 2px 8px;
text-decoration: none;
float: left;
border-top: 5px solid #95333f;
color: #545454;
}
.hovermenu ul li a:hover{
border-top: 5px solid #5ba34f;
}
.img_caption_table {
border: none;
background-color: #e6dbc0;
width : 100%;
margin : 0px;
}
.img_caption_table th {
background: #e6dbc0;
font-size : 100%;
color : #4f4e60;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #4f4e60;
}
.img_caption_table td {
background: #e6dbc0 ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #4f4e60;
white-space: normal;
}
.debug_text {
border: #4f4e60;
background-color: #e6dbc0;
width : 100%;
margin : 0px;
}
.clickable_option {
cursor : default;
}
.listbox_lang {
color: #4f4e60;
background-color: #e6dbc0;
border: 1px solid #4f4e60;
font-size: 100%;
font-family: Verdana, Geneva, Arial, sans-serif;
vertical-align : middle;
}
#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}
.menu {
background : #464646;
color: #bd2b2b;
border-top: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
font-weight:bold;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 3px;
font-weight: bold;
font-weight: bold;
letter-spacing: 1.5px;
}
#sidebar-one {
padding: 0 0px 0px 0;
margin: 0px;
}
#sidebar-one ul li {
font-size: 9px;
margin-right: 0px;
}
#sidebar-one ul li a {
color: #7d7d7d;
display: block;
padding: 0px 0px 0px 0px;
min-height: 20px;
line-height: 20px;
border-left: 0px solid #272727;
border-right: 0px solid #272727;
background: url(images/bullet1.gif) no-repeat left;
padding-left: 11px;
}
* html #sidebar-one ul li a {
height: 20px;
}
#sidebar-one ul li a:hover {
color: #5c699e;
border-left: 0px solid #373737;
border-right: 0px solid #343e24;
background: url(images/bullet2.gif) no-repeat left;
padding-left: 11px;
}
ul {
list-style: none outside;
}
* {
margin: 0;
padding: 0;
outline: none;
}
#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);}