[RISOLTO] Cambiare prima sezione di Quasar

[virgus]

Ciao a tutti!

Ho esigenza di dover cambiare la prima sezione del template quasar quella sopra la "top tab content" per intenderci come potete vedere qui:

http://www.joomlashow.it/template-joomla/free/quasar-qualita-eccezionale-grazie-al-framework-gantry/

dove devo andare mettere mani per cambiare tutta quella parte con un'immagine a mia scelta?

Altra domanda: e per cambiare anche il logo?

[adottauncane]

Ciao virgus,
non hai allegato l'immagine, che comunque serve a poco, puoi piuttosto mettere un link al sito?

[virgus]

si perdonami!

potete vederlo da qui!

http://www.joomlashow.it/template-joomla/free/quasar-qualita-eccezionale-grazie-al-framework-gantry/

se sto infrangendo qualche regola del forum lo elimino subito l'url!

Fatemi sapere e grazie della risposta

[adottauncane]

Per cambiare il logo qui:
style6.css (riga 19)

Codice: [Seleziona]

#rt-logo {
.
.
background-image:url("../images/logo/style6/logo.png"); <--- sostituiscilo con il tuo
.
.
}
La parte sopra viene gestita praticamente tutta da backend... hai provato a cliccare sul nome del template e a verificare le impostazioni?

[virgus]

Grazie per il logo

Ho controllato, sulle impostazioni non c'è nulla che permetta di cambiare quella parte

Bisognerà sicuramente intervenire sul css?

Non so proprio

[adottauncane]

Sì probabilmente, ma senza un link al tuo sito non è molto facile aiutarti...

[virgus]

scusami 

ma tanto è lo stesso template non ho cambiato ancora nulla aimè 

ecco il mio sito (è per un browser game  )

http://virgus87.altervista.org/

fammi sapere e grazie per la pazienza.

[adottauncane]

Vuoi inserire un'immagine dove adesso hai il grigio scuro?

[virgus]

si esatto al posto  di tutto quel grigiume antracite che delimita la "testata" del sito per intenderci

[adottauncane]

Hai detto niente... 
L'immagine è sempre la stessa ma posizionata in 4 css:

Codice: [Seleziona]

#rt-top {
.

background-image:url("../images/backgrounds/style1/header-bg.png");

}style1.css (riga 14)

Codice: [Seleziona]

#rt-header {
.
.

background-image:url("../images/backgrounds/style1/header-bg.png");

}style1.css (riga 20)

Codice: [Seleziona]

#rt-header {
.
.

background-image:url("../images/backgrounds/style1/header-bg.png");

}style1.css (riga 20)

Codice: [Seleziona]

#rt-header {
.
.

background-image:url("../images/backgrounds/style1/header-bg.png");

}style1.css (riga 20)

in più devi poi cambiare anche l'angolino qui:

Codice: [Seleziona]

#rt-toptab .toptab2 {

background-image:url("../images/body/style1/toptab-l.png");

}style1.css (riga 47)

e qui:

Codice: [Seleziona]

#rt-toptab .toptab {

background-image:url("../images/body/style1/toptab-r.png");

}style1.css (riga 46)

se la sostituisci con un'immagine tipo quella, che si ripete, non è un grosso problema, ma se invece vuoi mettere un'immagine unica, devi dividerla in quattro pezzi sostituire un pezzo alla volta senza il repeat e correggere gli angoli dell'ultima...

Buon lavoro!   

[virgus]

  Porc! Pensavo fosse un unica immagine!

E va bene! Mi rimboccherò le maniche!

Ti devo un favore! 

Grazie ancora gentilissimo! 

[virgus]

ciao ancora

mi sto dilettando a smanettare per cambiare quella parte del template ma quando vado a modificare le immagini divise che mi hai suggerito accade che non si allineano e poichè è un immagine intera che ho spezzato diventa tutto a zig zag e non rende più nulla

come posso fare per allinearle e ridare integrità all'immagine?

[adottauncane]

Eeeee ci devi lavorare un po'... 

Codice: [Seleziona]

#rt-showcase {
background-color:#000000;
background-image:url("../images/backgrounds/style1/top3.jpg");
background-position:center top;
background-repeat:no-repeat;
color:#AAAAAA;
height:168px;
}style1.css (riga 35)

Codice: [Seleziona]

#rt-header {
background-color:#000000;
background-image:url("../images/backgrounds/style1/top2.jpg");
background-position:center top;
background-repeat:no-repeat;
}style1.css (riga 20)

Codice: [Seleziona]

#rt-feature {
background-color:#000000;
background-image:url("../images/backgrounds/style1/top4.jpg");
background-position:center top;
background-repeat:no-repeat;
}style1.css (riga 41)

Codice: [Seleziona]

#rt-top {
background-color:#000000;
background-image:url("../images/backgrounds/style1/top1.jpg");
background-position:center top;
background-repeat:no-repeat;
height:130px;
}style1.css (riga 14)

Codice: [Seleziona]

#rt-toptab {
background-color:#000000;
background-image:url("../images/backgrounds/style1/top5.jpg");
background-position:center top;
background-repeat:no-repeat;
}style1.css (riga 45)

[virgus]

Bene ci sono riuscito anche se l'ultima riga d'immagine mi viene un pò più addossata  sarà colpa del template, di chrome (visto che avviene solo se visito il sito con esso) o della mia ignoranza in materia

Ti devo ringraziare sei sempre disponibile!

Se posso abusare ancora della tua collaborazione, vorrei chiederti altre cose:

dove c'è la data e dove ci sono i menu (con i loro relativi titoli e opzioni) vorrei aggiungere un effetto particolare. Ovvero uno sfondo scuro semi trasparente.

Questo per far risaltare il testo che altrimenti sarebbe difficile da leggere avendo come sfondo un'immagine così variegata.

Ho trovato navigando un pò questo codice che permette di fare quanto appena detto solo che non so proprio come inserirlo sia sulla data che nei vari menu sparsi per la testata.

Per poterlo vedere ti rimando a questo sito:

http://www.mrwebmaster.it/css/articoli/scrivere-testo-con-sfondo-semi-trasparente-sopra-immagine_1240.html

se richiede troppo per te lascia perdere e mandami pure a quel paese 

[adottauncane]

Ma per la parte con il menù prova a sostituire questo:

Codice: [Seleziona]

.backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
}style1.css (riga 22)

e controlla se si vede su IE e se non cambia anche qualcos'altro.
Per i due menù sotto incolla questo e vedi se inserendo il suffisso css _mio nei due moduli funziona...

Codice: [Seleziona]

.module-surround_mio {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
  width:35%;
}

[virgus]

Inoltre per quanto riguarda i due menu sotto non trovo il file html per rinominare i moduli in "mio" 

[adottauncane]

Prova a cliccare sul moduli che hai pubblicati in quelle posizioni e in Parametri avanzati - Suffisso classe CSS modulo a scrive _mio. Il codice lo incolli in fondo al file template.css.

[virgus]

ci provo e ti faccio sapere se ci riesco

ho controllato in ie7 si vede solo nero non trasparente e l'ultima voce del menu top non viene orizzontale 

ps: ti dovrò offrire qualcosa solo per la pazienza un giorno 

[virgus]

ci provo e ti faccio sapere se ci riesco

ho controllato in ie7 si vede solo nero non trasparente e l'ultima voce del menu top non viene orizzontale 

ps: ti dovrò offrire qualcosa solo per la pazienza un giorno 

nada non lo applica se inserisco il suffisso dalla gestione moduli in amministrazione.

[adottauncane]

Allora prova così:

Codice: [Seleziona]

.backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {
background-attachment:scroll;
background-image:url("http://virgus87.altervista.org/templates/ja_purity/images/header-mask.png");
background-position:0 0;
background-repeat:repeat;
}
questa è presa a prestito da Ja-Purity ma puoi farne una simile più chiara.

Per l'altro:

Codice: [Seleziona]

.module-surround_mio {
background-image:url("http://virgus87.altervista.org/templates/ja_purity/images/header-mask.png");
width:35%;
}
Per l'ultima voce però non credo centri con queste modifiche...