Koniec. Kiedyś trzeba powiedzieć 'Stop'.
Ja też o tym pomyślałam. Nie bez powodu miałam adres 'burdelek.blox.pl'. Miał być to istny eksperyment - czy nazwa przyciąga.

Z góry przepraszam wszystkich, którzy liczyli na inną zawartość bloga ;)

Przeprowadzam się do szablon2blox.blox.pl. Mam nadzieję, że będzie taki sam, jak Burdelek, tylko lepszy.

Zrobiłam szablon na burdelek11! Cieszę się głównie dlatego, że działa identycznie w różnych przeglądarkach i rozdzielczościach, co przy moich eksperymentach jest naprawdę rzadkością ;)
Rozwiązałam problem szablonu burdelek8, w którym wystawały linie.

Naprawdę, mogę być z siebie dumna, bo robię postępy w mojej początkującej karierze robienia szablonów ;)

A za dwa lata powiem: To ja zrobiłam :D

Dziś postanowiłam napisać o pierwszej linijce. Można dowolnie wybierać pomiędzy grubością, dużymi literami, podkreśleniem i innymi rzeczami. W powyższym przykładzie są duże litery.

---

JAK TO ZROBIĆ?
Użyjemy pseudoklasy :first-line (o pseudoklasach było już przy 2. lekcji). Kopiujemy więc #BlogWpisTresc:first-line {}. Pseudoklasa będzie definiować notkę, ponieważ nie ma innej części w bloxie, gdzie można by było wykorzystać tą pseudoklasę.
Pomiędzy klamerkami wpisujemy rzeczy, które chcemy, by były inne od reszty notki. Polecamy:
font weight: bold - tekst będzie pogrubiony
text-decoration: underline - tekst będzie podkreślony
text-transform: uppercase - tekst będzie pisany DUŻYMI LITERAMI

PRZYKŁAD
#BlogWpisTresc:first-line {text-transform: uppercase;}
Efekty widać na rysunku

Wreszcie oczekiwany szablon burdelek10! Trochę pobawiłam się Gimpem, bo bez dodatków za bardzo kanciasty był szablon :) Czytelny, ładny plus kategorie na górze.
Polecam go osobom, dla których kategorie są ważną częścią bloga.

Nie ukrywam, że widziałam szablony z menu na górze. Pasek na górze jest ładny i nie rozprasza.
Na bloxie niestety nie da się menu dać na samą górę, ale można za to kategorie usunąć z mało efektywnego miejsca i podsunąć do góry. Spróbowałam zrobić to na próbnym szablonie i się udało :)

---

JAK TO ZROBIĆ?
Wpisujemy w identyfikatorze #blogKategorieBox następujące rzeczy:

position: absolute;
left: 0%;
top: 0%;

I w komendzie width zmieniamy wielkość na 100%. Proste??
Left mówi nam, ile odległości musi być od lewego boku, top zaś od górnego boku. Position: absolute powoduje, że zmienia się wysokość od top, bottom, left i right, ale tylko w boxie nadzorującym dany element.

Można w taki sposób zmienić także wysokość wyszukiwarki, znaczka 'blox', obrazków dodanych do CSS oraz wielu onnych rzeczy.

Oprócz FotoForum, które na razie jest nieugięte :|

PRZYKŁAD
J.w.

Jak na złość (?) dzisiaj trafiłam na bloga, który emanuje swoją... hmmm... niechęcią do Snapa.
Osobiście faktycznie podobał mi się pomysł ze Snapem, ale po dłuższym przeanalizowaniu problemu, Snap to... problem?

Co do FotoForum to zdenerwowałam się strasznie, bo wszystkie próby zmiany pozycji oprócz <br.>zakończyły się klęską. Ogólnie zmiana wyglądu ograniczyła się do dodania 'border' na miniaturkach, bo innych rzeczy nie miałam szans zrobić.
Poza tym blog straasznie wolno mi się ładuje.

Wniosek?
Njlepiej strzelić zdjęcie PrintScreenem, a potem wkleić na Bloxa jako link ;)

...
Jak nie uda mi się zmienić pozycji FotoBloga to nowość na blogu zobaczy, jak wygląda przycisk 'delete' :D

Zawsze myślałam o tym, że brakuje mi czegoś. Na prawie każdym blogu są chmurki z miniaturkami stron jak najeżdża się na link.
A u mnie tego NIE MA!!!
Zdenerwowałam się, ponieważ przekopałam pół internetu z zapytaniem 'snap'.
I NIE MA tego!!

Nagle patrzę - można zrobić sobie minigalerię z fotobloga!! Łaaau! ;) Pomyślałam sobie, czemu nie, póki nie znajdę wreszcie tego Snapa, to może być fajne. Miniaturki moich szablonów na wyciągnięcie ręki.. :)

Na razie się męczę, bo ja mam... Jakby tu napisać... KRÓTKI szablon. A fotogalerii się nie da skrócić. Ale ja nie takie wyzwania miałam w moim krótkim szablonowym życiu :D

No to jak ktoś wie z tymi Snapami to prosiłabym napisać to w komentarzu.
...
Wchodziłam na http://www.snap.com, ale tam tylko wyszukiwarka (chyba że jestem tak ciemna, że nie widzę nbiczego poza marną wyszukiwarką)

Kursory inne od normalnej strzałki widzimy coraz częściej (stety, a może niestety). Chciałam ja też pobawić się w te owe kursory.
Gdy zobaczyłam, ile jest wersji kursorów to osłupiałam. Tak, całe 33 kursory. Niestety, w pełni działają tylko te:

crosshair,

hand,

move,

e-resize,

ne-resize,

n-resize,

nw-resize,

w-resize,

sw-resize,

s-resize,

se-resize,

text,

wait,

help,

default,

auto,

pointer,

all-scroll,

col-resize,

row-resize,

no-drop,

not-alloved,

progress,

vertical-text.

Pełna lista tu.
Więc spróbowałam. Efekty widać na tej stronie :)

---

JAK TO ZROBIć??
Najlepiej w miejscu body wpisać: cursor: i wybrać jakiś przykład z góry.

PRZYKŁAD:
cursor: crosshair

Wreszcie wymęczyłam szablon na www.burdelek9.blox.pl. Aż sama sobie nie dowierzam. Nie jest jakiś z super bajerami, ale nie mogłam go skończyć.
Za każdą razą, gdy chciałam skończyć szablon mówiłam: "Nie! On nie jest wart dokończenia".
Więc jest, jaki jest. Nawet ładny ;)
Słowo, które idealnie odzwierciedla ten szablon to: szabek.
Ostatnio dostałam świra na punkcie tego słowa. Nie wiem, czemu. Może jest tak, jak Disco-Polo: beznadziejny, a za razem chwytliwy ;)

Miłego kopiowania!!
P.S. Obiecuję, że jak dostanę wenę to zrobię super super szablon :D

*** UWAGA !! ***
Działa tylko na Internet Explorer i nowszych wersjach Opery

Widziałam kiedyś kolorowe suwaki. Widziałąm kiedyś bezbarwne suwaki, ale to już inna historia.
Postanowiłam je mieć. W kursie znalazłam stronę, na której można robić kolorowe suwaki. Wystarczy skopiować tylko ten tekst z prawej strony, który pisze: scrollbar... itd. Po lewej stronie wybiera się kolor i sprawdza na górze w okienku.
Mnie nie wystarcza wąska gama kolorów, więc przewertowałam całą stronicę o suwakach w kursie.

JAK TO ZROBIć??

Wchodzisz na wyżej wymienioną stronę. Kopiujesz tekst od
scrollbar-3dlight-color:;
do
scrollbar-shadow-color:
ALE bez kolorów (z wartością none przy kolorach). Niestety, trzeba samemu wypróbować, która komenda odpowiada za jaki fragment tekstu, ponieważ opisać się tego nie da. Wklejamy tam, gdzie mamy wartość overflow: scroll lub auto (a o tym było w 1. lekcji)

PRZYKŁAD

scrollbar-base color: #ffffff;
scrollbar-darkshadow-color: #000000;
www.burdelek7.blox.pl