Vlastní CSS v RT šablonách

Napsáno 08.06.2012 pro RocketTheme šablony a označeno jako RocketTheme

Jak do RocketTheme šablony doplnit vlastní soubor CSS

Gantry

Stává se, že je potřeba v šabloně doplnit či upravit CSS styl zobrazení. Aby tyto úpravy nebylo nutno provádět v základních CSS souborech, mají pro tento účel mnohé šablony speciální CSS soubor, nahrávaný jako poslední, mající tedy nejvyšší prioritu a sloužící právě k vlastnímu doplnění či přepisu stylů.

RocketTheme šablony takovýto soubor bohužel v základu neobsahují - je to dáno filozofií jejich autorů, nicméně není problém si jej snadno doplnit, stačí se držet tohoto stručného návodu.

Gantry šablony

Vytvořte si vlastní CSS soubor, pro naši potřebu jej nazvěte třeba custom.css a nahrajte jej přes FTP mezi ostatní CSS soubory šablony.

Otevřete si ve vaší Joomla soubor templates/název_vaší_šablony/index.php

Najděte tento kód:

$gantry->addStyles(array('template.css','joomla.css','style.css','typography.css'));

A změňte jej na:

$gantry->addStyles(array('template.css','joomla.css','style.css','typography.css','custom.css'));

Všimněte si, jakým způsobem byl do seznamu doplněn váš nový css soubor.

POZNÁMKA: Před používáním tohoto souboru doporučuji promazat mezipaměť Joomla i prohlížeče.

Starší šablony bez Gantry

Vytvořte si vlastní CSS soubor, pro naši potřebu jej nazvěte třeba custom.css a nahrajte jej přes FTP mezi ostatní CSS soubory šablony.

Otevřete si ve vaší Joomla soubor templates/název_vaší_šablony/index.php

Najděte tento kód:

</head >

A změňte jej na:

<link href="/cesta_k_vašemu_souboru/custom.css" rel="stylesheet" type="text/css" / >
</head >
Uvědomte si prosím, že při každé aktualizaci Gantry frameworku či ne Gantry šablony bude upravený soubor přepsán - před aktualizací je nutno si soubor zazálohovat či po aktualizaci soubor opět upravit.

Komentáře (0)

Napsat komentář

Pro přidání komentáře se prosím přihlaste.