středa, 22 03 2023

Přidání třídy (class) stránky do tagu <body>

Začátek
Předchozí
1
Další
Konec

Danko Velovský (Duvel)
Autor tématu
Offline
Pokročilý

Více

06. srp 2015 09:24 #226 od Danko Velovský (Duvel)

Přidání třídy (class) stránky do tagu <body> vytvořil uživatel Danko Velovský (Duvel)

Ahoj,

chtěl jsem se zeptat zda v Joomle jde nějakým způsobem přidat třídu (class) stránky, tak aby se zobrazovala v tagu body buď jako id nebo jako class, to je celkem jedno.

Aby to vypadalo nějak takto:
Menu "O nás" přídám třídu stánky "onas" a tag body by měl vypadat nějak takto

<body class="onas">

nebo

<body id="onas">

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

CMS systémy (cmssystemy)
Offline
Expert
Všechny redakční systémy na jednom místě

Více

06. srp 2015 22:43 #227 od CMS systémy (cmssystemy)

Odpověděl CMS systémy (cmssystemy) pro téma Přidání třídy (class) stránky do tagu <body>

Dobrý den,

lze to udělat následovně:

1. Do souboru index.php určený pro Vaši šablonu na začátek vložte

<?php
  $itemid = JRequest::getVar('Itemid');
  $menu = &JSite::getMenu();
  $active = $menu->getItem($itemid);
  $params = $menu->getParams( $active->id );
  $pageclass = $params->get( 'pageclass_sfx' );
?>

Tím dojde načtení třídy, kterou přidáváte v administraci u jednotlivých položek menu.

2. A tuto třídu je pak nutné vložit do tagu <body>:

<body id="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">

nebo

<body class="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">

pak budete mít v tagu <body> přesně to co požadujete:

<body id="onas">
<body class="onas">

Tým CMS systémy

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Erik Notek (Nutt)
Offline
Nováček

Více

07. srp 2015 07:58 #228 od Erik Notek (Nutt)

Odpověděl Erik Notek (Nutt) pro téma Přidání třídy (class) stránky do tagu <body>

Ahoj, dík to se mi taky hodí. Nastavil jsem si změnu pozadí pomocí třídy v tagu <body> pro každou stránku.

CSS pak vypadá nějak takto:

body.onas {
    background: #000 url("onas.jpg") no-repeat fixed left top / cover ;
}
body.kontakt {
    background: #000 url("kontakt .jpg") no-repeat fixed left top / cover ;
}

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.