O szablonach, ich projektowaniu i moich z tym zmaganiach...

Wpisy z tagiem: górne poziome menu

wtorek, 18 października 2011

Opisałam już jak stworzyć sobie górne menu gdy korzysta się z jednego z szablonów sportowych (temat szablonu łatwo można zmienić, dla większości szablonów sportowych przygotowałam też niesportowe nagłówki). Menu zaczęłam dodawać do innych moich szablonów ale to potrwa. Nie każdy też korzysta z szablonu zrobionego przeze mnie. Dlatego dzisiaj opiszę jak najszybciej i najprościej umieścić takie menu nad tytułem własnego bloga bez względu na to z jakiego szablonu się korzysta.

Instrukcja w wersji skrótowej:

1. Stworzony uprzednio kod menu dodajemy w polu na kod html (USTAWIENIA -> BOCZNA SZPALTA)

2. Przechodzimy do arkusza stylów (WYGLĄD -> EDYCJA CSS) i przy selektorze #BlogGlowyBox dopisujemy position:relative;

3. Na końcu arkusza dodajemy opis wyglądu i umiejscowienia naszego menu:

#menuTop {
position:absolute;
top:5px; /* odległość od górnej krawędzi */
left:20px; /* odległość od lewej krawędzi */
width:600px; /* szerokość elementu, ma być mniej pikseli niż szerokość bloga */
height:25px;
list-style-type:none; /* likwiduje wypunktowanie */
padding:0; /* likwiduje automatyczne dopełnienie wypunktowania */
margin:0; /* likwiduje przeglądarkowy margines wypunktowania */
}

#menuTop li {
display:inline; /* układa elementy listy obok siebie */
padding: 0 3px; /* odsuwa elementy od siebie w poziomie */
border-left: 1px solid grey; /* dodaje po lewej szare kreseczki rozdzielające elementy menu */
}

W powyższej instrukcji jest wszystko co konieczne i niezbędne. Jeżeli jednak potrzebujesz dokładniejszych instrukcji, zależy Ci na nieco innym wyglądzie albo coś w twojej zmianie poszło nie tak jak się spodziewałeś to zapraszam do przeczytania rozszerzonej wersji wyjaśnień. A na koniec fragmenty css z szablonów sportowych opisujące wygląd tamtejszych górnych menu, jednym słowem gotowce.

poniedziałek, 03 października 2011

Aktualnie nie korzystam na moim blogu z szablonami z górnego poziomego menu. To chyba poważnie niedopatrzenie z mojej strony bo właśnie w takim menu najwygodniej umieścić linki do spraw generalnych jak informacje o blogu, kontakcie, księdze gości czy innych przydatnych rzeczach, które zawsze powinny być pod ręką choć bardzo rzadko się z nich korzysta.

W szablonach sportowych, które poprawiałam ostatnio, zrobiłam dodatkowe górne menu. Wykorzystałam w tym celu listę nieuporządkowaną, którą zamieniłam przy użyciu css w listę poziomą. Efekt jest łatwy do zobaczenia w każdym z tych sportowych szablonów a często, w związku z tym, że takie menu umieszczone jest w okolicach winiety tytułowej, stanowi ono istotny element wizualny szablonu.

górne poziome menu szablonów sportowych

Menu jest przydatne, w szablonach sportowych ma opisany estetyczny, dopasowany do reszty wygląd ale jak je dodać u siebie? Jak sprawić, że pojawi się na własnym blogu? Aby ułatwić wszystko stworzyłam stronę z szybką i prostą instrukcją, którą będę systematycznie uaktualniała. Tutaj natomiast nieco dokładniej, tak dla nawet bardzo zielonych opiszę jak dodać u siebie odpowiedni kod.

Zakładki:
O blogu i RSSsubskrybcja
Polecane wpisy z blogu
Pomocne
Przeglądarki
Katalogi szablonów
Polecane strony
Szablony z dedykacją
o CSS (notki z tego bloga i podobnych bloksowych)
o arkuszach stylów ogólnie (CSS) dla poczatkujących,
głównie zewnętrzne podręczniki
o CSS (przydatne podpowiedzi) dla średniozaawansowanych
- specyficzne rozwiązania
- jak reagują przeglądarki
Historia polecanych
Kolory
Pismo
Polecane artykuły
ilustrowany przewodnik po bloksie dla początkujących,
dla zielonych jak szczypiorek na wiosnę,
dla zaczynających bloksowanie
Tagi
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...