Scrollbar dans joomla 1.7

Fermé
geroimo1965 Messages postés 20 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 24 mars 2012 - 16 févr. 2012 à 15:26
geroimo1965 Messages postés 20 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 24 mars 2012 - 22 févr. 2012 à 10:12
Bonjour,

je suis entrain de faire un site sous joomla 1.7 et je rencontre un soucis par rapport a mes articles parfois longs
je souhaiterai insérer un scrollbar vertical me permettant de faire défiler le texte de mes articles et ainsi ne pas déformer la hauteur du Template
je remercie déjà par avance les personnes qui pourront me donner une explication pour résoudre mon pb.;sachant que c mon premier site sous Joomla

je reste a votre dispo pour tout autre infos supplémentaire concernant le site

A voir également:

6 réponses

pitxu Messages postés 689 Date d'inscription vendredi 7 septembre 2007 Statut Membre Dernière intervention 25 mars 2015 94
17 févr. 2012 à 13:58
Bonjour,

créé une classe css nommée autoscroll dans le fichier css de ton template:

templates/montemplate/css/template.css

.autoscroll {
overflow : auto;
height : 500px;
}


ensuite tu appliques la classes à ton template:

/templates/montemplate/index.php

<div class="autoscroll"><?php mosMainBody(); ?></div>
0
Bonjour Pitxu

Tout d'abord je tiens à te remercier pour la reponse apporteee à ma question.
Et m 'excuse de ne l avoir fait plus tot,..je n etais pas chez moi qq jours.

J'ai fait ce que tu m a suggerer
c'est à dire modifier dans ton sens, l index.php ainsi que le template.css

Mal certainement car le resultat n'est pas..
ne mettant aucunement en doute tes connaissances..ce serait plutot des miennes IoI..je t'explique ce que j ai fait vite fait

dans le templates.css:

qui est à l origine ainsi


{
background: #fff;
color: #000000;
font-size: 100.1%;
padding: 0px;
text-align: center;
}

body.contentpane {
width:auto;
margin:10px;
text-align: left;
}

j'ai donc rajouter comme ceci :


body
{
background: #fff;
color: #000000;
font-size: 100.1%;
padding: 0px;
text-align: center;
}

body.contentpane {
width:auto;
margin:10px;
text-align: left;
}
img { border: 0 none; }
.autoscroll {
overflow : auto;
height : 500px;
}


je pense que jusqu à là je suis bon mais en ce qui concerne l index.php

qui est a l origine :


<?php
/**
* @version $Id: index.php 21518 2011-06-10 21:38:12Z chdemko $
* @package Joomla.Site
* @subpackage Templates.beez_20
* @copyright Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn==0 and $showleft==0) {
$showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color = $this->params->get('templatecolor');
$logo = $this->params->get('logo');
$navposition = $this->params->get('navposition');
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$templateparams = $app->getTemplate(true)->params;

$doc->addScript($this->baseurl.'/templates/beez_20/javascript/md_stylechanger.js', 'text/javascript', true);
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/position.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/layout.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/print.css" type="text/css" media="print" />
<?php
$files = JHtml::_('stylesheet','templates/beez_20/css/general.css',null,false,true);
if ($files):
if (!is_array($files)):
$files = array($files);
endif;
foreach($files as $file):
?>
<link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
endforeach;
endif;
?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/<?php echo htmlspecialchars($color); ?>.css" type="text/css" />
<?php if ($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/template_rtl.css" type="text/css" />
<?php if (file_exists(JPATH_SITE . '/templates/beez_20/css/' . $color . '_rtl.css')) :?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/<?php echo $color ?>_rtl.css" type="text/css" />
<?php endif; ?>
<?php endif; ?>
<!--[if lte IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/beez_20/css/ieonly.css" rel="stylesheet" type="text/css" />

<?php if ($color=="personal") : ?>
<style type="text/css">
#line
{ width:98% ;
}
.logoheader
{
height:200px;

}
#header ul.menu
{
display:block !important;
width:98.2% ;


}
</style>
<?php endif; ?>
<![endif]-->
<!--[if IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/beez_20/css/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/beez_20/javascript/hide.js"></script>

<script type="text/javascript">
var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
var altopen='<?php echo JText::_('TPL_BEEZ2_ALTOPEN',true); ?>';
var altclose='<?php echo JText::_('TPL_BEEZ2_ALTCLOSE',true); ?>';
var bildauf='<?php echo $this->baseurl ?>/templates/beez_20/images/plus.png';
var bildzu='<?php echo $this->baseurl ?>/templates/beez_20/images/minus.png';
var rightopen='<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTOPEN',true); ?>';
var rightclose='<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?>';
var fontSizeTitle='<?php echo JText::_('TPL_BEEZ2_FONTSIZE'); ?>';
var bigger='<?php echo JText::_('TPL_BEEZ2_BIGGER'); ?>';
var reset='<?php echo JText::_('TPL_BEEZ2_RESET'); ?>';
var smaller='<?php echo JText::_('TPL_BEEZ2_SMALLER'); ?>';
var biggerTitle='<?php echo JText::_('TPL_BEEZ2_INCREASE_SIZE'); ?>';
var resetTitle='<?php echo JText::_('TPL_BEEZ2_REVERT_STYLES_TO_DEFAULT'); ?>';
var smallerTitle='<?php echo JText::_('TPL_BEEZ2_DECREASE_SIZE'); ?>';
</script>

</head>

<body>

<div id="all">
<div id="back">
<div id="header">
<div class="logoheader">
<h1 id="logo">

<?php if ($logo): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php endif;?>
<?php if (!$logo ): ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span></h1>
</div><!-- end logoheader -->
<ul class="skiplinks">
<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ2_SKIP_TO_CONTENT'); ?></a></li>
<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_NAV'); ?></a></li>
<?php if($showRightColumn ):?>
<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_INFO'); ?></a></li>
<?php endif; ?>
</ul>
<h2 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAV_VIEW_SEARCH'); ?></h2>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-1" />
<div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div> <!-- end line -->


</div><!-- end header -->
<div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
<div id="breadcrumbs">

<jdoc:include type="modules" name="position-2" />

</div>

<?php if ($navposition=='left' AND $showleft) : ?>


<div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />


</div><!-- end navi -->
<?php endif; ?>

<div id="<?php echo $showRightColumn ? 'wrapper' : 'wrapper2'; ?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>

<div id="main">

<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" />
</div>
<?php endif; ?>

<jdoc:include type="message" />
<jdoc:include type="component" />

</div><!-- end main -->

</div><!-- end wrapper -->

<?php if ($showRightColumn) : ?>
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ2_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?></span></a>
</div>


<div id="right">
<a id="additional"></a>
<jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
<jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />
</div><!-- end right -->
<?php endif; ?>

<?php if ($navposition=='center' AND $showleft) : ?>

<div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >

<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />


</div><!-- end navi -->
<?php endif; ?>

<div class="wrap"></div>

</div> <!-- end contentarea -->

</div><!-- back -->

</div><!-- all -->

<div id="footer-outer">
<?php if ($showbottom) : ?>
<div id="footer-inner">

<div id="bottom">
<div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
<div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
<div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
</div>


</div>
<?php endif ; ?>

<div id="footer-sub">


<div id="footer">

<jdoc:include type="modules" name="position-14" />
<p>
<?php echo JText::_('TPL_BEEZ2_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a>
</p>


</div><!-- end footer -->

</div>

</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>


(je ne te montre pas là où j ai inserer la div que tu me dis..risquerai de me faire tirer les oreilles..mais bon..en tant que novice, rien de tel qu un bon forum pour poser des questions et se former)

Le but comme tu as pu le lire sur ma question initiale est de pouvoir avoir un scroll bar vertical lorsque je lis mes articles..

Une nouvelle question se pose..ou dois je inserer cette fameuse div que t m as cité..?

je te remercie par avance de prendre qq minutes pour me repondre.

Cordialement

jerome
0
pitxu Messages postés 689 Date d'inscription vendredi 7 septembre 2007 Statut Membre Dernière intervention 25 mars 2015 94
20 févr. 2012 à 13:52
Pour faire plus simple, tu ajoutes la classe autoscroll dans ton css comme je te l'ai indiqué, puis tu vas dans Contenu/Gestion des articles, tu édites ton article, puis tu sélectionnes entièrement son contenu (CTRL A) et tu appliques le style css autoscroll.
0
Bonjour Pitxu

Merci pour ta réponse , je vais faire cela tout a l heure lorsque je serai chez moi.

Je me permet de te poser une question autre:

j ai réalise mon site avec Joomla et en local.
En ce qui concerne la base de donne je sais (normalement, puisque je l ai deja fait) la transférer chez mon hébergeur sans erreur.
le Hic, c'est que lm orsque je veux me connecter avec mon login et password sur l interface /administrator et en ligne, il me rejeté login et mot de passe
j ai donc fait un reset a partir de la base de donnée de mon password, mais en fait c 'est mon login qui semble être rejeté.

A l occasion si tu peux m éclairer, je t en remercie d avance

Cordialement

jeome
0
tito23 Messages postés 305 Date d'inscription mardi 10 août 2010 Statut Membre Dernière intervention 16 janvier 2013 4
20 févr. 2012 à 15:33
pour changer le mot de passe dans la base de données il ne faut pas oublier d'appliquer MD5 au nouveau mot de passe
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tito23 Messages postés 305 Date d'inscription mardi 10 août 2010 Statut Membre Dernière intervention 16 janvier 2013 4
20 févr. 2012 à 15:35
il faut fixer le height et ajouter overflow-y : scroll;
0
geroimo1965 Messages postés 20 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 24 mars 2012 19
22 févr. 2012 à 10:12
merci TIto23 pour ta Reponse.
J ai pas mal de lacune encore et vos conseils me sont precieux
0