Перейти до основного вмісту
Головна
нотатки кодера

Navigation

  • Головна
  • Про мене
  • Портфоліо
User account menu
  • Вхід

Рядок навіґації

  1. Головна

Typoscript: створення меню HMENU з використанням зображень з записів Сторінки "resouces" - "media"

від vetal, 15 грудня, 2011
Категорія
Програмування
  • Щоб додати коментар, увійдіть або зареєструйтесь

Припустимо, ви захотіли створити меню, і для кожного пункту вивести окреме зображення над пунктом меню. Щоб зробити це можна використати CSS, визначивши id для кожного меню і додати background`ом потрібне зображення. Але, на мою думку, використовувати штатні засоби typoscript буде краще. 

В цьому нам допоможе закладка "resouces" котру можна знайти при редагуванні сторінки. Додайте по одному зображенню для кожної сторінки, котру ви будете виводити в меню з піктограмами. Тепер напишем наш typoscript: 

lib.menu = HMENU lib.menu { 
  special = directory 
  special.value = 3 
  1 = TMENU 1 { 
    expAll = 1 
    noBlur = 1 
    NO { // знімаємо штатні посилання, ми будемо визначати посилання вручну 		    
      doNotLinkIt = 1 // вписуємо увесь пункт меню в тег 
      wrapItemAndSub = | // задаємо посилання для всього пункту меню 
      allWrap.stdWrap.dataWrap = | // вписуємо текст з заголовку в тег 
      stdWrap.wrap = | // виводими зображення з запису медіа сторіники 
      beforeImg{ 
        import = uploads/media/ 
        import.field = media 
        import.listNum = 0 
      } // завершаем тэг ссылки 
      after.wrap = | 
    } 
    ACT =1 
    ACT < .NO 
    ACT { // додаємо клас активного пункту меню 
      wrapItemAndSub = |
    } 
  } 
} 

Ну ось, залишилось додати в вивід lib.menu і меню з піктограмами готове!

typoscript
typo3
page resouces
media

Категорії

  • Історії
  • Адміністрування
  • Поради
  • Програмування

Останні матеріали

  • SCP з докачуванням
    1 рік 9 місяців ago
  • Таблиці IPFW
    1 рік 11 місяців ago
  • Як видалити порт FreeBSD з залежностями
    1 рік 11 місяців ago
  • screen — кращий друг адміна
    1 рік 11 місяців ago
  • gd-png: fatal libpng error
    1 рік 11 місяців ago
  • OpenCart облік прибутку
    1 рік 11 місяців ago
  • Fail2Ban: Постійний бан
    2 роки ago
  • Як отримати список змінених файлів між ревізіями
    7 років ago
  • Що робити якщо svn: database disk image is malformed
    8 років ago
  • Як виправити пошкоджений /etc/sudoers файл
    9 років 1 місяць ago

1980-2025 © All rights reserved. vetal.insky.one // нотатки кодера.