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
-
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.
-
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
-
...sì..lo avevo inserito nell'html; il link è www.studiotucci.altervista.org (http://www.studiotucci.altervista.org)
-
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
-
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?
-
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; ;)
-
....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.
-
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.
-
...macchè niente; lasciamo stare..dai...è troppo per me questa operazione.
-
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..
-
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
-
...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.
-
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!
-
Il codice andrebbe bene ma aggiungici uno z-index : 999; così il logo sta davanti a tutto
Ciao
-
...lo z-index ci voleva proprio ;) , non male come siamo riusciti a inserirlo....grazie ragazzi! :D ..alla prossima....buona serata
-
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