Urodziny! [35 - 36]

Cześć! Witam Was wszystkich w tym wspaniałym dniu. Dziś jest rocznica założenia mojego bloga. Minął właśnie rok odkąd publicznie zaczęłam tworzyć grafikę. Ten czas tak szybko zleciał. Pamiętam jak niedawno zakładałam tego bloga i wykonywałam pierwsze zamówienia. Mam nadzieję, że to dopiero początek mojej przygody z kodami i grafiką, bo muszę przyznać bardzo to mi się podoba <:
Nie przedłużając zapraszam na urodzinową notkę, w której znajdą się: 3 bannery, 4 sygnaturki, 4 ikonki, 7 nagłówków, 2 szablony, tutorial na menu i paczka niespodzianka dla każdego.
Zapraszam!

Bannery

sygnaturki

ikonki

nagłówki

 

szablony

pobierz

pobierz

tutorial na menu

Pokażę Wam kilka kodów, dzięki którym można stworzyć ciekawe menu

Kod jest trochę długi, ale nie powinien sprawić kłopotów. Postaram się wszystko logicznie i jasno wytłumaczyć <:

Zaczynamy od ustalenia wyglądu linków.

#PageList1 a, #PageList1 a:link, #PageList1 a:visited {
font-weight: normal ;
text-transform: uppercase ;
font-size: 8px ;
letter-spacing: 1px ;
display: block ;
margin: -4px ;
}

Na razie jest wszystko nieskomplikowane. 

Ustalamy teraz jak mają wyglądać strony nieparzyste (czyli pierwsza, trzecia, piąta itd.)

#PageList1 li:nth-child(odd) a {
background: #951416 ;
padding: 2px ;
}

Tak samo robimy z parzystymi stronami (druga, czwarta itd.)

#PageList1 li:nth-child(even) a{
background: #3b3b14;
padding: 2px ;
}

Teraz pora na dodanie kółeczek. Najpierw do nieparzystych stron

#PageList1 li:nth-child(odd):after {
content: '' ;
background: #3b3b14 ;
padding: 10px ;
position: absolute ;
border-radius: 50% ;
left: 176px ;
margin: -12px ;
}

Teraz do parzystych stron

#PageList1 li:nth-child(even):before {
content: '' ;
background: #951416 ;
padding: 10px ;
position: absolute ;
border-radius: 50% ;
right: 176px ;
margin: -8px ;
}

Takim oto prostym sposobem możemy urozmaicić menu <:

Oczywiście kolory, wielkość czcionki itp pozostawiam Wam ☺ Zamiast kółek mogą być też kwadraty albo rąby, to już zależy od Waszej inwencji twórczej ☺

Paczka niespodzianka

zero haseł, dodanych buttonów itp. Paczka dla każdego <: