Come si fa ad allargare il Logo personale sulla parte alta del forum?

Started by barbablu101, January 06, 2013, 08:17:30 AM

Previous topic - Next topic

barbablu101

Salve a tutti ho creato sul server dove è installato il mio forum una cartella con all'interno una piccola foto (400 X 200) in formato jpg con il logo che volevo visualizzare sulla parte alta del forum e ho fatto apparire questa foto sull'header del forum tramite l'immissione della "URL immagine logo"  cioè: hxxp:mioforum.it/logo/logo1.jpg [nonactive]. Ora però Codesto logo appare sull'angolo sinistro alto del forum ma io voglio poterlo "allargare" in modo da fargli prendere tutta la larghezza dell'header cioè allargare la foto (logo) in modo che mi copra orizzontalmente tutta la parte alta del sito da sinistra verso destra e non solo l'angolo sinistro. Ora non so se devo agire sul dimensionamento della foto stessa tramite un programma di editing foto tipo photoshop e poi ricaricarla sul server (non so se funziona) oppure se bisogna agire sul file dell'index template o sul foglio di stile (index css o rtl.css)  del forum stesso e modificare qualche stringa in modo che sia il codice stesso che modifichi lui le dimensioni del logo. Potete aiutarmi? Io non conosco e non ho tempo di studiarmi la sintassi del CSS (ci vogliono mesi..) o di questi linguaggi  ..Ho bisogno di sapere nel dettaglio come devo agire ..  :P

emanuele

Ciao e benvenuto.

Purtroppo non posso che risponderti con un lungo post, ma siccome ho un po' di fretta lo accorcio all'essenziale.
1) se "allarghi" l'immagine da 400 px su fino magari a 1600 e passa (a seconda della risoluzione del monitor di chi sta aprendo la pagina) la qualità risulterà a dir poco...schifida :P,
2) se allarghi di solito devi anche allungare (altrimenti perdendo le proporzioni l'immagine risulterà ancora più inguardabile), ma se allunghi un'immagine 400x200 in modo da farle occupare tutta la larghezza su di uno schermo anche solo 1280 diventa circa 1200x600, il che vuol dire che quasi tutto lo schermo in altezza risulterà occupato dall'immagine. Non so se è questo che vuoi, ma lo dico per avvisare.

Tieni presente poi che se vuoi che occupi tutto lo spazio orizzontale possibile, dovrai anche fare i conti con la casella della ricerca e con il pulsante per chiudere l'header (che finiranno sotto). Non so se questo ti interessa, ma io lo dico.

Detto questo, puoi farlo con i css, puoi aggiungere in fondo a index.css:
.forumtitle img, .forumtitle
{
width: 100%;
}

e questo dovrebbe fare quel che vuoi.

Quel che io di solito suggersco in questi casi è di usare un'immagine di dimensioni fisse (sui 400x200 o fino ai 550x200) centrata, in modo non si sgrani o si deformi quando la risoluzione dello schermo cambia.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

barbablu101

Ti ringrazio tantissimo della risposta purtroppo non sono stato attivo per mooolto tempo ma cmq ritengo la tua risposta valida e attuale, senti ma in che punto del foglio di stile si trova il campo da te descritto da modificare e com'è la sintassi esatta?  :)

emanuele



Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

barbablu101

Quote from: emanuele on October 08, 2013, 06:23:47 AM
E' scritto nella riga sopra al css...no?
Senti ... io non ne capisco niente di "css" non conosco la sintassi, non l'ho mai studiata, è la prima volta che ci metto le mano ecc....cmq ho aperto .index.css ma non so dove devo andare a mettere le mano.... e poi è lungo una quaresima ... non so quale stringa andare a modificare perché ce ne sono un infinità e poi una volta individuato il punto dove scrivere ..."che diavolo scrivo" ?? Le formule di nagaoka??  >:(

emanuele

Il sarcasmo è bello solo quando lo uso io.

Quindi, prima lezione di CSS: imparare a leggere l'italiano:
Quote from: emanuele on January 06, 2013, 09:12:27 AM
puoi aggiungere in fondo a index.css:
"in fondo a" significa "alla fine di", parlando di un file significa "alla fine del file", "dopo l'ultima riga", direi che non mi vengono in mente altri sinonimi.

Quote from: emanuele on January 06, 2013, 09:12:27 AM
.forumtitle img, .forumtitle
{
width: 100%;
}
Questo sopra è un blocco di codice, ha un link "seleziona" che seleziona l'intero blocco, usando poi la funzione copia del tuo browser, puoi prendere il testo ed incollarlo successivamente nel file sopra indicato, alla posizione suggerita.

Quote from: emanuele on January 06, 2013, 09:12:27 AM
e questo dovrebbe fare quel che vuoi.
Frase conclusiva che lascia un dubbio aperto "dovrebbe", condizionale. Significa che non ne sono sicuro perché nemmeno io conosco bene il css, non conosco il tema che stai usando, non ho idea se l'hai modificato in qualche modo, ecc.


Take a peek at what I'm doing! ;D




Hai bisogno di supporto in Italiano?

Aiutateci ad aiutarvi: spiegate bene il vostro problema: no, "non funziona" non è una spiegazione!!
1) Cosa fai,
2) cosa ti aspetti,
3) cosa ottieni.

Advertisement: