antibloog

joomla!

012|| Upiększanie stronki

Witajcie! 

Dziś troszkę o psychice. Większość ludzi gdy wchodzi na stronę podświadomie natychmiast ocenia jej wygląd. Jeżeli im się spodoba wczytują się w treść. Jednak jeśli widzą białą stronę, brzydką z logo joomli, automatycznie myślą, że skoro strona wygląda jak krowie z gęby wzięta, wpisy także będą jak krowie z gęby wzięte. Niestety 50% szans, że twoja witryna zostanie dobrze odebrana, stanowi jej wygląd. Tym się dziś zajmiemy. 

Na początek zajmiemy się zmianą headera. Jestem pewien, że ten:

personal2.png

średnio Ci się podoba. Zmienimy go. 

#1 

Znajdź albo zrób sobie jakiś ładny header,

#2 

Zmień mu rozszerzenie na .png i nadaj nazwę "personal2"

#3

Wrzuć go na miejsce starego "personal2.png". Wrzuć go do C:\wamp\www\templates\beez_20\images\personal

#4 odśwież witrynę

Przed:

nagłówek- przed.bmp

(kliknij aby powiększyć)

po:

nagłówek- po.bmp

Lepiej, prawda?

Oczywiście mam nadzieję, że ty znajdziesz albo zrobisz sobie jakiś lepszy header. Ten mój jest tak na szybko googlowany na potrzebę serii poradników.

 

Następną rzeczą jaką zrobimy to zmiana tego logo od joomli. 

 

#1

Zrób sobie logo. Musi być w formacie .png Ja użyję logo antiblooga. To logo zostało zrobione przez Stellę. Ja jednak zmienię kolor, żeby jasne logo nie gryzło się z jasnym headerem. 

#2

nazwij go "joomla_black"

#3

Wrzuć go tutaj: C:\wamp\www\images oczywiście zastępując wcześniejsze logo. 

#4

Looknij na zmiany:

Przed:

logo przed.bmp

po:

logo po.bmp

 

Ostatnią rzeczą jaką zrobimy w headerze to zmiana tego napisu "open source content management".

Tym razem nie będziemy grzebać w plikach ani kodach. Zrobimy to z zaplecza.

Wybierz ikonkę "szablony". Na liście szablonów kliknij na beez_2. W sekcji "opcje rozszerzone" zmień pozycję "opis witryny" zaznaczoną na obrazku poniżej.

zmiana podpisu pod logo.bmp 

 

To tyle w kwestii headera. Teraz zajmę się tłem

#1

Skombinuj sobie tło (oczywiście w formacie .png)

#2 

nadaj mu nazwę "bg2"

#3

wrzuć go do C:\wamp\www\templates\beez_20\images\personal

#4

Odśwież stronę i się zachwycaj. 

U mnie wyszło tak:

nowe tło.bmp

(klik, aby powiększyć)

U mnie oczywiście wyszło to paskudnie :D Liczę na to, że ty okażesz się lepszym dekoratorem stron ode mnie :) Ja jeszcze zmniejszę przestrzeń między " Rozmiar tekstu Zwiększ.Wyzeruj.Zmniejsz" a headerem. Obniżę troszkę część główną stronki, aby tło troszkę wystawało z góry.  Jednak tym zajmiemy się nieco później.

____________________________________________________________

Piszcie w komentarzach co o tym sądzicie. Jeśli macie jakieś pytania też napiszcie w komentarzach. Jeśli coś was rozbawiło, rozwścieczyło, zasmuciło, zniechęciło lub było całkiem normalne: komentujcie. Nie macie co robić, czy toniecie w papierkowej robocie: komentujcie! Jest ładna pogoda, czy pada: zostaw komentarz. To nas bardzo motywuje. Do zobaczenia!