modulo "rigainmezzo" a destra del menu

[Davide_naxos]

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.

[giovi]

ci aiuteresti molto ad aiutarti se linkassi il sito

[Davide_naxos]

ecco il link: www.singlemob.it/joomla1.6

[giovi]

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:

Codice: [Seleziona]

<?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à

[Davide_naxos]

Stavo cercando di farlo per tutte le pagine: credo che sia sufficiente rimuovere i tag <? php if.. ?>. Per ora grazie

[giovi]

si, perdonami, non so come ho fatto ma avevo inteso che volessi inserirla solo nella home page

[Davide_naxos]

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:

Codice: [Seleziona]

#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:

Codice: [Seleziona]

<div id="rigainmezzo">
immediatamente sotto al div "wrapper", chiudendo il tag in corrispondenza della chiusura del wrapper stesso. dove ho sbagliato?

[giovi]

prova allora ad assegnare all'elemento

div#contentarea div#nav.left1

la proprietà

background: url(ecc...) repeat-y right;

cancellando le precedenti modifiche

[Davide_naxos]

niente da fare... stesso risultato.

[giusebos]

Quella riga deve stare sotto ogni modulo? Serve solo per separare i vari moduli?

Se fosse così potresti aggiungere

Codice: [Seleziona]

border-bottom 4px dashed #EAD748
alla riga 215 del file layout.css

[Davide_naxos]

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.

[giusebos]

Allora aggiungi questo codice

Codice: [Seleziona]

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

Codice: [Seleziona]

.leftbigger {
  border-right: 4px dashed #EAD748;
  width: 24%;
padding-right:5px;
}

[Davide_naxos]

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").

[giusebos]

Benissimo!!