Scusa allora procedo con le mie domande qui.
Ho letto e riletto la guida sui css ma sono bloccato sempre in un punto che non capisco.
Allora io voglio arrivare a sostituire la grafica di un singolo blocco come detto in precedenza.
Quindi dovro andare a compilare il class suffix.
Ecco sulla guida non capisco bene questo punto:
Prima di procedere è d'obbligo una premessa. Joomla personalizza le proprie
tabelle che contengono un modulo con la stessa classe css (class=”moduletable”).
Infatti, se osserviamo il codice html che restituisce il template minimalista,
tutti i moduli hanno una grafica simile nel colore, nei link, nei caratteri,
ecc... tutto derivato dalla classe sopracitata. Di seguito una porzione di
codice html del modulo “login”:
<table cellpadding="0" cellspacing="0" class="moduletable">
A questo punto entra in ballo il nostro parametro “Module Class Suffix” che
permette di personalizzare il singolo modulo. Proviamo a inserire un nome che
identifica in modo univoco questo modulo, per esempio “accesso”. Di seguito il
nuovo codice html:
20
<table cellpadding="0" cellspacing="0" class="moduletableaccesso">
Qualcuno avrà certo compreso le conseguenze di questo semplice cambiamento.
Ora chi ci ferma più? Abbiamo una classe css tutta nostra che possiamo
manipolare come desideriamo:
.moduletableaccesso{
width:120px; /*imposto una larghezza del modulo*/
margin-left:-5px; /*sposta il modulo verso sinistra*/
margin-top:5px; /*allontana il modulo dalla parte superiore*/
margin-bottom:5px; /*allontana il modulo dalla parte inferiore*/
padding-left:5px; /*allontana il contenuto dal bordo sinistro*/
background-color:red; /*questo indovinatelo voi :-p*/
border:3px outset #55a; /*particolare effetto dei css sui bordi*/
color:yellow; /*questo che farà? :-)*/
Allora premetto che ho un templeta che ho scaricato gia definiti i blocchi e i nomi blocchi.
Mettiamo per esempio io voglio modificarmi il blocco di nome USER4.
Non ho capito se devo inserire una nuova voce nell'index.php del template con questo nome: <table cellpadding="0" cellspacing="0" class="moduletableUSER4">
e poi qui di sequito mettere la formattazione del blocco che mi interessa nel mio caso dovrei incollare questo?
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="4"> </td>
<td valign="top">
<?php mosLoadModules ( 'left'); ?></td>
<td valign="top" width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="5" valign="top" height="664" background="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/left.png">
<img border="0" src="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/top_left.png" width="12" height="33"></td>
<td valign="top" height="664" style="background-image: url('<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/top.png'); background-repeat: repeat-x; background-position-y: top">
<?php mosMainBody(); ?></td>
<td width="4" valign="top" height="664" background="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/right.png">
<img border="0" src="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/top_right.png" width="14" height="33"></td>
</tr>
<tr>
<td width="5">
<img border="0" src="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/bot_left.png" width="12" height="12"></td>
<td background="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/bot.png">
<img border="0" src="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/bot.png" width="2" height="12"></td>
<td width="4">
<img border="0" src="<?php echo $mosConfig_live_site;?>/templates/digitaleye_mitra/images/box/bot_right.png" width="14" height="12"></td>
</tr>
</table>
</td>
Naturalmente dovrei cambiare il percorso delle directory e copiare le immagini in una cartella che creerò nel nuovo template.
Tutto questo devo inserirlo nell' index.php?
Quindi nel class suffix basta che scriva USER4?
Facendo questa singola operazione il mio blocco in toeria dovrebbe bresentare il layout cosi
Pero con la fomattazione dei colori del template attuale?
MMM..... sono sulla strada giusta o sono proprio uscito di strada?
