Jak zrobić własny szablon CSS?

maj 28, 2010 by precelik
kategoria: Pozycjonowanie 

Czy się śpi, czy się leży kilka tysięcy złotych z internetu się należy... Zasady Pasywnego E-biznesu mój nowy kurs - trwają zapisy!


Szukałem ostatnio jakiegoś sposobu na stworzenie własnego szablonu CSS - nigdy się specjalnie do tego nie przykładałem uważając to za zbędna wiedzę (wyniki googlowania na hasło ‘free css templates’ - trochę demotywują do zapoznawania się z tą wiedza). W każdym jednak razie teraz jednak jakby nie było musiałem trochę nad stylami posiedzieć, a co z tym idzie trochę się z nimi bliżej zapoznać.

By wykorzystać zdobytą wiedzę, postanowiłem, że kolejne strony postaram się robić na własnych szablonach… kolekcje własnych zdjęć mam całkiem sporą, trzeba to jakoś wykorzystać. Zacząłem szukać jakiegoś narzędzia, które by mi pomogło w w tworzeniu szablonów CSS (grafiką zajmie się GIMP - jak się trochę więcej w nim robi okazuje się całkiem użyteczny). Policzenie tych wszystkich odstępów, marginesów to jakaś dla mnie czarna magia… zawsze była. By zgrać elementy na stronie ustawiałem najpierw dla divów odpowiednie tła bym je jakoś widzieć a następnie patrzyłem jak to wygląda w całości…

No ale to strasznie mozolne i nie do końca łatwe…

Zacząłem szukać w internecie szybko trafiłem na strony z podstawowymi layoutami np. tutaj czy też tutaj.. no i jakby nie było szybko też zacząłem podpatrywać i rozgryzać kody już gotowych stron… nadal jednak mozolna robota…

Googlam dalej tym razem pod hasła związane z WYSWIG i CSS (edytory graficzne stron), może w jakimś edytorze da się zrobić cały wygląd w CSS. Znalazłem poradę jednej osoby by radzić sobie pluginem do firefoxa Web Developer. Nawet instalować nie musiałem bo już dawno zainstalowany, wystarczy wybrać z menu polecenie edytuj CSS, a już mamy proste narzędzie do podglądu i edycji styli css w jednym oknie widząc jednocześnie zmieniającą się stronę. Bez tego ani rusz z zabawą stylami… no chyba że bardzo małymi kroczkami…

Jak już tak zacząłem bawić się tym narzędziem, zaraz potem przypadkiem odkryłem coś równie dobrego jak nie lepszego preinstalowanego razem z moją ulubioną operą. Nie wiem gdzie się to dotychczas ukrywało że tego nie widziałem… aż wstyd bo to żadna nowinka. W każdym razie obecna wersja opery (i wcześniejsze podobno też) ma coś takiego jak Opera Dragonfly. Wystarczy prawy przycisk i wybrać ‘przegląd elementu’ by uruchomić dwa dodatkowe okienka podglądu i edycji kodu html i CSS. Ma jeszcze kilka innych właściwości jak np. podgląd cookies, sesji itd.

Nie wiem gdzie to się uchowało przede mną, ale lepiej to znaleźć teraz niż wcale :)

Po co mi ten szablon?

Mam nadzieję że teraz w końcu uda się wykorzystać jakiś własny szablonik do pomocy w pozycjonownaiu co juz od dłuższego czasu miałem w planach :) Bo jakby nie było autorski link w stopce rozprzestrzeniający się po kilku stronach internetowych w kilku domenach musi robić swoje :)

Komentarze i opinie

9 Komentujących to “Jak zrobić własny szablon CSS?”

  1. xmen (3) on czerwiec 13th, 2010 8:47 po południu
    4Avatars v0.3.1

    Udostępnianie szablonów to świetna rzecz, która przynosi profity na długi czas. W 2006 zrobiłem szablon do phpBB by Przemo i do dzisiaj udaje się utrzymywać z tego 100k+ linków zwrotnych, pr4 wysoki stopień zaindeksowania adresu itd. Trzymam kciuki i mam nadzieję, że wyjdzie Ci dokładnie tak jak chcesz :) Pozdr.

  2. Dariusz (2) on lipiec 14th, 2010 12:37 po południu
    4Avatars v0.3.1

    a ja ksie robi link autorski w stopce ? Mam program do robienia templatow ale nie wiem jak wstawic link,widzialem na innych templatach ze tam link jest jakos specjalnie zakodowany.Jak to zrobic , mzoe jakis program to robi ?

  3. Lotto (1) on lipiec 14th, 2010 12:38 po południu
    4Avatars v0.3.1

    a mzoe polecicie mi jakis program do robienia templatow co od razu ma opcje generowania linku w stopce ?

  4. precelik (266) on lipiec 16th, 2010 2:49 po południu
    4Avatars v0.3.1

    Heh Lotto :P no tak łatwo to chyba nie ma :P

  5. Rósałek (2) on sierpień 6th, 2010 9:35 po południu
    4Avatars v0.3.1

    Taki prosty i genialny koncept na promocje w sieci oraz PRank i ja na to nie wpadłem… oj zaczynam w siebie wątpić :D

  6. Websik (2) on sierpień 26th, 2010 4:27 po południu
    4Avatars v0.3.1

    Jakiś czas temu też się męczyłem, żeby rozgryźć style i na szczęście udało mi się. W sumie to nie jest takie trudne, to jest bardziej logiczne, chociaż czasem, dopasowanie szablonu do wszystkich przeglądarek może wydawać się niemożliwe.

  7. Auto anonse (1) on wrzesień 2nd, 2010 12:35 po południu
    4Avatars v0.3.1

    juz znalazlem soft do robienia szablonow z linkiem zwrotnym w stopce, genialne

  8. Rósałek (2) on wrzesień 16th, 2010 6:55 przed południem
    4Avatars v0.3.1

    Możesz podzielić się tą wiedzą ;p

  9. opakowania z tektury (1) on listopad 5th, 2010 1:31 po południu
    4Avatars v0.3.1

    interesujący i bardzo przydatny artykuł , aby takich więcej.

Przeczytaj, pomyśl i napisz komentarz - dzięki.





Śledź komentarze do tego wpisu w kanale RSS

Czytaj regularnie i komentuj tego bloga, po umieszczeniu 7-dmiu komentarzy, linki do Twojej strony umieszczone przy komentarzach będą wolne od atrybutów nofollow.

Aby być na bieżąco z tym co się dzieje na blogu subskrybuj kanał RSS (co to jest RSS?)