persoanlizzare graficamente i pulsanti di navigazione

[maurop]

c'è un template per la paginazione?
vorrei poter personalizzare il seguente codice:

Codice: [Seleziona]


<table align="center" style="margin-top: 25px;">
<tr>
<th class="pagenav_prev">
<a href="/sito/index.php?option=com_content&amp;task=view&amp;id=32">
&lt; Prec.</a></th>
<td width="50">&nbsp;</td>
<th class="pagenav_next">
<a href="/sito/index.php?option=com_content&amp;task=view&amp;id=6">
Pros. &gt;</a>
</th>
</tr>
</table>

visto che ci sono:

ho riattivato i link per pdf e stampa, però mi mostra un link testuale invece dei pulsanti grafici, come faccio a far vedere delle immagini al posto del testo?

grazie

[maurop]

per le icone ho risolto, era un settaggio nella configurazione globale.
Icone: va settato su mostra.
chissà perchè pensavo bastasse mettere Icona PDF su mostra.. 

invece non riesco a cambiare il suffisso dello stile della table di queste icone che mi prende lo sfondo della tabella dei contenuti "contentpaneopen". 

invece per modificare quel margin-top: 25px e dare uno stile alla tabella, sono ancora in alto mare...

[maurop]

della serie aiutati che dio ti aiuta:

ho messo mano al file content.html.php e risolto tutti i problemi...

ciao ciao

[carloernesto]

ciao maurop,
scusa la svista...
tu hai trovato una soluzione, un po radicale, questo perchè se fai un aggiornamento le tue modifiche spariscono.
un'altra soluzione e lavorare sulle proprieta dei css:
.pagenav{metti le tue regole css per visualizzare quello che vuoi}

[SalSal]

Argomento interessante....

Non si può postare qualche esempio?

Thanks

[carloernesto]

ciao,
sono presenti delle classi? bene con quelle fai quello che vuoi per quanto riguarda la grafica, naturalmente bisogna tenere sempre sotto controllo le compatibilità fra i browser.

.pagenav_next a{color:#red; border:3px double black;padding:1px;background:yellow url(../images/module_bottom.jpg);}

prova a pensare poi cosa puoi fare usando le proprietà trasparenze dei css

[joomlapixel]

Argomento interessante....

Non si può postare qualche esempio?

Thanks

Sicuro che è interessante....considerando soprattutto che i parametri css che gestiscono l'output sono standardizzati.
Esempi?
basta fare un giro su zengarden e siti affiliati per rendersi conto delle possibilità.
ovviamente è una materia che và studiata cominciando,secondo me, dal materiale che è presente nella sezione tutorial di questo sito,che danno la possibilità di capire quali siano le zone interessate del nostro cms,in seguito approfondita quando vorremo cimentarci nella costruzione di un intero template tableless.
Non mancherò mai di citare l'ottimo lavoro di carloernesto,andreadesign e di tutti gli altri.
fd aka lonely

[carloernesto]

seeeeeeeeeee....
e tu non ti citi mai?  i tuoi templati belle ed eleganti...
fra poco piango

[SalSal]

Ho capito la questione....

Io pensavo che al posto di prec e pros si potessero mettere delle freccine, delle mani, qualcosa...

E' possibile questa cosa? Che ne pensate?

[carloernesto]

si può fare, con i Pattern matching dei css, però sono un argomento avanzato che prende spunto dalle tecniche di ricerca dei nodi xml (padre, fratelli, figli)
se sei interessato guardati le tecniche:
http://www.w3.org/TR/REC-CSS2/selector.html

[SalSal]

Grazie per la segnalazione....

P.S. Ma finiremo mai di studiare? 

[maurop]

i css li conosco benino, ma evidentemente non a sufficenza...
poi se ti mettono un margin-top a 25 pixel a tradimento, non c'è foglio di stile che tenga, che io sappia...

finito il lavoro prenderò nota di tutti i file che ho modificato.

cmq dovevo mettere le due freccie (lasciate testuali) ai lati di un box stondato.

avevo bisogno di poter dare lo stile alla tabella.

Codice: [Seleziona]

<table align="center" class="navigation">
<tr><td class="pagenav_prev">

<a href="index.php?option=com_content&amp;task=view&amp;id=36&amp;Itemid=48">&laquo; Prec.</a>
</td>

<td class="pagenav_next">

<a href="/index.php?option=com_content&amp;task=view&amp;id=12&amp;Itemid=48">
Pros. &raquo;</a>

</td></tr>
</table>
visto che la tabella se ne sta nella classe "contentpaneopen" non sapevo come marcare il TD centrale senza classe.

questo lo stile applicato:

Codice: [Seleziona]

table.navigation {
padding: 0px;
margin:  0px;
   width: 594px;
height: 42px;
background-image: url(../images/pathway.gif);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
}

.pagenav_prev {
text-align: left;
padding-left: 12px;
font-size: 11px;
}

.pagenav_next {
text-align: right;
padding-right: 12px;
font-size: 11px;
}
il mainbody è abbastanza difficile da personalizzare.
per me l'ideale era un output tableless da contestualizzare tramite un DIV...
come, per esempio, c'è in wordpress. 




[allegato eliminato da un amministratore]