eMaupie figle z szablonami
Blog > Komentarze do wpisu

Darmowe grafiki do szablonów

Przygotowując szablon na bloga, najczęściej zaczynam od znalezienia jakiejś grafiki do nagłówka, która zdefiniuje charakter bloga oraz kolorystykę pozostałych elementów (obramowań, czcionek, ikon itd.). Do tej pory albo wykorzystywałem jakieś swoje zdjęcie podrasowane w gimpie, albo przygotowywałem grafikę w inkscape. Niedawno jednak natrafiłem na pokaźny zbiór darmowych grafik udostępnianych na licencji Creative Commons.

Znajduje sie on pod adresem www.freewebpageheaders.com/gallery/. Grafiki są podzielone na kategorie tematyczne (jak np. zwierzęta, architektura, abstrakcja, artystyczne itp.) i naprawdę jest w czym wybierać.

Jak wstawić taki obrazek na bloxa? To proste. Wystarczy zarejestrować się na stronie freewebpageheaders i można ściągnąć obrazek do siebie na dysk, a następnie wgrać go do zasobów bloxa. Potem wystarczy podmienić obrazek we właściwości background elementu #BlogTytulBox

#BlogTytulBox {
    background: url(../resource/nazwa_obrazka.jpg) center top;
    //... pozostałe właściwości
}

czwartek, 07 lutego 2008, e-maupa

Polecane wpisy

  • Zrób sobie ikonkę

    Dziś, zgodnie z obietnicą, tutorial pokazujący jak zrobić ikonki z poprzedniej notki. Prezentacja wyszła mi niestety większa niż ostatnio (ok. 6MB) więc proszę

  • Ikony na Bloxa (Update)

    Update: Dodałem nowy, czarny zestaw. Pozostałe zostały uzupełnione o ikonkę dla linka TrackBack! Dziś przygotowałem zestaw ikon do wykorzystania w szablonach bl

  • Głębia ostrości w GIMPie

    Po dłuższej przerwie spowodowanej świątecznym urlopem, pora na pierwszą notkę w kategorii grafika. Przygotowałem mały samouczek pokazujący jak uzyskać efekt głę

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Komentarze
marcel.pajda
2008/02/07 18:45:22
Ja ze swej strony mogę polecić sxc.hu
-
pluskotka
2008/02/08 14:59:14
Często mam wejścia z twojej strony. Faktycznie wchodzisz na mój blog? Tak z ciekawości pytam.
-
2008/02/08 17:39:00
marcel.pajda:
Faktycznie fajna strona, zwłaszcza tutoriale mnie zaciekawiły :)

pluskotka:
Ja nie wstawiałem żadnego linka do Twojego bloga, te wejścia to pewnie z generowanego przez bloxa losowo linka "następny blog >>" w stopce strony.
-
pluskotka
2008/02/25 16:43:28
Ah no tak. To miłego sąsiada mam. :)
-
2008/04/15 18:10:37
uuuuuuuuuuuu.......... a ja nie umiem.... męczę się, męczę i nic z tego :( napisze ktoś jak powinno to wyglądać ( background elementu #BlogTytulBox ) dla .jpg który jest na dysku?
-
wortes
2008/04/29 16:14:39
orginał:

#BlogTytulBox {
background-image: url('/themes/1_default/images/kolo_pom.gif');
background-repeat: no-repeat;
background-position: top center;
background-color: #E56D38;
padding: 5px;
width: 710px;
margin-bottom: 5px
}


co jest w tym źle - prosze pomóż -
to co ma być - nowy nagłówek:

#BlogTytulBox {
background-image: url(czolowka_lks_lodz1.JPG) center top;
background-repeat: no-repeat;
background-position: top center;
background-color: #E56D38;
padding: 5px;
width: 710px;
margin-bottom: 5px
}

nie chce mi się zrobić to drugie, tylko to pierwsze
-
2008/05/01 09:09:15
@wortes:
wpisz background-image: url(/resource/czolowka_lks_lodz1.JPG) center top;
-
2008/05/01 09:10:41
@motyl_kobieta:
Nie do końca rozumiem pytanie. Możesz dokładniej opisać efekt jaki chcesz uzyskać? (O co chodzi z tym "na dysku"?)
-
2008/05/04 01:14:41
Chodzi o to, że #BlogTytulBox {
background : url(../resource/ nazwa_obrazka.jpg) center top;
//... pozostałe właściwości

A obrazek to jpg zapisany np na pulpicie.
-
pingumedia.pl
2017/02/10 17:11:15
Fajna sprawa, naprawdę.