052. i feel so alone ~ pomysły CSS, szablony, tekstury

 

Cześć wszystkim. Studia się zaczęły, a więc i regularne posty na Terrible Crash wracają! Mam mnóstwo spraw, o których chciałabym tu napisać. Musicie wiedzieć o wielu rzeczach i aż nie wiem, od czego zacząć. TC potrzebuje nowego szablonu głównego. Mam już w głowie pewien zarys. Postaram się, aby było to coś zupełnie innego i mam nadzieję, że moje kolejne nowe pomysły również przypadną Wam do gustu :3 Właściwie muszę zmienić tu dosłownie wszystko: regulaminy, spis rzeczy i calutką organizację bloga, gdyż na dłuższą metę taka organizacja stała się dla mnie kompletnie niewygodna. Poza tym, wciąż nie miałam kiedy zaktualizować tych dodatków wszystkich, bo wiele nie działa :( Jest dużo do zrobienia. Marzy mi się też, by odwołać zamówienia, a na ich miejsce na stałe wrzucić propozycje. Zasada byłaby prosta - opisujecie szablon, tak jak przy zamówieniu, ale szablon będzie propozycją i będzie mógł go pobrać każdy. Myślę, że system ten jest bardzo dobry, gdyż mogę uszczęśliwić większą liczbę osób:p A Wy co o tym myślicie? Wszystko z nowym szablonem pojawi się już niebawem, jak tylko będę miała więcej czasu. Będzie fajnie! :D Zaskoczę Was xD

Jeśli chodzi o zamówienia... Został mi już tylko szablon dla Priceless. Kochana, nagłówek jest gotowy, muszę to tylko zakodować, a trochę to zajmuje, zwłaszcza że zależy mi na tym, by szablon miał w sobie coś innego. Za tydzień go dostaniesz:) Jeśli ktoś chce zamówić - zapraszam do opisania potrzebnego szablonu w komentarzu. Jeśli wykonam to tylko na powyżej opisanych zasadach, w ramach propozycji.

Dzisiaj tekstury, trochę o CSS'ie i szabloniki dla Vain i Nathaline.Zacznijmy od tych instrukcji CSS. Na razie może wyglądają niezbyt przejrzyście, ale wszystko się zmieni niebawem <3 Pytacie o różne efekty, praktycznie o wszystko, dlatego stopniowo będę Waszą ciekawość zaspokajać. Jeśli gdzieś użyjecie, proszę bardzo o informację, że korzystaliście z instrukcji stąd do stworzenia tego i tego:p Jasne? To zaczynamy:)

LINK DO KOMENTARZY, DATA, AUTOR, GODZINA Z BOKU POSTÓW

Widniało to na Katalogu Grafików i na Graficznym Spisie, na szablonach głównych, które wykonałam. Szablon wakacyjny, pamiętacie? Kojarzycie,o co chodzi?:) Wiele osób pytało: "Jak to zrobić, żeby te linki były obok postów, na samej górze?" i zaraz zobaczycie, jakie to proste.
Selektory:

.post-author                           logiczne - autor notki
h2.date-header span             data notki
.commen-link                        link do komentarzy
.post-timestamp                    godzina notki

Najważniejsze, co musicie dopisać do każdego z tych selektorów, to pozycjonowanie i szerokość. Przykład:

.post-author  {
position:absolute;
width:100px;
top: 10px;
left:10px;
}

Koniecznie wybierajcie pozycjonowanie absolutne, nie relatywne! Z szerokością (width) trzeba uważać, bo niektórzy mają nicki dłuższe niż na 100px, dlatego zapobiegliwie, aby uniknąć 'reklamacji' ze strony pobierających szablony lepiej jest dać więcej:p Albo w ogóle nie dawać szerokości. To też sprawi, że będzie to u Was wyglądać oryginalniej;) Top i left ustawią wam link w danym miejscu. Musicie oczywiście sami, metodą prób i błędów, dobrać wartości. Każdy szablon wymaga innych, tutaj nie ma złotego środka. Oczywiście do kodu możecie dodać tła, kolory i styl czcionek, co tam sobie wymarzycie:p
Analogicznie postępujemy w przypadku pozostałych trzech selektorów (data, link do komentarzy, godzina).

PODPIS AUTORA SZABLONU WBUDOWANY W SZABLON

Kolejną rzeczą, którą chcieliście wiedzieć, był podpis szablonu. Jest to bardzo proste, niemniej jednak trzeba zajrzeć do kodu HTML szablonu, żeby taki podpis ustawić na stałe. Jest to o tyle fajne, że mamy gwarancję, iż informacja, skąd szablon pochodzi, na pewno się u pobierającego znajdzie, w dodatku stanie się to automatycznie, wgra się razem z całym szablonem:p Pobierający ma mniej roboty (nie musi się martwić o dodawanie informacji skąd pobrał) i ogólnie obie strony mają lżej:p

Wchodzimy w Szablon > Edytuj kod HTML. Przedstawię Wam mój sprawdzony sposób, gdzie najlepiej to zamontować, żeby nikt nie błądził i przypadkiem nie wkleił tego gdzieś w środek jakiegoś istotnego kodu, bo wtedy szablon by się popsuł i tyle:p

<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>

Za tym wklejamy przykładowego div'a z podpisem. Na przykład:

<div class="podpis">Szablon wykonany przez Yassmine</div>

Teraz zapisujemy nasz szablon. Wchodzimy w Dostosuj > Zaawansowane > Dodaj arkusz CSS. Za pomocą nadanej klasy 'podpis' możemy dodać naszej ramce z podpisem styl, czyli np. ustalić pozycjonowanie, tło, marginesy zewnętrzne, wewnętrzne itd. Przykładowy kod CSS:

.podpis {

position:absolute;

left: 10px;

bottom: 0;

width: 300px;

padding:20px;

background:#000000;

color:#ffffff;

}

Oczywiście wartość szerokości (width) oraz wartości pozycjonowania możemy zmieniać dowolnie, tak samo zresztą jak kolory tła i czcionki:) Myślę, że jest to jasne i sobie poradzicie.

Czas na dodatki. Informujcie mnie o pobraniu czegokolwiek, czy to szablonu, czy tych tekstur.

Zostawiam Was z tym. Cały wolny czas będę teraz poświęcać na ogarnięcie Terrible Crash'a i dokonanie w nich niezbędnych zmian. A po wszystkim, po tej całej metamorfozie bloga, poświęcę się całkowicie tworzeniu szablonów i grafiki. W planach także impreza graficzna. Trzymajcie kciuki!

xoxo;*

PS przepraszam Vain, że tak długo musiałaś czekać;*