CCK и изображения - всё просто !

Главные вкладки

Аватар пользователя andron13 andron13 1 сентября 2008 в 16:24

После долгой паузы я снял новый видеоурок. В этот раз речь пойдёт о друпал-версии 6 и о настройке изображений. Символично, что сегодня первое сентября, надеюсь, что следующий учебный год пойдёт всем на пользу. :)



image-style.css + PHP-код для блока смотрим здесь



Вроде всё. Качаем, ставим, настраиваем, создаём стили и блок пхп. Всё.


остальные видеоуроки

Комментарии

Аватар пользователя andron13 andron13 1 сентября 2008 в 19:16

заливал один из первых вариантов в шикарном разрешении. не покатило. http://vimeo.com/1643624.
а выговор "немецкий", вернее часть так - часть так. мне тяжело отучиваться, бо с заказчиками общаюсь здесь всё чаще. и немецкий друпал читаю примерно столько же сколько и русский.

Аватар пользователя sadmin sadmin 2 сентября 2008 в 9:47

Отлично, спасибо!
Дайте ссылочку на материалы по созданию подобной вещи
И еще, есть ли возможность скачать это для просмотра в оффлайн?
Очень нужно)

Аватар пользователя cascad cascad 3 сентября 2008 в 21:32

Отличный урок! Спасибо!
Ещё можно на dailymotion.fr заливать, он поддерживает HD-качество.

andron13 la prochaine fois tu peux parler en francais Wink

Аватар пользователя artwelf artwelf 4 сентября 2008 в 7:02

Большое спасибо за урок, очень полезно.

Только вот у меня фотография не вставилась так, как у вас - у меня 120x120 разместилась не слева от текста, а сверху него, а 250x250 оказалась между записью и комментариями... Тема - Wabi, Drupal 6.4. Сразу скажу, что ни про css-файл, ни про блок в заголовке с пхп-кодом я не забыл ;).

Аватар пользователя andron13 andron13 4 сентября 2008 в 10:35

artwelf wrote:
у меня 120x120 разместилась не слева от текста, а сверху него, а 250x250 оказалась между записью и комментариями...

admin/content/node-type/blog/fields
поиграйтесь с весом. я перед текстом изображение поставил. если поможет, то свисните два раза плиз Smile

Аватар пользователя MadBadJack MadBadJack 25 ноября 2008 в 1:03

andron13 wrote:

admin/content/node-type/blog/fields
поиграйтесь с весом. я перед текстом изображение поставил. если поможет, то свисните два раза плиз :)

Спасибо большое, Андрон! У меня была проблема с тем, что располагались имэджи слева, но под текстом, как в тизе, так и в развернутом материале. Теперь все как часы работает. И отдельное спасибо за видео уроки. Пока видел всего два, хотя их как минимум 7. Присоединяюсь к вопросившему, где же можно посмотреть все?

Аватар пользователя mario8 mario8 9 сентября 2008 в 0:02

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

warning: in_array() [function.in-array]: Wrong datatype for second argument in /data/www/moysite/test/htdocs/modules/filefield/filefield.module on line 289.

Что может быть не так все работает как нужно но выскакивает это ошибка

Аватар пользователя mario8 mario8 10 сентября 2008 в 11:57

Как извлечь картинку если ее в контенте не показывает
она загружена но ни при предварительного просмотра ни при общего показа ее нет даже для администратора

Аватар пользователя Niksir Niksir 18 октября 2008 в 21:47

Спасибо за хорошие уроки = скажите а есть ли где нибудь сборник именно видеоуроков по друпал на русском
(хотя бы как страничка со ссылками ?)

было бы очень удобно и понятно - такие уроки оч помогают и не нужно лишний раз кого-то беспокоитьь Smile

Аватар пользователя sternman sternman 5 декабря 2008 в 6:22

все отлично кроме одного:
картинка выше текста и не облегается им как в примере
поле с картинкой стоит перед контентом по весу, а как внедрить в контент не знаю. прошу помощи

Аватар пользователя run run 7 февраля 2009 в 13:14

Андрей, спасибо за урок. Очень доступно все показано.

Дальше так держать!!!

Маленькая просьба, почти в конце этого урока, на 6-й минуте, было сказана о создании файлика с кодом CSS и создании блока с кодом PHP. Все это было сделано для темезации вывода графических файлов. Есть вопрос, если создать файлик с кодом CSS и создать блока с кодом PHP, то возможно получить независимость вывода при смене тем? Это может очень помочь при расширенном пользовании BUEditor. То-есть вместо постоянного лазанья по файлам CSS в каждом шаблоне можно сделать один или несколько дополнительных файлов CSS и их настраивать.

Огромная просьба развить тему использования дополнительных ФАЙЛА с кодом CSS и блока с кодом PHP способных дать новые возможности при темезации элементов не зависимо от смены шаблонов.

Аватар пользователя andron13 andron13 7 февраля 2009 в 15:06

идея с буедитором неплоха. но 95% это не надо, так как тема ставится один раз. обычно, а не меняется раз в 3 дня. есть ньюансы, когда на одном сайте работают ннннное количестов тем. но там тоже весь вопрос решить можно по другому.

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

Аватар пользователя run run 14 марта 2009 в 21:19

Андрей, связка: файл с кодом CSS + блок с кодом PHP + BUEditor = большие перспективы.

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

Решение по обравотке картинок BUEditor + CSS есть вот здесь.

Аватар пользователя pyshustik pyshustik 5 марта 2009 в 13:26

А у меня почему не удаеться разместить картинку вцентре (не обтикая текстом) исшерстил image-style.css в нем узменяеться направо/налево а вот в центре нету, кто первый поможет ? Smile

Аватар пользователя kissfm kissfm 25 октября 2009 в 23:40

Да, вышло и у меня, но есть таков вопрос...
Я вывожу список материалов типа "термин" (это для словаря) через views. В полях ставлю заголовок, картинку эту (уменьшенную) и тизер. Вывод - html список.
Всё выводится в столбик. Нужно сделать в таком виде:

Термин
_________
|.................| Пояснение термина в виде обтекаемого
|маленькая| текста ххххххххххх ххххх ххххх ххххх
|картинка..| ххххх хххххххх хххххх ххххх ххххх хх
|_________| хххххх ххх хххххххх хх ххххх ххх ххх
хххх хххххх ххххххх х хххххх ххх хххххх хххх...

Вот так.
Заранее спасибо.

Аватар пользователя Arturus Arturus 26 октября 2009 в 4:42

kissfm wrote:
Да, вышло и у меня, но есть таков вопрос...
Я вывожу список материалов типа "термин" (это для словаря) через views. В полях ставлю заголовок, картинку эту (уменьшенную) и тизер. Вывод - html список.
Всё выводится в столбик. Нужно сделать в таком виде:

Термин
_________
|.................| Пояснение термина в виде обтекаемого
|маленькая| текста ххххххххххх ххххх ххххх ххххх
|картинка..| ххххх хххххххх хххххх ххххх ххххх хх
|_________| хххххх ххх хххххххх хх ххххх ххх ххх
хххх хххххх ххххххх х хххххх ххх хххххх хххх...

Вот так.
Заранее спасибо.

используй стили
для изображения float:left

Аватар пользователя pyshustik pyshustik 25 октября 2009 в 16:19

А никто не встречался со след. проблемой, нажимаю закачать картинку , при этом она появляется на сервере
, но клацнув кнопочку предпросмотр или сохранить появляеться вот такой вот код

<?php{ "status": true, "data": "\x3cdiv id=\"edit-field-pics-0-ahah-wrapper\"\x3e\x3cdiv class=\"form-item\" id=\"edit-field-pics-0-wrapper\"\x3e\n \x3clabel for=\"edit-field-pics-0\"\x3eИзображение: \x3c/label\x3e\n \x3cdiv class=\"filefield-element clear-block\"\x3e\x3cdiv class=\"widget-preview\"\x3e\x3cdiv class=\"filefield-file-info\"\x3e\x3cdiv class=\"filename\"\x3e\x3cdiv class=\"filefield-file clear-block\"\x3e\x3cdiv class=\"filefield-icon field-icon-image-jpeg\"\x3e\x3cimg class=\"field-icon-image-jpeg\" alt=\"image/jpeg icon\" src=\"http://sk/modules/filefield/icons/protocons/16x16/mimetypes/image-x-generic.png\" /\x3e\x3c/div\x3e\x3ca href=\"http:/.sk/sites/default/files/4_0.jpg\" type=\"image/jpeg; length=303209\"\x3e4.jpg\x3c/a\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"filesize\"\x3e296.1 кб\x3c/div\x3e\x3cdiv class=\"filemime\"\x3eimage/jpeg\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e\x3cdiv class=\"widget-edit\"\x3e\x3cinput type=\"hidden\" name=\"field_pics[0][fid]\" id=\"edit-field-pics-0-fid\" value=\"13\" /\x3e\n\x3cinput type=\"hidden\" name=\"field_pics[0][list]\" id=\"edit-field-pics-0-list\" value=\"1\" /\x3e\n\x3cinput type=\"submit\" name=\"field_pics_0_filefield_remove\" id=\"edit-field-pics-0-filefield-remove\" value=\"Удалить\" class=\"form-submit\" /\x3e\n\x3c/div\x3e\x3c/div\x3e\n\x3c/div\x3e\n\x3c/div\x3e\x3cscript type=\"text/javascript\"\x3ejQuery.extend(Drupal.settings.ahah, { \"edit-field-pics-0-filefield-upload\": { \"url\": \"/?q=filefield/ahah/story/field_pics/0\", \"event\": \"mousedown\", \"keypress\": true, \"wrapper\": \"edit-field-pics-0-ahah-wrapper\", \"selector\": \"#edit-field-pics-0-filefield-upload\", \"effect\": \"fade\", \"method\": 
\"replace\", \"progress\": { \"type\": \"throbber\" }, \"button\": { \"op\": \"Загрузить\" } }, \"edit-field-pics-0-filefield-remove\": { \"url\": \"/?q=filefield/ahah/story/field_pics/0\", \"event\": \"mousedown\", \"keypress\": true, \"wrapper\": \"edit-field-pics-0-ahah-wrapper\", \"selector\": \"#edit-field-pics-0-filefield-remove\", \"effect\": \"fade\", \"method\": \"replace\", \"progress\": { \"type\": \"throbber\" }, \"button\": { \"field_pics_0_filefield_remove\": \"Удалить\" } } });\x3c/script\x3e" }?>
Аватар пользователя Tutmanov Tutmanov 9 ноября 2009 в 10:54

Спасибо большое за урок!
Только у меня вот что не получается. При добавление картинок картинки добавляются снизу текста. Использую lightbox. Меня бы даже такой вариант устраивал бы, если эти картинки располагались по горизонтали. Пробовал в покопаться в image-style.css, не помогло. Помогите плиз решить проблему!

Аватар пользователя MadMaxx MadMaxx 12 ноября 2009 в 11:08

Ситуация следующая: Картинка не обтекается текстом!!! Он стоит просто вверху!

update.php & cron.php сделано!

Блок с кодом php как указано здесь сделан и размещен в самом верху, т.е. в левой колонке (также пробовался в правой колонке, в содержимом и т.д.). Согласно указанному в коде пути, расположен файл image-style.css в виде:

div.field-field-pics {
float: left;
margin-right: 5px;
}
div.field-field-pics div.field-label{
float: left;
display:none;
}
div.field-label{
display:none;
}

Он же скопирован на всякий в корень сайта и папку темы.

В исходном коде страницы выводится:

<div class="field-item odd">
<a href="/hotels/egypt/festival" class="imagecache imagecache-post_image_250x250 imagecache-linked imagecache-post_image_250x250_linked active"><img src="http://www.bounty74.ru/sites/default/files/imagecache/post_image_250x250... alt="" title=""  class="imagecache imagecache-post_image_250x250" width="250" height="163" />
</a>
</div>
</div>
</div>
<p><b>Отель. </b>

В /admin/content/node-type/blog/display и в краткой аннотации, и в материале полностью стоит post_image_250x250 изображение присоединенное к материалу.

В /admin/content/node-type/blog/fields поле стоит перед текстом.

Как бы не бился результат:
http://www.bounty74.ru/hotels/egypt/festival
http://www.bounty74.ru/blog/3

В чем загвоздка? (проверено в IE8, Opera, Mozilla. На сервере Drupal 6.14 со всеми обновленными модулями)

Аватар пользователя Arturus Arturus 5 декабря 2009 в 13:53

"MadMaxx" wrote:

Ситуация следующая: Картинка не обтекается текстом!!! Он стоит просто вверху!

div.field-field-pics {
float: left;
margin-right: 5px;
}

Попробуйте
.field-field-pic {
float: left;
}

Аватар пользователя Bullvar@drupal.org Bullvar@drupal.org 1 июня 2010 в 17:45

Спасибо за урок, но снято отвратительно!
Огромная разница с уроками Google, например. Постарайтесь в будущем не пользоваться быстрыми прокрутками и не ошибаться в выборе галочек - "поставим галочки туда и сюда, ой нет, не сюда, а только туда, и еще вот здесь" (примерно на 1:10).
То есть я хочу сказать что урок полезный, но вот преподнесен сложно, можно было бы легче.

Спасибо!

Аватар пользователя DennisVV DennisVV 13 ноября 2010 в 22:14

"dimmos37" wrote:
Выхожу из админки, только текст. Где что пропустил не пойму.

гляньте разрешения для ролей на просмотр полей CCK...

о пля! стихи Smile

Аватар пользователя dimmos37 dimmos37 14 ноября 2010 в 0:21

Разобрался!!! Может кто то времени столько не потеряет!

Что бы рисунок был слева надо в управлении полями поднять поле "+изображение" на верх,
в отображени полей в поле метка поставить <Скрыто>.
А что бы изображение было видно на главной - в Разрешения поставить галочки на против view field_pix для анонимный пользователь зарегистрированный пользователь.

Аватар пользователя dimmos37 dimmos37 14 ноября 2010 в 0:24

А я то думал тут userам не отвечают на простые вопросы!
Большое спасибо!
Откравенно скажу - поиск на сайте для новичков как и сам drupal !!!ТЕМНЫЙ ЛЕС!!!

Аватар пользователя LoaderRu LoaderRu 20 июня 2011 в 14:58

Есть подобные решения для D7 без использования дополнительных модулей? Т.к. я потыкал на приведенные в примере модули, а на них написано что они интегрированы в ядро 7.

Аватар пользователя LoaderRu LoaderRu 20 июня 2011 в 15:45

Включены. У меня как бы не крутил, в итоге и в тизере и в ноде изображения одного размера.

Извиняюсь.... если долго мучиться, то это обязательно получиться.... понял где был не прав. В итоге все заработало.