|
Forum Petit Prince An 195 de la colonisation Bienvenue à tous ! Pour les nouveaux, les présentations se font dans l'annonce de "Forum". Arigatô ^_^
|
Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
Calisto Commandante à la naïveté mythologique
Age: 40 Signe Chinois: Inscrit le: 17 Sep 2002 Messages: 4281 Localisation: Astéroïde B612
|
Posté le: Lun Avr 25, 2005 11:17 Sujet du message: |
|
|
je comprends pas exactement la question...
ce que tu veux, c'est faire comme les boutons du haut ou comme le texte dans le cadre ? _________________ "Je voudrais aller très loin dans un endroit plein d'autre chose et je cherche même pas à l'imaginer, pour ne pas le gâcher." Émile Ajar, La vie devant soi.
|
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Jeu Avr 28, 2005 19:24 Sujet du message: |
|
|
Comme le texte dans le cadre: qu'on ait l'impression que le fond du cadre et celui de la page ne font qu'un Bize _________________ "Le Prince est un enfant..." Site de Chlélora |
|
Revenir en haut |
|
|
Calisto Commandante à la naïveté mythologique
Age: 40 Signe Chinois: Inscrit le: 17 Sep 2002 Messages: 4281 Localisation: Astéroïde B612
|
Posté le: Ven Avr 29, 2005 09:38 Sujet du message: |
|
|
bon, en fait, sa première page, c'est un tableau fait à partir d'une image entière (genre sous photoshop avec l'outil tranche qui en plus te génère ta page html - avec des trucs en trop mais bon...)
dans chaque case on met ensuite une partie de l'image
simplement, dans sa case de droite, elle a mis une iframe sans bord.
la page html de cette iframe doit avoir la partie d'image correspondante en background dans body, avec la propriété fixed pour que le fond reste fixe et ne bouge pas avec le texte (si jamais une barre de défilement apparaît s'il y a beaucoup de texte)
le code doit être comme ça
<BODY background="là_img_de_fond.jpg" style="background-attachment:fixed;">
(le seul truc à adapter est "là_img_de_fond")
ensuite, tout ce qui est dans ta page se place naturellement sur cette image de fond. _________________ "Je voudrais aller très loin dans un endroit plein d'autre chose et je cherche même pas à l'imaginer, pour ne pas le gâcher." Émile Ajar, La vie devant soi.
|
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Dim Mai 01, 2005 15:27 Sujet du message: |
|
|
Oki, je vais tester ça : merci beaucoup ^^ _________________ "Le Prince est un enfant..." Site de Chlélora |
|
Revenir en haut |
|
|
VincentValentine Ours roi du ratage de bûche
Age: 35 Signe Chinois: Inscrit le: 20 Juil 2004 Messages: 1934 Localisation: Quelque part entre la Terre et Gophys
|
Posté le: Dim Mai 01, 2005 16:08 Sujet du message: |
|
|
Super! plus de pb de taille de fenêtre!!!! Bon tjrs le pb de muzik mais apparemment c'est que chez moi!!! Allé continue _________________
Tout doit finir un jour...sauf si le jour précédent est sans fin! |
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Dim Mai 01, 2005 16:09 Sujet du message: |
|
|
Pour le problème de musique, je l'ai "réglé" en mettant sur la page du sommaire un lien direct pour pouvoir l'écouter (en attendant mieux ^^)
Merci Winnie ^^ _________________ "Le Prince est un enfant..." Site de Chlélora |
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Lun Mai 15, 2006 15:42 Sujet du message: |
|
|
Kikoooooooooooooooooooo ^^
Je suis en train de retravailler mon site et j'ai décidé d'intégrer dans le site "Kid paddle" un livre d'or tout simple dont j'ai chopé le code sur Tiscali.
C'est par ici pour le visualiser :
http://leprinceestunenfant.chez-alice.fr/KidPaddle/BDPaddle.htm
Puis clic sur "Livre d'or" en bas.
Ca me convient bien, sauf que j'aimerais que les visiteurs puissent insérer des smileys comme dans le livre d'or de notre commandante vénérée J'ai essayé de bidouiller le code de notre très chère et sublime chef du forum, mais que dale... Il paraîtrait qu'il manque une virgule ou un point virgule quelque part dans mon code ^_________^
Merciiiiiiiiiiiiiiiiiiiiii à la bonne âme qui voudra m'aider et gros bizou _________________ "Le Prince est un enfant..." Site de Chlélora |
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Lun Mai 15, 2006 15:44 Sujet du message: |
|
|
Voici le code de ma page :
Code: | <html>
<head><title>Signer le livre d'or</title>
<style type="text/css">
BODY{
scrollbar-face-color:#cc6699;
scrollbar-arrow-color:#ff66cc;
scrollbar-track-color:#cc6699;
scrollbar-highlight-color:#ff66cc;
scrollbar-3dlight-color:#ff66cc;
scrollbar-shadow-color:#cc6699;
scrollbar-darkshadow-color:#cc6699;
}
</style>
</head>
<body bgcolor="#cc6699" text="#c71585" link="#99cc66" vlink="#99cc66" alink="#99cc66">
<?php
// Si vous désirez adopter la même présentation que notre script :
// Indiquez ici la couleur de bordure des tableaux
$borduretable = "#99cc66";
// Indiquez ici la couleur de fond des tableaux
$backgroundtable = "#ffcc99";
// Indiquez ici la couleur de fond du tableau contenant les messages du livre d'or
$backgroundtable2 = "#99cc66";
// Indiquez ici la largeur du tableau
$largeurtable = "340px";
// Sinon, libre à vous de modifier la mise en page ci-dessous
echo '
<center><table style="border: thin solid '.$borduretable.'; font-family: Times; font-size: 14px; width: '.$largeurtable.'; background-color: '.$backgroundtable.';">
<tr>
<td width="50%" align="center"><a href="livre_lire.php">Lire le livre d\'or</a></td>
<td width="50%" align="center">Signer le livre d\'or</a></td>
</tr>
</table></center>
<br><br>';
// si le formulaire n'a pas été validé, la variable $poster est différente de "oui"
// on affiche donc le formulaire
if($poster!="oui"){
echo '
<center><table style="border: dotted '.$borduretable.'; font-family: Times; font-size: 14px; width: '.$largeurtable.'; background-color: '.$backgroundtable.';">
<tr><form action="">
<td>Votre nom</td>
<td><input type="text" name="nom" size="45" style="font-size:12px; background-color:#ffe4b5"></td>
</tr><tr>
<td>Votre email</td>
<td><input type="text" name="email" size="45" style="font-size:12px; background-color:#ffe4b5"></td>
</tr><tr>
<td valign="top">Votre message</td>
<td><textarea cols="28" rows="8" name="message" style="font-size:14px; background-color:#ffe4b5"></textarea>
C'EST LA QUE JE PENSE METTRE LES SMILEYS A INSERER
</td>
</tr><tr>
<td colspan="2" align="center">
<input type="hidden" name="poster" value="oui" />
<input type="submit" value="Envoyer" / style="font-size:12px; background-color:#ffcc99">
<input type="reset" value="Effacer" / style="font-size:12px; background-color:#ffcc99">
</td>
</tr>
</table></center>
';
}
// si le formulaire a été validé, la variable $poster est égale à "oui"
// on traite donc les informations du formulaire
if($poster=="oui")
{
// On commence pas mettre en forme le message correctement
// suppression des balises HTML pour éviter les codes malveillant
$message = htmlspecialchars($message);
// convertion des retour chariots par des <br> et suppression des /
$message= nl2br(stripslashes($message));
// suppression des espaces en trop
// ex: si le visiteur à inséré trois espaces, un seul sera pris en compte
$message = ereg_replace("[ ]{2,}", " ", $message );
// On vérifie que le fichier contenant les anciens messages existe
if(file_exists("livre.html")){
// On copie le contenu des anciens messages dans une variable
// pour pouvoir y ajouter le message en cours
$fp=fopen("livre.html","r");
$contenu=fread($fp,filesize("livre.html"));
fclose($fp);
}
// On vide le contenu du fichier pour pouvoir y insérer le contenu
// de la variable contenant les anciens messages + le message en cours
$fp=fopen("livre.html","w");
fclose($fp);
// On ajoute le message en cours et on remet les anciens messages en dessous
// On met le nom, la date et l'email du message en cours dans une variable
$data="$nom - ".date('d/m/Y')." - e-mail : $email</td></tr></table>";
// On ouvre le fichier contenant les anciens messages
// (actuellement vide)
$fp=fopen("livre.html","a");
// On y ajoute le message en cours et les anciens messages
fputs($fp,"<table style='border: dotted ".$borduretable."; font-family: Times; font-size: 14px; width: ".$largeurtable."; background-color: ".$backgroundtable.";'>
<tr><td>$data</td></tr></table><table style='border: dotted ".$borduretable."; font-family: Times; font-size: 14px; width: ".$largeurtable."; background-color: ".$backgroundtable2.";'>
<tr><td> $message </td></tr></table><br>\n<!-- guest -->\n$contenu");
fclose($fp);
// On affiche un message de remerciement
echo '<span style="font-family: Times; font-size: 14px;"><p align="center"><b>Merci pour votre message :-)</b></p></span>';
echo '<p align="center"><img src="Paddle1.png" border="0" /></p> ';
}
?>
</body>
</html> |
Edit : J'ai mis les balises "code" comme vous m'avez indiqué mais je ne suis pas certaine que ce soit plus clair maintenant _________________ "Le Prince est un enfant..." Site de Chlélora
Dernière édition par Chlélora le Mer Mai 17, 2006 10:04; édité 1 fois |
|
Revenir en haut |
|
|
VincentValentine Ours roi du ratage de bûche
Age: 35 Signe Chinois: Inscrit le: 20 Juil 2004 Messages: 1934 Localisation: Quelque part entre la Terre et Gophys
|
Posté le: Lun Mai 15, 2006 16:32 Sujet du message: |
|
|
euh, le problème dans ton code c'est qu'on en peutpas diférencier les ' ' des " tu pourrais nous els séparer? le problème se trouve peut-être dans un ' en trop ou en moins... _________________
Tout doit finir un jour...sauf si le jour précédent est sans fin! |
|
Revenir en haut |
|
|
The Yuki Bourreau des Neurones
Age: 37 Signe Chinois: Inscrit le: 11 Nov 2003 Messages: 7304 Localisation: Gallifrey
|
Posté le: Lun Mai 15, 2006 17:30 Sujet du message: |
|
|
Bon alors déjà un truc pour la lisibilité utilise le bouton "code"
pour que ton texte soit citer au format normal que cela devrait avoir ainsi on y verrais plus clair.
ensuite pour les ; c pas compliqué c'est à chaque fin de ligne de commande php. _________________ ________________________________________
Pour toujours Annabelle tu resteras la meilleure dans mon coeur et dans mes souvenirs. |
|
Revenir en haut |
|
|
Calisto Commandante à la naïveté mythologique
Age: 40 Signe Chinois: Inscrit le: 17 Sep 2002 Messages: 4281 Localisation: Astéroïde B612
|
Posté le: Lun Mai 15, 2006 17:43 Sujet du message: |
|
|
Là c'est le code de base sans aucune modification, c'est ça ?
En fait avec un code comme ça, ça marchera pas notamment à cause de
Citation: | // suppression des balises HTML pour éviter les codes malveillant
$message = htmlspecialchars($message); |
Cette fonction échappe les caractères html... Donc ils ne sont pas interprétés, mais recopiés tels quels. Ce qui fait que rajouter un <img src="..."> quand on clique sur un smiley, ben ça n'insèrera pas l'image en question.
Cependant, cette fonction est très utile pour te protéger des petits malins qui aiment bien faire des idioties.
Sur le livre d'or d'An 195, à l'époque (genre 4 ans...) où je l'ai fait j'avais jamais touché au php et donc je n'ai rien protégé... ce qui explique pourquoi ça marche.
Après il y a une possibilité pour laisser cette fonction et insérer des smileys, c'est avec des expressions particulières (du genre :mrgreen: ).
Ce sont des mots réservés, qu'il faut ensuite traiter en les remplaçant par les <img src> correspondant.
Si tu veux je pourrais t'expliquer mieux, c'est pas bien compliqué, mais pas avant ce week-end parce que là j'ai des choses importantes à faire pour la fin de la semaine. _________________ "Je voudrais aller très loin dans un endroit plein d'autre chose et je cherche même pas à l'imaginer, pour ne pas le gâcher." Émile Ajar, La vie devant soi.
|
|
Revenir en haut |
|
|
The Yuki Bourreau des Neurones
Age: 37 Signe Chinois: Inscrit le: 11 Nov 2003 Messages: 7304 Localisation: Gallifrey
|
Posté le: Lun Mai 15, 2006 17:50 Sujet du message: |
|
|
ah ouais c'est sur vu comme ça.
ya plusieur façon d'user de cette variable elle peut autoriser juste ce qu'il lui faut sinon _________________ ________________________________________
Pour toujours Annabelle tu resteras la meilleure dans mon coeur et dans mes souvenirs. |
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Mer Mai 17, 2006 10:02 Sujet du message: |
|
|
Calisto a écrit: | Là c'est le code de base sans aucune modification, c'est ça ?
Après il y a une possibilité pour laisser cette fonction et insérer des smileys, c'est avec des expressions particulières (du genre ).
Ce sont des mots réservés, qu'il faut ensuite traiter en les remplaçant par les <img src> correspondant.
Si tu veux je pourrais t'expliquer mieux, c'est pas bien compliqué, mais pas avant ce week-end parce que là j'ai des choses importantes à faire pour la fin de la semaine. |
Oui, à peu près.
C'est le code Tiscali que j'ai adapté pour que le design corresponde à mon site. Je n'ai pas touché au reste du code, seulement aux couleurs et au format du tableau.
Pas de souci pour ce weekend : je t'attendrai patiemment Ce n'est pas pressé parce que mon site n'est pas prêt pour être déjà mis en ligne.
Bize et merci à tous _________________ "Le Prince est un enfant..." Site de Chlélora |
|
Revenir en haut |
|
|
Calisto Commandante à la naïveté mythologique
Age: 40 Signe Chinois: Inscrit le: 17 Sep 2002 Messages: 4281 Localisation: Astéroïde B612
|
Posté le: Ven Mai 19, 2006 19:54 Sujet du message: |
|
|
Je te propose un truc dans le genre de ce qui suit (cf le gros bout de code à la fin du message).
Pour tester, tu dois faire 2 modifications, une à cet endroit :
Citation: | // tableau de conversion des smilies : indiquer l'url puis le code correspondant
// laisser les deux premières entrées vides
$smilies=array("","","smiley/1.gif"," :mrgreen: ","smiley/2.gif"," :wink: "); |
J'ai mis deux exemples pour te montrer la syntaxe à utiliser. Bien sûr, c'est à adapter selon tes codes et tes url. Cependant, laisse bien les deux premières entrées du tableau vides(les ""), et n'utilise pas de caractères spéciaux dans les codes des smileys (on va dire uniquement des : et des lettres)
et l'autre à cet endroit
Citation: | // nombre de smilies à afficher par ligne à spécifier
$nb_par_ligne=4; |
Ben là c'est pour indiquer qu'on va à la ligne au bout de 4 smilies affichés (uniquement sur la page où on clique dessus). A toi de choisir le chiffre qui te convient pour les présenter.
Pour ton erreur, ça venait des echo qui servent pour l'affichage.
La syntaxe est Citation: | echo" affichage "; | et non Citation: | echo' affichage '; |
Si dans l'affichae, tu as besoin de ", il faut écrire \"
Voilou, dis-moi si y'a un soucis, j'ai pas pu tout tester, mais ça devrait fonctionner.
Citation: | <html>
<head><title>Signer le livre d'or</title>
<style type="text/css">
BODY{
scrollbar-face-color:#cc6699;
scrollbar-arrow-color:#ff66cc;
scrollbar-track-color:#cc6699;
scrollbar-highlight-color:#ff66cc;
scrollbar-3dlight-color:#ff66cc;
scrollbar-shadow-color:#cc6699;
scrollbar-darkshadow-color:#cc6699;
}
</style>
</head>
<body bgcolor="#cc6699" text="#c71585" link="#99cc66" vlink="#99cc66" alink="#99cc66">
<?php
// Si vous désirez adopter la même présentation que notre script :
// Indiquez ici la couleur de bordure des tableaux
$borduretable = "#99cc66";
// Indiquez ici la couleur de fond des tableaux
$backgroundtable = "#ffcc99";
// Indiquez ici la couleur de fond du tableau contenant les messages du livre d'or
$backgroundtable2 = "#99cc66";
// Indiquez ici la largeur du tableau
$largeurtable = "240px";
// tableau de conversion des smilies : indiquer l'url puis le code correspondant
// laisser les deux premières entrées vides
$smilies=array("","","smiley/1.gif"," :mrgreen: ","smiley/2.gif"," :wink: ");
// ne pas modifier
$taille=count($smilies);
// nombre de smilies à afficher par ligne à spécifier
$nb_par_ligne=4;
// Sinon, libre à vous de modifier la mise en page ci-dessous
echo "
<center><table style=\"border: thin solid '.$borduretable.'; font-family: Times; font-size: 14px; width: '.$largeurtable.'; background-color: '.$backgroundtable.';\">
<tr>
<td width=\"50%\" align=\"center\"><a href=\"livre_lire.php\">Lire le livre d'or</a></td>
<td width=\"50%\" align=\"center\">Signer le livre d'or</a></td>
</tr>
</table></center>
<br><br>";
// si le formulaire n'a pas été validé, la variable $poster est différente de "oui"
// on affiche donc le formulaire
if($poster!="oui"){
echo "
<center><table border=1 style=\"border: dotted '.$borduretable.'; font-family: Times; font-size: 14px; width: '.$largeurtable.'; background-color: '.$backgroundtable.';\">
<tr><form action=\"\" name=\"or\">
<td>Votre nom</td>
<td colspan=\"2\"><input type=\"text\" name=\"nom\" size=\"45\" style=\"font-size:12px; background-color:#ffe4b5\"></td>
</tr><tr>
<td>Votre email</td>
<td colspan=\"2\"><input type=\"text\" name=\"email\" size=\"45\" style=\"font-size:12px; background-color:#ffe4b5\"></td>
</tr><tr>
<td valign=\"top\">Votre message</td>
<td><textarea cols=\"28\" rows=\"8\" name=\"message\" style=\"font-size:14px; background-color:#ffe4b5\"></textarea></td>
<td valign=\"top\">
";
// affichage des smilies selon le tableau
for($i=2;$i<$taille;$i=$i+2){
$j=$i+1;
echo" <img src=\"$smilies[$i]\" onclick=\"document.or.message.value+='$smilies[$j]'\"> ";
if(($i%($nb_par_ligne*2)==0)){echo"<br/>";}
}
echo"</td>
</tr><tr>
<td colspan=\"3\" align=\"center\">
<input type=\"hidden\" name=\"poster\" value=\"oui\" />
<input type=\"submit\" value=\"Envoyer\" / style=\"font-size:12px; background-color:#ffcc99\">
<input type=\"reset\" value=\"Effacer\" / style=\"font-size:12px; background-color:#ffcc99\">
</td>
</tr>
</table></center>
";
}
// si le formulaire a été validé, la variable $poster est égale à "oui"
// on traite donc les informations du formulaire
if($poster=="oui")
{
// On commence pas mettre en forme le message correctement
// suppression des balises HTML pour éviter les codes malveillant
$message = htmlspecialchars($message);
// remplacement des codes des smilies par les images correspondantes
for($i=2;$i<$taille;$i=$i+2){
$j=$i+1;
$message=ereg_replace("$smilies[$j]"," <img src=\"$smilies[$i]\"> ", $message);
}
// convertion des retour chariots par des <br> et suppression des /
$message= nl2br(stripslashes($message));
// suppression des espaces en trop
// ex: si le visiteur à inséré trois espaces, un seul sera pris en compte
$message = ereg_replace("[ ]{2,}", " ", $message );
// On vérifie que le fichier contenant les anciens messages existe
if(file_exists("livre.html")){
// On copie le contenu des anciens messages dans une variable
// pour pouvoir y ajouter le message en cours
$fp=fopen("livre.html","r");
$contenu=fread($fp,filesize("livre.html"));
fclose($fp);
}
// On vide le contenu du fichier pour pouvoir y insérer le contenu
// de la variable contenant les anciens messages + le message en cours
$fp=fopen("livre.html","w");
fclose($fp);
// On ajoute le message en cours et on remet les anciens messages en dessous
// On met le nom, la date et l'email du message en cours dans une variable
$data="$nom - ".date('d/m/Y')." - e-mail : $email</td></tr></table>";
// On ouvre le fichier contenant les anciens messages
// (actuellement vide)
$fp=fopen("livre.html","a");
// On y ajoute le message en cours et les anciens messages
fputs($fp,"<table style='border: dotted ".$borduretable."; font-family: Times; font-size: 14px; width: ".$largeurtable."; background-color: ".$backgroundtable.";'>
<tr><td>$data</td></tr></table><table style='border: dotted ".$borduretable."; font-family: Times; font-size: 14px; width: ".$largeurtable."; background-color: ".$backgroundtable2.";'>
<tr><td> $message </td></tr></table><br>\n<!-- guest -->\n$contenu");
fclose($fp);
// On affiche un message de remerciement
echo "<span style=\"font-family: Times; font-size: 14px;\"><p align=\"center\"><b>Merci pour votre message :-)</b></p></span>";
echo "<p align=\"center\"><img src=\"Paddle1.png\" border=\"0\" /></p> ";
}
?>
</body>
</html> |
_________________ "Je voudrais aller très loin dans un endroit plein d'autre chose et je cherche même pas à l'imaginer, pour ne pas le gâcher." Émile Ajar, La vie devant soi.
|
|
Revenir en haut |
|
|
Chlélora Nervous vietnamese poke
Age: 46 Signe Chinois: Inscrit le: 17 Aoû 2003 Messages: 2040 Localisation: Dans un pot de moutarde glacial...
|
Posté le: Sam Mai 20, 2006 16:49 Sujet du message: |
|
|
Calisto je t'adooooooooooooooooooooooooooore
Le code marche impec', sauf que les couleurs de fond des tableaux et des bordures ne sont pas prises en compte
Et le style "dotted" n'a pas la même apparence sur la page "lire le livre d'or" et sur la page "signer".
Comment ça se fait ???
En tout cas :
MERCI BEAUCOUP !!!!!!!!!
Re-voici l'adresse :
http://leprinceestunenfant.chez-alice.fr/KidPaddle/BDPaddle.htm
Bize _________________ "Le Prince est un enfant..." Site de Chlélora |
|
Revenir en haut |
|
|
|
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum Vous ne pouvez pas répondre aux sujets dans ce forum Vous ne pouvez pas éditer vos messages dans ce forum Vous ne pouvez pas supprimer vos messages dans ce forum Vous ne pouvez pas voter dans les sondages de ce forum
|
|