01
сентября

Настройка изображений при помощи cck, filefield, imageapi, imagecache и imagefield - видеоурок №7

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

image-style.css

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

div.field-field-pics div.field-label{
display:none;
}

PHP-код для блока


drupal_add_css('sites/all/themes/image-style.css','theme');
?>

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

Комментарии

Аватар пользователя chilic

Зависит от хостинга, скорее всего у Вас стоит только apache.
Проверить можно тут http://www.whois-service.ru/whats/

Аватар пользователя Manu

web-сервер: nginx/0.8.38
операционная система: Linux

Аватар пользователя chilic

Пишите в саппорт) чтобы настроили nginx на try_files.
т.е. если файл не найден, запрос проксируется на apache.

Аватар пользователя casualgru

Действительно очень понятно. Спасибо за видеоурок.

Аватар пользователя elen-bunina

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

Аватар пользователя realmen

Отличный урок, все по теме и ясно...

Аватар пользователя Ciberlex404

А у меня отображается криво!
Поставил 6.19
Либо это новый друпал так стили строит
div class="field field-type-filefield field-field-pics

Аватар пользователя Ciberlex404

Опа опа... чудо сравнения..
Когда сравнил исходник вашего примера и свой... всё вдруг заработало... или это опера решила не капризничать больше с кешированием css !!! я ведь и другим браузером проверял!

Респект автору!

Аватар пользователя farcrys

надо бы пояснить, что если создаём поле field_pics, то класс прописываем
div.field-field-pics а если создаём другое имя, например img, то класс будя
div.field-field-img! полдня потратил на этот нюанс, пока не сравнил исходных код ноды в посте и свой!

Аватар пользователя MaNaX

а можно ли где скачать это видео, а то на убунте не особо развернешь для просмотра

Аватар пользователя Milord

http://www.youtube.com/watch?v=PEgzn4bYsTY

Аватар пользователя 111173

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

Аватар пользователя Milord

div.field-field-pics {
float: left; /* Выравниваем картинку по левому краю */
margin-right: 5px; /* Добавляем отступ 5 px справа от картинки */
}

div.field-field-pics div.field-label{
display:none; /* Прячем поле заголовка картинки */
}

Если проще, то можно добавить это в css файл темы оформления сайта. В стандартной теме Garland это файл /themes/garland/style.css
Локалхост от этого рухнуть не может :)

Аватар пользователя Milord

Андрей, большое сапсибо за отличное видео! Наглядно и понятно что и как делать даже для новичков. Рекомендую также добавить в css рамку для картинки - смотрится намного лучше:

img.imagecache {
border: 1px solid #СССССС; /* Серая рамка толщиной 1 px */
padding: 3px; /* Отступ рамки 3 px от картинки */
}

Аватар пользователя Азамат

У меня все получилось, спасибо автору! Расскажу немного про свои ошибки.
Первое: соотнести путь до файла css в php записи (<?php
drupal_add_css('sites/all/themes/image-style.css','theme');
?>). Я css закинул в папку "all" и долго ждал когда подгрузятся стили.

Второе: При создании нового поля (в записи блога) поле field_ я заполнил по своему "main_image" вместо "pics", при этом меняется запись(класс) в css файле. Пишем div.field-field-main-image, те соотносим поле field с нашим css.

C ув.

Аватар пользователя Duremar

Скажите, пожалуйста, а как всё то же самое сделать в Drupal 7? Почему-то указанные стили никак не влияют на картинку, все названия и пути перепроверял несколько раз.

--
О, нашёл. Оказывается, в 7-ке поле с изображением уже вызывается через класс field-name-field-pics :)

Страницы