Vytvoření vlastní hypertextové odkazy pomocí stylů CSS v aplikaci FrontPage 2003

Překlady článku Překlady článku
ID článku: 825450
Tato verze aplikace Microsoft FrontPage 2002 článek naleznete v tématu 287706.
Rozbalit všechny záložky | Minimalizovat všechny záložky

Na této stránce

Souhrn

Tento článek popisuje, jak vytvořit vlastní hypertextové odkazy ve kaskádové šablony stylů (CSS) pomocí aplikace Microsoft Office FrontPage 2003. Jeho obsahuje příklady, které ukazují, jak používat kaskádové šablony stylů list funkce Vytvořte vlastní hypertextové odkazy.

Poznámka: V tomto článku používá CSS funkce listu stylu, které nemusí být podporováno ve všech prohlížečích. Další informace naleznete v nápovědě k aplikaci FrontPage. Postup: Ano klepněte na tlačítko Nápověda pro Microsoft FrontPage v Nápověda Nabídka Typ šablony stylů Kompatibilita v Hledání panel a potom stiskněte klávesu Zadejte témata, které jsou vráceny.

Vytvořit vlastní hypertextové odkazy pomocí stylů CSS

Následující příklady ukazují, jak vytvářet vlastní hypertextové odkazy pomocí funkcí listu kaskádové šablony stylů:

Společnost Microsoft poskytuje ukázky programování pouze pro ilustraci bez žádné záruky výslovně uvedené nebo předpokládané. To zahrnuje, ale není omezen pouze na předpokládaných záruk obchodovatelnosti nebo vhodnosti pro určitý účel. Tento článek předpokládá, že jste obeznámeni s programovacím jazykem, který je předmětem ukázky a s nástroji, které slouží k vytvoření a ladění skriptu. Pracovníci podpory společnosti Microsoft mohou vysvětlit funkce určitého postupu, ale nemohou tyto příklady rozšířit o další funkce nebo konstrukce podle konkrétních požadavků. Poznámka: Buď můžete obdržet chybovou zprávu nebo stránky nesmí Zobrazte správně, pokud zkopírujete příklady přímo z tohoto článku a vložit Chcete-li, aby aplikace FrontPage. Lomené závorky (< and="">) se může zobrazit kód HTML. Chcete-li toto chování obejít, nejprve vložte kód vzorku prázdný dokument v programu Poznámkový blok a potom zkopírovat ukázkový kód z dokumentu v programu Poznámkový blok aplikace Chcete-li zobrazit stránku v aplikaci FrontPage.

Příklad 1: Vytvoření hypertextových odkazů, kde jsou zobrazeny pouze podtržení jinou barvou

V tomto příkladu formátuje text hypertextového odkazu na stejnou barvu jako text dokumentu. Zobrazí se pouze podtržení hypertextového odkazu v jinou barvu. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítkoStránkaa potom klepněte v dolní části stránky,Kód.
  3. Vložte následující kód v<head></head> oblast na stránce:
    <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. Vložte následující kód v<body></body> oblast na stránce:
    <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čítkoUložit.
  6. V Uložit jako Dialogové okno Zadejte, umístění, kam chcete uložit soubor, zadejte následující příkaz: Test1v Název souboru pole a pak klepněte na tlačítkoUložit.
  7. V Soubor příkaz Náhled v prohlížečia klepněte na příkaz, který chcete pomocí webového prohlížeče Náhled stránky.

Příklad 2: Vytvořte hypertextové odkazy tohoto tlačítka přechodu na použití

Tento příklad vytvoří hypertextové odkazy, které pomocí tlačítek s efektem přechodu styl s jednobarevné pozadí. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítkoStránkaa potom klepněte v dolní části stránky,Kód.
  3. Vložte následující kód v<head></head> oblast na stránce:
    <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. Vložte následující kód v<body></body> oblast na stránce:
    <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čítkoUložit.
  6. V Uložit jako Dialogové okno Zadejte, umístění, kam chcete uložit soubor, zadejte následující příkaz: Priklad2v Název souboru pole a pak klepněte na tlačítkoUložit.
  7. V Soubor příkaz Náhled v prohlížečia klepněte na příkaz, který chcete pomocí webového prohlížeče Náhled stránky.

Příklad 3: Vytvořte hypertextové odkazy tohoto tlačítka osnovy použití

Tento příklad vytvoří hypertextové odkazy, které je uvedeno, styl přechodu tlačítko. Barevný rámeček kolem textu hypertextového odkazu, který vytvoří obrys účinek. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte takto:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítkoStránkaa potom klepněte v dolní části stránky,Kód.
  3. Vložte následující kód v<head></head> oblast na stránce:
    <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. Vložte následující kód v<body></body> oblast na stránce:
    <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čítkoUložit.
  6. V Uložit jako Dialogové okno Zadejte, umístění, kam chcete uložit soubor, zadejte následující příkaz: Example3v Název souboru pole a pak klepněte na tlačítkoUložit.
  7. V Soubor příkaz Náhled v prohlížečia klepněte na příkaz, který chcete pomocí webového prohlížeče Náhled stránky.

Příklad 4: Vytvoření hypertextových odkazů, které formátováním jiného textu

V tomto příkladu formátuje použití jiných podtržený, hypertextové odkazy text, kurzíva, malá písmena. Když přesunete ukazatel myši na hypertextový odkaz, text v hypertextový odkaz je převeden na velká písmena. Chcete-li vytvořit vlastní hypertextový odkaz, postupujte Tyto kroky:
  1. Spusťte aplikaci FrontPage a vytvořit novou, prázdnou stránku.
  2. V Zobrazení nabídky, klepněte na tlačítkoStránkaa potom klepněte v dolní části stránky,Kód.
  3. Vložte následující kód v<head></head> oblast na stránce:
    <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. Vložte následující kód v<body></body> oblast na stránce:
    <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čítkoUložit.
  6. V Uložit jako Dialogové okno Zadejte, umístění, kam chcete uložit soubor, zadejte následující příkaz: Example4v Název souboru pole a pak klepněte na tlačítkoUložit.
  7. V Soubor příkaz Náhled v prohlížečia klepněte na příkaz, který chcete pomocí webového prohlížeče Náhled stránky.

Odkazy

Další informace o CSS v Aplikace FrontPage 2003, naleznete v nápovědě k aplikaci FrontPage. Postup na Nápovědanabídky, klepněte na tlačítko Nápověda aplikace Microsoft Office FrontPage. V Hledat Typ pole šablony stylů listy, a poté stisknutím klávesy ENTER zobrazte témata, které jsou vrácena.

Odkazy

Pro další informace naleznete v následujících článcích znalostní báze klepněte Znalostní báze Microsoft Knowledge Base:
196488Fs000: Co jsou stylů CSS?
205996 Vytvoření stylů CSS v aplikaci FrontPage 2000
240972 Postup: Odeberte podtržení hypertextových odkazů v aplikaci FrontPage 2000
222949 FP2000: Vytváření efektů přechodu tlačítka formuláře pomocí jazyka DHTML a šablony stylů CSS

Vlastnosti

ID článku: 825450 - Poslední aktualizace: 20. května 2011 - Revize: 4.0
Klíčová slova: 
kbhowto kbmt KB825450 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:825450

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