Použití stylů CSS k vytvoření vlastní hypertextové odkazy v Expression Web

Překlady článku Překlady článku
ID článku: 928715 - Produkty, které se vztahují k tomuto článku.
Rozbalit všechny záložky | Minimalizovat všechny záložky

Na této stránce

ÚVOD

Tento článek popisuje, jak vytvořit vlastní hypertextové odkazy v Microsoft Expression Web pomocí šablony stylů (CSS). Obsahuje příklady, které ukazují, jak používat funkce CSS vytvořit vlastní hypertextové odkazy.

Další informace

Příklad 1: Vytvoření hypertextových odkazů, v nichž podtržení je zobrazena v různých barev

V tomto příkladu formátuje text hypertextových odkazů na stejnou barvu jako text dokumentu. Pouze podtržení hypertextové odkazy se zobrazí jinou barvou. Chcete-li vytvořit tyto vlastní hypertextové odkazy, postupujte takto:
  1. Spusťte Expression Web a pak vytvořte novou prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítko Stránkaa klepněte na tlačítko Kód v dolní části stránky.
  3. V <head></head> oblast stránky, vložte následující kód:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px } 
    a:link { border-bottom-color: blue } a:visited { border-bottom-color: purple } 
    a:hover { border-bottom-color: green } a:active { border-bottom-color: red } 
    </style> 
  4. V <body></body> oblast stránky, vložte následující kód:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. V Soubor nabídky, klepněte na tlačítko Uložit.
  6. V Uložit jako Dialogové okno Zadejte umístění, do kterého chcete soubor uložit,.
  7. V Název souboru Typ pole Test1a klepněte na tlačítko Uložit.
  8. V Soubor příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.

Příklad 2: Vytvoření hypertextových odkazů, které pomocí tlačítka přechodu

Tento příklad vytvoří hypertextové odkazy, které pomocí tlačítka přechodu, který jednolité pozadí nemají. Chcete-li vytvořit tyto vlastní hypertextové odkazy, postupujte takto:
  1. Spusťte Expression Web a pak vytvořte novou prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítko Stránkaa klepněte na tlačítko Kód v dolní části stránky.
  3. V <head></head> oblast stránky, vložte následující kód:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; padding: 3px } 
    a:link { color: white; background-color: blue } 
    a:visited { color: white; background-color: purple } 
    a:hover { color: white; background-color: green } 
    a:active { color: white; background-color: red } 
    </style> 
  4. V <body></body> oblast stránky, vložte následující kód:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. V Soubor nabídky, klepněte na tlačítko Uložit.
  6. V Uložit jako Dialogové okno Zadejte umístění, do kterého chcete soubor uložit,.
  7. V Název souboru Typ pole Priklad2a klepněte na tlačítko Uložit.
  8. V Soubor příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.

Příklad 3: Vytvořte hypertextové odkazy, které pomocí tlačítka osnovy přechodu

Tento příklad vytvoří hypertextové odkazy, které pomocí tlačítka osnovy přechodu. Umístíte-li na tyto hypertextové odkazy, barevný rámeček kolem textu hypertextového odkazu. Tím se vytvoří efekt obrysu. Chcete-li vytvořit tyto vlastní hypertextové odkazy, postupujte takto:
  1. Spusťte Expression Web a pak vytvořte novou prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítko Stránkaa klepněte na tlačítko Kód v dolní části stránky.
  3. V <head></head> oblast stránky, vložte následující kód:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px } 
    a:link { border-color: blue } a:visited { border-color: purple } 
    a:hover { border-color: green } a:active { border-color: red } 
    </style> 
  4. V <body></body> oblast stránky, vložte následující kód:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. V Soubor nabídky, klepněte na tlačítko Uložit.
  6. V Uložit jako Dialogové okno Zadejte umístění, do kterého chcete soubor uložit,.
  7. V Název souboru Typ pole Example3a klepněte na tlačítko Uložit.
  8. V Soubor příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.

Příklad 4: Vytvoření hypertextových odkazů, které používají odlišné formátování

V tomto příkladu formátuje hypertextové odkazy, používat text-podtržené, kurzíva, malá písmena. Umístíte-li na tyto hypertextové odkazy, text se změní na velká písmena. Chcete-li vytvořit tyto vlastní hypertextové odkazy, postupujte takto:
  1. Spusťte Expression Web a pak vytvořte novou prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítko Stránkaa klepněte na tlačítko Kód v dolní části stránky.
  3. V <head></head> oblast stránky, vložte následující kód:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; font-style: italic; text-transform: lowercase } 
    a:link { color: blue; font-weight: bold } a:visited { color: purple } 
    a:hover { color: green; text-transform: uppercase } 
    a:active { color: red } 
    </style> 
  4. V <body></body> oblast stránky, vložte následující kód:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p> 
  5. V Soubor nabídky, klepněte na tlačítko Uložit.
  6. V Uložit jako Dialogové okno Zadejte umístění, do kterého chcete soubor uložit,.
  7. V Název souboru Typ pole Example4a klepněte na tlačítko Uložit.
  8. V Soubor příkaz Náhled v prohlížečia klepněte na položku, kterou chcete zobrazit náhled stránky pomocí webového prohlížeče.

Odkazy

Další informace získáte klepnutím na tlačítko naleznete v následujících článcích znalostní báze společnosti Microsoft:
825450Jak vytvořit vlastní hypertextové odkazy pomocí stylů CSS v aplikaci FrontPage 2003
196488 Co jsou stylů CSS?
222949 Vytvoření efektů přechodu tlačítka formuláře pomocí jazyka DHTML a CSS v aplikaci FrontPage

Vlastnosti

ID článku: 928715 - Poslední aktualizace: 22. května 2011 - Revize: 3.0
Informace v tomto článku jsou určeny pro produkt:
  • Microsoft Expression Web
Klíčová slova: 
kbexpertiseinter kbhowto kbmt KB928715 KbMtcs
Strojově přeložený článek
Důležité: Tento článek byl přeložen pomocí software společnosti Microsoft na strojový překlad, ne profesionálním překladatelem. Společnost Microsoft nabízí jak články přeložené překladatelem, tak články přeložené pomocí software na strojový překlad, takže všechny články ve Znalostní databázi (Knowledge Base) jsou dostupné v češtině. Překlad pomocí software na strojový překlad ale není bohužel vždy dokonalý. Obsahuje chyby ve skloňování slov, skladbě vět, nebo gramatice, podobně jako když cizinci dělají chyby při mluvení v češtině. Společnost Microsoft není právně zodpovědná za nepřesnosti, chyby nebo škody vzniklé chybami v překladu, nebo při použití nepřesně přeložených instrukcí v článku zákazníkem. Společnost Microsoft aktualizuje software na strojový překlad, aby byl počet chyb omezen na minimum.
Projděte si také anglickou verzi článku:928715

Dejte nám zpětnou vazbu

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com