Показать сообщение отдельно
Старый 14.02.2013, 18:01   #67
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

Цитата:
Сообщение от dmartynenko Посмотреть сообщение
Есть момент с картинками.
Сейчас ведь они выводятся через css_styled_content, а он ни о каких responsive не знает.
И там бы пригодилась поддержка чего-то вроде http://adaptive-images.com/
Что бы не прикручивать это каждый раз чем-то внешним.
Было может 5 месяцев назад - когда я писал какую-то тему - спрашивая как решить какую-то задачу с картинками - и мне там отвечали - надо это переписать, это поменять css_styled_content - в итоге ничего не работало и не получалось - если честно. После этого я раз и на всегда забил на css_styled_content - и как где-то читал парень писал - TS-это издевательство над программистом - и я полностью с ним согласен.


В итоге мой шаблон в отношении tt_content - таблицы выглядит следующим образом:

PHP код:
[stsov:lib.contentоснов.содержимое

>> Констатны
#Добавляем выборку из таблиц (tx_infoblock_elements_students)
content.shortcut.tables := addToList(tx_infoblock_elements_students)

>> 
Установки
#Подключение библиотек элементов контента
includeLibs.user_content_image fileadmin/def-studsovet-x/systemdir/content/image.php
includeLibs
.user_content_uploads fileadmin/def-studsovet-x/systemdir/content/uploads.php
includeLibs
.user_content_student fileadmin/def-studsovet-x/systemdir/content/student.php
includeLibs
.user_content_ts_code fileadmin/def-studsovet-x/systemdir/content/ts-code.php

#Обычный текст
tt_content.text TEXT
tt_content
.text.field bodytext
tt_content
.text.parseFunc lib.parseFunc_RTE

#Чистый HTML
tt_content.html TEXT
tt_content
.html.field bodytext

#Картинки
tt_content.image >
tt_content.image USER
tt_content
.image.userFunc user_content_image->main  

#Картинки с текстом
tt_content.textpic >
tt_content.textpic USER
tt_content
.textpic.userFunc user_content_image->main

#Файл
tt_content.uploads USER
tt_content
.uploads.userFunc user_content_uploads->main  

#Разделитель (оборачивается в серый блок)
tt_content.div TEXT
tt_content
.div.value 

#Карта сайта (просо добавляем символ "»")
tt_content.menu.20.2.1.NO.wrapItemAndSub = <li>»&nbsp;|</li>
tt_content.menu.20.default.1.NO.wrapItemAndSub = <li>»&nbsp;|</li>

#typoscript-код на странице
tt_content.typoscript_code USER
tt_content
.typoscript_code.userFunc user_content_typoscript->main

#Студенты
#Ссылка на другие записи (нужно для вставки студентов)
#tt_content.shortcut.20.0.conf.tx_itawyoutoubeembed_itawyoutube = < lib.testt
#tx_itawyoutoubeembed_itawyoutube = COA
#tx_itawyoutoubeembed_itawyoutube.1 = TEXT
#tx_itawyoutoubeembed_itawyoutube.1.value = user_content_uploads->main  
tx_infoblock_elements_students USER
tx_infoblock_elements_students
.userFunc user_content_student->main  


#Получение содержимого для вывода на страницу
lib.content styles.content.get


#Настройка шаблона-обертки для конетнта
lib.content.renderObj.stdWrap.innerWrap.cObject=CASE
lib.content.renderObj.stdWrap.innerWrap.cObject.key.field layout
lib
.content.renderObj.stdWrap.innerWrap.cObject{
     
    
#Без обертки
    
TEXT
    0.value 
= |
    
    
#блок-зеленая обертка
    
TEXT
    1.value 
= <class="blockContent green">{field:header}</p><div class="wrapblock">|</div>
    
1.insertData 1
    
    
#блок-синяя обертка
    
TEXT
    2.value 
= <class="blockContent blue active">{field:header}</p><div class="wrapblock">|</div>
    
2.insertData 1
    
    
#блок-красная обертка
    
TEXT
    3.value 
= <class="blockContent red">{field:header}</p><div class="wrapblock">|</div>
    
3.insertData 1

    
#блок-предупреждение
    
TEXT
    4.value 
= <p><div class="blockContentWarning">|</div></p>
    
    
#Информационная справка
    
TEXT
    5.value 
= <p><div class="blockContentInformation">|</div></p>
    
    
#Обертка для видео
    
TEXT
    6.value 
= <class="blockContent green">{field:header}</p><div class="blockContentTVideo">|</div>
    
6.insertData 1
    
    
#Обертка вечная память
    
TEXT
    7.value 
= <p><div class="blockContentEternalMemory">|</div></p>
    
7.insertData 1
    
    
#блок-заблокированный (серый)
    
TEXT
    8.value 
= <class="blockContent grey">{field:header}</p>
    
8.insertData 1
    
    
#контейнер для содержимого на главной (по нему jquery-определяет что нужно создать слайды)
    
TEXT
    9.value 
= <div class="jquery-11-42-slide">|</div>

И таким подходом - я могу делать все - что захочу а не мусолить с замечательный TS - на котором бы я подобные задачи решал может быть месяц, а то и вовсе бы не решели....

А эту штуку http://adaptive-images.com/ я бы всеравно ставил только на m.**** сайт...
Т.е. она всеравно определяет размеры окна через JS.

Вообще я за чистый код и очень не люблю - если кто-то чтото будет в него вставлять без моего на то согласия и ведома!
...
Ивано++ вне форума   Ответить с цитированием