1 сентября 2008 в 16:24
После долгой паузы я снял новый видеоурок. В этот раз речь пойдёт о друпал-версии 6 и о настройке изображений. Символично, что сегодня первое сентября, надеюсь, что следующий учебный год пойдёт всем на пользу. :)
image-style.css + PHP-код для блока смотрим здесь
- Сделано всё на сайте Asterisk
- При помощи http://andyceo.ruware.com/
- Filefield
- Imageapi
- Imagecache
- Imagefield
- CCK
- Сама бедная нода
Вроде всё. Качаем, ставим, настраиваем, создаём стили и блок пхп. Всё.
остальные видеоуроки
Комментарии
Лаконично, точно - отлично!
О, да! Спасибо!
заливал один из первых вариантов в шикарном разрешении. не покатило. http://vimeo.com/1643624.
а выговор "немецкий", вернее часть так - часть так. мне тяжело отучиваться, бо с заказчиками общаюсь здесь всё чаще. и немецкий друпал читаю примерно столько же сколько и русский.
а почему CSS просто не в ставить в style.css ?
а зачем?
Блип действительно намного лучше качество дает!
Отлично, спасибо!
Дайте ссылочку на материалы по созданию подобной вещи
И еще, есть ли возможность скачать это для просмотра в оффлайн?
Очень нужно)
снимал камтасией. а скачивать даже фф можно. плагины есть.
спасибо, полезно
Отличный урок! Спасибо!
Ещё можно на dailymotion.fr заливать, он поддерживает HD-качество.
andron13 la prochaine fois tu peux parler en francais
Большое спасибо за урок, очень полезно.
Только вот у меня фотография не вставилась так, как у вас - у меня 120x120 разместилась не слева от текста, а сверху него, а 250x250 оказалась между записью и комментариями... Тема - Wabi, Drupal 6.4. Сразу скажу, что ни про css-файл, ни про блок в заголовке с пхп-кодом я не забыл ;).
admin/content/node-type/blog/fields
поиграйтесь с весом. я перед текстом изображение поставил. если поможет, то свисните два раза плиз
Спасибо большое, Андрон! У меня была проблема с тем, что располагались имэджи слева, но под текстом, как в тизе, так и в развернутом материале. Теперь все как часы работает. И отдельное спасибо за видео уроки. Пока видел всего два, хотя их как минимум 7. Присоединяюсь к вопросившему, где же можно посмотреть все?
АААААа.... пасиба!!! Оооочень сэкономили моё время ))) Респект!!!!
ошибка выскакиввает при входа для заполнение материала
warning: in_array() [function.in-array]: Wrong datatype for second argument in /data/www/moysite/test/htdocs/modules/filefield/filefield.module on line 289.
Что может быть не так все работает как нужно но выскакивает это ошибка
Как извлечь картинку если ее в контенте не показывает
она загружена но ни при предварительного просмотра ни при общего показа ее нет даже для администратора
спасибо!
Спасибо за хорошие уроки = скажите а есть ли где нибудь сборник именно видеоуроков по друпал на русском
(хотя бы как страничка со ссылками ?)
было бы очень удобно и понятно - такие уроки оч помогают и не нужно лишний раз кого-то беспокоитьь
все отлично кроме одного:
картинка выше текста и не облегается им как в примере
поле с картинкой стоит перед контентом по весу, а как внедрить в контент не знаю. прошу помощи
Андрей, спасибо за урок. Очень доступно все показано.
Дальше так держать!!!
Маленькая просьба, почти в конце этого урока, на 6-й минуте, было сказана о создании файлика с кодом CSS и создании блока с кодом PHP. Все это было сделано для темезации вывода графических файлов. Есть вопрос, если создать файлик с кодом CSS и создать блока с кодом PHP, то возможно получить независимость вывода при смене тем? Это может очень помочь при расширенном пользовании BUEditor. То-есть вместо постоянного лазанья по файлам CSS в каждом шаблоне можно сделать один или несколько дополнительных файлов CSS и их настраивать.
Огромная просьба развить тему использования дополнительных ФАЙЛА с кодом CSS и блока с кодом PHP способных дать новые возможности при темезации элементов не зависимо от смены шаблонов.
идея с буедитором неплоха. но 95% это не надо, так как тема ставится один раз. обычно, а не меняется раз в 3 дня. есть ньюансы, когда на одном сайте работают ннннное количестов тем. но там тоже весь вопрос решить можно по другому.
лично мне удобен блок пхп, в связи с тем, что в мультисайтинге одну и туже тему могут использовать несколько разных сайтов с различными настройками. мне лично так быстрее и удобнее.
Андрей, связка: файл с кодом CSS + блок с кодом PHP + BUEditor = большие перспективы.
Согласен, что темы не каждый день меняеш, но если развить Вашу идею, то можно добиться значительного расширения возможностей при минимальных требованиях и нагрузках.
Решение по обравотке картинок BUEditor + CSS есть вот здесь.
А как вывести подпись к фото в данном случае?
А у меня почему не удаеться разместить картинку вцентре (не обтикая текстом) исшерстил image-style.css в нем узменяеться направо/налево а вот в центре нету, кто первый поможет ?
to pyshustik, пропиши margin-left: 50%;
Все таки как вывести описание к картинке в этом методе вывода изображений?
Как прикрутить к этому всему IMCE?
Спасибо за видео! Очень помогло!
Да, вышло и у меня, но есть таков вопрос...
Я вывожу список материалов типа "термин" (это для словаря) через views. В полях ставлю заголовок, картинку эту (уменьшенную) и тизер. Вывод - html список.
Всё выводится в столбик. Нужно сделать в таком виде:
Термин
_________
|.................| Пояснение термина в виде обтекаемого
|маленькая| текста ххххххххххх ххххх ххххх ххххх
|картинка..| ххххх хххххххх хххххх ххххх ххххх хх
|_________| хххххх ххх хххххххх хх ххххх ххх ххх
хххх хххххх ххххххх х хххххх ххх хххххх хххх...
Вот так.
Заранее спасибо.
используй стили
для изображения float:left
А никто не встречался со след. проблемой, нажимаю закачать картинку , при этом она появляется на сервере
, но клацнув кнопочку предпросмотр или сохранить появляеться вот такой вот код
<?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" }?>
Devel включен?
Либо друпал 6.6 кривой либо хост, что скорее всего, на другом хосте все норм...
Скорее всего автор пользуется оперой, в которой ahah работает-неработает
Спасибо большое за урок!
Только у меня вот что не получается. При добавление картинок картинки добавляются снизу текста. Использую lightbox. Меня бы даже такой вариант устраивал бы, если эти картинки располагались по горизонтали. Пробовал в покопаться в image-style.css, не помогло. Помогите плиз решить проблему!
У меня аналогичная проблема возникла, картинки стоят внизу текста, не знаю как их вверх вывести!
Ситуация следующая: Картинка не обтекается текстом!!! Он стоит просто вверху!
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;
}
Он же скопирован на всякий в корень сайта и папку темы.
В исходном коде страницы выводится:
<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 со всеми обновленными модулями)
Попробуйте
.field-field-pic {
float: left;
}
Спасибо за урок, но снято отвратительно!
Огромная разница с уроками Google, например. Постарайтесь в будущем не пользоваться быстрыми прокрутками и не ошибаться в выборе галочек - "поставим галочки туда и сюда, ой нет, не сюда, а только туда, и еще вот здесь" (примерно на 1:10).
То есть я хочу сказать что урок полезный, но вот преподнесен сложно, можно было бы легче.
Спасибо!
В админке все работает на ура! Выхожу из админки, только текст. Где что пропустил не пойму.
В админке все работает на ура! Выхожу из админки, только текст. Где что пропустил не пойму.
гляньте разрешения для ролей на просмотр полей CCK...
о пля! стихи
Разобрался!!! Может кто то времени столько не потеряет!
Что бы рисунок был слева надо в управлении полями поднять поле "+изображение" на верх,
в отображени полей в поле метка поставить <Скрыто>.
А что бы изображение было видно на главной - в Разрешения поставить галочки на против view field_pix для анонимный пользователь зарегистрированный пользователь.
А я то думал тут userам не отвечают на простые вопросы!
Большое спасибо!
Откравенно скажу - поиск на сайте для новичков как и сам drupal !!!ТЕМНЫЙ ЛЕС!!!
Есть подобные решения для D7 без использования дополнительных модулей? Т.к. я потыкал на приведенные в примере модули, а на них написано что они интегрированы в ядро 7.
они интегрированы в ядро
Как тогда это сделать? Если бы у меня получилось это все повторить, не стал бы спрашивать.
Включить для начада
Включены. У меня как бы не крутил, в итоге и в тизере и в ноде изображения одного размера.
Извиняюсь.... если долго мучиться, то это обязательно получиться.... понял где был не прав. В итоге все заработало.