Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : pinh4z 25 Jun 2010, 17:51:54
-
Ciao a tutti.
Premesso che il sito in questione è
http://www.memrubbermachines.com/
Premsso che il template si chiama template1 e ci sono diversi css, una ventina in tutto.
Vorrei:
- mettere il banner "memsrl" in mezzo
- stringere le due colonne laterali e guadagnare così più spazio in quella centrale
- aumentare di spessore la tabella che circonda tutto e magari colorarla di rosso
Ho cercato di smanettare coi css ma sono veramente troppi. Sto prendendo in considerazione l'idea di cambiare template, che in ogni caso garantisca una visual così impostato.
Idee e aiuti su come apporre quelle modifiche, o nella peggiore delle ipotesi un template più adatto alle mie esigenze?
Ringrazio tutti per l'attenzione
M.
-
Ciao
Usa mozilla con firebug e capisci subito ove apportare le modifiche
-
Ciao.
Ho seguito le tue istruzioni e ti ringrazio per il consiglio.
Purtroppo però la risposta non mi aiuta:
div.module div div div, div.module_menu div div div, div.module_text div div div {
background:url("../images/moduly/box-br.gif") no-repeat scroll right bottom transparent;
padding:20px 10px;
width:auto !important;
width auto?
-
metti la larghezza in pixel che vuoi invece di auto
-
ce lo quasi fatta.
Ho ridotto la largezza delle due colonne laterali, ma la centrale non si adatta. Ho provato coi valori numerici, con auto....ma niente. Se gli do un valore diverso da
<?php echo $mainwidth ?>;""
si sformatta tutto.
Dai che la possiamo fare :-D
Grazie in tanto per l'aiuto
-
Nel file moduleduzy.css alla riga 148 aumenta quel 50%
Spero che sia un template free altrimenti siamo OT
-
mi spiace ma a quella riga non c'è nessun 50%, si parla del componente in questione ovvero
.dl5box {
float: left;
overflow: hidden;
color: #777777;
}
ma non c'è altro. in tutto il css non compare una 50 %. :-(
Il template è free, scaricato propio da joomla.it
-
sostituisci:
<div class="dl5box" style="width: 50%;">
con:
<div class="dl5box" style="width: 73%;">
nel file html del template
che dipende da : <div id "centrum2-r">
<div id "centrum2-1">
<div id "cen6" style.....ecc...>
...
>>>> >>>>> <div class="dl5box" style="width: 50%;"> ;) ;D
viene così::::::
(http://sofiagiulia.altervista.org/images/stories/demo_mem.png])
-
Splendido!!! 8)
Grazie assai, 73 era troppo, ma 70 è perfetto.
Un'altra e ultima domanda......so che stò abusando della vostra pazienza...... ma centrare il banner in alto a sinistra? ogni mio tentativo è finito in sformattazioni e simili: se aumento la definizione dell'immagine nel file html finisco col vedere una parte di immagine come se ci fosse un altro elemento sopra....che ho anche provato ad eliminare ma con risultati devastanti!
Grazie aleanz e grazie tomtomfive
-
ti faccio sapere fra un po' ... ;)
-
http://www.memrubbermachines.com/templates/template1/css/modulyduze.css
CAMBIA nel file modulyduze.css riga34
#logo {
display:block;
float:left;
height:80px;
overflow:hidden;
padding-left:0;
padding-top:20px;
position:absolute;
width:300px; <<<<<<<<<<<<<<<<<<<<<<<<<<
CON:
#logo {
display:block;
float:left;
height:80px;
overflow:hidden;
padding-left:0;
padding-top:20px;
position:absolute;
width:100%; <<<<<<<<<<<<<<<<<<<<<<<<<<<<
e riga 85
#centrumtop {
border:0 solid #FF0000;
height:80px;
padding:0;
position:relative;
text-align:left; <<<<<<<<<<<<<<< con text-align:center;
z-index:1;
-
Amico mio, sei un mostro! :)
se per caso stai a milano ti offro un paio di birre
grazie grazie
M.
-
Ciao, sto a torino, grazie lo stesso, cmq nan sono un mostro anzi..... sono anch'io uno smanettone con un po' di c....lo ci si arriva, e con firebug a volte riesco a volte no a trovare i codici incriminati.... :-)
-
Ciao.
Sono ancora quì con più o meno lo stesso problema.
Questione banner centrale: ha definizione 468x60 e non riesco a centrale matenendo una visualizzazione decente.
Please help....
-
Ciao nel file moduleduzy.css alla riga 69 sostituisci padding-left:0 con "90px" o modificalo fino a quando ti pare centrato.
#logo {
display:block;
float:left;
height:60px;
overflow:hidden;
padding-left:90px; <---------------
padding-top:20px;
position:absolute;
width:600px;
-
Grazie per l'attenzione e la pazienza!
mmmmm... non funziona. Ho provato ad editare anche alla riga "centrumtop" ma ho solo casini....
ma poi in ogni caso la definizione del logo resta sempre inacettabile..... come posso produrre sul sito la stessa definizione con cui è fatto il banner... :-(
????
-
Ciao tomtomfive, ciao pinh4z,
a me risulta questa riga, nel qual caso:
modulyduze.css (riga 36)
#logo {
display:block;
float:left;
height:60px;
overflow-x:hidden;
overflow-y:hidden;
padding-top:20px;
position:absolute;
width:900px; <---- porta questo da 600px a 900px
}
Poi tu prova le due soluzioni...
-
Ti assicuro che mettendo quel valore io con firebug ho ottenuto che il logo si spostasse a destra, adesso sta a te decidere il valore ottimale per una centratura che vuoi ottenere, in merito alla definizione dell'immagine sta a te rifarla con una definizione migliore e sostituirla nella cartlla image del template
-
ma poi in ogni caso la definizione del logo resta sempre inacettabile..... come posso produrre sul sito la stessa definizione con cui è fatto il banner... :-(
Mi sa che più di così... bisogna vedere cosa hai in partenza, come l'hai ridotto e ottimizzato per il web, ma con scritte così piccole non è che si fan miracoli... non puoi tenerlo un po' più grande e mettendo magari quelle scritte sotto su una riga?
-
Ti assicuro che mettendo quel valore io con firebug ho ottenuto che il logo si spostasse a destra, adesso sta a te decidere il valore ottimale per una centratura che vuoi ottenere, in merito alla definizione dell'immagine sta a te rifarla con una definizione migliore e sostituirla nella cartlla image del template
Quoto. O in un modo o nell'altro funziona...
-
Grazie ragazzi per le risposte.
Dunque seguendo la procedura di tomtomfive non mi è cambiato niente. Seguendo invece la procedura di adottauncane il banner si è centrato, migliorando la definizione.
A questo punto ho preso l'immagine del banner e ho raddoppiato la risoluzione arrivando a 900x115.
il file modulyduze.css l'ho modificato così
#logo {
display:block;
float:left;
height:115px;
overflow:hidden;
padding-left:90;
padding-top:20px;
position:absolute;
width:1100px;
}
immaginando che si adattasse allargandosi divenendo così leggibile. Tuttavia non è cambiato niente da dopo la modifica di adottauncane.
Vuol dire che meglio di questo non posso ottenere? se provate a visualizzare l'immagine scoprirete che è ben più grande di come si visualizza sul sito...... accidenti!
Rinnovo i ringraziamenti per la pazienza e il tempo dedicatomi.
-
devi mettere 90px e non solo 90 perciò nn ti cambia nulla, sii un pò più attento a leggere i suggerimenti.
-
Stai confondendo un po' di cose... la centratura, fatta come dice tomtomfive o come dico io (ma non tutte e due insieme...) con la risoluzione la compressione dell'immagine del logo. Quell'immagine l'hai messa in un modulo HTML personalizzato e l'hai ridimensionata a 300x80 px? Se sì, non farlo, lasciala com'è... e dato che è 900px in origine lascia l'impostazione del logo che hai adesso, senza padding...
-
No, ho controllato, dipende dal file index.php del tuo template:
alla riga 86 trovi questo:
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.png" alt="Logo" width="300" height="80" border="0" />
sostituiscilo con questo:
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.png" alt="Logo" width="900" height="115" border="0" />
poi qui così:
modulyduze.css (riga 55)
#stronac {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:40px; <---------
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
width:100%;
}
e qui così:
modulyduze.css (riga 36)
#logo {
display:block;
float:left;
height:115px; <-------------
margin-bottom:10px;
overflow-x:hidden;
overflow-y:hidden;
padding-top:20px;
position:absolute;
width:900px;
}
-
intanto chiedo scusa a tomtomfive per l'errore che ho fatto di lettura.
Poi vi informo, con gioia, che il suggerimento di adottauncane funziona. Ho modificato solo il file html poi sono andato a vedere che succedeva e ..... è bastato. Ho dovuto raddrizzare i numeri ma il consiglio era senz'altro corretto. Ma soprattutto adesso ho capito dove andare a toccare per modificare questi parametri.
Pertanto ragazzi, grazie e ancora grazie
.... mi sa che adotterò un cane che mi adori e un gatto che mi ignori.... :-)