Cambiare larghezza colonna

[jk010469]

Ciao a tutti.


Non riesco per miei limiti (sigh!) a modificare la larghezza della colonna di sinistra mantenendo la larghezza complessiva del template. Mi potete dare una mano?


[Template.css rimosso]

[map]

Non Serve postare tutto il Css se non sappiamo a cosa fa riferimento !


Posta il link del sito...


Ciao

[jk010469]

http://joomla2u.net/2011/03/progressive-approach-free-joomla-1-5-template/

[map]

Non ci siamo Capiti...


Devi postare il link del tuo sito web, non penso che qualcuno in questo forum abbia voglia di scaricarsi il template e guardare le modifiche che vuoi tu.

[jk010469]

ops, scusate tutti:


http://www.skardy.it/skardy/


è un favore che faccio ad un grande amico!

[map]

Devi guardare se il template ha dei parametri di dimensione delle colonne nell'amministrazione.


Se non ci sono, devi agire sul file index.php del template



<div id="ja-main" style="width: 73%;">



<div id="ja-left" class="column sidebar" style="width: 27%;">


e cambiare le percentuali.


Dimenticavo,


Ti consiglio di cancellare tutto il css che hai inserito nel post per migliorare la visualizzazione della pagina.....


Magari avrai più risposte.

[jk010469]

Grazie della risposta. Dunque nella pg di amministrazione ci sono alcune impostazione da poter scegliere:


Choose between various width options.

AUTO=This would be auto decided based on user resolution.Narrow Screen=750px
Wide Screen=950px
Specified Percentage=fluid
Specified Pixels=fix


e nell'index.php trovo questo:





//Calculate the width of template
$tmplWidth = '';
$tmplWrapMin = '100%';
switch ($tmplTools->getParam(JA_TOOL_SCREEN)){
   case 'auto':
      $tmplWidth = '97%';
      break;
   case 'fluid':
      $tmplWidth = intval($tmplTools->getParam('ja_screen-fluid-fix-ja_screen_width'));
      $tmplWidth = $tmplWidth ? $tmplWidth.'%' : '90%';
      break;
   case 'fix':
      $tmplWidth = intval($tmplTools->getParam('ja_screen-fluid-fix-ja_screen_width'));
      $tmplWrapMin = $tmplWidth ? ($tmplWidth+1).'px' : '771px';
      $tmplWidth = $tmplWidth ? $tmplWidth.'px' : '770px';
      break;
   default:
      $tmplWidth = intval($tmplTools->getParam(JA_TOOL_SCREEN));
      $tmplWrapMin = $tmplWidth ? ($tmplWidth+1).'px' : '981px';
      $tmplWidth = $tmplWidth ? $tmplWidth.'px' : '980px';
      break;
}


$tmplTools->setParam ('tmplWidth', $tmplWidth);
$tmplTools->setParam ('tmplWrapMin', $tmplWrapMin);


Francamente non so dove agire


Grazie
jk

[map]

Nella index.php non c'è solo quello....


Guarda bene, troverai :
<div id="ja-main" style="width: 73%;">
<div id="ja-left" class="column sidebar" style="width: 27%;"> o qualcosa di simile...

[adottauncane]

Ciao jk010469,
prova ad aggiungere questo al fondo del file general.css

Codice: [Seleziona]

#ja-left {
    width: 29% !important;
}

#ja-main {
    float: right;
    width: 71% !important;
}

[jk010469]

Grazie delle risposte. Ho provato l'aggiunta ma non succede niente.


Forse si può cambiare qualcosa qui, layout.css:

Edit: rimosso css.

[adottauncane]

Aggiungi il css che ho scritto al fondo del file template.css e lasciacelo. Fai un refresh della pagina se non vedi subito la modifica, dopo esserti assicurato che sia stata registrata. Vedrai che funziona.

[adottauncane]

Non serve inserire il codice css, lo vediamo. E se proprio devi inserire del codice usa il testino # dell'editor. Grazie mille.

[jk010469]

Risolto. GRAZIE mille... e scusate ancora gli "errori" di pubblicazione


Cmq mi piacerebbe capire meglio come modificare le colonne senza aggiungere codice... ci sarà pure da qualche parte l'impostazione della larghezza... la dimensione di default pari al 22% da dove la prende?



jk

[adottauncane]

Dall'index.php, come ha detto map.

[jk010469]

non discuto che sia li, ma io non lo trovo... eppure il file index.php non è lunghissimo.

jk

[big86]

Ciao a tutti!
Ho lo stesso problema di jk010469: devo modificare la larghezza della colonna ma non riesco a trovare il codice da cambiare in index.php.

http://www.provedelsito.altervista.org/

Qualcuno potrebbe darmi una mano?
Grazie mille

[adottauncane]

Ciao big86,
la larghezza della colonna nel tuo caso è nel css:

Codice: [Seleziona]

#leftcolumn {

    width: 255px;
}template.css (riga 188)

Codice: [Seleziona]

#leftcolumn div.module_menu div div div, #leftcolumn div.module div div div, #rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text {

    background-image: url("../images/rub_bottom.png");

    width: 255px;
}template.css (riga 284)

Codice: [Seleziona]

#leftcolumn div.module_menu div div div, #leftcolumn div.module div div {

    width: 255px;
}template.css (riga 288)

come esempio ho messo 255px. Prò dovrai togliere i px aggiunti dal content a fianco, altrimenti va sotto, e modificare l'immagine che disegna i moduli, che è fissa.

Codice: [Seleziona]

#maincolumn_middle {
    width: 740px;}template.css (riga 208)

Devi utilizzare Firebug per Firefox in modo da provare le modifiche prima di farle. Sono diverse e non è detto che siano tutte quello che ho scritto.

[big86]

Ciao, grazie per la risposta, ma non riesco cmq a veder realizzate le modifiche nonostante abbia seguito passo passo quello che mi hai detto: la modifica viene fatta al contrario rispetto a come la vorrei io (ho lasciato la modifica in modo che tu la possa vedere).
Ho provato direttamente a cambiare il codice nel css visto che uso chrome e non firefox.
Hai altre idee?
Forse è meglio allargare tutto il template (visto che vorrei i moduli che metto nella "leftcolumn" perfettamente al centro del background bianco)? come faccio, eventualmente?
Grazie

[adottauncane]

Eh, ma al contrario di cosa? Hai chiesto di modificare la larghezza della colonna, ho pensato la volessi più larga... Se la vuoi più stretta non hai che da scrivere la misura che vuoi. Come ti ho già scritto però l'immagine di sfondo va modificata a parte. Usa pure Chrome ma non puoi, a par mio, costruire siti (e modificarli) senza Firefox, se non altro per tua comodità. In ogni caso Firebug lo trovi anche per Chrome, se addirittura non c'è di default... Installa anche altri browser, per controllare che il sito si veda bene con tutti (o almeno i principali...)

[adottauncane]

Però non modificare i post in corsa... magari c'è caso che non lo rilegga...
Spiegami bene cosa ti serve, che vediamo...

[big86]

Scusa. 
A me servirebbe che il "box bianco" che c'è nella colonna di sinistra, sia perfettamente centrato con il modulo che devo inserire (in questo caso il "cerca" ed il modulo "in vista".
Spero di essere stato abbastanza chiaro.
Grazie ancora per l'aiuto.

[adottauncane]

Cioè non proprio quello che hai chiesto all'inizio...
In ogni caso sarebbe meglio aprire un topic proprio con un titolo appropriato e una domanda e non accodarsi a vecchi post... Alrimenti nascono questi equivoci.

Adesso la soluzione è relativa all'impostazione che vedo, quindi se cambi di nuovo la larghezza dovrai variare i px. Aggiungi il padding qui:

Codice: [Seleziona]

dl.jea_mod_emphasis_item {    border-bottom: 1px dashed #B2B4BF;    padding-bottom: 1em;    padding-left: 40px;    padding-top: 10px;}è nel css dell'estensione, e queso lo incolli nel file template.css del template:

Codice: [Seleziona]

#leftcolumn div.module #type_id,
#leftcolumn div.module #department_id,
#leftcolumn div.module #town_id,
#leftcolumn div.module .button, #leftcolumn div.module #renting {

    margin-left: 40px;
}