Autore Topic: Modifica sfondo template Aliande (Letto 7029 volte)

freestyler901 · « **il:** 28 Giu 2010, 13:01:35 »

Salve a tutti. Sto cercando di modificare il template Aliande per adattarlo alle mie esigenze.
Vi sembrerà stupida come cosa ma non riesco a modificare il colore di sfondo.
Non riesco a trovare il valore da modificare.
Nel CSS non trovo l'attributo ma credo non ci sia proprio e non riesco a capire se c'è un'immagine che si ripete ma non credo.

Come posso fare?

Il sito è questo www.bclfinanzia.it

Inoltre come noterete il logo viene coperto dal top menù.
C'è la possibilità di evitare che venga coperto senza dover eliminare l'immagine del top menù?

spaceodissey · « **Risposta #1 il:** 28 Giu 2010, 13:38:01 »

Vai in template.ccs
Dove trovi

Codice: [Seleziona]

body {aggiungi:

Codice: [Seleziona]

background-color:red;
Per quanto riguarda la fascia in alto che passa da bianca a grigia è regolata da:

Codice: [Seleziona]

#header  {
background:url("../images/header_bg.png") no-repeat scroll 0 0 transparent;

La parte del top menù è regolata da

Codice: [Seleziona]

#topmenu  {
background:url("../images/header_bg_top.png") no-repeat scroll 0 0 transparent;

Togliendo queste immagini dovresti poter cambiare il background a tutta la pagina

conti1 · « **Risposta #2 il:** 28 Giu 2010, 13:46:27 »

ciao
per logo qui

Codice: [Seleziona]

#logo {
background:url("../images/header_standard_copia.png") no-repeat scroll 0 0 transparent;
height:285px;
left:0;
position:absolute;
top:0;
width:609px;
z-index:999;<<<metti questo valore
}

il logo in questa maniera e sull'immagine superiore x essere visualizzata alza lo z-index , ma e probabile che se ci metti un menu in quella posizione non sia cliccabile xche il logo e sopra , devi provare come si comporta.

x lo sfondo :
quale intendi xche ne hai 3
uno in alto
uno dove hai il logo
e il terzo e quello tutto bianco " body"
se dici quello bianco dovrai crearti un contenitore al disotto dei primi 2 altrimenti lo copri anche quelli.

freestyler901 · « **Risposta #3 il:** 28 Giu 2010, 14:58:40 »

Il body della pagina vorrei renderlo grigio con codice #282828

Per quanto riguarda l'immagine non ho ben capito come fare.
Sopra non andrò a mettere nessun menù perciò non mi crea problemi.
Vorrei solo che il logo dell'azienda non venga tagliato dallo sfondo del top_menù

conti1 · « **Risposta #4 il:** 28 Giu 2010, 15:33:03 »

allora segui
primo passo
cambia il css con questo

Codice: [Seleziona]

#header {
background:url("../images/header_bg.png") no-repeat scroll 0 1px #FFFFFF;
height:200px;
left:0;
position:absolute;
top:75px;
width:100%;
z-index:4;
}

secondo passo
io ho messo questo colore xche quello postato da te x me stona poi vedi tu.

Codice: [Seleziona]

body {
background:none repeat scroll 0 0 #C5C5C5;
font-family:Verdana,Verdana,Geneva,sans-serif;
font-size:11px;
}

terzo passo

Codice: [Seleziona]

#topmenu {
background:url("../images/header_bg_top.png") no-repeat scroll 0 0 #FFFFFF;
height:75px;
left:0;
position:absolute;
text-align:right;
top:0;
width:100%;
}

prova e fammi sapere

freestyler901 · « **Risposta #5 il:** 28 Giu 2010, 16:51:41 »

Perfetto, si è risolto tutto.
Solo vorrei chiederti un consiglio.
Il cliente mi ha chiesto di rendere tutto sul rosso come puoi vedere dal logo nel sito.
Solo che provando a cambiare le tonalità di colore con photoshop riesco a raggiungere un rosso molto tenue ma non vivo come nel logo.
Come posso fare?

conti1 · « **Risposta #6 il:** 28 Giu 2010, 17:09:49 »

devi toglere qul gricio che hai ora e mettere il rosso

se non ti serve sfumata togli l'immagine e sotto e già rossa

[allegato vecchio più di un anno eliminato automaticamente]

freestyler901 · « **Risposta #7 il:** 28 Giu 2010, 17:11:29 »

Però anche il menù e tutto il resto viene sfasato.
Come hai fatto a farlo così bene?

edit
l'ho inserito e ho modificato lo sfondo con lo stesso colore, però praticamente sparisce.
Come potrei fare in modo che venga carino?
Non ho la più pallida idea di che colore usare.
Ciò che mi è stato chiesto è qualcosa con tanti colori tipo

http://www.prestifamily.it/
http://www.ucfin.it/content/index.html

conti1 · « **Risposta #8 il:** 28 Giu 2010, 17:14:13 »

ora cambia il body
con questo colore
#FD642B

freestyler901 · « **Risposta #9 il:** 28 Giu 2010, 17:18:33 »

Ti piace così?

Come potrei fare per aggiungere una piccola banda rossa di qualche pixel proprio in alto alla pagina?
Praticamente dovrebbe essere così

Linea rossa
Top Menù Bianco
Header rosso
Body bianco

edit

Nel campo a sx del logo centrale sapresti dirmi come fare ad inserire un div dove all'interno inserire delle immagini in slide?
C'è un add-on che mi consente di inserire campi immagini con le stesse immagini che cambiano ogni tot di secondi?
Inoltre si possono arrotondare gli angoli come nel logo?

conti1 · « **Risposta #10 il:** 28 Giu 2010, 19:24:15 »

x il bordino rosso

Codice: [Seleziona]

#topmenu {
background:url("") no-repeat scroll 0 0 #FFFFFF;
border-top:2px solid #FD642B;<<<<< aggiungi questo
height:75px;
left:0;
position:absolute;
text-align:right;
top:0;
width:100%;
}

x il div a sx
hai gia una posizione xhe si chiama #newsflash piu che posizione e un id.

x le immagini qui di sicuro trovi quel che ti serve
http://extensions.joomla.org/search?q=slideshow

gli angoli tondi si fanno con programmi di foto ritocco x aggiungerli ho fai limmagine intera ho come fan tutti agolo dx angolo sx e parte centrale con i sui bei div .

freestyler901 · « **Risposta #11 il:** 28 Giu 2010, 20:37:57 »

Ho inserito il codice che mi hai detto ma non si vede nulla.

Per la slide di foto ho capito quella del fotoritocco con ovviamente sfondo trasparente.
Ma per la seconda non ho ben capito cosa intendi.
Degli add-on quale mi consigli? E come faccio poi ad inserirlo in quel div?

conti1 · « **Risposta #12 il:** 28 Giu 2010, 20:47:48 »

sicuro di aver modificato il codice css il #topmenu lo vedo sensa modifica.

la seonda parte che non hai capito e molto semplice se tu un'immagine con angoli tondi diciamo fissa non si adegua al contenuto che ci metti , se invece l'immagine la fai in 6 parti parte superiore angolo sx angolo dx e parte centrale e idem x la parte bassa in questo modo si adegua al contenuto sia in larghezza che in altezza il tutto va fatto con i div.
gurda questo sito vedi i contenitori sulle colonne left e right sono fatti con almeno 8 img
http://www.webconti.altervista.org/

freestyler901 · « **Risposta #13 il:** 28 Giu 2010, 20:57:43 »

Il codice a me risulta modificato

Codice: [Seleziona]

#topmenu {
background:url() no-repeat scroll 0 0 #FFFFFF;
border-top:3px solid #FF4500
height:75px;
left:0;
position:absolute;
text-align:right;
top:0;
width:100%;
}

Per lo slide credo sia più semplice la modifica con i programmi di fotoritocco.
Oppure che io sappia si possono anche creare delle immagini che hanno spaziature arrotondate che con z-index vanno a coprire i bordi.
Ma comunque credo che adotterò la prima che per me è molto più semplice.

Degli add-on quale mi consigli? E come faccio poi ad inserirlo in quel div?

PS Tu credi venga bene messa li? Il cliente mi ha chiesto di inserire immagini di famiglie felici ecc..insomma cose che fanno riferimento ai prodotti che l'azienda vende. Solo che sinceramente posizionarle li non mi sembra il massimo e sto iniziando a crucciarmi seriamente sul come e dove posizionarle.

conti1 · « **Risposta #14 il:** 28 Giu 2010, 21:40:51 »

il bordo non lo vedo xche vedo ancora il codice sensa modifica
questo e quel che vedo
template.css (riga 152)

Codice: [Seleziona]

#topmenu  {
background:url("") no-repeat scroll 0 0 #FFFFFF;
left:0;
position:absolute;
text-align:right;
top:0;
width:100%;
}

azz le scritte nel logo fan venire il mal di testa se le guardi se lo guarda un miope non legge nulla.

freestyler901 · « **Risposta #15 il:** 28 Giu 2010, 22:49:42 »

Ma è strano perchè dalla modifica CSS del pannello io vedo tutto modificato.

Comunque come dovrei farle le scritte?

E degli add-on quale mi consigli? E come faccio poi ad inserirlo in quel div?
Tu credi venga bene messa li? Il cliente mi ha chiesto di inserire immagini di famiglie felici ecc..insomma cose che fanno riferimento ai prodotti che l'azienda vende. Solo che sinceramente posizionarle li non mi sembra il massimo e sto iniziando a crucciarmi seriamente sul come e dove posizionarle.

freestyler901 · « **Risposta #16 il:** 29 Giu 2010, 09:57:12 »

Ahaha ti giuro mi vien da ridere. A volte uno si cruccia su delle cose veramente strane e non riesce a capacitarsi di dove sia il problema.
Ma spesso è volentieri può essere un punto e virgola XD.
Risolto.
Ora il bordo si vede e mi piace molto come sta.

Riposto le domande fatte prima

Come dovrei farle le scritte?

E degli add-on quale mi consigli? E come faccio poi ad inserirlo in quel div?
Tu credi venga bene messa li? Il cliente mi ha chiesto di inserire immagini di famiglie felici ecc..insomma cose che fanno riferimento ai prodotti che l'azienda vende. Solo che sinceramente posizionarle li non mi sembra il massimo e sto iniziando a crucciarmi seriamente sul come e dove posizionarle.

edit
Ho scritto l'articolo che va in home page ma non capisco perchè non è perfettamente centrato nel container e soprattutto perchè ha sfondo rosso =S

conti1 · « **Risposta #17 il:** 29 Giu 2010, 14:04:34 »

ecco il perche e scentrato guarda un po il css come fatto
template.css (riga 12)

Codice: [Seleziona]

.leading  {
-moz-border-radius:5px 5px 5px 5px;
background:url("") no-repeat scroll left bottom #FF4500;
border:1px solid #CCCCCC;
color:#000000;
margin:15px 0 10px;
padding:20px 20px 40px 120px;
position:relative;
}

io lo farei

Codice: [Seleziona]

.leading {
-moz-border-radius:5px 5px 5px 5px;
border:1px solid #CCCCCC;
color:#000000;
margin:15px 0 10px;
padding:10px;
position:relative;
}

questo tag

Citazione

-moz-border-radius:5px 5px 5px 5px;

in ie non e supportato x cui gli angoli tondi non si vedranno.

freestyler901 · « **Risposta #18 il:** 29 Giu 2010, 16:38:43 »

Perfetto adesso è tutto ok.
Ho notato che in IE non si notano ma comunque non è malissimo poi.

Comunque non vorrei disturbarti e darti altri impicci.
Perciò se puoi aiutarmi con le domande precedenti

Citazione

- Come dovrei farle le scritte?
- Degli add-on quale mi consigli? E come faccio poi ad inserirlo in quel div?
- Tu credi venga bene messa li? Il cliente mi ha chiesto di inserire immagini di famiglie felici ecc..insomma
cose che fanno riferimento ai prodotti che l'azienda vende. Solo che sinceramente posizionarle li non mi
sembra il massimo e sto iniziando a crucciarmi seriamente sul come e dove posizionarle.
- Come faccio a modificare i nomi di "Ultime Notizie" e "I più letti" o in caso toglierli totalmente?
E possibile poi magari far visionare una miniatura accanto all'inizio del testo con poi il link Leggi tutto?

te ne sarei molto grato, altrimenti non importa.
Sei stato gentilissimo e ti ringrazio di cuore per il tuo aiuto e la tua gentilezza.

spaceodissey · « **Risposta #19 il:** 29 Giu 2010, 16:45:28 »

Per ultime notizie/I più letti vai in componenti/gestione moduli, trovi entrambi.

Se vuoi cambiare il nome clicchi sopra il nome del modulo e cambi il titolo, se vuoi disattivarli c'è il pulsante apposito sia nell'elenco dei moduli che all'interno del singolo modulo.