sobota, 1 grudnia 2012

Kody CSS

Jak dodać kod CSS?
To bardzo proste. Wystarczy wejść na swój blog : Układ - Projektant szablonów - Zaawansowane - Dodaj arkusz CSS  i właśnie tam wklejasz potrzebną komendę.
Oto kody CSS:


Wyśrodkowanie tytułu posta:
h3.post-title, .comments h4 {text-align: center;}


Wyśrodkowanie daty:
 h2.date-header {text-align: center;}


Wyśrodkowanie gadżetów w środkowej kolumnie:
 .column-center-inner {text-align: center; }



Podniesienie nagłówka (własne parametry):
.header { height:550;}

Wyśrodkowanie gadżetów w lewej kolumnie:
 .column-left-inner {text-align: center; }

Wyśrodkowanie gadżetów w prawej kolumnie:
 .column-right-inner {text-align: center; }

Wyśrodkowanie górnego menu:
#PageList1 ul {
text-align: center;
}
#PageList1 ul li {
float: none;
display: inline;
}

Przesunięcie górnego menu / strony o dowolną wartość:
#PageList1 ul {
text-indent: 440px;
}
#PageList1 ul li {
float: none;
display: inline;
}

Przesunięcie górnego menu / strony na prawą stronę:
#PageList1 ul {
text-align: right;
}
#PageList1 ul li {
float: none;
display: inline;
}

Suwak w notce (własne parametry):
.post { overflow: scroll; width: 500px; height: 420px; }

Cienie w lewej kolumnie (własne parametry):
.column-left-inner {text-shadow: 1px 1px 5px}

Cienie w prawej kolumnie (własne parametry):
.column-right-inner {text-shadow: 1px 1px 5px}

Cienie w tytule postu (własne parametry):
h3.post-title, .comments {text-shadow: 1px 1px 5px}

Cienie w napisie “Komentarz” (własne parametry):
.comments h4 {text-shadow: 1px 1px 1px}

Wyśrodkowanie nagłówka:
.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}

Usunięcie paska nawigacyjnego u góry strony:
.navbar {   display:none; }

Usunięcie napisów „Starszy post”, „Nowszy post”:
.blog-pager { display: none !important;}

Usunięcie napisu “Technologia Blogger”:
.Attribution {  display:none; }

Podkreślenia nad i pod linkiem:
a:hover {
text-decoration: overline underline; }

Podkreślenie pod linkiem:
a:hover {
text-decoration: underline; }

Przekreślenie linku:
a:hover {
text-decoration: line-through; }

Rozszerzenie liter po najeździe na link:
a:hover { letter-spacing: 4px }

Rozszerzenie wyrazów po najeździe na link:

a:hover { word-spacing: 10px }

Cień w całym blogu:
 .widget h2 {text-shadow: 1px 1px 5px}

W ogóle nie ma pokreślonego linku:
  a:hover {
text-decoration: none;}


Kody zaczerpnięte z stron :
http://by-elfaba.blogspot.com oraz http://malach-tow.blogspot.com

8 komentarzy:

  1. a możesz dać kod do wyśrodkowania napisu "komentarze"? proszę odpisz u mnie na blogu w byle jakim poście olaxs.blogspot.com

    OdpowiedzUsuń
  2. fajnee i przydatne, Chyba skorzystam z kilku : )

    OdpowiedzUsuń
  3. A masz kod żeby połączyć prawą kolumne i nagłówek z postami?

    OdpowiedzUsuń
  4. emm super tylko że ja jestem nowa na blogspot.pl ..
    jestem z "pinger.pl" więc nic nie ogarniam ;c
    jak zrobić nagłówek ?
    pomoże ktoś ??

    OdpowiedzUsuń
  5. a masz kod na usunięcie podkreślenia w tytule posta?

    OdpowiedzUsuń
  6. a masz kod na usunięcie podkreślenia w tytule posta?

    OdpowiedzUsuń