Inserire dei moduli in alto

[st3w]

Buon giorno a tutti.
Avrai un problema con un template.. 


vedi in alto le posizioni user1 , user 2 , user 3
sono state occupate da quei moduli W3C VALID , Collapsible ...

volevo sapere che moduli sono e come sono stati costruiti ?
sono degli html personalizzati ?
hanno particolari impostazioni ?

grazie 

[nocs90]

in gestione moduli guarda quelli che sono posizionati in User1,2,3 , li apri e vedi come sono fatti

[st3w]

grazie per la risposta
ma quel sito non è mio , non posso entrare in gestione moduli , ne nell'amministrazione ..
volevo capire come hanno fatto a farli .
Perchè se io creo un html personalizzato , intanto non mi esce quadrato in quel modo e non esce con quel colore..

[nocs90]

grazie per la risposta
ma quel sito non è mio , non posso entrare in gestione moduli , ne nell'amministrazione ..
volevo capire come hanno fatto a farli .
Perchè se io creo un html personalizzato , intanto non mi esce quadrato in quel modo e non esce con quel colore..

Scaricati il template a questa pagina ( http://www.joomlashow.it/template-joomla/free/axe-industrial-template-professionale-free/) , o cliccando qua : http://www.joomlashow.it/template-joomla/free/axe-industrial-template-professionale-free/

provalo e vedi come sono fatti

[st3w]

grazie mille 
ho installato il template , però i ci sono le posizioni user1 , user 2 .. ma dovrei riempirle io con qualcosa...
quindi non posso vedere come hanno fatto i moduli w3c , collapsible ecc..
idee ?? 

[maicolstaip]

st3w ,
guarda che quei moduli sono semplici righe di testo "Lorem ipsum".
Comunque visto che hai scaricato il template leggiti il pdf allegato che dovrebbe spiegare tutto, come riportato nel loro sito:

For Documentation and Tempate Guide Please Read PDF FILE in Axe Industrial Download Pack.

[st3w]

si questo l'ho capito , però se io creo un html personalizzato e ci scrivo qualcosa , per prima cosa non mi esce quadrato in quel modo , lo sfondo non è neanche di quel colore...

[maicolstaip]

Ciao,
vai nel file typo.css

Aggiungi queste righe:

Codice: [Seleziona]

/*========================= User1 position =============================*/
p.user1 {
background: #AAD4FF;
border: 1px dashed #000;
padding: 10px 0px 15px 10px;
}

/*========================= User2 position =============================*/
p.user2 {
background: #FFD4D4;
border: 1px dotted #000;
padding: 10px 0px 15px 10px;
}

/*========================= User3 position =============================*/
p.user3 {
background: #AAFFD4;
border: 1px solid #c0c0c0;
padding: 10px 0px 15px 10px;
}


/*========================= User4 position =============================*/
p.user4 {
background: #FFFFAA;
border: 1px solid #000000;
padding: 10px 0px 15px 10px;
}

Poi crei con l'HTML personalizzato:  modulo1 , modulo2, modulo3 e modulo4 e assegni la posizione
L'esempio del modulo1 è questo:

Codice: [Seleziona]

<p class="user1"><img alt="tableless" src="images/stories/axe/tableless.png" width="113" height="30" /><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rutrum urna. Maecenas ligula augue, faucibus eu, adipiscing vel, laoreet sit amet, est. Nunc sit amet diam. Praesent purus arcu, venenatis sit amet, dignissim id, faucibus eu, urna. Suspendisse id arcu ut lorem mattis suscipit. Nunc nec orci ac erat pellentesque ullamcorper. Nunc semper diam. Cras gravida, eros nec adipiscing</p>
I titoli sono delle immagini, nel caso del modulo1 = tableless.png
Il risultato è questo:



[allegato eliminato da un amministratore - Il file era vecchio]