Jednoduchý seznam souborů má ve výchozím nastavení převzít vzhled motivu vašeho webu. Bez jakýchkoli úprav stylu by měl na vašem webu WordPress vypadat reprezentativně.

Pokud si však přejete upravit vzhled, můžete použít CSS v rámci tématu vašeho webu. Zacílením na následující prvky HTML můžete přepsat vestavěné styly vlastním CSS.

Common Elements Across All Views

Seznam souborů Wrapper & Container

• .eeSFL: Hlavní kontejner pro seznamy souborů ve všech zobrazeních.
• .eeFiles: Kontejner obsahující položky souboru.

Struktura položky souboru

• .eeSFL_Item: Představuje jednotlivý soubor s podrobnostmi, akcemi a metadaty.
• .eeSFL_Thumbnail: Obsahuje miniaturu souboru.
• .eeSFL_FileName: Zobrazí název souboru a poskytne odkaz.
• .eeSFL_FileDetails: Obsahuje metadata (velikost souboru, datum nahrání).
• .eeSFL_ListFileActions: Obsahuje tlačítka akcí pro každý soubor (otevřít, stáhnout, upravit, odstranit).

---

Prvky specifické pro zobrazení tabulky

Zobrazení tabulky používá k zobrazení souborů tradiční tabulku HTML. Toto zobrazení je responzivní a na malých obrazovkách se přesune na jednoduché in-line zobrazení.

Stolní kontejner a struktura

• .eeSFL funguje jako hlavní obal pro zobrazení tabulky.
• .eeFiles tvoří strukturu tabulky.
• Sloupce tabulky
  • .eeSFL_Thumbnail představuje sloupec pro miniaturu.
  • .eeSFL_FileName sloupec pro název souboru.
  • .eeSFL_FileSize sloupec pro velikost souboru.
  • .eeSFL_FileDate sloupec pro datum.
• Řádek tabulky
  • .eeSFL_Item představuje celý řádek souboru.
    Každý sloupec (Miniatura, Název, Velikost, Datum) je buňka uvnitř .eeSFL_Item.

---

Prvky specifické pro pohled dlaždic

Zobrazení dlaždic používá k zobrazení souborů rozvržení mřížky, zleva shora dolů doprava.

• .eeFiles drží prvky dlaždic.
• .eeSFL_Tile funguje jako obal jedné dlaždice obsahující každý soubor.
• .eeSFL_FileLink pro klikatelné názvy souborů.
• .eeSFL_ListFileActions v rámci dlaždice obsahuje akce jako Otevřít, Stáhnout, Kopírovat odkaz.

---

Prvky specifické pro Flex View

Ohebné zobrazení je navrženo tak, aby se rovnoměrně rozprostřelo po šířce obsahujícího prvku.

• .eeFiles používá rozložení flexbox pro citlivé zarovnání položek souboru.
• .eeSFL_Item představuje kontejner souborů s flexibilním rozložením.
• .eeSFL_Thumbnail zobrazí miniaturu souboru v flexibilním řádku.
• .eeSFL_FileInfo poskytuje podrobnosti o souboru vedle miniatury.
• .eeSFL_FileDetails zobrazuje velikost a datum souboru.
• .eeSFL_ListFileActions poskytuje odkazy pro akce, jako je stahování, kopírování a mazání.

---

Nahrajte prvky formuláře

Struktura formuláře

• #eeSFL_UploadForm zabalí celý formulář pro nahrání.
• .eeSFL_UploadFilesTitle je záhlaví formuláře pro nahrávání.

Vstupní pole

• #eeSFL_Name Vstup pro zadání jména odesílatele souboru.
• #eeSFL_Email Vstup pro zadání e-mailu odesílatele.
• #eeSFL_FileDesc textový vstup pro popis souboru.

Oblast nahrávání souborů

• #eeSFL_FileInput pro výběr souborů.
• #eeSFL_FileDropZone pro nahrání souborů přetažením.
• #eeSFL_FileUploadQueue zobrazí soubory zařazené do fronty k nahrání.

Tlačítka a indikátory

• #eeSFL_UploadGo Tlačítko, které zahájí proces nahrávání.
• #eeSFL_UploadProgress zobrazuje průběh nahrávání souborů.
• .sfl_instuctions poskytuje pokyny nebo poznámky pro nahrávání souborů.