Yshopnoosa.com

Hur man skapar en Mouseover i KompoZer

KompoZer är en gratis öppen källkod Web utvecklingsverktyg featuring en what-you-see-is-what-you-get eller WYSIWYG, redaktör och stöd för cascading style sheets, eller CSS. Dess flexibilitet gör det ett populärt val för både blivande och etablerade webbutvecklare. Flexibilitet och styrka kommer inte utan en viss nivå av komplexitet, dock - för att bibehålla kompatibilitet med HTML-standarder, inte varje kodning funktion är tillgänglig genom att klicka på en ikon och tillämpa förinställda egenskaper på ett objekt på sidan. Hover, "mouseover," sidan funktionen eller som ändrar färgen på en länk när muspekaren är placerad över kräver en del extra arbete att tillämpa korrekt.

Instruktioner

1 Öppna sidan som ska ändras i KompoZer.

2 Klicka på "Verktyg" i huvudmenyn-fältet överst i fönstret KompoZer. Klicka på "CSS redaktör" i den nedrullningsbara menyn.

3 Klicka på knappen omedelbart till vänster om "anpassad stilregeln" i den "skapa en ny:" i fönstret "CSS stilmallar".

4 Ange texten "en: hover", utan citationstecken, i textrutan nedanför den anpassade stilregeln.

5 Klicka på rutan "Skapa stilregeln".

6 Klicka på fliken "Text" ligger på den övre högra sidan av fönstret.

7 Klicka på en tom rektangel omedelbart till höger om textrutan märkt "Color:" att öppna color selector fönster som låter dig välja en fördefinierad färg eller välja en anpassad nyans.

8 Välj en färg. Klicka på "OK" knappen för att stänga fönstret färg urval. Namnet på en standardfärg visas i textrutan för färg; anpassade färger utses av deras hex värde.

9 Klicka på knappen "OK" längst ner i fönstret "CSS stilmallar" för att spara ändringarna och gå tillbaka till fönstret redigering.

10 Skapa länktexten som normalt i KompoZer genom att markera text, klicka på länkikonen och att ange adressen i egenskapsfönstret för popup. Länken ändras till den angivna färgen när du placerar muspekaren över texten.