Fork me on GitHub






Module News - Font plus - moins Grand.(javascript)
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
Bonjour,
j'essaie d'integrer fluid text resizer dans les articles news :
http://www.dynamicdrive.com/dynamicindex9/fluidtextresizer.htm

Exemple:
http://www.hkrag.com/modules/news/article.php?storyid=1

en bas de page.

Mon probleme est que (voir exemple) au lieu de modifier les tailles de police dans l'article il le fait dans le menu ...

Les options que j'ai mis dans le theme sont
var mytextsizer=new fluidtextresizer({
    
controlsdiv"sizecontroldiv"//id of special div containing your resize controls. Enter "" if not defined
    
targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
    
levels3//number of levels users can magnify (or shrink) text
    
persist"session"//enter "session" or "none"
    
animate200 //animation duration of text resize. Enter 0 to disable
})



J'ai mis la partie html-body dans
le template news_article .html

et là , apres bien des essais , je ne trouve pas pour changer la taille du texte de l'article ...

Si une ame Charitable ...

Par Avance , un Grand Merci


Posté le : 10/12/2010 12:01

Retrouvez moi sur http://www.hkrag.fr
Autre : http://www.cdf-groupe.org
Solutions Hebergement Xoops: http://www.cdfi-hebergement.com
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
ton control div dois etre sur le le content comme cela

var mytextsizer=new fluidtextresizer({
    
controlsdiv"content"//id of special div containing your resize controls. Enter "" if not defined
    
targets: ["body"], //target elements to resize text within: ["selector1", "selector2", etc]
    
levels3//number of levels users can magnify (or shrink) text
    
persist"session"//enter "session" or "none"
    
animate200 //animation duration of text resize. Enter 0 to disable
})

Posté le : 10/12/2010 12:35
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
Salut,
J'ai eu la meme idee que toi , hélas , avec "content" ... là les boutons n'ont plus Aucun effet....

Posté le : 10/12/2010 13:16

Retrouvez moi sur http://www.hkrag.fr
Autre : http://www.cdf-groupe.org
Solutions Hebergement Xoops: http://www.cdfi-hebergement.com
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
j'ai reussi dit moi si c'est sa que tu souhaite ?

http://tutoxoops.vistaide.com/modules/news/article.php?storyid=1


Posté le : 10/12/2010 14:31
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
oui ! c'est Exactement ca !

Posté le : 10/12/2010 14:55

Retrouvez moi sur http://www.hkrag.fr
Autre : http://www.cdf-groupe.org
Solutions Hebergement Xoops: http://www.cdfi-hebergement.com
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
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}>&nbsp;<{/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}>
                <
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


Posté le : 10/12/2010 15:07
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Régulier
Inscrit: 11/10/2010 10:47
Messages: 204
Waouhh !! Chaperau l' Artiste !!
Je teste ca de suite !

Edit : Et ca Maaarche !
Merci
Nb.: attention tes codes indiqués ici ne sont pas tous complets .. mais j'ai retrouvé mes "petits"

Merci !!!

Posté le : 10/12/2010 15:09

Retrouvez moi sur http://www.hkrag.fr
Autre : http://www.cdf-groupe.org
Solutions Hebergement Xoops: http://www.cdfi-hebergement.com
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
content que j'ai pu t'aider

Posté le : 10/12/2010 17:51
Partager Twitter Partagez cette article sur GG+
Re: Module News - Font plus - moins Grand.(javascript)
Supporter Xoops
Inscrit: 17/12/2005 01:41
De Alpes Maritimes
Messages: 1682
basculer dans les astuces

Posté le : 12/12/2010 02:51
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

94 Personne(s) en ligne (65 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 94 | Plus ...