[CSS]Zmiana koloru czcionki po najechaniu muszką Opcje

[Dymecky]

link: www.damianswitek.prv.pl

Jak zrobić coś takiego

Nie wiem czy mam załączyć mój kod w pliku style.css czy theme.php

Może wystarczy samo to, jest to w pliku theme.php, tak mam ustawione menu a nagłówek zrobiony jest w photoshopie.

<map name="menu" id="menu"><area shape="rect" coords="107,40,304,60" href="'.BASEDIR.'index.php" alt="" />
<area shape="rect" coords="337,40,467,60" href="'.BASEDIR.'euro2012.php" alt="" />
<area shape="rect" coords="499,40,720,60" href="'.BASEDIR.'mlodzizdolni.php" alt="" />
<area shape="rect" coords="749,40,876,60" href="'.BASEDIR.'oautorze.php" alt="" />

[Damonsson]

Masz kilka beznadziejnych wyjść z tej beznadziejnej sytuacji:

1. Utworzyć kolejne 4 WIELKIE pliki logo.jpg i w każdym zmieniony kolor czcionki jednego linka na inny.
2. Zastosować CSS Sprites. Przynajmniej raz ktoś poczeka te 20 sekund. A nie co chwila po 5 sekund.
3. Pociąć ten logo.jpg na mniejsze części i wtedy tylko podmieniać dane linki.
4. Zmienić całkowicie koncepcje strony i zrobić to menu na normalnej liście, zastosować font-face dla tej Twojej brzydkiej czcionki. To rozwiązanie polecam.

Wszędzie przydatna będzie funkcja w CSS zwana

[CSS] pobierz, plaintext 
:hover
[CSS] pobierz, plaintext 

[Dymecky]

Powiedzmy że interesuje mnie tylko 1 opcja, zrobiłem te 4 loga i co teraz, jakiego skryptu mam użyć żeby po najechaniu na dany odnośnik on zmienił kolor ? tzn żeby ten drugi plik loga ze zmienionym kolorem danego odnośnika się podmienił na czas najechania myszką na odnośnik.

Ten post edytował Dymecky 13.09.2010, 10:11:48

[sunpietro]

przygotuj kilka plików graficznych i wczytaj je zależnie od linka na który zostanie najechany
linkom przydziel indywidualne ID i dodaj odpowiedni styl (background i pozycjonowanie elementu)

[Dymecky]

No właśnie ale jak to zrobić : ) bo ja w tym temacie jestem laik

[sunpietro]

najprościej, można to zrobić tak, że przygotujesz grafikę z wyciętymi elementami najazdowymi o tych samych wymiarach co rozmiar mapy i ustawiasz najazd dla danego ID linka

[Dymecky]

a możesz mi podać na to skrypty i wytłumaczyć, byłbym wdzięczny bo wiesz ja połowy tych terminów co napisałeś to nie rozumiem.

[sunpietro]

to udostępnij cały kod HTML jaki masz do tego i obrazek mapy, to ja pokażę jak to zrobić.

[Dymecky]

No okej tutaj masz wszystki pliki pod tym linkiem

http://www.sendspace.com/file/6ju4f6

mape menu masz w pierwszym poście.

Jak będziesz miał chwile czasu to napisz mi co i jak... tak żebym zrozumiał ; )

Ten post edytował Dymecky 13.09.2010, 14:51:12

[sunpietro]

teraz tak patrzę do Twojego kodu i stwierdzam, że fatalnie budujesz stronę
do budowania szablonu strony NIE UŻYWA SIĘ TABELEK!!
to co masz jako mapę to możesz zrobić po prostu menu na bazie <ul></ul> i <li></li> jest zdecydowanie prościej (nie musisz kombinowac z mapą) i wtedy do każdego elementu li dajesz osobne tło z obrazkiem. Możesz się pobawić tutaj w "CSS sprites" (nie wiem jak to napisać po polsku).
Ogólnie rzecz biorąc, korzystaj z nowoczesnych standardów i nie komplikuj sobie nie potrzebnie życia

[Dymecky]

Ja jej nie zbudowałem to jest po prostu wgrane na serwer php fusion i ściągnięty szablon który po prostu troche przerobiłem... nie chce nie wiadomo jakiej strony tylko po prostu coś w stylu bloga żebym mógł pisać artykuły bo ide na dziennikarstwo... interesuje mnie po prostu już tylko te odnośniki i tak naprawde nie znam się ani na css ani na php, może troche i dlatego prosiłbym żebyś po kodzie pomógł mi lub nawet jeśli byłbyś tak uprzejmy to zrobienie gotowca... bo ja naprawde nie mam potrzeby bawić się w webmastera, chodzi mi tylko o to żeby sobie popisać... i żeby strona wyglądała jakoś nienajgorzej.

[sunpietro]

to skoro sobie chcesz tylko popisać i nie masz zamiaru się bawić w webmasterkę to zainstaluj sobie Wordpress
tam masz od groma ciekawych szablonów i bardzo prosty interfejs

[Dymecky]

Wiesz siedziałem troche nad tym to teraz szkoda zebym znowu od poczatku sie za co innego zabieral, chce to zrobic do konca... dla mnie stronka jest w sam raz tylko jeszcze te linki bym zrobił i byłoby cacy... przerzucac sie nie mam zamiaru także jakbyś dał mi gotowe skrypty to byłoby fajnie, jak nie to będe kombinował dalej

Czy ktoś inny może pomóc w napisaniu takiego skryptu.

[Damonsson]

Wytłumacz mi jedno. Jaka jest różnica we wpisaniu gotowego kodu źródłowego, a użyciu przykładowo Wordpress? Jakieś fikcyjne wyobrażenie Twojego mózgu, że niby sam to zrobiłeś? Przecież nie zrobiłeś, skoro oczekujesz gotowego kodu.

Na stronie masz dział, gotowe rozwiązania, tam powinieneś napisać, albo na giełdę, jeśli nie znajdziesz dobrego samarytanina.

[ixpack]

proponuje wordpress, jeżeli nie chcesz się "uczyć" - łatwiejszy w użyciu i "fajniejsze" szablony.

A co do "podmieniania" 2 plików graficznych - lepiej dać jeden, przesunięty i przesówać w dół, czy w górę - w wypadku hover.

[Dymecky]

Nie chce wordpressa bo jest niedojebany... podbijam post... jest ktoś chętny do napisania takiego skryptu ? Jakbym chciał sobie założyć bloga to nie jebałbym się z php fusion.


Ten post edytował Dymecky 20.09.2010, 16:39:28