Jak stworzyć Mouseover w KompoZer

KompoZer jest darmowym narzędziem open-source do tworzenia stron internetowych, wyposażonym w edytor WYSIWYG i obsługę kaskadowych arkuszy stylów, czyli CSS. Jego elastyczność sprawia, że jest popularnym wyborem zarówno dla początkujących, jak i doświadczonych twórców stron internetowych. Elastyczność i możliwości nie są jednak pozbawione pewnego poziomu złożoności - aby zachować zgodność ze standardami HTML, nie każda funkcja kodowania jest dostępna po kliknięciu ikony i zastosowaniu predefiniowanych właściwości do elementu strony. Funkcja hover, lub "mouseover", która zmienia kolor linku, gdy kursor myszy jest umieszczony nad stroną, wymaga trochę dodatkowej pracy, aby została prawidłowo zastosowana.

Otwórz stronę, która ma zostać zmodyfikowana w KompoZer.

Kliknij "Narzędzia" na pasku menu głównego w górnej części okna KompoZer. Kliknij "Edytor CSS" w rozwijanym menu.

• KompoZer jest darmowym narzędziem open-source do tworzenia stron internetowych, wyposażonym w edytor WYSIWYG i obsługującym kaskadowe arkusze stylów, czyli CSS.
  
• Kliknij "Edytor CSS" w rozwijanym menu.

Kliknij przycisk znajdujący się zaraz po lewej stronie "niestandardowej reguły stylu" w sekcji "Utwórz nowy:" okna "Arkusze stylów CSS".

Wpisz tekst "a:hover", bez cudzysłowu, w polu tekstowym poniżej niestandardowej reguły stylu.

• Kliknij przycisk znajdujący się zaraz po lewej stronie "niestandardowej reguły stylu" w sekcji "Utwórz nowy:" okna "Arkusze stylów CSS".
  
• Wpisz tekst "a:hover", bez cudzysłowu, w polu tekstowym poniżej niestandardowej reguły stylu.

Kliknij pole "Utwórz regułę stylu".

Kliknij zakładkę "Tekst" znajdującą się w prawym górnym rogu okna.

Kliknij pusty prostokąt bezpośrednio po prawej stronie pola wprowadzania tekstu oznaczonego jako "Kolor:", aby otworzyć okno wyboru koloru, które umożliwia wybranie wstępnie zdefiniowanego koloru lub wybranie własnego odcienia.

Wybierz kolor. Kliknij przycisk "OK", aby zamknąć okno wyboru koloru. Nazwa standardowego koloru pojawi się w polu tekstowym dla koloru; kolory niestandardowe są oznaczone przez ich wartość heksadecymalną.

Kliknij przycisk "OK" na dole okna "Arkusze stylów CSS", aby zapisać zmiany i powrócić do okna edycji.

Twórz tekst łącza tak, jak zwykle w KompoZerze, zaznaczając tekst, klikając ikonę łącza i wpisując adres łącza w wyskakującym oknie właściwości. Link zmieni się na określony kolor, gdy kursor myszy znajdzie się nad tekstem.