Pagina 1 di 1

immagini sito web

Inviato: dom 23 gen 2011, 14:43
da kelbeth
Salve,
frequento una scuola superiore per diventare perito informatico. Sono al primo anno e dopo circa 3 mesi in cui abbiamo imparato ad utilizzare xhtml, css e gimp abbiamo il compito di creare un nostro sito partendo da un template di nostro gradimento scaricato da internet.
Io ho deciso di creare un sito per la "promozione" di linux e come template ho scelto il seguente:
http://www.free-css.com/free-css-templa ... #bookmarks

Ora la mia domanda è la seguente: vede quella specie di robot in alto alla paggina? al posto di quello vorrei un inserire la mascotte di linux, un bel pinguino sorridente :P
Qualcuno potrebbe spiegarmi come farlo con gimp?

Grazie mille! :)

Re: immagini sito web

Inviato: dom 23 gen 2011, 17:01
da donGoGo
tipo una cosa del genere?
Immagine
kelbeth ha scritto:Qualcuno potrebbe spiegarmi come farlo con gimp?
beh a dir il vero Gimp in questo caso ti serve giusto per creare l'immagine da inserire. Nel caso in specie conviene farla in png.

Premesso che di css, htlm non sono un drago, io ho fatto come segue:
- ho scaricato il tux http://tux.crystalxp.net/en.id.21103-tatice-g2-tux.html e salvato come header-img.png nella cartella >/it-technologies/images

- poi ho modificato da jpg a png nei file html nella stringa:
<div class="extra"><img src="images/header-img.png" alt="" /></div>

- nel file style.css ho modificato -24 a -1 e 113 a 200 nella stringa:
#header .extra {position:absolute;right:-1px;top:200px}

Re: immagini sito web

Inviato: lun 24 gen 2011, 10:30
da Lazza
Già, in questo caso devi sostituire un'immagine... Non devi ritoccare lo sfondo perché è stato giustamente tenuto separato. :)

Re: immagini sito web

Inviato: lun 24 gen 2011, 14:32
da kelbeth
Ho-oh ha scritto:Già, in questo caso devi sostituire un'immagine... Non devi ritoccare lo sfondo perché è stato giustamente tenuto separato. :)
Grazie mille!
Ora avrei un'altro problema.. dovrei cambiare tutte le icone etc. da blu a viola (ubuntu 10.04 :P), che strumenti devo utilizzare? :)

Re: immagini sito web

Inviato: lun 24 gen 2011, 14:40
da donGoGo
kelbeth ha scritto:
Ho-oh ha scritto:Ora avrei un'altro problema.. dovrei cambiare tutte le icone etc. da blu a viola (ubuntu 10.04 :P), che strumenti devo utilizzare? :)
quali icone?? nella cartella "images" non ne vedo :?

Re: immagini sito web

Inviato: lun 24 gen 2011, 14:55
da kelbeth
donGoGo ha scritto:
kelbeth ha scritto:
Ho-oh ha scritto:Ora avrei un'altro problema.. dovrei cambiare tutte le icone etc. da blu a viola (ubuntu 10.04 :P), che strumenti devo utilizzare? :)
quali icone?? nella cartella "images" non ne vedo :?
intendo lo sfondo dietro il tux (che ho gia sostituito tagliato un'immagine viola), poi il bottone del search, e le varie "lingue" che compaiono cliccando sui vari home etc. :)

Re: immagini sito web

Inviato: lun 24 gen 2011, 15:48
da donGoGo
guarda che ho scaricato il template è puoi fare riferimenti più precisi tipo:

sfondo dietro il tux = header-bg.jpg
search = button.gif

allora per le .jpg puoi semplicemente colorare l'immagine da Colori→Colora
mentre per le gif prima cambi la modalità in RGB e colora come detto sopra, occhio per le scritte bianche :wink:

Immagine

Re: immagini sito web

Inviato: lun 24 gen 2011, 16:18
da kelbeth
donGoGo ha scritto:guarda che ho scaricato il template è puoi fare riferimenti più precisi tipo:

sfondo dietro il tux = header-bg.jpg
search = button.gif

allora per le .jpg puoi semplicemente colorare l'immagine da Colori→Colora
mentre per le gif prima cambi la modalità in RGB e colora come detto sopra, occhio per le scritte bianche :wink:

Immagine
ok ci sono riuscito ;)
potresti darmi i valori dei vari luminosità etc. che hai usato che sono molto belli ma non riesco a mettere le immagini di quel colore giusto? xD
Un altra cosa.. la scritta in mezzo ad header-img, vorrei tirarla via e metterne una del tipo "UBUNTU, LINUX FOR HUMANS" o robe del genere, come faccio a crearla con gimp??

Grazie mille di tutto!!