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

12 gennaio 2010

Eliminare i bordi dell’header (intestazione) / Eliminare marginile de la header (antet)

Tempo fa , ho trovato su Creare blog ,come si puo eliminare in parte o del tutto i bordi dell’header (intestazione) del template Minima. Personalmente lo trovo utile perchè quando vogliamo inserire la nostra immagine ...dobbiamo modificarla (come dimensione) quasi sempre, per stare dentro questo bordo doppio.
Secondo me, esteticamente sta meglio senza i bordi...anche l'occhio vuole la sua parte! ;-D






Cliccate Layout–>Modifica HTML, cercate questa porzione di codice che comincia con #header-wrapper:


#header-wrapper {
width:660px;
margin:0 auto 10px;
border: 1px solid $bordercolor ;
}

e  cambiate la parte colorata di viola cosi ....




#header-wrapper {
width:660px;
margin:0 auto 10px;
border: none;
}


Adesso l’header del template avrà una sola riga .
Per togliere anche questa, cercate questa porzione di codice che comincia con #header :




#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

e cambiate la parte colorata di viola cosi ....

#header {
margin: 5px;
border: none;
text-align: center;
color:$pagetitlecolor;
}

Adesso non avete nessun bordo e potete mettere la vostra foto.

>>>>>>>>>>>>>>>>>>>>>>>>>>

Image and video hosting by TinyPic


Am gasit pe Creare blog cum se poate elimina bordura(chenarul) de la antet-header prezent la modelul Minima.



De multe ori, imaginea care punem la antet trebuie modificata ...sa fie cat de cat incadrata de acest chenar.
Ca sa eliminam acest chenar trebuie sa face urmatoarea modificare.
Garantez ...rezultatul este satisfacator din punct de vedere estetic.

Clicati la Aspect > Modifica html si cautati partea de cod care incepe cu
#header-wrapper:


#header-wrapper {
width:660px;
margin:0 auto 10px;
border: 1px solid $bordercolor ;
}

si schimbati partea colorata de mov in felul urmator:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border: none;
}

Acum a ramas doar o singura linea la chenar, daca dorim sa o eliminam si pe aceasta ,cautam mai departe aceasta parte de cod ,care incepe cu #header:

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}


si o schimbam in felul urmator:

#header {
margin: 5px;
border: none;
text-align: center;
color:$pagetitlecolor;
}

Acum a fost eliminat definitiv bordul..

9 commenti:

Pietro ha detto...

Ottimo suggerimento, Nicoletta!
Buona domenica!

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

Grazie Pietro ...buona domenica!

Shell@ ha detto...

Buna! Am incercat sa schimb adica mai mult as vrea sa pot inlocui cu o poza ceea ce nu ma lasa sa fac aceasta schimbre de Antet Edit.Iar in momentul in care intru la Editati HTML la mine apara in lista in felul urmatot:
#header-wrapper {
margin:0;
padding: 0;
background-color: none;
text-align: none;
}

#header {
margin: 0 2%;
background-color:none;
color: $headerTextColor;
padding: 0;
font: $headerFont;
position: relative;
}
Te rog mult explica-mi cum pot face aceasta schimbare in obtiuni.
Un inceput de saptamana bun iti doresc.
pupic Shella

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

Deci sa vada daca am inteles: tu nu poti pune o poza din pc.-ul tau cand te duci la editat antet?
Ce chestie ciudata...tu ce model ai?
Ai vrea sa incerci cu celalalt sistem , adica din modifica HTML ...adica acolo unde se modifica si modelul blogului.
Mersi la fel ..si tie o saptamana buna!
ciao!

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

Mi se pare foarte ciudat ca la editare antet ...cu cele doua posibilitati ( adaugat foto direct din pc. sau de pus url imagine hostata in web) , nu reusesti sa schimbi.
Ai incercat sa pui imaginea cu a doua obtiune adica url de pe web.?

Flori ha detto...

Buna ziua!

Va rog frumos, aveti idee cum pot aranja titlurile de la etichete in ordine alfabetica?
Multumesc mult!
Flori

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

Buna Flori!

Intri la editati aspect ,faci clic pe editati etichete si acolo vei gasi cateva obtiuni:
- sortarea dupa frecventa sau alfabetic
- afisarea etichetelor ca o lista sau tip nori
- afisezi toate etichetele sau doar o parte dintre ele.

Flori ha detto...

Buna,
Multumesc pentru raspuns, nu am explicat eu corect ce vreau.

Eu am etichetele sub forma de feed (fiind blog culinar mi-am creat feeduri si cand postez reteta se duce automat la feedul care il specific eu).
Din cate am vazut eu nu am optiunea ca la etichete sa le aranjez in ordine alfabetica.
Eu m-am gandit la varianta sa schimb data si ora postarii in functie de cum vreau eu sa le asez, dar sper ca exista si alta solutie.
Multumesc frumos!
Flori

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

Aha...am inteles. Nu stiu ce sa zic...poate descopar daca exista o solutie...apoi iti spun.
Cu placere!

Related Posts Plugin for WordPress, Blogger...