Podstrony dla każdego

sobota, sierpnia 29, 2015

Wiele osób wykorzystuje swoje blogi w celu promocji swoich produktów i usług. Tworząc w tym celu podstrony/zakładki zwał jak zwał, każdy nazywa to inaczej a jest to jedno i to samo. 
Sama mam na swojej stronie kilka zakładek m in. Kontakt/Współpraca czy moje Graficzne Portfolio.
W standardowej wersji szablonów bloggera takie strony mamy pod nagłówkiem, można je odpowiednio skonfigurować.
Oto kilka gotowych kodów :


Tła: 
  • kolor:
    .tabs-outer {background-color: #5a5555;}
  • obrazek w tle:
    .tabs-outer {background-image: url(http://s6.ifotos.pl/img/guiguojhj_xxenawe.png);}
     
Przezroczystość: 
  • .tabs-inner {opacity: 0.7;} 
Cienie:
  • tekstu:
    .tabs-outer {text-shadow: 2px 2px 5px #5a5555 }
     
  • ramki:
    tabs-outer{box-shadow:0px 0px 2px black}

Zaokrąglone rogi:

  • .tabs-outer{border-radius: 90px 90px 5px 5px;}
UWAGA: parametry odpowiadają wszystkim czterem rogom. Można zostawić tylko jeden i będzie się wtedy odnosić do całej ramki. 

Marginesy (chodzi o to, aby tekst nie przyklejał się do ramek):
.tabs-outer {padding: 3px;}

Obramowanie:

  • linia ciągła:
    .tabs-outer {border-style: solid;}
  • linia kreskowa:
    .tabs-outer {border-style: dashed;}
  • linia kropkowana:
    .tabs-outer{ border-style: dotted;}
  • linia podwójna:
    .tabs-outer {border-style: double;}

Grubość obramowania:

  • cienkie:
    .tabs-outer {border-width: thin;}
  • średnie:
    .tabs-outer {border-width: medium;}
  • c) grube:
    .tabs-outer {border-width: thick;}
Przesunięcie: 
  • .tabs-outer {margin: 10px 30px 100px 44px;} 

Można używać wartości dodatnich i ujemnych. Pierwsze to margines górny, drugi – lewy, trzeci – dolny, czwarty – prawy.


Odstępy między linkami: 
  • .tabs-outer .widget li a {margin: 4px;} 

Długość menu:  
  • .tabs-outer {width: 640px}
Analogicznie dodajemy komendy dotyczące karty podświetlonej i wybranej. Po komendach wpisujemy nawiasy klamrowe z zawartościami.

Wybrana karta:   
  • .tabs-outer .widget li.selected a
Podświetlona:  
  • .tabs-outer .widget li a:hover 
Jeśli chcecie, aby wasze menu było w osobnych klatkach każdy link wtedy zamiast outer wpisujecie .tabs-inner .widget li a
 
UWAGA! Pogrubione parametry i kolory możecie zmieniać samodzielnie.

Tyle od technicznej strony na dziś, a Was pytam czy bylibyście zainteresowani tzw. Link Party raz w miesiącu a nawet raz w tygodniu?

Pozdrawiam 

You Might Also Like

0 komentarze

Kamila K.. Obsługiwane przez usługę Blogger.

Archiwum bloga

Prawa Autorskie

Wszystkie publikowane na blogu zdjęcia oraz treści są mojego autorstwa. Jeśli jest inaczej wyraźnie to zaznaczam.
Nie zezwalam na ich kopiowanie bez mojej zgody.

Jeśli chcesz skopiować coś z bloga proszę o kontakt - e-mail: wtrampkachdocelu@gmail.com lub w komentarzach pod postem.