immagini sito web

In questo forum vanno poste le domande più semplici, ovvero le difficoltà che possono incontrare i principianti. Non è adatto per discussioni più "evolute".
Rispondi
kelbeth
Principiante
Principiante
Messaggi:4
Iscritto il:dom 23 gen 2011, 14:38
immagini sito web

Messaggio da kelbeth » dom 23 gen 2011, 14:43

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! :)
Ultima modifica di kelbeth il lun 24 gen 2011, 14:31, modificato 2 volte in totale.

Avatar utente
donGoGo
Amministratore
Amministratore
Messaggi:1258
Iscritto il:mer 11 lug 2007, 10:14
Contatta:

Re: immagini sito web

Messaggio da donGoGo » dom 23 gen 2011, 17:01

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}

Avatar utente
Lazza
Amministratore
Amministratore
Messaggi:5254
Iscritto il:dom 5 set 2004, 13:06
Località:Italia
Contatta:

Re: immagini sito web

Messaggio da Lazza » lun 24 gen 2011, 10:30

Già, in questo caso devi sostituire un'immagine... Non devi ritoccare lo sfondo perché è stato giustamente tenuto separato. :)

kelbeth
Principiante
Principiante
Messaggi:4
Iscritto il:dom 23 gen 2011, 14:38

Re: immagini sito web

Messaggio da kelbeth » lun 24 gen 2011, 14:32

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? :)

Avatar utente
donGoGo
Amministratore
Amministratore
Messaggi:1258
Iscritto il:mer 11 lug 2007, 10:14
Contatta:

Re: immagini sito web

Messaggio da donGoGo » lun 24 gen 2011, 14:40

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 :?

kelbeth
Principiante
Principiante
Messaggi:4
Iscritto il:dom 23 gen 2011, 14:38

Re: immagini sito web

Messaggio da kelbeth » lun 24 gen 2011, 14:55

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. :)

Avatar utente
donGoGo
Amministratore
Amministratore
Messaggi:1258
Iscritto il:mer 11 lug 2007, 10:14
Contatta:

Re: immagini sito web

Messaggio da donGoGo » lun 24 gen 2011, 15:48

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

kelbeth
Principiante
Principiante
Messaggi:4
Iscritto il:dom 23 gen 2011, 14:38

Re: immagini sito web

Messaggio da kelbeth » lun 24 gen 2011, 16:18

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!!

Rispondi