Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : misterbax 11 Jun 2014, 19:11:59

: [risolto] template Protostar - logo al centro dell'haeder
: misterbax 11 Jun 2014, 19:11:59
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?
: Re:template Protostar - logo al centro dell'haeder
: mau_develop 11 Jun 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
: Re:template Protostar - logo al centro dell'haeder
: misterbax 11 Jun 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.
 :(
: Re:template Protostar - logo al centro dell'haeder
: mau_develop 11 Jun 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
: Re:template Protostar - logo al centro dell'haeder
: misterbax 11 Jun 2014, 21:48:27
si, l'ho usato firebug ma hai ragione tu, dovrò studiare un po'
: Re:template Protostar - logo al centro dell'haeder
: SimoR 13 Jun 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
: Re:template Protostar - logo al centro dell'haeder
: misterbax 13 Jun 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  :)
: Re:template Protostar - logo al centro dell'haeder
: SimoR 13 Jun 2014, 17:48:52
Ciao SimoR
il tuo aiuto è benedetto
il sito è www.diktyosis.com (http://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
:
.header {margin-bottom: 10px;width: 100%;display: flex;
}


ed aggiungi sempre su template.css


:



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


Se è ok ricordati il [RISOLTO]  ;D
: Re:template Protostar - logo al centro dell'haeder
: misterbax 13 Jun 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
: Re:template Protostar - logo al centro dell'haeder
: SimoR 13 Jun 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
: Re:[risolto] template Protostar - logo al centro dell'haeder
: tomtomeight 13 Jun 2014, 22:47:25
Per cortesia non citare sempre le risposte, grazie.
: Re:[risolto] template Protostar - logo al centro dell'haeder
: SimoR 14 Jun 2014, 00:21:57
OK. Pardon
: Re:[risolto] template Protostar - logo al centro dell'haeder
: misterbax 14 Jun 2014, 09:09:15
SimonR ti ringrazio per la disponibilità. :)
: Re:[risolto] template Protostar - logo al centro dell'haeder
: Galenos 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
: Re:template Protostar - logo al centro dell'haeder
: luigidm 24 Mar 2015, 15:13:37

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


ed aggiungi sempre su template.css


:



.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.