[risolto] personalizzare ja purity

[ira83]

Ciao a tutti

stavo iniziando a personalizzare il template ja-purity

sto lavorando sia in locale sia online a questo indirizzo

volevo modifcicare la colonna right, left e quella centrale in modo che le lunghezze siano:

left: fisso di 250 px
centro: variabile
right: fisso 310 px


come potrei fare? stavo seguendo pure questo tutorial http://docs.joomla.org/Tutorial:Customising_the_JA_Purity_template#Right

ringrazio in anticipo

[ira83]

up 

[ilvanni]

L'up oggi 31 è un pò azzardato...   

A proposito, non è per il tuo caso specifico ma comunque se stai usando quel template potrebbe servirti in futuro, ripeto, non per questa in particolare ma è sempre uno spunto in più:
http://wiki.joomla.it/index.php?title=Personalizzare_Ja_purity

[ira83]

sisi lo stavo gia seguendo un po ti ringrazio...
ho fatto qualche altra modifichina.. ma... volevo chiedervi:

- come faccio a centrare il menu sotto l'header?
- il "rettangolo" del cerca volevo colorarlo o cmq metterci un'immagine.. è possibile?

ringrazio in anticipo.
il template sul quale sto lavorando è questo

[ira83]

il template sul quale sto lavorando è questo

ho messo una larghezza fissa di 1000px

ma restano in sospeso


- come faccio a centrare il menu sotto l'header?
- il "rettangolo" del cerca volevo colorarlo o cmq metterci un'immagine.. è possibile?


mettendo 1000px di larghezza effettivamente il menu sembra centrato, anche se non lo è...

[adottauncane]

Ciao ira83,
aumenta il padding left qui, sino a che otticamente si centri:

Codice: [Seleziona]

#ja-mainnav > ul {
    background-color: #1374A5;
    padding-left: 20px; <-------
}style.css (riga 69)

per il box cerca qui:

Codice: [Seleziona]

.inputbox {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #FFFFFF; <--- cambi colore
    background-image: none; <---- aggiungi un'immagine
.
.
.
}template.css (riga 184)

[ira83]

grazie mille per la risposta...

cosi però mi colora l'interno della inputbox, invece io volevo colorare il box del modulo proprio...

[adottauncane]

Allora devi assegnare nel Suffisso modulo un _gino (o quello che vuoi) e poi scrivere la regola qui dentro:

Codice: [Seleziona]

div.module_gino {

}
Qui trovi un bell'articolo di tonicopi:
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html

[ira83]

grazie mille!!!! ora leggo l'articolo

sembra che sia questa la soluzione o almeno la strada che devo seguire (solo che ora non vedo più il box attorno, inoltre vedo la freccetta per aprire e chiudere il modulo che è spaginata...)


ti ringrazio ancora

[ira83]

ho provato a smanettarci tutto oggi.. ma ho notato che faccio solo danni.. quindi meglio che attendo qualche consiglio

[adottauncane]

In effetti hai già diverse personalizzazioni per il moduli di destra. Ad esempio se nel Suffisso css metti _blue ti verrà blu come il resto del template. Le altre personalizzazioni possibili sono: _black _green _red
provale, magari una ti va bene...
Le cose per quel modulo sono un tantino più complicate che in generale (per cui le regole dell'articolo sono perfette) perché ha quell'effetto di chiusura.

[ira83]

Ti ringrazio davvero immensamente, ho praticamente finito il template... le ultime modificha che vorrei apportare è:

- riduzione dell'altezza del menu sotto l'header...


ti ringrazio ancora per la grandissima mano che mi stai dando

[adottauncane]

Comincia con il modificare questi valori:

Codice: [Seleziona]

#ja-mainnavwrap {

    height: 30px !important; <--- inserisci
}

Codice: [Seleziona]

style.css (riga 55)

#ja-mainnav li a {

    height: 10px !important; <------inserisci

}style.css (riga 106)

Codice: [Seleziona]

#ja-mainnav a {

    line-height: 12px; <------ modifica

}
ja-sosdmenu.css (riga 18)
 e controlla che anche su IE vadano bene. Poi potrebbero esserci altri valori da modificare (o da inserire). Prova a utilizzare Firebug per Firefox per analizzare il css.

[ira83]

Ieri spinto dall'entusiasmo ho applicato il template al sito vero e proprio: questo

mi piace ma ci sono piccoli particolari che vorrei sistemare:

1. i "sottomenu" del menu sotto l'header si aprono solo se sono in quella sezione (esempio "guide" in homepage non si apre, ma se sono in "guide" si apre...)

2- seguendo http://docs.joomla.org/Tutorial:Customising_the_JA_Purity_template#Customise_Horizontal_Navigation_Menus per centrare il menu sotto l'header.
Solo che non centra il menu stesso, bensì la fascia blu su cui risiede...

3- a left, volevo sostituire l'elenco puntato con una immagine, è possibile?

[adottauncane]

1. i "sottomenu" del menu sotto l'header si aprono solo se sono in quella sezione (esempio "guide" in homepage non si apre, ma se sono in "guide" si apre...)

Entra nel modulo del menù e in Parametri alla voce Mostra sempre le voci dei sotto-menu metti Sì.

Però sarebbe buona norma aprire un topic con un titolo appropriato per ogni problema...
Primo perché più utile a tutti e secondo perché va a finire che questo iniziato con un altro titolo lo leggo solo io 
Perciò, se hai risolto il problema per cui hai aperto questo topic chiudilo con [RISOLTO] e aprine un altro che abbia come titolo (ad esempio) Centrare il menù a tendina di Ja Purity e un altro Personalizzare menù left di Ja Purity.
Meglio per te e più utile per tutti...
Grazie mille.

[ira83]

ti ringrazio per tutto l'aiuto...

ira