Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : revisor 22 Jun 2011, 16:04:20

: [RISOLTO]logo italia
: revisor 22 Jun 2011, 16:04:20
Salve, come fare per posizionare l'immagine del logo sul template esistente..in un angolo a dx o sx? ho provato scrivendo #logoitalia {  background:url(../images/logoitalia.jpg) no-repeat; },ma non appare niente.         
: Re:logo italia
: Gokuale - Takumi 22 Jun 2011, 20:12:31
ciao

ma nell'index.php del template l'ID #logoitalia lo hai inserito vero?

dacci un link per vedere se possibile

ciao ;D ;D ;D
: Re:logo italia
: revisor 23 Jun 2011, 09:42:04
...sì..lo avevo inserito nell'html; il link è www.studiotucci.altervista.org (http://www.studiotucci.altervista.org)
: Re:logo italia
: giovi 23 Jun 2011, 09:57:36
non ho visto il sito, ma se l'id logoitalia lo hai applicato ad un div devi specificare anche larghezza e altezza dello stesso: i div vuoti collassano automaticamente
: Re:logo italia
: revisor 23 Jun 2011, 10:19:18
no..non avevo specificato questi valori; il problema è che non so in quale posizione dell'index lo devo mettere; dovrei individuare prima la posizione del template in cui metterlo e poi andare nell'index?
: Re:logo italia
: giovi 23 Jun 2011, 13:03:33
no..non avevo specificato questi valori; il problema è che non so in quale posizione dell'index lo devo mettere; dovrei individuare prima la posizione del template in cui metterlo e poi andare nell'index?
puoi specificare questi parametri direttamente nel css, e nell'index inserire solo il codice <div id="....."></div>. quindi nel css file inserisci tutte le proprietà da attribuirgli (sfondo, larghezza, livello, ecc...)

ho visto che hai attribuito questo id al contenitore del menu. può essere che non visualizzi l'immagine proprio perchè il menu la copre?!

edit: ho letto solo ora che intendi inserire il logo in angolo della pagina (o del template?). per far ciò inserisci il codice <div id=" ecc.. subito dopo il tag <body>, poi nel css gli dai z-index:999 e position:absolute; top:0px; left:0px; ;)
: Re:logo italia
: revisor 23 Jun 2011, 15:17:52
....del template(almeno...non so la differenza con pagina); fatto sta che ora l'immagine sta sotto tutto il template, invece vorrei inserirla in alto ..sotto la data, non so se ho reso l'idea.
: Re:logo italia
: giovi 23 Jun 2011, 15:40:46
non ci siamo proprio... l'id lo devi dare ad un nuovo DIV che mostrerà l'immagine, non a quelli già esistenti! :)

la pagina inizierà cioè così:
<body>
<div id="logoitalia"></div>
e poi il resto del sito....... così come è! mi raccomando! ;)

se per template intendi la finestr del browser insomma, allora la soluzione postata è quella adatta. se per template intendi i bordi del wrapper, del testo visibile, della struttura del sito, allora è più complesso.
: Re:logo italia
: revisor 23 Jun 2011, 15:54:35
...macchè niente; lasciamo stare..dai...è troppo per me questa operazione.
: Re:logo italia
: giovi 23 Jun 2011, 16:14:33
non abbatterti, siamo qui per aiutarti! :)

dacci solo più indicazioni possibili per permetterci di aiutarti al meglio.. ;) abbiamo iniziato tutti così! va bè, tranne Ted Nelson e Vannevar Bush ovviamente!

Devi solo fare uno sforzo in più cominciando a capire almeno le basi dell'html..
: Re:logo italia
: Gokuale - Takumi 23 Jun 2011, 16:21:58
ciao

non demoralizzarti che ci fai rattristare  :'( :'( :'( :'( :'(

fai cosi' comincia a fare uno screenshot del sito e colora un rettangolo nella posizione dove vuoi mettere il logo

piu' facile di cosi' - poi ti diamo indicazioni dettagliate per farti capire cosa sbagliavi

ciao e non abbatterti perche' se ci sbatti la testa prima o poi il muro si rompera' e troverai la soluzione  ;D ;D ;D ;D ;D ;D


ciao
: Re:logo italia
: revisor 23 Jun 2011, 16:53:07
...il sito lo avete visto....più o meno sotto l'orologio sarebbe una posizione accettabile. Altre indicazioni..non saprei; non rattristatevi per me...alla fine è solo un logo.. ;) :) . Avevo tentato, nell'html, a modificare ol-flashheader... nella riga object avevo inserito al posto di /images/header01.... /images/logoitalia, modificando anche l'altezza e larghezza, però non riuscivo a gestirlo nel tophead. Ora lo inserisco..così potete vedere.
: Re:logo italia
: giovi 23 Jun 2011, 17:01:13
la cosa più semplice è fare così (non corretto per la leggibilità del codice ma molto rapido da applicare): appena sotto (o affianco, se ti riesce meglio) <div id="tophead"> inserisci
:
<div style="background: url(templates/ol_similu/images/logoitalia.jpg"); position:absolute; top:30px; right:0px; height:286px; width:243px;"></div>
:)


sto supponendo che l'immagine da inserire sia di 243x286pixels!
: Re:logo italia
: Gokuale - Takumi 23 Jun 2011, 17:42:02
Il codice andrebbe bene ma aggiungici uno z-index : 999; così il logo sta davanti a tutto

Ciao
: Re:logo italia
: revisor 23 Jun 2011, 18:33:38
...lo z-index ci voleva proprio  ;) , non male come siamo riusciti a inserirlo....grazie ragazzi! :D ..alla prossima....buona serata
: Re:[RISOLTO]logo italia
: Gokuale - Takumi 24 Jun 2011, 08:00:16
ciao revisor

bene sono contento che hai raggiunto il tuo scopo ma attento che hai invertito le dimensioni dell'immagine  ;)
si intravede il repeast dell'immagin in basso al logo

hai messo

height : 73px;
width: 68px;

mentre la tua immagine e'

height : 68px;
width: 73px;

se invece la volevi proprio cosi', cioe' piu stretta e piu alta, almeno aggiungi

background-repeat: no-repeat;

cosi' da non duplicartela


ciao ;D ;D ;D ;D ;D ;D ;D ;D ;D