Back to top

Autore Topic: Scroll Verticale negli articoli  (Letto 7738 volte)

Offline giangi

  • Esploratore
  • **
  • Post: 85
  • Sesso: Maschio
    • Mostra profilo
Scroll Verticale negli articoli
« il: 19 Mag 2009, 19:44:31 »
Qualcuno sa dirmi se è possibile inserire uno scroll verticale all'interno di un articolo?

In caso affermativo potete indicarmi la procedura da seguire per inserirlo?

Grazie 1000

Offline antrace82

  • Nuovo arrivato
  • *
  • Post: 1
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #1 il: 15 Giu 2009, 10:50:08 »
Anche io ho lo stesso problema, ci potete aiutare? io uso il template rhuk_milkyway
GRAZIE

Offline Hotpants182

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #2 il: 04 Ago 2009, 19:32:01 »
Anch'io ho questo problema, vorrei inserire una scroll bar verticale negli articoli. Girando in rete ho trovato questa soluzione. Quando si inserisce l'articolo si mette anche questo codice

Codice: [Seleziona]
<div style="width:400px;height:100px;overflow-y: scroll; border:1px solid black;">

CODICE ARTICOLO

</div>

C'è qualcuno che conosce un altro tipo di soluzione??? Bisogna cambiare qualche parametro nel CSS del template per avere le scroll bar sugli articoli inseriti? Il template l'ho creato con XXXXXXXXX

Qualcuno mi sa dire cosa devo cambiare nel file template.css. Scusate se inserisco tutto questo codice ma ve ne sarei davvero grato se mi sapete dire cosa dovrei cambiare. Grazie

EDITED.

« Ultima modifica: 04 Ago 2009, 22:52:40 da maicolstaip »

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #3 il: 04 Ago 2009, 22:57:32 »
@ Hotpants182
Ciao,
in questo forum sono vietati riferimenti a software/servizi/templates a pagamento.

Inoltre postere un chilometro di codice aiuta solo ad intasare il database e non porta da nessuna parte.

Inoltre è buona norma aprire un nuovo messaggio per la propria richiesta senza andare ad aggiungersi a quello di un altro utente.

Grazie per la comprensione.
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline dagofee

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
  • "torrent nomestensione"? backdoor!
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #4 il: 04 Ago 2009, 23:12:04 »
Anch'io ho questo problema, vorrei inserire una scroll bar verticale negli articoli. Girando in rete ho trovato questa soluzione. Quando si inserisce l'articolo si mette anche questo codice

Codice: [Seleziona]
<div style="width:400px;height:100px;overflow-y: scroll; border:1px solid black;">

CODICE ARTICOLO

</div>

C'è qualcuno che conosce un altro tipo di soluzione??? Bisogna cambiare qualche parametro nel CSS del template per avere le scroll bar sugli articoli inseriti? Il template l'ho creato con XXXXXXXXX

Qualcuno mi sa dire cosa devo cambiare nel file template.css. Scusate se inserisco tutto questo codice ma ve ne sarei davvero grato se mi sapete dire cosa dovrei cambiare. Grazie

EDITED.



ciao,
mi sa che devi smanettare coi css
trovi il div in cui l'articolo e' pubblicato vedi come si chiama, vai a cercarlo nel css e ci aggiungi overflow-y:scroll. Potrebbe servirti specificare la height del box. spero ti serva a qualcosa ciauz
Un viaggio di mille miglia deve cominciare con un solo passo (Lao Tzu)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #5 il: 04 Ago 2009, 23:49:27 »
Allora per inserirla negli articoli va bene la procedura suggerita da Hotpants182.
Se invece volete proprio che tutti i contenuti del sito compaiano in una finestra con la scrollbar allora quel codice va messo opportunamente nella index.php del template. A titolo di esempio nel template Rhuk_Milkyway va cercato questo codice:
Codice: [Seleziona]
<td> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" style="xhtml"/> </td>e sostituito da questo:
Codice: [Seleziona]
<td><div style="width:550px;height:300px;overflow-y: scroll; border:1px solid #A10F15; margin: 0 0 30">
<jdoc:include type="component" />
</div>
<div id="maindivider"></div> <jdoc:include type="modules" name="footer" style="xhtml"/> </td>
Ma il tutto non mi sembra una grande idea! Lo scroller va sempre evitato salvo non si cerchino soluzioni molto particolari  :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Hotpants182

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #6 il: 05 Ago 2009, 12:44:41 »
@ Hotpants182
Ciao,
in questo forum sono vietati riferimenti a software/servizi/templates a pagamento.

Inoltre postere un chilometro di codice aiuta solo ad intasare il database e non porta da nessuna parte.

Inoltre è buona norma aprire un nuovo messaggio per la propria richiesta senza andare ad aggiungersi a quello di un altro utente.

Grazie per la comprensione.

Il codice chilometrico l'ho postato perchè non sapevo cosa dovevo modificare, e poi siccome nessuno aveva dato una soluzione a questo problema mi sono permesso di riprendere questo topic dando una mia soluzione e facendo una domanda sul medesimo argomento! Non mi sembra di aver fatto nulla di male..

Mi scuso solo di aver fatto riferimento ad un software a pagamento (che tra l'altro serve proprio per joomla), ma mi sono appena iscritto e non pensavo fosse vietato

Offline Hotpants182

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #7 il: 05 Ago 2009, 12:48:56 »
Allora per inserirla negli articoli va bene la procedura suggerita da Hotpants182.
Se invece volete proprio che tutti i contenuti del sito compaiano in una finestra con la scrollbar allora quel codice va messo opportunamente nella index.php del template. A titolo di esempio nel template Rhuk_Milkyway va cercato questo codice:
Codice: [Seleziona]
<td> <jdoc:include type="component" /> <jdoc:include type="modules" name="footer" style="xhtml"/> </td>e sostituito da questo:
Codice: [Seleziona]
<td><div style="width:550px;height:300px;overflow-y: scroll; border:1px solid #A10F15; margin: 0 0 30">
<jdoc:include type="component" />
</div>
<div id="maindivider"></div> <jdoc:include type="modules" name="footer" style="xhtml"/> </td>
Ma il tutto non mi sembra una grande idea! Lo scroller va sempre evitato salvo non si cerchino soluzioni molto particolari  :)

grazie mille, sei stato molto gentile rispetto ad un altra persona, però il codice che ho io e un po' diverso

Codice: [Seleziona]
<jdoc:include type="component" />

<?php echo artxModules($document'banner4''art-nostyle'); ?>
<?php echo artxPositions($document, array('user4''user5'), 'art-article'); ?>
<?php echo artxModules($document'banner5''art-nostyle'); ?>
</div>
<?php if (artxCountModules($document'right')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document'right''art-block'); ?>
</div>
<?php endif; ?>

devo cambiare qualcosa da qui? Grazie di nuovo

teakor

  • Visitatore
Re:Scroll Verticale negli articoli
« Risposta #8 il: 05 Ago 2009, 14:27:47 »
Intanto sposto questo articolo nella sezione template che mi sembra più adatta.

Secondo ricordo che è buona norma quando ci si iscrive in un nuovo forum leggere le notique e i post in evidenza della sezione dove si vuole andare a postrare.


Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #9 il: 07 Ago 2009, 09:54:52 »
Ciao Hotpants182 ma fare qualche prova no?
Devi sostituitre la tua riga
Codice: [Seleziona]
<jdoc:include type="component" />
con questa:
Codice: [Seleziona]
div style="width:550px;height:300px;overflow-y: scroll; border:1px solid #A10F15; margin: 0 0 30">
<jdoc:include type="component" />
</div>
devi pero aggiustare larghezza ed altezza  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Vulpiani

  • Appassionato
  • ***
  • Post: 360
  • Sesso: Maschio
  • Il mio messaggio è troppo lungo!
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #10 il: 22 Set 2010, 11:16:18 »
Ciao Tonicopi,
mi domandavo se potevi dirmi dove aggiungere quella riga in questo template, ho provato ad aggiungerlo secondo le tue istruzioni e a fare delle prove ma niente, non ci sono riuscito. Poi volevo sapere, ma funzionerà anche con i componenti? Ti ringrazio...

Francesco

Codice: [Seleziona]
<?php // no direct access 

defined'_JEXEC' ) or die( 'Restricted access' ); 

$showLeftColumn = (bool) $this->countModules('left');

$showRightColumn = (bool) $this->countModules('right');

$showRightColumn &= JRequest::getCmd('layout') != 'form';

$showRightColumn &= JRequest::getCmd('task') != 'edit';

$margin 30;

$outermargin 44;

$logoText    $this->params->get("logoText");

$slogan    $this->params->get("slogan");

$pageWidth    980;

$pageWidth    $pageWidth $outermargin;

$rightColumnWidth    $this->params->get("rightColumnWidth""100");

$leftColumnWidth    $this->params->get("leftColumnWidth""100");

$logoWidth    $this->params->get("logoWidth""330");

$logoHeight    70;

if(
$this->countModules('user4')){

$searchWidth 240;

$sloganWidth $pageWidth $outermargin $logoWidth $searchWidth 3*$margin;

} else {

$searchWidth 0;

$sloganWidth $pageWidth $outermargin $logoWidth 2*$margin;

}

$headerHeight $logoHeight;

$headerrightWidth $pageWidth $outermargin $logoWidth $margin;

$searchHeight $logoHeight;

$sloganHeight $searchHeight;

if (
$showLeftColumn && $showRightColumn) {

   
$contentWidth $pageWidth $leftColumnWidth $rightColumnWidth 3*$margin;

} elseif (!
$showLeftColumn && $showRightColumn) {

   
$contentWidth $pageWidth $rightColumnWidth 2*$margin ;

} elseif (
$showLeftColumn && !$showRightColumn) {

   
$contentWidth $pageWidth $leftColumnWidth 2*$margin ;

} else {

   
$contentWidth $pageWidth $margin ;

}

?>


<!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?>" >



<head>

<?php

    $menu 
= &JSite::getMenu();

    
$view JRequest::getVar('view');

    
$homepage = ($menu->getActive() == $menu->getDefault() && $view == 'frontpage');

    
$user =& JFactory::getUser();

    
$head $this->getHeadData();

    if ((
$homepage || ($view == 'category')) && ($user->get('guest') == || $user->usertype == 'Registered')){

        foreach(
$head['scripts'] as $key => $value){

            if(
preg_match('/mootools/'$key)) unset($head['scripts'][$key]);

            if(
preg_match('/caption/'$key)) unset($head['scripts'][$key]);

        }

    }

    
$this->setHeadData($head);

?>




<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/grey.css" type="text/css" />

<!--[if IE 6]>

<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />

<style type="text/css">

img, div, a, input { behavior: url(templates/<?php echo $this->template ?>/iepngfix.htc) }

</style>

<script src="templates/<?php echo $this->template ?>/js/iepngfix_tilebg.js" type="text/javascript"></script>

<![endif]-->

<!--[if lte IE 7]>

<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie67.css" type="text/css" />

<![endif]-->





</head>

<body>

<div id="headerwrap" class="gainlayout">





        <div class="clr"></div>

      </div>

      <div class="clr"></div>

  </div>     

  <div class="clr"></div>

</div>

<div id="allwrap" class="gainlayout" style="width:<?php echo $pageWidth $outermargin?>px;">



<div id="topmenuwrap" class="gainlayout">

</div>

<div id="wrap" class="gainlayout">

  <?php if($this->countModules('breadcrumb')) : ?>

      <div id="pathway" class="gainlayout">

        <jdoc:include type="module" name="breadcrumbs" style="none" />

      </div>

  <?php endif; ?>



  <div id="cbody" class="gainlayout">

  <?php if($showLeftColumn) : ?>

  <div id="sidebar" style="width:100px;">     

      <jdoc:include type="modules" name="left" style="xhtml" />   

  </div>

  <?php endif; ?>

  <div id="content60" style="width:496px;"> 

    <?php if($this->countModules('user1')) : ?>

         <div id="topmenu" class="gainlayout">

           <jdoc:include type="modules" name="user1" style="xhtml" />

           <div class="clr"></div>

         </div>

         <div class="clr"></div>

  <?php endif; ?> 



      <?php if ($this->getBuffer('message')) : ?>

                <div class="error">

                    <h2>

                        <?php echo JText::_('Message'); ?>

                    </h2>

                    <jdoc:include type="message" />

                </div>

            <?php endif; ?>

      <div id="content">

      <jdoc:include type="component" />

          <?php if($this->countModules('user2')) : ?>

         <div id="topmenu" class="gainlayout">

           <jdoc:include type="modules" name="user2" style="xhtml" />

           <div class="clr"></div>

         </div>

         <div class="clr"></div>

  <?php endif; ?>

       

      </div>   

  </div>

  <?php if($showRightColumn) : ?>

  <div id="sidebar-2" style="width:100px;">     

      <jdoc:include type="modules" name="right" style="xhtml" />     

  </div>

  <?php endif; ?>

  <div class="clr"></div>

  </div>

<!--end of wrap-->

</div>

<div id="footer" class="gainlayout"> 

       <?php if($this->countModules('footer')) : ?>   

         <jdoc:include type="modules" name="footer" style="xhtml" />   

       <?php endif; ?>

    </div>

<!--end of allwrap-->

</div>

<div id="footerwrap" class="gainlayout" style="width:<?php echo $pageWidth $outermargin?>px;">

  <div id="a4j"><a href="http://xxxxxxxxxxxxx.it/">Created by XX xxxxxxxx</a></div>

</div>



</body>

</html>
« Ultima modifica: 22 Set 2010, 11:34:32 da Vulpiani »
Quando tutto salta
Bisogna fermarlo
con una morsa (mia)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #11 il: 22 Set 2010, 14:56:04 »
Devi racchiudere nel div a dimensione fissa il codice che richiama la component:
<jdoc:include type="component" />.
I componenti si adatteranno anche loro perchè compaiono proprio in quell'area.
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Vulpiani

  • Appassionato
  • ***
  • Post: 360
  • Sesso: Maschio
  • Il mio messaggio è troppo lungo!
    • Mostra profilo
Re:Scroll Verticale negli articoli
« Risposta #12 il: 22 Set 2010, 14:57:08 »
risolto, grazie!!!
Quando tutto salta
Bisogna fermarlo
con una morsa (mia)

 



Web Design Bolzano Kreatif