Home ........ Profilo ........ E-mail ........ Agenda Nico

28 gennaio 2009

Come mettere terza colonna per modello Minima Stretch / Cum se introduce a treia coloana pentru modelul Minima Stretch

Pentru a schimba modelul predefinit de blogger "Minima Stretch" model cu o coloana pe dreapta, in trei coloane (de adaugat pe stanga), trebuiesc facute cateva modificari in structura HTML al blogului.
Aceasta modifica am facut-o si eu cand mi-am schimbat celalat blog.
M-am informat dupa acest articol.

Italia Pictures, Images and Photos

Per cambiare il modello blogger "Minima Stretch" e mettere una colonna in più sulla sinistra si devono fare queste modifiche.
Ho modificato l'altro blog seguendo questo articolo.







1.Se intra in "aspect"/layout, apoi "editati html" . Faceti bifa in patratelul unde scrie "extindeti sabloanele control".

1.
Clicca layout ...poi modifica HTML . Clicca sul piccolo quadrettino dove scrive "Espandi i modelli widget" .



2.Cautati unde scrie ,este la inceput...

2.Cerca dove scrive , è all'inizio ....



......................................
#main-wrapper {
margin-left: 2%;
width: 67%;
float: left;
display: inline; /* fix for doubling margin in IE */
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 */
}
..............................................

*modificati cifra 67 in 42...devine

*modificare n° 67 in 42 e basta, deve diventare :



#main-wrapper {
margin-left: 2%;
width: 42%;
float: left;
display: inline; /* fix for doubling margin in IE */
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 */
}


3.Gasiti unde scrie...este aproape unde s-a modificat 42%


3.Trovare questa scritta...è subito sotto dove hai modificato in 42%


..................................

#sidebar-wrapper {
margin-$endSide: 2%;
width: 25%;
float: $endSide;
display: inline; /* fix for doubling margin in IE */
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 */
}
.........................

* dedesubt introduceti aceste randuri...sunt simile doar cu cateva mici modificari (unde se vede scris mai ingrosat )

* sotto questa scritta devi inserire questa ( è simile con la prima solo che ha piccole cose aggiunte dove si vede scritto in grassetto)

..................................................
#sidebarLeft-wrapper {
margin-left: 2%;
width: 25%;
float: left;
display: inline; /* fix for doubling margin in IE */
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 */}

.....................................................


4.Cautati aceste randuri

4. Trovare queste righe


<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>



........................



* deasupra lor introduceti acestea de mai jos

* sopra queste righe inserire queste


<div id='sidebarLeft-wrapper'>  
<b:section class='sidebar' id='sidebarLeft' 
preferred='yes'>  
</b:section>
</div>
........................
Devine asa:

Diventa cosi:
.............................
<div id='sidebarLeft-wrapper'>  
<b:section class='sidebar' id='sidebarLeft' 
preferred='yes'>  
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>


......................

5. Acum este deja facuta modificarea.

5. Adesso la modifica è fatta.

............................

* Cand copiati si introduceti aceste randuri, trebuie sa verificati sa nu fie omis niciun simbol...exemplu si ultima }.
Trebuie introdus tot!
Selectionati unde scrie PREVIZUALIZATI si trebuie sa vedeti blogul cu un spatiu gol pe stanga si zona post in centru. Atunci totul este corect si clicati pe SALVATI SABLON.

Daca modificarile nu au fost introduse corect, cand se previzualiza ,ar trebui sa vina un mesaj scris in rosu, anunta ca modifica nu a fost corect facuta.
Atunci selectionati STERGETI EDITARILE si apoi SALVATI SABLON.


Italia Pictures, Images and Photos

* Quando si fa copia e incolla stare attenti a inserire tutti i simboli finali ,esempio ultima parentesi }
Si deve inserire tutto !
Cliccate dove scrive sotto ANTEPRIMA ,si deve vedere a sinistra vuoto sul blog e al centro il post... vuol dire che si e inserita la terza colona.
Clicatte SALVA MODELLO.


Se qualcosa che non va perchè non avete inserito tutto , di solito trovate scritto in rosso che la modifica non e corretta . Cliccate sul CANCELLA MODIFICHE e poi SALVA MODELLO , cosi non si rischia di rovinare il blog.

2 commenti:

manu ha detto...

grazie mille.......buon w.e.

ñ¡¢ø£ëtå ha detto...

Con piacere!
ciaooo!!!

Related Posts Plugin for WordPress, Blogger...