Back to top

Autore Topic: [risolto] template Protostar - logo al centro dell'haeder  (Letto 7715 volte)

Offline misterbax

  • Esploratore
  • **
  • Post: 101
  • Sesso: Maschio
    • Mostra profilo
ciao a tutti.
sto usando joomla 3.3 con il template Protostar, semplice ed efficace, in versione layout fluido e va tutto bene fino ad una certa larghezza poi raggiunte le dimensioni massime del logo nell'header questo mi resta a sinistra e mi sarebbe utile fare in modo che resti centrato.
Qualcuno sa come fare?
« Ultima modifica: 13 Giu 2014, 19:35:37 da misterbax »

mau_develop

  • Visitatore
Re:template Protostar - logo al centro dell'haeder
« Risposta #1 il: 11 Giu 2014, 19:17:23 »
il template protostar è basato su bootstrap le cui info le trovi qui:
http://www.html.it/guide/img/bootstrap/ref/index.html
ti direi che basta aggiungere lo stile center ... ma non è così semplice...meglio se capisci come funziona.

Inoltre se usi firebug ti faciliti la vita

Offline misterbax

  • Esploratore
  • **
  • Post: 101
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #2 il: 11 Giu 2014, 20:27:07 »
grazie M_V_C per la velocissima risposta.
non sono un esperto di codice e ho dato una occhiata alla tua indicazione ma ti dico la verità: la vedo dura per me.
 :(

mau_develop

  • Visitatore
Re:template Protostar - logo al centro dell'haeder
« Risposta #3 il: 11 Giu 2014, 21:08:44 »
Inoltre se usi firebug ti faciliti la vita

c'era anche questo..lo hai fatto... in qualunque caso devi metterti a studiare un po' se decidi di usare joomla non come semplice utente

Offline misterbax

  • Esploratore
  • **
  • Post: 101
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #4 il: 11 Giu 2014, 21:48:27 »
si, l'ho usato firebug ma hai ragione tu, dovrò studiare un po'

Offline SimoR

  • Esploratore
  • **
  • Post: 139
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #5 il: 13 Giu 2014, 17:01:56 »
ciao a tutti.
sto usando joomla 3.3 con il template Protostar, semplice ed efficace, in versione layout fluido e va tutto bene fino ad una certa larghezza poi raggiunte le dimensioni massime del logo nell'header questo mi resta a sinistra e mi sarebbe utile fare in modo che resti centrato.
Qualcuno sa come fare?


Possibile un'indirizzo ? Forse c'è qualche float:left con qualche @media.


Ti aspetto e vedo di aiutarti ;)


SimoR
I computer sono incredibilmente veloci, accurati e stupidi. Gli uomini sono incredibilmente lenti, inaccurati e intelligenti. Insieme sono una potenza che supera l'immaginazione

Offline misterbax

  • Esploratore
  • **
  • Post: 101
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #6 il: 13 Giu 2014, 17:24:47 »
Ciao SimoR
il tuo aiuto è benedetto
il sito è www.diktyosis.com
ho dato una occhiata ma non più di tanto perché non sono esperto.
Il tuo aiuto è graditissimo ma potrebbe essere utile anche ad altri con la stessa esigenza.
Grazie  :)

Offline SimoR

  • Esploratore
  • **
  • Post: 139
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #7 il: 13 Giu 2014, 17:48:52 »
Ciao SimoR
il tuo aiuto è benedetto
il sito è www.diktyosis.com
ho dato una occhiata ma non più di tanto perché non sono esperto.
Il tuo aiuto è graditissimo ma potrebbe essere utile anche ad altri con la stessa esigenza.
Grazie  :)


Ciao miserbax,
qui tutti aiutano tutti  ;)


Modifica il template.css alla riga 6983
Codice: [Seleziona]
.header {margin-bottom: 10px;width: 100%;display: flex;
}


ed aggiungi sempre su template.css


Codice: [Seleziona]



.header-inner.clearfix {margin-left: auto;margin-right: auto;
}


Se è ok ricordati il [RISOLTO]  ;D
I computer sono incredibilmente veloci, accurati e stupidi. Gli uomini sono incredibilmente lenti, inaccurati e intelligenti. Insieme sono una potenza che supera l'immaginazione

Offline misterbax

  • Esploratore
  • **
  • Post: 101
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #8 il: 13 Giu 2014, 19:34:48 »
SimoR ho provato la tua soluzione ma non è cambiato niente, poi mi sono ricordato una soluzione su un forum in inglese e ho anche capito che non l'avevo applicata completa.
Ora ti dico come ho risolto:
Ho cambiato la riga 6983 del template/protostar/css/template.css da
.header {
   margin-bottom: 10px;
}

in
.header {
   margin-bottom: 10px;
   text-align: center;
}

poi sono andato /template/protostar/index.php e ho cambiato il

<div class="header-inner clearfix">
                                        <a  class="brand pull-left" href="<?php echo $this->baseurl; ?>">
                                                <?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'<>'; } ?>
                                        [/a]

in

<div class="header-inner clearfix">
                                        <a  class="brand" href="<?php echo $this->baseurl; ?>">
                                                <?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'<>'; } ?>
                                        [/a]


sarebbe tutto così tranne il fatto che nella trascrizione non riesco a fare apparire la chiusura del <div>
ora tutto funziona bene.
Credo che questa sia una soluzione utile anche ad altre persone perché il protostar è un buon template semplice ed efficace.
Grazie del tuo aiuto comunque

Offline SimoR

  • Esploratore
  • **
  • Post: 139
  • Sesso: Maschio
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #9 il: 13 Giu 2014, 20:35:06 »
SimoR ho provato la tua soluzione ma non è cambiato niente, poi mi sono ricordato una soluzione su un forum in inglese e ho anche capito che non l'avevo applicata completa.
Ora ti dico come ho risolto:
Ho cambiato la riga 6983 del template/protostar/css/template.css da
.header {
   margin-bottom: 10px;
}

in
.header {
   margin-bottom: 10px;
   text-align: center;
}

poi sono andato /template/protostar/index.php e ho cambiato il

<div class="header-inner clearfix">
                                        <a  class="brand pull-left" href="<?php echo $this->baseurl; ?>">
                                                <?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'<>'; } ?>
                                        [/a]

in

<div class="header-inner clearfix">
                                        <a  class="brand" href="<?php echo $this->baseurl; ?>">
                                                <?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'<>'; } ?>
                                        [/a]


sarebbe tutto così tranne il fatto che nella trascrizione non riesco a fare apparire la chiusura del <div>
ora tutto funziona bene.
Credo che questa sia una soluzione utile anche ad altre persone perché il protostar è un buon template semplice ed efficace.
Grazie del tuo aiuto comunque
non sempre il text-align: center funziona, per questo ti avevo fatto aggiungere il margin sinistro e destro automatico, in modo da centrarsi da solo.


Resto a disposizione se hai ancora bisogno
I computer sono incredibilmente veloci, accurati e stupidi. Gli uomini sono incredibilmente lenti, inaccurati e intelligenti. Insieme sono una potenza che supera l'immaginazione

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:[risolto] template Protostar - logo al centro dell'haeder
« Risposta #10 il: 13 Giu 2014, 22:47:25 »
Per cortesia non citare sempre le risposte, grazie.

Offline SimoR

  • Esploratore
  • **
  • Post: 139
  • Sesso: Maschio
    • Mostra profilo
Re:[risolto] template Protostar - logo al centro dell'haeder
« Risposta #11 il: 14 Giu 2014, 00:21:57 »
OK. Pardon
I computer sono incredibilmente veloci, accurati e stupidi. Gli uomini sono incredibilmente lenti, inaccurati e intelligenti. Insieme sono una potenza che supera l'immaginazione

Offline misterbax

  • Esploratore
  • **
  • Post: 101
  • Sesso: Maschio
    • Mostra profilo
Re:[risolto] template Protostar - logo al centro dell'haeder
« Risposta #12 il: 14 Giu 2014, 09:09:15 »
SimonR ti ringrazio per la disponibilità. :)

Galenos

  • Visitatore
Re:[risolto] template Protostar - logo al centro dell'haeder
« Risposta #13 il: 02 Feb 2015, 23:47:48 »
Ciao!
Condividevo la stessa necessità di misterbax e ho provato la soluzione di SimoR (modifica riga 6983 del template.css)...
Il logo è ora al centro quindi grazie, però la descrizione rimane allineata a sinistra e non c'è verso di spostarla da lì. So che mi sto perdendo in un bicchiere d'acqua ma non ne vengo fuori... Sapreste aiutarmi?
Grazie in anticipo

Offline luigidm

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:template Protostar - logo al centro dell'haeder
« Risposta #14 il: 24 Mar 2015, 15:13:37 »

Modifica il template.css alla riga 6983
Codice: [Seleziona]
.header {margin-bottom: 10px;width: 100%;display: flex;
}


ed aggiungi sempre su template.css


Codice: [Seleziona]



.header-inner.clearfix {margin-left: auto;margin-right: auto;
}





Ciao SimonR, il css è cambiato nei numeri di riga, ora alla riga 6983 trovo:


"}" come chiusura di ".accordion-group {background: #fff;[size=78%]"[/size]


non è che sapresti indicarmi a quale riga corrisponde ora?
Grazie.

 



Web Design Bolzano Kreatif