Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : Davide_naxos 24 Jun 2011, 09:06:20

: modulo "rigainmezzo" a destra del menu
: Davide_naxos 24 Jun 2011, 09:06:20
Buongiorno, per completare il layout della pagina iniziale del "mio" sito, devo mettere una riga tratteggiata verticale (simile a quelle orizzontali già fatte) a separare i contenuti della parte sinistra dello schermo da tutto il resto. Quella zona è occupata dai moduli "Menu" e "Singlemobnews" (quest'ultimo presente solo sulla pg. iniziale). Ho pensato di creare un modulo html personalizzato con l'immagine della mia riga verticale, ma non riesco a posizionarlo a dx del menu, come vorrei. Viene sempre sopra o sotto...

Idee in proposito?
Grazie.
: Re:modulo "rigainmezzo" a destra del menu
: giovi 24 Jun 2011, 09:35:50
ci aiuteresti molto ad aiutarti se linkassi il sito :)
: Re:modulo "rigainmezzo" a destra del menu
: Davide_naxos 24 Jun 2011, 09:39:30
ecco il link: www.singlemob.it/joomla1.6
: Re:modulo "rigainmezzo" a destra del menu
: giovi 24 Jun 2011, 09:51:22
Questo deve avvenire solo nella home page? in questo caso invece di creare un modulo usi questa selezione in php:

appena sotto <div id="contentarea"> scrivi:
:
<?php if($_REQUEST['view']=="frontpage") {?>
<div id="nuovomodulo" style="position: relative; top: 10px; left:200px; /* - la larghezza del modulo di sx/* width:10px; height:100%; background: url(images/rigavert.png) repeat-y #fff;">
<?php } ?>ovviamente cerca di definire lo stile nel file css, io l'ho scritto nel tag per comodità ;)
: Re:modulo "rigainmezzo" a destra del menu
: Davide_naxos 24 Jun 2011, 10:29:04
Stavo cercando di farlo per tutte le pagine: credo che sia sufficiente rimuovere i tag <? php if.. ?>. Per ora grazie
: Re:modulo "rigainmezzo" a destra del menu
: giovi 24 Jun 2011, 12:13:20
si, perdonami, non so come ho fatto ma avevo inteso che volessi inserirla solo nella home page ;)
: Re:modulo "rigainmezzo" a destra del menu
: Davide_naxos 27 Jun 2011, 11:45:27
Ho fatto diverse prove, finora tutte con esito "negativo": la visualizzazione viene spostata oppure la riga non si vede. Nell'ultima "versione che ho provato" lo spostamento della visualizzazione va pure bene, ma la riga non si vede. Per maggiore chiarezza, qui sotto incollo il codice che ho inserito in personal.css:

:
#rigainmezzo
{
position: relative;
top: 10px;
left: 30px;
width: 10px;
height:100%;
background: #fff url(../images/rigavert.png) repeat-y;
}
chiaramente mi sono accertato che il file rigavert.png sia caricato nella giusta cartella.

Fatto questo, sono andato a modificare index.php del mio template (beez_20) e ho inserito questo:

:
<div id="rigainmezzo">
immediatamente sotto al div "wrapper", chiudendo il tag in corrispondenza della chiusura del wrapper stesso. dove ho sbagliato?
: Re:modulo "rigainmezzo" a destra del menu
: giovi 27 Jun 2011, 22:42:47
prova allora ad assegnare all'elemento
div#contentarea div#nav.left1
la proprietà
background: url(ecc...) repeat-y right;

cancellando le precedenti modifiche
: Re:modulo "rigainmezzo" a destra del menu
: Davide_naxos 28 Jun 2011, 12:29:23
niente da fare... stesso risultato.
: Re:modulo "rigainmezzo" a destra del menu
: giusebos 28 Jun 2011, 15:48:46
Quella riga deve stare sotto ogni modulo? Serve solo per separare i vari moduli?

Se fosse così potresti aggiungere


:
border-bottom 4px dashed #EAD748
alla riga 215 del file layout.css
: Re:modulo "rigainmezzo" a destra del menu
: Davide_naxos 28 Jun 2011, 16:31:52
La riga verticale serve a separare la parte sn dello schermo (menu e quello che c'è sotto) dalla parte dx (articoli e contenuti vari). Dovrebbe trovarsi in tutte le pagine.
: Re:modulo "rigainmezzo" a destra del menu
: giusebos 28 Jun 2011, 16:51:03
Allora aggiungi questo codice

:
border-right 4px dashed #EAD748
alla riga 132 del file position.css

ricordando di abbassare la percentuale della colonna da 25% a 24%

questo il codice completo

:
.leftbigger {
  border-right: 4px dashed #EAD748;
  width: 24%;
padding-right:5px;
}
: Re:modulo "rigainmezzo" a destra del menu
: Davide_naxos 30 Jun 2011, 07:59:06
Bene, ora devo solo "aggiustare il colore" e far sì che la riga sia lunga quanto gli articoli alla sua destra (provo ad aggiungere un parametro height: 100%). Grazie molte!!  (quando riesco a stabilire la lunghezza giusta metto "Risolto").
: Re:modulo "rigainmezzo" a destra del menu
: giusebos 30 Jun 2011, 14:32:07
Benissimo!!