Back to top

Autore Topic: Logo centrato  (Letto 6350 volte)

Offline Urmonmax

  • Appassionato
  • ***
  • Post: 249
    • Mostra profilo
Logo centrato
« il: 04 Apr 2009, 17:03:08 »
Buon sabato a tutti... avrei una domanda

devo centrare il logo sul mio portale, sul file css ho la seguente stringa

td.logoheader {
  margin: 0;
  padding:  0;
  background     : url(../images/header.jpg)  #091a2d no-repeat bottom left;
  height         : 120px;
  width          : 100%;
 
 }

Come devo cambiarla per far apparire il logo al centro tenendo presente che il css è fluido?

grazie a tutti

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Logo centrato
« Risposta #1 il: 04 Apr 2009, 17:39:31 »
prova con
Codice: [Seleziona]
margin: auto;
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Urmonmax

  • Appassionato
  • ***
  • Post: 249
    • Mostra profilo
Re: Logo centrato
« Risposta #2 il: 04 Apr 2009, 18:34:58 »
Grazie del tuo aiuto... puntuale come sempre, però non va

il template è ibiz_blue_ii_r3 e sembra quasi che dove è posizionato il logo ci sia una divisione in due... credo che sia quello che non mi permette di posizionare il logo al centro

mi puoi aiutare?


Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re: Logo centrato
« Risposta #3 il: 04 Apr 2009, 19:58:59 »
ciao
prima di tutto se stai tentando di centrare l'immagine esistente non riuscirai xche ha una larghezza di 770 , se invece hai cambiato immagine spero che tu non abbia tenuto le misure originali altrimenti non si sposta . se il tuo logo e più piccolo di 770 con il comando fload lo vedrai che si sposta  ha  destra sinistra centro .
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Urmonmax

  • Appassionato
  • ***
  • Post: 249
    • Mostra profilo
Re: Logo centrato
« Risposta #4 il: 05 Apr 2009, 12:17:14 »
Buongiorno conti1, ho letto la tua risposta.. si effettivaente ho cambiato il logot, ma successivamente sono andato sul file css per modificare la grandezza ed ora ho la seguente posizione
td.logoheader {
  margin:   auto;
  padding:  0;
  background     : url(../images/header.jpg)  #091a2d no-repeat bottom left;
  height         : 120px;
  width          : 930px; (ho provato anche a lasciare il valore originale 100%)
 
 }
ma purtroppo niente, non riesco a centrare sto maledetto logo, possibile che una volta modificata la grandezza sia impossibile centrarlo? (ammesso anche che con le dimensioni originali fosse stato possibile ma non ho provato)

chiedo aiuto!!!!!!

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Logo centrato
« Risposta #5 il: 05 Apr 2009, 14:49:27 »
Fai cosi

Codice: [Seleziona]
td.logoheader {
  margin: 0;
  padding:  0;
  background:url(../images/header.jpg) center no-repeat;  <--metti center, dovresti risolvere
  height         : 65px;
  width          : 100%;
 
 }

Ciao
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Urmonmax

  • Appassionato
  • ***
  • Post: 249
    • Mostra profilo
Re: Logo centrato
« Risposta #6 il: 05 Apr 2009, 17:29:03 »
ciao balck.. ho provato ma non me lo mette al centro..anzi, me lo sposta a sinistra... come ti ho detto il template che sto usando (scritto sopra) sembra come se avesse una divisione in due sulla parte del logo..

potresti guardarci quando hai tampo?

grazie black

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Logo centrato
« Risposta #7 il: 05 Apr 2009, 18:23:08 »
Ciao, io l'ho installato quel template ed ho visto che con il center andava bene. Prova a postare il link del sito in modo che possiamo vedere se c'è qualche modifica che hai fatto che crea problemi
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline Urmonmax

  • Appassionato
  • ***
  • Post: 249
    • Mostra profilo
Re: Logo centrato
« Risposta #8 il: 05 Apr 2009, 21:18:30 »
grazie black .. ho riprovato e funziona, scusami tanto ma non sono ancora pratico di joomla.. grazie ancora :)

Offline Luther B.

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Logo centrato
« Risposta #9 il: 20 Mag 2010, 17:16:52 »
Salve sono un principiante ed ho lo stesso problema con milkyway che sto sviluppando in locale.
Vorri sapere,se possibile, dove e cosa devo modificare per far si che il mio logo, che ho messo in sostituzione dell'originale, venga centrato rispetto all'header e non spostato sul margine sinistro.
Grazie

adottauncane

  • Visitatore
Re:Logo centrato
« Risposta #10 il: 20 Mag 2010, 21:29:01 »
Ciao Luther B.,
benvenuto nel forum.  :)
Per le prossime volte: non accodarti ad un post già aperto e risolto, aprine uno nuovo...  :)

Prova a sostituire in questo codice:

template.css (riga 82)
Codice: [Seleziona]
div#logo  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/mw_joomla_logo.png");
background-position:center center;
background-repeat:no-repeat;
float:left;
height:75px;
left:0;
margin-left:30px;
margin-top:25px;
position:absolute;
top:0;
width:990px;
}

background-position:center center;
width:990px;


e il marchio dovrebbe centrarsi.

Se posso consigliarti una guida che ti svelerà molti misteri dei .css prova a leggeri questo:
Installa Firebug per Firefox.
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file template.css

Buon lavoro!

Offline Luther B.

  • Nuovo arrivato
  • *
  • Post: 4
    • Mostra profilo
Re:Logo centrato
« Risposta #11 il: 21 Mag 2010, 12:14:23 »
Ciao e grazie della risposta tempestiva. Nonostante il codice che mi ritrovo in Milkyway sia parecchio diverso da quello che mi hai postato tu, modificando con "center center" e "width 990" effettivamente mi si centra.
A dire il vero uso già Firebug ma non mi è di grande aiuto, perchè preferirei un software che mi consenta di individuare l'indirizzo del file che voglio modificare e non il CSS, per poter mettere mano direttamente sull'html e fare piccole modifiche (data la mia scarsa competenza). Magari Firebug consente di farlo e sono io che sono stordito, dimostrato dal fatto che mi sono accodato ad un post vecchio e risolto perchè non ho capito come si faccia ad aprirne uno nuovo...
A proposito, se tu fossi così gentile da spiegarmelo passo passo te ne sarei grato...ho letto che bisogna cercare la sezione adatta e poi cliccare sul tasto "scrivi", ma io non trovo ne le sezioni ne il tasto scrivi...
Grazie di nuovo.

adottauncane

  • Visitatore
Re:Logo centrato
« Risposta #12 il: 21 Mag 2010, 12:31:10 »
Ciao Luther B.
Scusa se il codice non era esatto, magari ho sbagliato template... comunque hai risolto, bene.

L'html che vedi con Firebug è in realtà l'elaborazione della pagina che visualizzi. Non esiste un file html che tu possa modificare. Esistono dei file .php. Puoi intervenire, ad esempio, sul file index.php del tuo template per aggiungere delle posizioni modulo. Prova a guardarti il video tutorial di Firebug, dovrebbe spiegare, meglio di quanto non sappia fare io, diverse cose...

Prova anche a leggere qui:
http://wiki.joomla.it/index.php?title=Comprendere_i_template_di_Joomla

Per l'utilizzo del forum trovi tutto spiegato qui:
http://wiki.joomla.it/index.php?title=Come_si_utilizza_il_forum

Buona permanenza.  :)

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Logo centrato
« Risposta #13 il: 21 Mag 2010, 12:39:47 »
ciao
Luther B.
non ci si accoda ad un post gia esistente anche se il problema e simile. nel semplice fatto che:
se il l'utente mette risolto  il tuo post non verra preso in considerazione .
ricordati la prossima volta di aprire un tuo post .
grazie
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif