Russian TYPO3 community Форум больше не используется. Присоединяйтесь к каналу #community-ru в Slack for TYPO3 community  

Вернуться   Russian TYPO3 community > Тематические форумы > Инструменты разработчика

Ответ
 
Опции темы Опции просмотра
Старый 07.10.2015, 11:48   #1
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию Помогите разобраться со стандартными элементами контентами

Про NEOS Дмитрий на своем блоге написал очень интересный момент:
http://dimaip.github.io/2015/06/15/about-neos-cms/
"Вы не представляете сколько всего можно сделать из четырех элементов: текст + заголовок + картинка + 12-колончатая сетка…"

Суть этого в чем вижу - Вы ставите стандартную TYPO3 и в принципе если не нужно особо больших заморочек в плане дизайна и т.д. - то у Вас уже есть все необходимо для наполнения вашего сайта (зоны контента, например из 1-ой колонки) из стандартных элементов контента.

Отбросив сетки (их в TYPO3 такой же великолепной реализации как в NEOS нет на сегодняшний момент) - в TYPO3 остаются:

- заголовок
- текст
- текст + картинка
- файлы
- список
- таблица
- специальное меню
- разделитель
- чистый HTML
- формы (их сюда не отношу, т.к. это можно использовать, но не всегда подходит)

Вот всего этого достаточно что бы делать наполнение сайта.
Все это можно модифицировать на основе TYPOSCRIPT конкретно под задачу (без создания новых элементов контента) - хотелось бы с этим более детально разобраться по каждому из стандартных элементов контента, как переопределить: как например для картинок добавить класс для увеличения изображения, как например вывести размер файлов для "файлы" и сделать обертку с подписью, что еще можно сделать?

Конечно проще создавать новые элементы контента.
Но речь идет именно о том, как переопределять стили и оформление для стандартных элементов контента?

С Fluid так понимаю вообще что бы добавить класс для картинок например, придется весь шаблон переделывать?

Спасибо.
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 07.10.2015, 18:31   #2
Manas
Senior Member
 
Аватар для Manas
 
Регистрация: 06.12.2006
Адрес: Санкт-Петербург
Сообщений: 239
Отправить сообщение для Manas с помощью ICQ Отправить сообщение для Manas с помощью Skype™
По умолчанию

Цитата:
Отбросив сетки (их в TYPO3 такой же великолепной реализации как в NEOS нет на сегодняшний момент)
В TYPO3 сетка ничуть ни хуже чем в неосе. К примеру вот готовый плагин http://typo3.org/extensions/reposito...ootstrap_grids В конце концов и там и там вы можете сделать именно то что вам нужно. В Неосе например вы будете получать подобные "обертки", и зачастую это очень мешает.

Код:
<div class="typo3-neos-nodetypes-text">Some text...</div>
Цитата:
как например для картинок добавить класс для увеличения изображения
Код:
tt_content.image.20.1.params.cObject = CASE
tt_content.image.20.1.params.cObject {
  key.field = layout
  default = TEXT
  default.value = class="img"
  1 = TEXT
  1.value = class="img-rounded"
  2 = TEXT
  2.value = class="img-circle"
  3 = TEXT
  3.value = class="img-thumbnail"
}
Для элемента контента "список файлов" в TYPO3, я делаю, так чтобы значок типа файла автоматически "цеплялся" и можно показывать размер файла. Ниже слегка измененный tt_content.uploads из css_styled_content

Код:
# *****************
# CType: uploads
# *****************
tt_content.uploads = COA
tt_content.uploads {
  10 = < lib.stdheader

  20 = FILES
  20 {
    # get from file references:
    references {
      table = tt_content
      fieldName = media
    }

    collections.field = file_collections

    # get from path (backwards compatibility, contains strings like "fileadmin/user_uploads/")
    folders.field = select_key

    # render the files
    renderObj = COA
    renderObj {
      10 = IMAGE
      10 {
        file.import.data = file:current:originalUid // file:current:uid
        file.width = 24
        file.height =30
        file.transparentBackground = 1
        stdWrap {
          if.value = 1
          if.isGreaterThan.field = layout

          typolink {
            parameter.data = file:current:originalUid // file:current:uid
            parameter.wrap = file:|
            target < lib.parseTarget
            target =
            target.override = {$styles.content.uploads.target}
            removePrependedNumbers = 1
          }
        }
      }

      # icon
      15 = IMAGE
      15 {
        file.import = {$template_path}/Resources/Private/Templates/fileicons/
        file.import.data = file:current:extension
        file.import.case = lower
        file.import.wrap = |.gif
        file.transparentBackground = 1
        file.width = 24
        file.height = 30
        stdWrap {
          if {
            value = 0
            isGreaterThan.field = layout

            # only show the icon if we don't have a thumbnail:
            isFalse.cObject = IMG_RESOURCE
            isFalse.cObject.file < tt_content.uploads.20.renderObj.10.file
            isFalse.cObject.stdWrap.if < tt_content.uploads.20.renderObj.10.stdWrap.if
          }

          typolink < tt_content.uploads.20.renderObj.10.stdWrap.typolink
        }
      }

      # filename
      20 = TEXT
      20 {
        #data = file:current:name
        data = file:current:description
        htmlSpecialChars = 1
        required = 1

        replacement {
          # equivalent to former useSpacesInLinkText = 0; remove using > to disable it
          10 {
            search = _
            replace.char = 32
          }

          # equivalent to former stripFileExtensionFromLinkText = 0; move "_20" to "20" to enable it. Disabled by default.
          _20 {
            search = /(.*)(\..*)/
            replace = \1
            useRegExp = 1
          }
        }

        typolink < tt_content.uploads.20.renderObj.10.stdWrap.typolink

        wrap = <span class="csc-uploads-fileName">|</span><br />
      }

      # description
      /*
      30 = TEXT
      30 {
        data = file:current:description
        htmlSpecialChars = 1
        wrap = <span class="csc-uploads-description">|</span>

        required = 1
      }
      */
      30 >

      # file size
      40 = TEXT
      40 {
        if.isTrue.field = filelink_size
        data = file:current:size
        wrap = <span class="csc-uploads-fileSize">(|)</span>
        bytes = 1
        bytes.labels = {$styles.content.uploads.filesizeBytesLabels}
      }

      # wrap of each listed file with odd/even class
      wrap.cObject = COA
      wrap.cObject {
        10 = LOAD_REGISTER
        10 {
          oddEvenClass = li-odd li-first |*| li-even || li-odd
          elementClass = csc-uploads-element csc-uploads-element-{register:fileExtension}
          elementClass.insertData = 1
        }

        20 = TEXT
        20 {
          value = <p class="file {register:oddEvenClass} {register:elementClass}">|</p>
          insertData = 1
        }
        30 = RESTORE_REGISTER
      }
    }

    # wrap around whole content element with <ul> and editIcons
    stdWrap {
      editIcons = tt_content: media, layout [table_bgColor|table_border|table_cellspacing|table_cellpadding], filelink_size
      editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xml:eIcon.filelist
      prefixComment = 2 | File list:
      dataWrap = |
    }
  }
}
Через Typoscript можно сделать очень многое.
__________________
Дмитрий Васильев, "T3 студия"
По всем вопросам связанным с TYPO3, пишите пожалуйста сюда https://vk.com/t3studio
www.typo3.ru.net
Manas вне форума   Ответить с цитированием
Старый 08.10.2015, 10:51   #3
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Интересный материал...


А как быть с максимальной, минимальной шириной для картинок?
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 08.10.2015, 11:34   #4
Николай Сипко
Senior Member
 
Регистрация: 17.09.2012
Сообщений: 675
По умолчанию

Цитата:
Сообщение от Ивано++ Посмотреть сообщение
Интересный материал...


А как быть с максимальной, минимальной шириной для картинок?
*.css
=======
div#x img, div#xx img {
max-width : 100%;
min-width : 300px;
height : auto;
}
Николай Сипко вне форума   Ответить с цитированием
Старый 08.10.2015, 12:33   #5
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от Николай Сипко Посмотреть сообщение
*.css
=======
div#x img, div#xx img {
max-width : 100%;
min-width : 300px;
height : auto;
}
Это не через Typoscript...
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 08.10.2015, 14:46   #6
Николай Сипко
Senior Member
 
Регистрация: 17.09.2012
Сообщений: 675
По умолчанию

Цитата:
Сообщение от Ивано++ Посмотреть сообщение
Это не через Typoscript...
Попу гармонь?

"CSS, или каскадные таблицы стилей, – это то, как HTML представлен. Точно также как HTML описывает контент, таблицы стилей определяют, как документ выглядит".
https://www.google.ru/search?q=css&i...OIHgyQOYqKDwCA

"TYPO3 представляет из себя систему управления содержимым на сайте, целью которой является отделение содержимого от дизайна, внешнего вида. TypoScript можно рассматривать как клей, заново объединяющий упомянутые части (содержимое и его внешний вид)".
https://wiki.typo3.org/Ru:Ts45min#.D..._TypoScript.3F

Последний раз редактировалось Николай Сипко; 08.10.2015 в 16:18
Николай Сипко вне форума   Ответить с цитированием
Старый 09.10.2015, 13:17   #7
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от Manas Посмотреть сообщение
Для элемента контента "список файлов" в TYPO3, я делаю, так чтобы значок типа файла автоматически "цеплялся" и можно показывать размер файла. Ниже слегка измененный tt_content.uploads из css_styled_content.
По поводу файлов - это пример для TYPO3 6.1+?

Цитата:
Сообщение от Manas Посмотреть сообщение
Через Typoscript можно сделать очень многое.
Можно еще пожалуйста примеров.
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Ответ


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB code is Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться с Realurl и 404 Bibberfell Общие вопросы 7 24.03.2011 12:08
Помогите разобраться ! typik Общие вопросы 7 09.02.2010 10:23
помогите разобраться с HMENU ctor TypoScript практикум 1 30.03.2009 18:51
помогите разобраться с доменами Veitmen Общие вопросы 0 18.07.2006 16:34
tcdirectmail: помогите разобраться Melnichuk Общие вопросы 1 12.07.2006 16:19


Часовой пояс GMT +4, время: 16:00.


Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot

Хостинг и техническая поддержка: TYPO3 Лаборатория