Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : 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?
-
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
-
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.
:(
-
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
-
si, l'ho usato firebug ma hai ragione tu, dovrò studiare un po'
-
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
-
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 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
-
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
-
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
-
Per cortesia non citare sempre le risposte, grazie.
-
OK. Pardon
-
SimonR ti ringrazio per la disponibilità. :)
-
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
-
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.