sobota, 29 sierpnia 2015

Podstrony dla każdego

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 

Brak komentarzy:

Prześlij komentarz

Copyright © Szablon wykonany przez Blonparia