Back to top

Autore Topic: allargare lo spazio per i contenuti eliminando il right menu ?  (Letto 2337 volte)

Offline JekBaua

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Ciao a tutti !

Ho configurato un pò joomla per un sito ed ho inserito come forum fireboard. Il template che ho utilizzato (e modificato) è DM_glamour, quindi con un corpo per i contenuti ed un menu a destra.
Siccome lo spazio per visualizzare il forum è ridotto, ho pensato bene di copiare il template, rinominarlo dopo averlo modificato in modo tale che i links che mi portano al forum utilizzino questo template modificato. La modifica consiste nell'aver tolto il menu a destra eliminando alcune voci dal css e da index.php.

Il guaio è che nella prova fatta in locale con firefox funziona tutto, cioè il forum si "estende" ed occupa lo spazio disponibile in cui prima si trovava il right menu. Facendo la stessa cosa su altervista ottengo come risultato che il menu a dx ovviamente scompare ma il forum non si estende -_-

Allora ho provato a chiedere aiuto ad altri browser e (non ci posso credere) IE mi visualizza il sito su altervista come voglio io, usando il doppio template.

Sapete dirmi dove si trova l'errore ? Sempre che ci sia dato che in locale funziona con Firefox -_-

GRAZIE ! ;)


P.S.
Ah dimenticavo........
Ho una piccola domandina aggiuntiva, non bastonatemi !
Gli articoli della homepage non occupano tutti la stessa larghezza ma sono distribuiti a mo di quotidiano, a mosaico (spero abbiate capito). Come faccio a far si che tutti gli articoli abbiano la stessa larghezza e non solo il primo? Avevo visto da dove si faceva, ne sono sicuro, ma NON riesco più a trovare nessun riferimento a questo problemino, o meglio "tipo di visualizzazione".

Grazie ancora :)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline JekBaua

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #2 il: 21 Mar 2009, 18:51:37 »
Ciao Toni, grazie ;)

Per il layout della prima pagina leggi questo:
http://wiki.joomla.it/index.php?title=Aumentare_e_gestire_le_notizie_in_homepage e questo:
http://www.joomla.it/articoli-della-community/894-modificare-lordine-ed-il-tipo-di-visualizzazione-degli-articoli-in-homepage.html

Eccolo ! Ricordavo di aver visto come si modificava ma non riuscivo a trovarlo -_- Grazie per l'aiuto.
Il sito è stato modificato ma il dubbio atroce mi è rimasto. Mi ero conservato i files css e index.php e quindi posso postarti il codice originale e ti segno le parti che ho cancellato nel template modificato.


Questo è l' index.php originale (cioè quello del template primario, utilizzato per tutti gli altri contenuti del sito) :

Codice: [Seleziona]
<?php
// no direct access
defined'_JEXEC' ) or die( 'Restricted access' );
?>

<!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>
<jdoc:include type="head" />
<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" />

</head>
<div id="hintergrund"></div>
<div id="seitelinks"></div>
<div id="container">
                <div id="header">
                            <div id="logo"><a href="index.php"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/<?php echo $this->params->get('templateColour'); ?>/front.jpg" style="border:0;" alt=""/></a></div><div id="topmenu"><jdoc:include type="modules" name="user3" /></div>
</div>
                <div id="aktuelle"><div id="news"><jdoc:include type="modules" name="top" /></div></div>
                            <div id="bild">      
         <jdoc:include type="modules" name="user5" /></div>
                            <div id="suche"><jdoc:include type="modules" name="user4" /></div>
                            <div id="ort"> <jdoc:include type="module" name="breadcrumbs" style="none" /></div>
                            <div id="content">
                            <div id="content1"> <jdoc:include type="component" /></div>
                                        <div id="menuleft"> <jdoc:include type="modules" name="left" style="xhtml" /></div>
</div>
                            <div id="footer">
                           <div id="footertext"><br></div>
    
                            </body>
</html>



che ho modificato così :

Codice: [Seleziona]
<?php

// no direct access

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

?>


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

<jdoc:include type="head" />

<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" />



</head>

<div id="hintergrund"></div>

<div id="seitelinks"></div>

<div id="container">

                <div id="header">

                            <div id="logo"><a href="index.php"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/images/<?php echo $this->params->get('templateColour'); ?>/front.jpg" style="border:0;" alt=""/></a></div><div id="topmenu"><jdoc:include type="modules" name="user3" /></div>

</div>

                <div id="aktuelle"><div id="news"><jdoc:include type="modules" name="top" /></div></div>

                            <div id="bild">
 <jdoc:include type="modules" name="user5" /></div>

                            <div id="suche"><jdoc:include type="modules" name="user4" /></div>

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

                            <div id="content"><div id="content1"><jdoc:include type="component" /></div></div>

                            <div id="footer">

                           <div id="footertext"></div></div>

    

                            </body>

</html>




Questo è il css (la parte in rosso è quella che ho omesso nel template modificato) :

Citazione
/*layout CSS */

body {



}

#footer {clear:both;}

.clear{clear:both;}



/*global reset*/



* {

margin:0;

padding:0;

}

body {

font-size:76%;

font-family: Arial, Helvetica, sans-serif;

background-color: #000000;

color:#CCCCCC;



line-height:1.3;

}

h1,.componentheading {

font:sans-serif;

padding-left:1px;

font-size:1.3em;

text-transform:capitalize;

color: #669900;

}

h2,.contentheading {

padding-left:20px;

font-size:1.5em;

color: #CC3300;

}

h3 {

font-size:13px;

padding-bottom:5px;

}

h4 {

font-size:1.2em;

}

h5 {

font-size:1.1em;

}

h6 {

font-size:1em;

font-weight:700;

}

li,dd {

margin-left:1em;



}

#hintergrund {

   position:absolute;

   left:0px;

   background-image:url(../images/hintergrund.gif);

   background-repeat:repeat;

   top:0px;

   width:100%;

   height:763px;

   z-index:1;   

}

#seitelinks {

   position:absolute;

   background-image:url(../images/seitelinks.png);

   top:150px;

   width:1260px;

   left: 50%;

    margin-left: -630px; /* negative H�lfte von width:1000px */

   height:495px;

   z-index:1;   

}

#container {

   position:relative;

   margin-right: auto;

   margin-left: auto;

   width:900px;

   height:100%;

   background-image:url(../images/bgmenu.gif);

   z-index:2;   

}

#header {

   position:relative;



   width:900px;

   height:150px;

   background-image:url(../images/headerbg.gif);

}

#logo {

   position:absolute;

   top:0px;

   left:0px;

}

#topmenu {

   position:absolute;

   top:123px;

   height:27px;

   width:900px;

   z-index:10px;

}

#aktuelle {

   position:relative;

   width:900px;

   height:69px;

   background-image:url(../images/headeroben.png);

}

#news {

   position:relative;

   width:885px;

   padding-left:15px;

   color: #666666;

   height:69px;

   background-image:url(../images/headeroben.png);

}

#bild {

   position:relative;

   width:900px;

   height:300px;

   background-image:url(../images/bck.jpg);

}

#suche{

   position:relative;

   width:900px;

   height:70px;

   background-image:url(../images/footer.png);

}

#ort{

   position:relative;

   padding-top:8px;

   padding-left:20px;

   width:880px;

   height:22px;

   background-image:url(../images/drum.gif);

}

#content{

   position:relative;

   width:900px;

   height:100%;

   background-image:url(../images/bgmenu.gif);

   background-repeat: repeat-y;



}

#menuleft{

   float:left;

   padding-left:20px;

   width:145px;

   height:100%;

   background-color: transparent;

}


#content1{

   float:left;

   padding-top:15px;

   padding-left:15px;

   padding-right:20px;

   width:680px;  -->questo valore è stato ovviamente  modificato in width:875px
                                    
   height:100%;

   background-color: transparent;

   

}

#footertext{

   position:absolute;

   left:0px;

   padding-left:19px;

   top:50px;

   font-size:9px;

   color:#666666;

   

}

a.footer:link, a.footer:visited {

   color: #666666; text-decoration: none;

   font-weight: normal;

   

}

#footer {

   position:relative;

   background-image:url(../images/footer2.gif);

   margin-right: auto;

   margin-left: auto;

   clear:both;   

   width:900px;

   height:90px;

   background-color: #666666;

}

/*link farbe*/

a:link, a:visited {

   text-decoration: underline;

   font-weight: normal;

   color: #555;

}

td.buttonheading {

    vertical-align            : top;

    margin                    : 0;

    padding                    : 0;

    background                : none;

}

.buttonheading a:link, .buttonheading a:visited {

    width                    : 0px; /*20px pdf button*/

    display                    : block;

    overflow                : hidden;

   color:#000000;

    }

.buttonheading a:hover {

    width                    : 58px;

    display                    : block;

    }

form#form-login fieldset {

   border: 0 none;

   margin: 0;

   margin-left:10px;

}

form#form-login ul li{

   padding: 0;

}



form#form-login ul li a {

   text-align: left;

   padding: 0px;

   font-size: 10px;

   color: #858585;

}



input.button { cursor: pointer; }



p { margin-top: 0; margin-bottom: 5px; }



img { border: 0 none; }



#mod_search_searchword {

    padding:     5px 0px 10px 720px;

    width:       150px;

    font-size:   12px;

    background:  url(../images/search_bg.png) no-repeat;

    color:       #cccccc;

    font-family: arial;

    height:      26px;

    border:      none ;

   font-weight: none;

}



#mainlevel-nav ul{

list-style:none;

margin:0;

padding:0;

}



#mainlevel-nav li{

    float:left;

   width: auto;

   height:27px;

   text-align:center;

   padding-left:5px;

   padding-right:5px;

   



list-style:none;

margin:0 2 0 0px;



}



#mainlevel-nav a{

font:normal 12px Verdana,sans-serif;

font-weight:bold;

margin-top: 0px;

margin-bottom: 0px;

padding:9px 0 0px 0;

width:100%;

height:27px;

display:block;

text-decoration:none;

color:#FFFFFF;



text-align:center;

vertical-align:bottom;

}

#mainlevel-nav a:hover{

background-image : url(../images/top_button.gif);



}



#mainlevel-nav a:active{

background-image : url(../images/top_button.gif);

color:#333333;

background:#000000;



.mainlevel-nav#active_menu-nav{

background-image : url(../images/top_hover_a.gif);

}

.moduletable_menu{

padding-bottom:20px;

}

table.contenttoc {

float:left;

  margin: 0px;

  border: 1px solid #ccc;

  padding: 0px;

}



table.contenttoc td {

  padding: 0 5px;

}


In sostanza, questo è quello che accade con queste modifiche :

- in locale con IE e con FFox tutto ok, cioè il forum occupa anche lo spazio che era occupato in precedenza dal menu left (che poi in DM_glamour il menu è a destra...), quindi tutto quello che va in content1 si allarga. E ci siamo...

- su altervista con IE si allarga con FFox occupa lo stesso spazio di prima, come se ci fosse il menu anche se non lo visualizza, ovviamente.

- ho provato per scrupolo a portare tutto quello che c'era su altervista (backup sito e DB) in locale e per magia si vede come voglio io... Che sia colpa di altervista ???

Alla fine ho cambiato strada ma il dubbio mi attanaglia e vorrei sapere cosa ci puo' essere di sbagliato.

Grazie per la tua disponibilità.
« Ultima modifica: 21 Mar 2009, 18:53:47 da JekBaua »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #3 il: 21 Mar 2009, 19:35:47 »
Più che di altervista il responsabile è il server che in remoto è linux mentre in locale è windows. Ma ci sarà certo un modo per correggere quel problema. Potrebbe anche essere un banale maiuscolo/minuscolo ;D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline JekBaua

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #4 il: 21 Mar 2009, 19:38:14 »
Chiaramente non posso modificare i loro files di configurazione quindi ... avrei altre carte da giocarmi ?  ???

Dal mio cantuccio, se hai controllato il codice vuol dire che non ho sbagliato nulla ?  :o :D ;D

Grazie Toni ;)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #5 il: 21 Mar 2009, 19:45:58 »
Si apparentemente il codice sembra a posto. Ma sottolineo l'apparentemente, poichè firefox legge sempre il codice più correttamente di IE, credo che si potrà certo costringerlo ad allargarsi. Devi ispezionare bene il codice con firebug,dovrebbe saltar fuori il responsabile di quel costringimento, cavoli!
A volte ci divento matto pure io! Ma non mi è mai accaduto di arrendermi, a costo di intabellare il codice >:( A mali estremi estremi rimedi  ;D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline JekBaua

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #6 il: 21 Mar 2009, 19:48:41 »
Ehehhe ottimo Toni :)

Per quanto riguarda firebug, quell'estensione me l'ero accaparrata subito ma poi non l'ho mai usata. Spero sia intuitiva.
Grazie per il consiglio, ora me la studio !

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #7 il: 21 Mar 2009, 19:54:43 »
Non usi ancora firebug?
Ma scherzi?  :o Più intuitiva di andare col mouse sopra il codice e vedere materialmente i div, i bordi dei div, sul monitor. oppure andare sopra un modulo e col tasto destro fare "analizza" e leggere il codice html e css.
Leggi questo
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e scarica e installa il tutto  :D
Ti si aprirà un altro mondo: luce dove c'erano tenebre! :D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline JekBaua

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re: allargare lo spazio per i contenuti eliminando il right menu ?
« Risposta #8 il: 21 Mar 2009, 19:57:45 »
Guarda era un'estensione che avevo messo come disattiva per usarla in un secondo momento e mentre scrivevi il post precedente la stavo gia usando e.........WOW !!!!!!
Bellissima ! Bravo io a lasciarla disattiva per tuuutto questo tempo °_°

Eheheh  :P

Grazie ancora, mi hai facilitato le cose per il futuro !



EDIT
Bellissimo colorzilla, non lo conoscevo. Figurati che utilizzavo i programmi di grafica e proprio due giorni fa mi sono stufato di tutto e ho scaricato colorpic. Ma sempre un programmino è, invece colorzilla non devo aprirlo  !
Evvai Toni !
« Ultima modifica: 21 Mar 2009, 20:01:10 da JekBaua »

 



Web Design Bolzano Kreatif