Možnosti panela pozadia na paneli vlastností CSS aplikácie Dreamweaver

Pomocou panela Pozadie na paneli CSS Designer aplikácie Dreamweaver môžete určiť farbu pozadia alebo obrázok pre štýl – a ovládať spôsob zobrazenia pozadia na stránke. Nastavenia štýlu pozadia môžete použiť pre akýkoľvek prvok vašej webovej stránky, ktorý môže zobraziť pozadie – vrátane ,

, nadpisy a značky obrázkov.

Môžete napríklad zmeniť značku tak, aby zahŕňala nastavenia pozadia, ktoré sa vzťahujú na celú stránku, alebo môžete vytvoriť štýl pomocou selektora triedy alebo ID a určiť pozadie, ktoré sa zobrazí iba za jednotlivcom.

tag.

Zahrnutím pozadia do triedy alebo štýlu ID a

môžete obmedziť pozadie tak, aby sa na obrazovke zobrazovalo len tam, kde je

používa sa značka. Všimnite si, že možnosť Pozadie funguje s obrázkom iba vtedy, ak najprv nastavíte okraj okolo obrázka.

Môžete si vybrať z týchto možností pozadia:

• Farba pozadia: Určte farbu pozadia definovaného štýlu pomocou jednej z niekoľkých metód. Môžete kliknúť na farbu a vybrať preddefinovanú farbu alebo vytvoriť vlastnú farbu. Alebo použite kvapkadlo na vzorkovanie akejkoľvek farby na obrazovke. Nakoniec môžete zadať hexadecimálny kód farby – nezabudnite uviesť #, ako v prípade #000000 pre čiernu farbu alebo #ffffff pre bielu farbu.

• Background-Image: Vyberte obrázok, ktorý bude slúžiť ako pozadie vo vašej definícii štýlu. Zadajte ľubovoľnú adresu URL obrázka v počítači alebo na internete alebo kliknite na ikonu priečinka, prejdite na pevný disk a vyberte obrázok.

• Pozícia pozadia: Zadajte polohu obrázka na pozadí zľava a zhora od nadradeného prvku zadaním čísla do každého poľa. Táto možnosť je viditeľná iba vtedy, ak kliknete na malú šípku vedľa poľa adresy URL v časti Pozadie, čím sa zobrazia ďalšie polia, ktoré nasledujú.

• Veľkosť: Vyberte mieru v pixeloch, ems alebo inú možnosť a potom zadajte požadovanú veľkosť pozadia. Ak ponecháte pole Veľkosť nastavené na auto (predvolené), obrázok sa zobrazí v skutočnej veľkosti.

• Background-clip: Zadajte, či pozadie začína orámovaním, výplňou alebo obsahom prvku rámčeka, ako je napr.

  tag.

• Opakovanie na pozadí: Kliknutím na príslušnú ikonu určíte, ako a či sa má obrázok na pozadí opakovať alebo či sa má opakovať naprieč a nadol po stránke. V predvolenom nastavení dlaždice s obrázkami na pozadí, takže si musíte vybrať možnosť, ak nechcete, aby sa pozadie opakovalo, alebo ak chcete určiť, ako sa bude opakovať.

  Všimnite si tiež, že ak je obrázok väčší ako prvok, na ktorý je aplikovaný, bude viditeľná len taká veľká časť obrázka, koľko sa zmestí do oblasti zobrazenia prvku. Ak napríklad použijete obrázok so šírkou 600 pixelov ako pozadie a

  tag, ktorý je nastavený na šírku 300 pixelov, bude viditeľná iba polovica obrázka.

  Nasledujúce možnosti opakovania sú uvedené v poradí podľa vzhľadu ich ikon:

  • Zdediť: Pokiaľ nie je vybratá iná možnosť, každý prvok zdedí správanie svojho nadradeného prvku. Túto predvolenú možnosť nie je potrebné špecifikovať.

  • Opakovať: Obrázok na pozadí sa opakuje vertikálne a horizontálne na pozadí prvku.

  • Repeat-X: Pozadie sa na pozadí prvku opakuje horizontálne, ale nie vertikálne.

  • Repeat-Y: Pozadie sa na pozadí prvku opakuje vertikálne, ale nie horizontálne.

  • Bez opakovania: Pozadie sa zobrazí raz v ľavej hornej časti prvku.

  • Pôvod: Zadajte, či pôvod pozadia začína na okraji, výplni alebo obsahu prvku rámčeka, ako je napr.

    tag.

• Príloha: Určte, ako sa pozadie správa pri posúvaní stránky. Možnosti sú

  • Zdediť: Pokiaľ nie je vybratá iná možnosť, každý prvok zdedí správanie svojho nadradeného prvku. Toto je predvolená možnosť a nie je potrebné ju špecifikovať.

  • Opravené: Pozadie zostáva prilepené na jednom mieste v zobrazovacej oblasti a nezostane mimo dohľadu, ani keď sa webová stránka posúva.

  • Posúvanie: Pozadie sa posúva spolu s webovou stránkou.

• Prechod: Kliknutím na farebnú jamku vedľa položky Prechod otvoríte nový selektor vizuálneho prechodu aplikácie Dreamweaver.