giovedì 21 dicembre 2006

passiamo alle cose importanti...

allora, il primo hack ke io abbia mai fatto sul mio Blog, l'inserimento di una colonna in +(trovato su Hackosphere....
dunque, nella head section(qll ke va da a, tanto x capirci) cercate una sezione che contenga roba come #outer-wrapper, #sidebar-wrapper ecc... x aggiungere una nuova colonna, copiate la sezione #sidebar-wrapper rinominandola #newsidebar-wrapper e modificate la proprietà float di essa in left (solitamente è right, ma cmq ciò serve solo se volete le due colonne di fianco e la colonna in cui ci sono i post in mezzo... se invece volete, x dire, tutte e due le colonne sulla destra e la sezione dei post sulla sinistra, lasciate questa proprietà su right). avrete notato ke ciascun #...-wrapper ha una proprietà width, la sua larghezza. x' non c siano casini(almeno con i template + semplici, m ricordo ancora un pomeriggio sputtanato ad aggiungere la terza colonna ad un blog con cm template Tic tac... ke bordello) la somma della larghezza delle colonne e del main wrapper deve dare come risultato la larghezza dell'outer wrapper. anke qst si può modificare (qll della minima black è 660 d default ma qui l'ho portata ad 800), avendo così maggiore spazio x le vostre colonne. se xò modificate la larghezza dell'outer, ricordatevi di modificare anche quella dell'header wrapper.
nn è ancora finita (eeeeh troppo facile): dopo aver fatto qst, cercate la sezione in cui c sn tt i

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 400px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#newsidebar-wrapper {
width: 150px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

mentre nell'altra dovreste avere:

div id="'newsidebar-wrapper'">
b:section class="'sidebar'" id="'newsidebar'" preferred="'yes'">
/b:section>
/div>

div id="'main-wrapper'">
b:section class="'main'" id="'main'" showaddelement="'no'">
b:widget id="'Blog1'" locked="'true'" title="'Post" type="'Blog'/">
/b:section>
/div>

div id="'sidebar-wrapper'">
b:section class="'sidebar'" id="'sidebar'" preferred="'yes'">
b:widget id="'BlogArchive1'" locked="'false'" title="'Archivio" type="'BlogArchive'/">
b:widget id="'Profile1'" locked="'false'" title="'Amministratori'" type="'Profile'/">
b:widget id="'HTML3'" locked="'false'" title="'musica'" type="'HTML'/">
/b:section>
/div>

(prima di ogni riga ci dovrebbe essere un <, ma se lo metto nn m fa vedere nulla)ora, se avete un blog con un particolare sfondo che semmai non si adatta al nuovo layout a tre colonne (come tic tac, tanto x citarlo di nuovo), si può modificare l'immagine di sfondo in modo ke si adatti maggiormente... nella head section, sotto l'outer wrapper, ci sarà un'opzione background che conterrà un'URL... copincollate qst URL nel vostro browser, salvatevi l'img e modificatevela come volete. una volta fatte tutte le modifiche del caso, hostatela su imageshack o qlss altro servizio di hosting e sostituite l'URL originaria con il collegamento diretto all'immagine datovi. Ora, se ho spiegato tt giusto e voi avete fatto tt giusto, dovreste avere un blog a tre colonne...so, you have officially been pimped

0 commenti: