🌍
Français
j'ai fait ce script a l'aide du generateur sur ce site comme je suis novice:
http://www.ricocheting.com/js/watermark.html
voici ce que ca donne
http://djkazz.network-hosting.com/photo … age_id=924
Normal.
Où as-tu pêché ce script?
Peut-on avoir un lien direct vers le résultat que tu obtiens?
rien a faire il se tape toujours dans le bord droit en bas de la page et pas moyen qu'il se mette sur le bord droit des photos aussi bien vertical que horizontal.
si y a un connaisseur parmis vous qui veut bien venir sur msn pour m'aider a la manip s'il vous plait.
mon adresse: gaetangilot ("chez") hotmail.com
Anti-spam appliqué
Fonctionne Pas :( il ne s'affiche pas
Cherches ceci:
<!-- END high -->
<img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
<!-- BEGIN high -->Et remplace par:
<!-- END high -->
<img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
<div align=right id="watermark" style="position: absolute; left:0px; top:0px; z-index:20; visibility:hidden">
<img src="http://djkazz.network-hosting.com/phototrip/template/photo_trip.gif" width="155" height="79" border=0 alt="Phototrip.c.la"></div>
<!-- BEGIN high -->Puis tu ajoutes le reste en dehors de tout block <!-- BEGIN xxxx --> <!-- END xxxx -->
Mais je ne te garantis rien du tout, je n'ai pas regardé le script.
8-)
super merci vdigital. je vais tester et on verra ce que ca donne. En effet sur les photos pas sur les miniatures
[edit]bon voici le code du picture.tpl:
<!-- BEGIN information -->
<div class="pleaseNote">{information.INFORMATION}</div>
<!-- END information -->
<div id="imageHeaderBar">
<div class="browsePath"><a href="{U_HOME}">{L_HOME}</a>{LEVEL_SEPARATOR}{CATEGORY}</div>
<div class="imageNumber">{PHOTO}</div>
<!-- BEGIN title -->
<h2>{TITLE}</h2>
<!-- END title -->
<hr class="separation">
</div>
<div id="imageToolBar">
<div class="randomButtons">
<a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}"><img src="template/phpBB/theme/slideshow.png" alt="{L_SLIDESHOW}"></a>
<a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="template/phpBB/theme/metadata.png" alt="{L_PICTURE_METADATA}"></a>
<!-- BEGIN representative -->
<a href="{representative.URL}" title="{lang:set as category representative}"><img src="template/phpBB/theme/representative.png" alt="{lang:representative}" /></a>
<!-- END representative -->
<!-- BEGIN favorite -->
<a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" alt="{favorite.FAVORITE_ALT}"></a>
<!-- END favorite -->
<!-- BEGIN download -->
<a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}"><img src="template/phpBB/theme/save.png" alt="{L_DOWNLOAD}"></a>
<!-- END download -->
<!-- BEGIN admin -->
<a href="{U_ADMIN}" title="{L_ADMIN}"><img src="template/phpBB/theme/preferences.png" alt="{L_ADMIN}"></a>
<!-- END admin -->
<!-- BEGIN caddie -->
<a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/phpBB/theme/caddie_add.png" alt="{lang:caddie}"/></a>
<!-- END caddie -->
</div>
<div class="navButtons">
<!-- BEGIN next -->
<a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}"><img src="template/phpBB/theme/right.png" alt="next"></a>
<!-- END next -->
<a class="navButton up" href="{U_UP}" title="{L_UP_HINT}"><img src="template/phpBB/theme/up.png" alt="{L_UP_ALT}"></a>
<!-- BEGIN previous -->
<a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}"><img src="template/phpBB/theme/left.png" alt="previous"></a>
<!-- END previous -->
</div>
</div> <!-- imageToolBar -->
<div id="theImage">
<!-- BEGIN high -->
<a href="javascript:phpWGOpenWindow('{high.U_HIGH}','{high.UUID}','scrollbars=yes,toolbar=yes,status=yes,resizable=yes,width={high.WIDTH_IMG},height={high.HEIGHT_IMG}')">
<!-- END high -->
<img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
<!-- BEGIN high -->
</a>
<p>{L_PICTURE_HIGH}</p>
<!-- END high -->
<!-- BEGIN legend -->
<p>{legend.COMMENT_IMG}</p>
<!-- END legend -->
<!-- BEGIN stop_slideshow -->
<p>
[ <a href="{stop_slideshow.U_SLIDESHOW}">{L_STOP_SLIDESHOW}</a> ]
</p>
<!-- END stop_slideshow -->
</div>
<!-- BEGIN previous -->
<a class="navThumb prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
<img src="{previous.IMG}" class="thumbLink prev" alt="{previous.TITLE_IMG}">
</a>
<!-- END previous -->
<!-- BEGIN next -->
<a class="navThumb next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
<img src="{next.IMG}" class="thumbLink next" alt="{next.TITLE_IMG}">
</a>
<!-- END next -->
<table class="infoTable" summary="Some info about this picture">
<tr>
<td class="label">{lang:Author}</td>
<td class="value">{INFO_AUTHOR}</td>
</tr>
<tr>
<td class="label">{lang:Created on}</td>
<td class="value">{INFO_CREATION_DATE}</td>
</tr>
<tr>
<td class="label">{lang:Registered on}</td>
<td class="value">{INFO_AVAILABILITY_DATE}</td>
</tr>
<tr>
<td class="label">{lang:Dimensions}</td>
<td class="value">{INFO_DIMENSIONS}</td>
</tr>
<tr>
<td class="label">{lang:File}</td>
<td class="value">{INFO_FILE}</td>
</tr>
<tr>
<td class="label">{lang:Filesize}</td>
<td class="value">{INFO_FILESIZE}</td>
</tr>
<tr>
<td class="label">{lang:Keywords}</td>
<td class="value">{INFO_KEYWORDS}</td>
</tr>
<tr>
<td class="label">{lang:Categories}</td>
<td class="value">
<ul>
<!-- BEGIN category -->
<li>{category.LINE}</li>
<!-- END category -->
</ul>
</td>
</tr>
<tr>
<td class="label">{lang:Visits}</td>
<td class="value">{INFO_VISITS}</td>
</tr>
<!-- BEGIN info_rate -->
<tr>
<td class="label">{lang:Average rate}</td>
<td class="value">{info_rate.CONTENT}</td>
</tr>
<!-- END info_rate -->
</table>
<!-- BEGIN metadata -->
<table class="infoTable" summary="Some more (technical) info about this picture">
<!-- BEGIN headline -->
<tr>
<th colspan="2">{metadata.headline.TITLE}</th>
</tr>
<!-- END headline -->
<!-- BEGIN line -->
<tr>
<td class="label">{metadata.line.KEY}</td>
<td class="value">{metadata.line.VALUE}</td>
</tr>
<!-- END line -->
</table>
<!-- END metadata -->
<!-- BEGIN rate -->
<p>
{rate.SENTENCE} :
<!-- BEGIN rate_option -->
{rate.rate_option.SEPARATOR} <a href="{rate.rate_option.URL}">{rate.rate_option.OPTION}</a>
<!-- END rate_option -->
</p>
<!-- END rate -->
<hr class="separation">
<!-- BEGIN comments -->
<div id="comments">
<h2>[{comments.NB_COMMENT}] {L_COMMENT_TITLE}</h2>
<div class="navigationBar">{comments.NAV_BAR}</div>
<!-- BEGIN comment -->
<div class="comment">
<!-- BEGIN delete -->
<p class="userCommentDelete">
<a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
<img src="template/phpBB/theme/delete.png" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
</a>
</p>
<!-- END delete -->
<p class="commentInfo"><span class="author">{comments.comment.COMMENT_AUTHOR}</span> - {comments.comment.COMMENT_DATE}</p>
<blockquote>{comments.comment.COMMENT}</blockquote>
</div>
<!-- END comment -->
<!-- BEGIN add_comment -->
<form method="post" action="{U_ADD_COMMENT}" class="filter" id="addComment">
<fieldset>
<legend>{L_ADD_COMMENT}</legend>
<!-- BEGIN author_field -->
<label>{L_AUTHOR}<input type="text" name="author"></label>
<!-- END author_field -->
<!-- BEGIN author_known -->
<input type="hidden" name="author" value="{comments.add_comment.author_known.KNOWN_AUTHOR}">
<!-- END author_known -->
<label>{L_COMMENT}<textarea name="content" rows="10" cols="80"></textarea></label>
<input type="submit" value="{L_SUBMIT}">
</fieldset>
</form>
<!-- END add_comment -->
<!-- END comments -->
</div>A quel ligne, je dois intégrer le code que je vous ai poster dans mon premier topic au dessus?
tout le pb vient du fait que tu te positionnes par rapport à la page alors qu'il faut le faire par rapport à l'image
Dj Kazz a écrit:
<div align=right id="watermark" style="position: absolute; left:0px; top:0px; z-index:20; visibility:hidden">
<img src="http://djkazz.network-hosting.com/phototrip/template/photo_trip.gif" width="155" height="79" border=0 alt="Phototrip.c.la"></div>
C'est au niveau de ton template/phpBB/picture.tpl que l'on va te faire intégrer ton watermark.
Je ne pense pas que tu veuilles mettre de watermark sur les miniatures, ai-je bien compris?
8-)
PS: Pas phpwebgallerie mais PhpWebGallery... 8-)
désolé, je vais corriger ca mais s'il vous plais, si vous pouviez m'aider. merci
c'est pas une faute webmestre... par contre ton message en est plein, de fautes :D
Avant tous bonjour à tous.
Voilà, depuis peu j'utilise phpwebgallerie pour mes trips reports de parc d'attraction.
Je voudrais apporter un Watermark automatique à mes photos (j'ai trouver ou je devais modifié pour mettre le code présent si dessous mais ne s'affiche pas dans le cadre de la photo): j'ai fais une cherche sur le forum rien trouver, aucune réponse.
voici le code:
<div align=right id="watermark" style="position: absolute; left:0px; top:0px; z-index:20; visibility:hidden">
<img src="http://djkazz.network-hosting.com/phototrip/template/photo_trip.gif" width="155" height="79" border=0 alt="Phototrip.c.la"></div>
<script language="javascript">
function makeStatic(){
if(document.all){watermark.style.pixelTop=document.body.scrollTop+document.body.clientHeight-79;}
else if(document.layers){eval(document.watermark.top=eval(window.pageYOffset+window.innerHeight-79));}
else if(document.getElementById && !document.all){document.getElementById("watermark").style.top=window.pageYOffset+window.innerHeight-79;}
}
setInterval("makeStatic()",1);
function position() {
if(document.all){
watermark.style.pixelLeft = document.body.clientWidth-20-155;
setTimeout('watermark.style.visibility = "visible"', 50);}
else if(document.layers){
document.watermark.left+=window.innerWidth-25-155;
setTimeout('document.watermark.visibility = "visible"', 50);}
else if(document.getElementById && !document.all){
document.getElementById("watermark").style.left=window.innerWidth-25-155;
setTimeout('document.getElementById("watermark").style.visibility = "visible"', 50);}
}//end function
position();
</script>
je l'ai mis en fin de fichier picture.php mais il s'afiche en bas de ma page et non dans le coin droit en bas de ma photo. ou dois-je mettre ce code, c'est ce que je vous demande pour qu'elle s'adapte au coin droit de mes photos et pas au bas de mes pages.
Deuxième question, j'aimerai corriger la faute d'ortographe webmestre et mettre webmaster. ou dois modifié ca?
l'adresse du site: www.phototrip.c.la
merci d'avance pour votre aide.
Kazz