PDA

Zobacz pełną wersję : Joomla + Photoshop problem z tłem



grz
26-12-2007, 16:35
Witam,

Mam następujący problem:

Mam gotową templatkę do której miałem dołączone pliki PSD.
Wszystko niby jest ładnie pięknie, ale chciałem zrobić taką rzecz;

Chciałem zrobić w obrębie tła ikony z odsyłaczami.
Wszystko poszło okej, pociąłem odpowiednio tło, ale teraz nie wiem co dalej, jak to zrobić, żeby ikony były aktywne ?
Nie wiem gdzie mam dodać kod.

Z Photoshiopa wyeksportowalem pliki na www i mam index.html + folder images.

Jeśli ktoś wie gdzie to wrzucić i żeby działało to będę bardzo wdzięczny


Pozdrawiam wszystkich,
grz

krecik
27-12-2007, 01:54
przed tobą dużo nauki,
radzę się zapoznać z joomla.pl /pomoc/szablony/

Co do tych przycisków, to w template_css.css masz takie coś:



a.mainlevel{
display:block;
background-image:url(../images/button.gif);
width:216px;
height:21px;
} /* this styling is for the MAIN items in the menu */

a.mainlevel:link {
text-align:center;
color:#969696;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.mainlevel:visited {
text-align:center;
color:#969696;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.mainlevel:hover {
display:block;
background-image:url(../button_hover.gif);
width:216px;
height:21px;
}

Nie wiem czy poprawnie Ale ja tak robie i u mnie dziala

olajola
01-01-2008, 15:08
Witam,

Mam następujący problem:

Mam gotową templatkę do której miałem dołączone pliki PSD.
Wszystko niby jest ładnie pięknie, ale chciałem zrobić taką rzecz;

Chciałem zrobić w obrębie tła ikony z odsyłaczami.
Wszystko poszło okej, pociąłem odpowiednio tło, ale teraz nie wiem co dalej, jak to zrobić, żeby ikony były aktywne ?
Nie wiem gdzie mam dodać kod.

Z Photoshiopa wyeksportowalem pliki na www i mam index.html + folder images.

Jeśli ktoś wie gdzie to wrzucić i żeby działało to będę bardzo wdzięczny

grz

Wow! Ale masz oczekiwania wobec tego nedznego Ps. Daleko mu jeszcze do takiej inteligencji, zeby grzebał i zmienial kod w Joomli.

Jesli dobrze rozumiem zrobiles eksport z Photoshopa do html-a i masz plik index.html z odnosnikami do plików jpg (gif?) w katalogu images.
W takiej sytuacji na dzien dobry wywal ten index.html i zostaw sobie same obrazki.
Te obrazki powinny sie znalezc na serwerze w katalogu /templates/nazwa twojej templatki/images.

Dalej postepuj zgodnie z rada Krecika. Jednak w twoim szablonie w pliku template_css.css wcale nie musi byc tego zapisu, albo bedzie inny. Musisz go dostosowac do swoich potrzeb.

Klasa .mainlevel opisuje wyglad menu glownego.
Wpisujac tu swoje ustawienia mozesz dostosowac wyglad i reagowanie menu do swoich potrzeb.

Obrazek uzyty do menu najlepiej zapisac jako tlo:
background-images: url(../imagels/obrazek.jpg)

W takiej sytuacji mozesz wyslwietlac tekst menu na tle obrazka. Tekst menu wpisujesz oczywiscie w panelu administracyjnym serwisu w ustawieniach menu.

W tej klasie mozesz zdefiniowac tez wyglad tekstu menu, w kazdej pozycji: visited, acitive, hover.

grz
01-01-2008, 19:34
Dzięki, problem już wcześniej udało się rozwiązać.


A tak btw. to PS nie jest nędzny ;)