[RISOLTO]Blocco nel blocco

[Raffo17]

Salve a tutti!!


Sono un nuovo utente del forum visto che ho scoperto joomla! da poco. Devo dire che sono rimasto piacevolmente sorpreso!:) Premetto che ho da poco iniziato a studiare html, css e php quindi vi chiedo perdono se mi scapperà qualche imprecisione.


Passiamo subito al problema: sto cercando di modificare un template che ho trovato in rete. Tale template ha delle posizioni predefinite in particolare una rettangolare di nome position-1 nella quale ho piazzato il topmenu! La mia idea era quella di creare un'altra posizione, position-1-2, per inserire il modulo di login. Tale posizione dovrebbe essere contenuta in position-1 e stare alla sua destra! Ho provato a modificare i famosi tre file (templateDetails.xml; template.css; index.php) ma non ho avuto il risultato sperato visto che puntualmente la ritrovo sulla destra ma sotto position-1. Qualche anima pia potrebbe aiutarmi?


Il link al sito è questo:[size=78%]http://fantasantacroce.altervista.org/joomla/[/size]
il template che sto usando invece è allrounder-j1.6_v1.4

[webdesigneritalia]

Spostalo dalla parte opposta mediante il pannello gestione moduli, in fondo trovi la possibilità.

Vedi screenshot allegato.


Spunti il modulo login dall'elenco
vai nel pannellino, scegli mediante il menu a tendina in quale posizione lo vuoi,
poi avvia il processo.


Non conosco l'impostazione del tuo template, quindi non posso indicarti la posizione.
Spero di averti aiutato.

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[Raffo17]

Ciao e grazie per la risposta.


Putroppo era la prima cosa che avevo provato. Quando però inserivo il modulo di login in position-1 questo veniva inserito sotto la barra del menu(quella nera con HOME JOOMLA.ORG etc) e non al suo interno come puoi notare anche ora.
Per questo avevo pensato di cambiare direttamente il codice.

[webdesigneritalia]

Non puoi metterlo lassu se la posizione non è stata dimensionata in modo da contenerlo.
Di solito è a destra o a sinistra...semmai più in basso o più in alto.
Nella barra che dici tu, puoi metterci una ulteriore voce di LOGIN ma è molto inappropriato.

[Raffo17]

Appunto per questo volevo modificare il codice visto che dal pannello di controllo non posso fare niente. Poi scusa perchè non andrebbe bene li il login?? Io vorrei spostare quei due pulsanti nel posto indicato dalla freccia. Cosa non va bene?

[webdesigneritalia]

da quello che vedo nell'immagine non vedo la posizione predisposta come anche tu puoi vedere.
Vedo solo quelle di sinistra ma a destra....non esiste...!!
Se non ne crei una tu codificandolo......
Dove dici tu..di solito c'è "Cerca"
Scusami il mio parere...non voleva essere offensivo.

Ad ogni c'è molto da lavorare nei codici...e fogli di stile

[Raffo17]

Ma no! Critiche e consigli sono sempre ben accetti per questo chiedevo il perchè!:)
Mi rendo conto che non c'è la posizione ma è solo perchè sto provando e riprovando a cambiare il codice.
Quando creo position-1-2(la nuova posizione nel quale inserire il modulo di login) questa si trova sempre al di sotto di position-1 e non al suo interno come vorrei. Se vuoi provo a postare un po di codice per farti vedere cosa cambio magari è li l'errore...

[webdesigneritalia]

devi anche inserire nel file xml la nuova posizione.....
poi creare il codice php fra due DIV contigui...
e ci sarà certo da "rifinire" nel foglio css...

[Raffo17]

Ok allora ti illustro passaggio per passaggio quello che faccio!

1) Nel file templateDetails.xml

Codice: [Seleziona]


   <positions>
      <position>position-0</position>
      <position>position-1</position>
      <position>position-1-1</position>
      <position>position-2</position>
      <position>position-7</position>
      <position>position-8</position>
      <position>banner</position>
      <position>toppanel</position>
      <position>sidepanel</position>
      <position>headermodule1</position>
      <position>headermodule2</position>
      <position>beforehead1</position>
      <position>beforehead2</position>
      <position>beforehead3</position>
      <position>beforehead4</position>
      <position>beforehead5</position>
      <position>beforehead6</position>
      <position>advert1</position>
      <position>advert2</position>
      <position>advert3</position>
      <position>advert4</position>
      <position>advert5</position>
      <position>advert6</position>
      <position>advert7</position>
      <position>advert8</position>
      <position>advert9</position>
      <position>advert10</position>
      <position>advert11</position>
      <position>advert12</position>
      <position>afterhead1</position>
      <position>afterhead2</position>
      <position>afterhead3</position>
      <position>afterhead4</position>
      <position>afterhead5</position>
      <position>afterhead6</position>
      <position>slider</position>
      <position>top1</position>
      <position>top2</position>
      <position>top3</position>
      <position>top4</position>
      <position>top5</position>
      <position>top6</position>
      <position>foot1</position>
      <position>foot2</position>
      <position>foot3</position>
      <position>foot4</position>
      <position>foot5</position>
      <position>foot6</position>
      <position>footermodule1</position>
      <position>footermodule2</position>
      <position>footermodule3</position>
      <position>footermodule4</position>
      <position>footermodule5</position>
      <position>bottom1</position>
      <position>bottom2</position>
      <position>bottom3</position>
      <position>bottom4</position>
      <position>bottom5</position>
      <position>bottom6</position>
      <position>footer</position>
      <position>debug</position>
   </positions>

aggiungo la stringa
<position>position-1-2</position>

2) Nel file index.php includo il codice

Codice: [Seleziona]

<?php if ((bool)$this->countModules('position-1-2')) : ?>
<div id="topmenu2">       
<jdoc:include type="modules" name="position-1-2" style="xhtml" />   
<>
<?php endif; ?>


dove indicato

Codice: [Seleziona]

<?php if($this->countModules('position-1')) : ?>           
<div id="topmenu_container">               
<div id="topmenu">                     
<jdoc:include type="modules" name="position-1" />                                       
QUI!!!!             
 <>               
<div class="clr"><>           
<>         
<?php endif; ?>

3)Infine nel file template.css aggiungo

Codice: [Seleziona]

#topmenu2
{  float:right; 
height:auto; 
margin:auto; }
Il risultato è che position-1-2 si trova a destra ma sotto position-1 e non al suo interno.


Ps non capisco perchè ma non mi visualizza / DIV!
Quando vedi le parentesi angolari vuote <> conta che c'è un / DIV al loro interno!

[webdesigneritalia]

In tutti i file xml che ho consultato, nessuno riporta diciamo delle sotto-posizioni.
Mi spiego: tu hai messo  1-1
tutti sono numeri unici e non separati da trattini.


prova a numerarlo con un numero superiore a quelli che hai.( che so....17, 18 ecc).poi con il foglio di stile lo posizioni.


Come impostazione delle codifiche sembra tutto ok...

[tomtomeight]

Non ha importanza più di tanto inserire anche nel file xml piuttosto che il codice, infatti xml serve per far apparire la nuova posizione negli elenchi delle posizioni, mentre la vera posizione viene generata dal codice. Quindi preoccupati prima di questi e poi se vuoi alla fine, giusto per ordine metti pure nel xml.

[adottauncane]

Ciao Raffo17,
prova questo css:

Codice: [Seleziona]

#btl {    margin-right: 10px;    margin-top: -40px;    position: relative;    z-index: 100000;}

[adottauncane]

Il codice sopra puoi aggiungerlo al fondo del file template.css o correggere quello del modulo style2.0.css (riga 50) che trovi nella cartella del modulo, mod_bt_login/assets/css

[Raffo17]

adottauncane TI ADORO!!!!
è esattamente il risultato che volevo!!:) Abuso della tua disponibilità per dei chiarimenti.
Leggendo il codice mi sembra di aver capito che btl sia l'id del "contenitore" dei bottoni per il login.
Modificando il foglio di stile ad esso riferito abbiamo quindi apportato i seguenti cambiamenti


position:relative; ------> L’elemento viene posizionato relativamente al suo box contenitore (già presente).
istruzione margin ------> Opportunamente definiti i margini (la distanza tra il bordo di un elemento e gli elementi adiacenti) top e right in modo da "centrare" i bottoni.


e con z-index??


Scusami se ho scritto qualche eresia, e in tal caso ti prego di correggermi, ma come detto sono alle prime armi con php, css e html:)


ps @tomtomeight grazie mille anche a te! immaginavo non fosse quello il problema ma qualche imprecisione nel css.

[adottauncane]

Con z-index definisci il livello di visibilità, cioè la profondità di visione sull'asse z.

[Raffo17]

Perfetto ora è tutto chiaro!
Grazie ancora per la tua disponibilità e per avermi risolto il problema!:)