| Re: Module News - Font plus - moins Grand.(javascript) |
Titre du sujet : Re: Module News - Font plus - moins Grand.(javascript)
par grosdunord sur 10/12/2010 15:07:12
Alors dans le style css de ton théme:
body.mceContentBody {
margin: 0;
padding: 0;
background-color: #fff;
background-image: none;
color: #000;
}
.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}
.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}
.controlstyle a.selectedcontrol img{ /*selected control's image*/
border-bottom:4px solid darkred;
}
dans ton theme.html avant le :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="<{xoImgUrl js/fluidtextresizer.js}>"></script>
</script>
<script type="text/javascript">
var mytextsizer=new fluidtextresizer({
controlsdiv: "controlstyle", //id of special div containing your resize controls. Enter "" if not defined
targets: [".itemBody"], //target elements to resize text within: ["selector1", "selector2", etc]
levels: 3, //number of levels users can magnify (or shrink) text
persist: "none", //enter "session" or "none"
animate: 200 //animation duration of text resize. Enter 0 to disable
})
</script>
Oubli pas de créer un dossier js dans ton thème et y placé le fichier .js et pour les images tu créer un dossier img et tu y place tes images.
ensuite on vas utilisé la surcharge des templates dans ton thème tu créer un dossier modules et dans ce dossier du créer un deuxième dossier appeler news.
ensuite tu va telecharger les deux fichiers suivant qui ce trouve dans modules/news/templates/
news_article.html et news_item.html
dans news_article.html tu modifie en ajoutant:
<a href="#smaller"><img src="<{xoImgUrl img/fontminus.gif}>" /></a> <a href="#bigger"><img src="<{xoImgUrl img/fontplus.gif}>"/></a><br /><br />
<a href="#fontsize-1"><img src="<{xoImgUrl img/-1.gif}>" /></a> <a href="#fontsize0"><img src="<{xoImgUrl img/0.gif}>" /></a> <a href="#fontsize1"><img src="<{xoImgUrl img/1.gif}>" /></a> <a href="#fontsize2"><img src="<{xoImgUrl img/2.gif}>" /></a>
</div>
<p><a href="javascript:mytextsizer.setFontLevel(0)">Taille par defaut</a>
et voici le fichier news_item.html modifier complet:
<table cellpadding="0" cellspacing="0" class="item">
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="98%">
<tr>
<td class="itemHead">
<span class="itemTitle">
<a href="<{$xoops_url}>/modules/news/index.php?storytopic=<{$story.topicid}>"><{$story.topic_title}> : <{$story.news_title}>
</span>
</td>
</tr>
<tr>
<td class="itemInfo"><{if $story.files_attached}><{$story.attached_link}> <{/if}><{if $story.poster != ''}><span class="itemPoster"><{$lang_postedby}> <{$story.poster}></span><{/if}> <span class="itemPostDate"><{$lang_on}> <{$story.posttime}></span> (<span class="itemStats"><{$story.hits}> <{$lang_reads}></span>) <{$news_by_the_same_author_link}></td>
</tr>
<tr>
<td class="itemBody" id="itemBody">
<{$story.imglink}>
<{if $articlePicture != ''}><img src="<{$articlePicture}>" alt="" align="left" style="margin-right: 5px; margin-bottom: 5px" /><{/if}>
<p class="itemText"><{$story.text}></p>
</td>
</tr>
<tr>
<td class="itemFoot"><span class="itemAdminLink"><{$story.adminlink}></span><{if $rates}><b><{$lang_ratingc}></b> <{$story.rating}> (<{$story.votes}>) - <a href="<{$xoops_url}>/modules/news/ratenews.php?storyid=<{$story.id}>" rel="nofollow"><{$lang_ratethisnews}></a> - <{/if}><span class="itemPermaLink"><{$story.morelink}></span></td>
</tr>
</table>
</td>
</tr>
</table>
tu n'a plus cas mettre ces deux fichier modifier dans le dossier news que tu a créer précédemment dans ton thème pour utilisé la surcharge des templates.
voila
|
|
