Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : freestyler901 28 Jun 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ù?
-
Vai in template.ccs
Dove trovi
body {aggiungi:
background-color:red;
Per quanto riguarda la fascia in alto che passa da bianca a grigia è regolata da:
#header {
background:url("../images/header_bg.png") no-repeat scroll 0 0 transparent;
La parte del top menù è regolata da
#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
-
ciao
per logo qui
#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.
-
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ù
-
allora segui
primo passo
cambia il css con questo
#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.
body {
background:none repeat scroll 0 0 #C5C5C5;
font-family:Verdana,Verdana,Geneva,sans-serif;
font-size:11px;
}
terzo passo
#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
-
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?
-
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]
-
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
-
ora cambia il body
con questo colore
#FD642B
-
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?
-
x il bordino rosso
#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 .
-
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?
-
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/
-
Il codice a me risulta modificato
#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.
-
il bordo non lo vedo xche vedo ancora il codice sensa modifica
questo e quel che vedo
template.css (riga 152)
#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.
-
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.
-
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
-
ecco il perche e scentrato guarda un po il css come fatto
template.css (riga 12)
.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
.leading {
-moz-border-radius:5px 5px 5px 5px;
border:1px solid #CCCCCC;
color:#000000;
margin:15px 0 10px;
padding:10px;
position:relative;
}
questo tag
-moz-border-radius:5px 5px 5px 5px;
in ie non e supportato x cui gli angoli tondi non si vedranno.
-
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
- 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.
-
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.
-
Mentre per farli vedere in forma
Miniatura_Immagine testo testo testo
Miniatura_Immagine testo testo testo
Miniatura_Immagine testo testo testo
testo testo testo testo testo testo te
sto testo testo testo testo testo.
Leggi tutto...