Hello,
Alors bon weekend ??
1) j'ai donc placé
ajoutphotos.php dans un nouveau dossier admin ainsi que
.htaccess et
.htpassword
Cependant j’accède donc a ajoutphotos.php par l'adresse
http://localhost/tuan-gallery/admin/ajoutphotos on est d'accord ?
Mon
.htaccess
Code : Tout sélectionner
DirectoryIndex galerie.php
AuthName "Partie administration"
AuthUserFile "chemin/du/fichier/.htpasswd"
AuthType Basic
Require valid-user
Mon
.htpassword
Code : Tout sélectionner
login:cro_mag //par exemple comme identifiant si j'ai bien saisi ou c'est autre chose a mettre
Mais tu dis;
Pour le mot de passe, il faut qu'il soit crypté (choisi quelque chose de compliqué, avec des majuscule, des chiffres etc.)
Pour le crypté tu peux le faire avec php.
Syntaxe: [ Télécharger ] [ Masquer ]
Code php
echo crypt('le_mot_de_passe');
Ensuite tu vas voir ce qui s'affiche sur la page et tu copie colle cette ligne dans ton fichier .htpasswd
Mais je place echo crypt'(le_mot_de_passe'); ou ?
.htpassword en étant logique
J'ai fait ça mais ai du faire une fausse manip car maintenant plus moyen d'essayer de remettre login et pass car j'ai ça
Code : Tout sélectionner
Erreur du serveur!
Le serveur a été victime d'une erreur interne et n'a pas été capable de faire aboutir votre requête. Soit le serveur est surchargé soit il s'agit d'une erreur dans le script CGI.
Si vous pensez qu'il s'agit d'une erreur du serveur, veuillez contacter le gestionnaire du site.
Error 500
localhost
01/05/2011 20:55:03
Apache/2.2.14 (Win32) DAV/2 mod_ssl/2.2.14 OpenSSL/0.9.8l mod_autoindex_color PHP/5.3.1 mod_apreq2-20090110/2.7.1 mod_perl/2.0.4 Perl/v5.10.1
Un belle boulette quoi !!!!
2) Pour le placement je te montre les fichiers
template.php
// Conception and Creation : Cro_mag
// Theme name : Black edition
// Version : 1.0
// Date of creation : September 2009
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Photos du carnaval de Venise, portraits sensationnels. portofolio de Tuan-Gallery, passionné de photographie et de voyages, il capture des moments de la vie dans ces voyages, des émotions, mais aussi des paysages a couper le souffle, tout ce qui se trouve sur son chemin. " lang="fr">
<meta name="description" content="Pictures of Venise Carnaval.portofolio of Tuan-Gallery, passionate in photograph and in trips, it captures instants of life in these trips, émotions, but also landscapes has cut breath, all that is on its way" lang="en">
<meta name="keywords" content="voyage, australie, etats-unis, usa, inde, cuba, paris, venise, carnaval, panoramique, insectes, portrait, animaux, architecture, urbaine, gens, moments, photographe,canon, numerique, portfolio, galeries, paysages, france, photographie, aborigenes, sydney, route 66, las vegas, californie, boutique, tirage photos, carnaval,venise,place saint marc,saint marco." lang="fr">
<meta name="keywords" content="travel, Australia, united states, employed, india, cuba, paris, Venice, carnival, pan, insects, portrait, animals, architecture, urban, people, instants, photographer, cannon, numerique, portfolio, gallery, landscapes, France, photographs, aborigenes, Sydney, sorts for mailing 66, weary vegas, California, shop, printing photographs" lang="en">
<title>Photographies du Carnaval De Venise</title>
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style>
<link href="style_galerie.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css">
<script type="text/javascript" src="/js/jquery-latest.pack.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/tooltip.js"></script>
<script type="text/javascript" src="/shadowbox/shadowbox.js"> </script>
<script type="text/javascript">
Shadowbox.init ();
</script>
<link rel="shortcut icon" href="/images/appareil.ico" />
<?php
if (isset($head)) { echo $head;}
?>
</head>
<!--code google analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-13270017-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<!--fin du code Google analytics -->
<body>
<div id="page">
<!--debut bando -->
<div id="bando">
<p><a href="../../menu_francais.html"><img src="images/banniere_tuan_gallery_photographie.jpg" width="750" height="39" alt="Tuan-Gallery Photographie" /></a></p>
<p> </p>
<p>- PHOTOS DU CARNAVAL DE VENISE -</p>
</div>
<!--fin bando -->
<!--debut barre haut -->
<div id="barrehaut">
<p> </p>
<img src="images/barre horizontale.jpg" width="800" height="1" alt="barre" /></div>
<!--fin barre haut -->
<!--debut image -->
<?php
echo $content;
?>
<!--fin image -->
<!--debut droite -->
<!--fin droite -->
<!--debut barre bas -->
<div id="barrebas"><img src="images/barre horizontale.jpg" width="800" height="1" alt="barre" /><p></p></div>
<!--fin barre bas -->
<!--debut tableau -->
<!--fin tableau -->
<!--debut bas -->
<div id="bas"><img src="images/barre horizontale.jpg" width="500" height="1" alt="barre" /></div>
<!--fin bas -->
<!--debut explications -->
<div id="explications">
<p> </p>
<img src="images/barre horizontale.jpg" width="800" height="1" alt="barre" />
</div>
<!--fin explications -->
<!--debut pied de page -->
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../../menu_francais.html">Menu</a></li>
<li><a href="../accueil_galerie.html">Galerie Photos</a></li>
<li><a href="../boutique.html">Boutique</a></li>
<li><a href="../art&essais/art&essais_1.html">Art & Essais</a></li>
<li><a href="../presentation.html">A propos</a></li>
<li><a href="#" onclick="MM_openBrWindow('../contact.html','Contact','scrollbars=yes,width=500,height=350')">Contact</a></li>
<li><a href="../liens.html">Liens</a></li>
</ul>
</div>
<div id="barrefin"><img src="images/barre horizontale.jpg" width="800" height="1" alt="barre" /></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<!--fin pied de page -->
<div id="pub">
<br/>
<script type="text/javascript"><!--
google_ad_client = "pub-7590267161782096";
/* 728x15, date de création 05/02/10 */
google_ad_slot = "3043799783";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<br/>
<div id="barrefin"><img src="../../images/barre horizontale.jpg" width="800" height="1" alt="barre" /></div>
</div>
</body>
</html>
style_galerie.css
#page {
padding: 0px;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #000;
text-align: center;
}
#image {
padding: 0px;
width: 700px;
text-align: center;
height: auto;
margin-top: 30px;
margin-bottom: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#barrebas {
margin: 0px;
padding: 0px;
clear: both;
background-color: #000;
text-align: center;
}
#bando {
height: 100px;
width: 1000px;
margin: 0px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
background-color: #000;
}
#bando img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #000;
margin-bottom: 20px;
}
#image table {
text-align: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #999;
margin-right: auto;
margin-left: auto;
}
#image img {
border: 1px double #959595;
text-align: center;
}
#tableau {
background-color: #000;
text-align: center;
color: #CCC;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#menu {
margin-left: 60px;
}
#barrefin {
text-align: center;
}
#tableauchiffre {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#barrehaut {
background-color: #000;
text-align: center;
}
#bando p {
color: #999;
font-weight: bold;
}
#bas {
background-color: #000;
text-align: center;
width: 1000px;
}
#explications {
color: #999;
background-color: #000;
text-align: center;
}
/*ici commence la pagination*/
.pagination{
padding: 2px;
text-align: center;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}
.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
padding: 0 5px;
text-decoration: none;
color: #999;
}
.pagination a:hover, .pagination a:active{
border: 1px solid #333;
color: #333;
background-color: #000;
}
.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid;
background-color: #000;
color: #333;
}
.pagination li.disablepage{
padding: 0 5px;
color: #929292;
}
.pagination li.nextpage{
font-weight: bold;
}
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*Pour bug IE6.*/
margin-right: 5px;
padding-right: 0;
}
#page #barrefin {
clear: both;
text-align: center;
}
#bando img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/*code pour les infos bulles*/
/* css pour la tooltip lien avec preview */
#screenshot{
position:absolute;
border:1px solid #ccc;
background:#000;
padding:5px;
display:none;
color:#fff;
}
/* css pour la tooltip image preview */
#preview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}.majuscule {
font-size: 25px;
font-weight: bold;
}
galeriebdd.php
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
$i = 0; //Ne pas toucher !
$req = $bdd->prepare("SELECT DISTINCT gal_pays FROM galerie_photos");
$req->execute();
while ($donnees = $req->fetch()) {
$liste_pays[$i] = $donnees['gal_pays']; //Liste des pays
$i++;
}
//On sécurise le $_GET['pays']
if (isset($_GET['pays'])
&& in_array($_GET['pays'],$liste_pays)
&& isset($_GET['page'])
&& is_numeric($_GET['page']))
{
$pays = $_GET['pays']; //On enregistre le pays dans une variable
//On va afficher un titre dans la page selon le pays choisi
switch ($pays) {
case 'japon':
$titre_page = "Photos du Japon";
break;
case 'france':
$titre_page = "Photos de France";
break;
case 'usa':
$titre_page = "Photos des USA";
break;
case 'australie':
$titre_page = "Photos d'Australie";
break;
case 'java':
$titre_page = "Photos de Java";
break;
case 'inde':
$titre_page = "Photos d'Inde";
break;
}
//Défini la suite de la partie <head></head> pour le HTML
$head = <<<EOD
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<style type="text/css" media="screen">
body {
margin: 0px auto 0px auto;
padding: 0px;
width: 1024px;
}
.decal_img {
margin: 30px;
float: left;
border: 1px double #959595;
}
.clear {
clear: both;
}
#galerie {
width: 1024px;
margin: 0px auto 0px auto;
text-align: center;
}
span.pagination {
padding: 2px 5px;
border: 1px solid #333;
color: #333;
}
a.pagination {
padding: 0px 5px;
text-decoration: none;
color: #999;
}
a.pagination:hover {
padding: 2px 5px;
color: #333;
border: 1px solid #333;
}
</style>
<title>$pays</title>
EOD;
$nb_photos_page = 9; //Nombre de photos par page
/*
$_GET['page'] permet de savoir sur quel page on est positionnee
$start permet de savoir à partir de quel moment on commence l'affichage des fichiers sur la page
*/
if ($_GET['page']>0) {
$start = $_GET['page'] * $nb_photos_page - $nb_photos_page;
$page = $_GET['page'];
} else {
$_GET['page'] = str_replace("-",'',$_GET['page']);//on enleve le/les - si quelqu'un les ecrits...
$start = $_GET['page'] * $nb_photos_page - $nb_photos_page;
$page = $_GET['page'];
}
/*
On va afficher la galerie pour le pays choisi
Et pour le numéro de la page sur laquelle on est
*/
$nb_fichiers_total = 0; //Ne pas toucher
$req = $bdd->prepare("SELECT gal_photo,gal_descr FROM galerie_photos WHERE gal_pays=:pays ORDER BY gal_trajet LIMIT $start,$nb_photos_page");
$req->bindValue('pays',$pays,PDO::PARAM_STR);
$req->execute();
//On affiche le titre choisi plus tôt ici
echo "<h1>$titre_page</h1>";
echo "<p>\n";
while ($donnees = $req->fetch()) {
$photo = $donnees['gal_photo'];
$descr = $donnees['gal_descr'];
?>
<a href="<?php echo "$pays/grandes/$photo"; ?>" class="decal_img" rel="lightbox-atomium" title="<?php echo $descr; ?>"><img src="<?php echo "$pays/petites/$photo"; ?>" alt="" /></a>
<?php
}
echo "</p>\n";
echo '<div class="clear"></div>';
//Mise en place de la pagination
$nb_total = $bdd->prepare("SELECT COUNT(*) AS nb_total FROM galerie_photos WHERE gal_pays=:pays");
$nb_total->bindValue('pays',$pays,PDO::PARAM_STR);
$nb_total->execute();
$nb_total = $nb_total->fetch();
$nb_total = $nb_total['nb_total'];
$nb_pages = ceil($nb_total / $nb_photos_page);
?>
<p>[
<?php
for ($i=1;$i<=$nb_pages;$i++) {
if ($i == $page ) {
?>
<span class="pagination"><?php echo $i; ?></span> -
<?php
} else {
?>
<a href="?p=galeriebdd&pays=<?php echo $pays; ?>&page=<?php echo $i; ?>" class="pagination"><?php echo $i; ?></a> -
<?php
}
}
?>
]</p>
<?php
} else {
header("Location: ?p=index");
}
?>
<a href="?p=index">Retour à l'accueil</a>
Je pense que ça doit suffir..
Pour ce que tu me disas tout mettre dans un fichier css, a la limite je peux rajouter le css de galeriebdd.php dans style_galerie.css en mettant cette ligne
<link href="style_galerie.css" rel="stylesheet" type="text/css" />
??
3) et
Cependant je n'arrive pas a déplacer le titre et la pagination pour arriver a ce que j'avais en version html.
Je pense que ca vient de ma compréhension du sujet. En fait pour moi le php est un script, et son effet s'exprime visuellement sur le site par echo, d’où par exemple dans template.php on met echo $content pour lui dire d'afficher cela. Pour moi galeriebdd.php est un seul bloc qu'on ne peut pas couper comme je l'entend..