[RISOLTO]Inserire immagine in clean blue

[Mozartino]

Salve.
Vorrei inserire un'immagine in alto nella striscia blu del template clean_blue che ho scaricato da qui:http://www.joomla.it/template/elenco-template/4684-cleanblue.htmlCome posso fare?

Grazie anticipatamente

[adottauncane]

Ciao Mozartino,
serve un link al sito su cui lavori.

[Mozartino]

Ciao Mozartino,
serve un link al sito su cui lavori.

Ops...
Eccolo qui:
http://www.montemurloscuola.it/
è un sito scolastico.

Approfitto anche per chiedere se mi indicate come ho fatto a far sparire la striscia blu con la scritta SONDANGGI nella colonna a destra e se eventualmente posso ripristinarla...

A presto e grazie.

[adottauncane]

Puoi inserirla al posto di quella che c'è qui:

Codice: [Seleziona]

#h {    background: url("/images/stories/gif/immagini-prime-sito.gif") repeat scroll 0 0 transparent;    color: #D5E8F9;}
e poi aggiungere l'altezza dell'immagine, così:

Codice: [Seleziona]

#h {    background: url("/images/stories/gif/immagini-prime-sito.gif") repeat scroll 0 0 transparent;    color: #D5E8F9;    height: 100px;}
style.css riga 13
 Qui puoi togliere l'immagine blu che rimane e regolare l'altezza:

Codice: [Seleziona]

#m {    background: url("img/bg_blue.png") repeat scroll 0 0 transparent;    font-family: Radio,Arial,Helvetica,sans-serif;    font-size: 16px;    height: 52px;}
style.css riga 17

Qui cambiare colore alla scritta Area riservata:

Codice: [Seleziona]

#m a {    color: #8ABEEF;    text-decoration: none;}

[Mozartino]

Prima di tutto grazie.
Essendo un neofita vorrei sapere: queste modifiche le devo effettuare modificando il template css  o quello html?
In Editor CSS template leggo:
JFolder::files: Path is not a folder
Non scrivibile

Forse ho capito: devo scaricare il template, aprire il file style, apportare le modifiche sopracitate, salvare e poi installare... GIUSTO?

[adottauncane]

Il file style.css. Ti ho segnato anche la riga.
Normalmente io le faccio tramite ftp. Se non ti prende la modifica perché non sovrascrive il vecchio file, puoi rinominare quello in remoto e caricare il file corretto ex-novo. Se invece le fai da gestione template, clicca su Template e poi su Nome template dettagli e file.

[adottauncane]

  Ma il template non l'hai già installato? Se sì le modifiche o le fai via ftp (ovviamente lo scarichi prima, sempre via ftp) oppure le puoi fare dal backend come ti ho scritto...

[Mozartino]

Allora...
Questo è quello scaricato tramite ftp

@font-face {
    font-family: 'Radio';
    src: url('fonts/radio.eot');
    src: local('Radio Space'), url('fonts/radio.woff') format('woff'), url('fonts/radio.ttf') format('truetype'), url('fonts/radio.svg#webfontMuKgtEwl') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{background:url("img/bg.png") repeat scroll 0 0 transparent;font-family:Arial,Helvetica,sans-serif;font-size:75%;}
a{color:#4D5BA0;text-decoration:none;font-weight:700;}
a:hover{font-weight:700;text-decoration:underline;}
#page{width:970px;margin:0 auto;}
#c{background:url("img/bg_ff.png") repeat scroll 0 0 transparent;}
#h{background:url("img/bg_blue.png") repeat scroll 0 0 transparent;color:#D5E8F9;}
#h h1{font-size:30px;margin:0;padding:0 0 0 20px; font-family: Radio,Arial,Helvetica,sans-serif;}
#h a{color:#D5E8F9;}
#h a:hover{text-decoration:none;color:#D5E8F9;}
#m{background:url("img/bg_blue.png") repeat scroll 0 0 transparent;height:52px;font-size:16px;font-family: Radio,Arial,Helvetica,sans-serif;}
#m ul{list-style:none outside none;width:970px;font-weight:700;margin:0 auto;padding:10px 0 0;}
#m li{display:inline;margin:0 0 0 30px;}
#m a{color:#8ABEEF;text-decoration:none;}
#m a:hover{color:#C1DDF7;}
#breadcrumb{width:954px;height:30px;padding:7px;}
#breadcrumb form{float:right;}
#mli,#mld{width:212px;float:left;margin-top:-20px;padding:0 4px;}
#mli h3,#mld h3{background:url("img/bg_blue.png") repeat scroll 0 0 transparent;color:#8ABEEF;text-align:center;font-size:16px;margin:0;padding:0;font-family:Radio,Arial,Helvetica,sans-serif;}
#mli .moduletable,#mli .moduletable_menu,#mli .moduletable_text,#mld .moduletable,#mld .moduletable_menu,#mld .moduletable_text{border:1px #fff solid;margin-top:20px;background:url("img/bg_ff.png") repeat scroll 0 0 transparent;}
#joomlalst{margin-top:80px;text-align:right;color:#91C2F0;}
#t2{width:508px;float:left;background:url("img/bg_ff.png") repeat scroll 0 0 transparent;border:1px #fff solid;padding:0 10px;margin-bottom: 4px;}
#t2 img, #t1 img, #t0 img{border:none;}
#t0{width:940px;float:left;background:url("img/bg_ff.png") repeat scroll 0 0 transparent;border:1px #fff solid;padding:0 10px;margin:0 4px 4px 4px}
#t1{width:720px;float:left;background:url("img/bg_ff.png") repeat scroll 0 0 transparent;border:1px #fff solid;padding:0 10px;margin: 0 4px 4px 4px}
h2,.contentheading{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1.4em;font-weight:700;text-align:left;vertical-align:bottom;width:100%;padding:0;}
.small{color:#999;font-size:0.9em;font-weight:400;text-align:left;}
.createdate{color:#999;font-size:0.9em;font-weight:400;height:20px;padding-bottom:5px;padding-top:0;vertical-align:top;}
#hh{float:left;width:570px;}
#social{float:right;padding:15px 5px 0 0;}
#fs{width:100%;background:url("img/bg_blue.png") repeat scroll 0 0 transparent;text-align:justify;color:#8ABEEF;}
.fs1{width:954px;float:left;padding:10px;}
.fs2{width:465px;float:left;padding:10px;}
.fs3{width:303px;float:left;padding:10px;}
#fi{width:100%;background:url("img/bg_blue.png") repeat scroll 0 0 transparent;color:#8ABEEF;text-align:center;}
.clear{clear:both;}
#joomlalst a,#joomlalst a:hover{color:#91C2F0;text-decoration:none;}
#fs a,#fi a{color:#C1DDF7;text-decoration:none;}
#fs a:hover,#fi a:hover{color:#FFF;}
#bc1{float:left;width:790px;}
#bc2{float:right;width:150px;}

Dove devo aggiungere la stringa?

#h {    background: url("/images/stories/gif/immagini-prime-sito.gif") repeat scroll 0 0 transparent;    color: #D5E8F9;}

[adottauncane]

Non devi aggiungerla, c'è già: Devi solo inserire il percorso della tua immagine come ti ho scritto e regolare l'altezza... guarda bene.

[adottauncane]

E segui bene i passaggi che ho scritto 

[Mozartino]

Prima di tutto grazie.
Stasera proverò a effettuare le modifiche al template tramite ftp...

io vorrei inserire l'immagine header grass che è su questo sito...
http://moodle.montemurloscuola.eu/

A presto e buona giornata.

[adottauncane]

Però questo link non è quello che hai inderito in precedenza... Le modifiche al codice che ho scritto sono relative al primo sito che hai inserito.

[Mozartino]

Ancora grazie; io intanto stasera inizio a verificare se riesco a sistemare l'immagine di cui sopra...
Poi si vedrà per l'altra.

Grazie ancora per la pazienza.

[Mozartino]

Ci sono riuscito ma ho verificato che quella immagine veniva proposta doppia e affiancata.
Ho rimesso il file originale.
Domani riproverò.

Grazie ancora.

[adottauncane]

Be sì, ho preso un'immagine a caso. Devi mettere quella che vuoi che si veda in quel punto e della misura giusta ovviamente.

[Mozartino]

Qual è la misura giusta per quella posizione?

Grazie e buona giornata.

[adottauncane]

Larghezza 970px altezza come vuoi, l'importante e che poi la riporti dove ti ho segnalato.

[Mozartino]

Ottimo!
Ho ridimensionato opportunamente con paint quell'immagine ma se la salvo in formato .gif la qualità è inferiore all'originale.

Posso salvarla in formato jpg modificando anche la stringa?

#h {    background: url("/images/stories/gif/immagini-prime-sito.jpg") repeat scroll 0 0 transparent;    color: #D5E8F9;}

[adottauncane]

Sì, certo.

[Mozartino]

Sono riuscito a farlo grazie a te.
Vorrei sistemare la barra blu ma non stasera...
GRAZIE!

[Mozartino]

Spero di non chiedere troppo: la scritta in alto a sinistra, "Montemurloscuola.it" non è tanto visibile.
Ho per caso la possibilità di renderla maggiormente visibile?

Grazie

[adottauncane]

Cambia colore qui:

Codice: [Seleziona]

#h a:hover {    color: #D5E8F9;    text-decoration: none;}
style.css riga 17

Codice: [Seleziona]

#h a {    color: #D5E8F9;}

style.css riga 16

uno è per l'hover l'altro per la scritta come la vedi.

[Mozartino]

OTTIMO!
GRAZIEEEEEEEEEE!

Mi spiegheresti anche il perchè del mancato titolo in blu della sezione SONDAGGIO nella colonna destra?
Ho sicuramente cancellato qualcosa...

Grazie ancora!

[adottauncane]

non avrai impostato la visualizzazione del titolo. Ora però chiudi questo post con [RISOLTO] e se hai altre domande apri un nuovo post. Grazie mille.