[risolto]digitare template: centratura banner

[pinh4z]

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.

[tomtomeight]

Ciao
Usa mozilla con firebug e capisci subito ove apportare le modifiche

[pinh4z]

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?

[tomtomeight]

metti la larghezza in pixel che vuoi  invece di auto

[pinh4z]

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

[tomtomeight]

Nel file moduleduzy.css alla riga 148 aumenta quel 50%
Spero che sia un template free altrimenti siamo OT

[pinh4z]

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

[aleanz]

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%;">   

viene così::::::

[pinh4z]

Splendido!!! 
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

[aleanz]

ti faccio sapere fra un po' ...

[aleanz]

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;

[pinh4z]

Amico mio, sei un mostro!
se per caso stai a milano ti offro un paio di birre
grazie grazie
M.

[aleanz]

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

[pinh4z]

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

[tomtomeight]

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;

[pinh4z]

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

?

[adottauncane]

Ciao tomtomfive, ciao pinh4z,
a me risulta questa riga, nel qual caso:
modulyduze.css (riga 36)

Codice: [Seleziona]

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

[tomtomeight]

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

[adottauncane]

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?

[adottauncane]

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