Back to top

Autore Topic: allineamento immagine in user3 [RISOLTO]  (Letto 2094 volte)

Offline fabigno

  • Esploratore
  • **
  • Post: 123
    • Mostra profilo
allineamento immagine in user3 [RISOLTO]
« il: 04 Feb 2012, 20:28:27 »
un saluto a tutti
è possibile posizionare una immagine (random imagin) allineata a destra e il main menu allineato a sinistra nella stessa posizione user3?
mi si allineano tutte a sinistra e non riesco a capire dove intervenire
grazie
fabigno
« Ultima modifica: 08 Feb 2012, 00:32:32 da fabigno »

Offline fabigno

  • Esploratore
  • **
  • Post: 123
    • Mostra profilo
Re:allineamento immagine in user3
« Risposta #1 il: 05 Feb 2012, 18:29:49 »
seguendo un consiglio trovato nel forum, tratto dall'interessantissima video guida
http://downloads.joomlacode.org/docmanfileversion/2/9/7/29760/accessibile6.swf
(purtroppo riferita alla versione 1.5)
ho provato a cambiare e ad inserire la riga relativa all'immagine nel file typography.css in accessible/css
Codice: [Seleziona]
/* Top */
#top {
    background: trasparent url(../images/logo/logo0.jpg) no-repeat scroll left center;
    border-bottom:1px solid #CCCCCC;
    height:42px;
...
ma non compare nessuna immagine sopra al menu top
dove sbaglio?
grazie

Offline fabigno

  • Esploratore
  • **
  • Post: 123
    • Mostra profilo
Re:allineamento immagine in user3
« Risposta #2 il: 06 Feb 2012, 19:01:11 »
ho anche provato a creare in typography un box per inserirci l'immagine del logo
Codice: [Seleziona]
#logotop {
background-image: url(../images/logo/logo0.jpg);
background-repeat: no-repeat;
background-position: right;
height: 150px;
}
posizionando in index.php
Codice: [Seleziona]
<div id="logotop"></div>ma ottengo solo un box vuoto di 150px
che fine fa il logo?

mi potete dare un aiuto?
grazie

Offline fabigno

  • Esploratore
  • **
  • Post: 123
    • Mostra profilo
Re:allineamento immagine in user3
« Risposta #3 il: 08 Feb 2012, 00:32:06 »
ho continuato a provare, cercare e alla fine qualcosa ho ottenuto.
Per ora credo di aver risolto il mio problema e ho deciso di inserire la soluzione che ho trovato perché potrebbe tornare utile a qualcuno che come me ha scarsa dimestichezza con i css e il php.
Riassumo il problema: volevo trovare il modo di inserire il logo del mio sito composto da due immagini da posizionare una a destra e l'altra a sinistra, affiancate.
Ho risolto intervenendo nel file typography.css creando un box e definendo due identificatori (selettori ID) per ogni immagine ai quali ho associato dei parametri che si adattano alle mie esigenze
il frammento di codice che segue l'ho inserito nella sezione Top dato che le mie immagini vanno posizionate nel Top della pagina
Codice: [Seleziona]
/*  NUOVO  inserisce, nello stesso box, a destra, l'immagine logo1.gif    */
#logotop {
top: 0px;
height: 150px;
background-image: url("../images/logo/logo1.gif");
background-repeat: no-repeat;
background-position: right;
margin-left: 200px;
border-left:0px;
padding:0px;
background-color: #074085;
}

/*  NUOVO  inserisce, nello stesso box, a sinistra, l'immagine logo.png    */

#logotop1 {
top: 0px;
height: 150px;
background-image: url("../images/logo/logo1.png");
background-repeat: no-repeat;
background-position: left;
float:left;
    width:235px;
    margin: auto;
    padding: 0px;
background-color: #074085;
}


(forse il codice non è del tutto ottimizzato, ma per ora funziona).
Nel file index.php ho poi inserito queste righe per richiamare il box
Codice: [Seleziona]
<div id="logotop1">
</div>
<div id="logotop">
</div>
ora devo riuscire a trovare il modo di far linkare una delle due immagini
spero di essere stato utile
fabigno

 



Web Design Bolzano Kreatif