Stoyanov's website

  • Последни публикации
  • За мен
  • Карта на сайта
  • Контакти
  • Връзки

Навигация в Книги

  • Модули за Друпал
    • Модул sms_apub - публикуване без регистрация
    • Модул sms_link
    • Модул sms_node
  • Linux server
    • Downgrade php_5.3 -> php_5.2
    • Виваком 3G на Ubuntu
  • Views - примери
    • CCK field в свързан блок
    • Блок на views с аргументи terms или cck field от node
    • Блок слайдшоу с линкове
    • Динамично задаване на Items per page на views block
    • Как да направим блок със снимки
    • Мултиезичност във Views
      • Превод на block в Panel
    • Съдържание от категория и подкатегориите й
  • Интернет Магазин - демо
    • PayPal плащания
      • PayPal - настройки в акаунта
    • e-Shop - онлайн магазин на Друпал
    • Каталог, категории продукти
  • Снимка, Галерия в Друпал
    • Добавяне на снимка към story с HTML
    • Добавяне на снимки с автоматично преоразмеряване
    • Стил за снимки с вътрешен CSS
    • Воден знак за снимки (watermark)
    • Да направим галерия
    • ConTemplate за новата галерия
    • Меню връзка за Фото Галериите
    • Фото галерия с Carousel

Теми за:

CMS-управление на съдържание на сайт 30
Facebook приложения 1
Linux 3
SEO - оптимизация 7
ала-бала 6
домейн и хостинг 1
Инсталиране на Drupal сайт 9
интернет 9
Модули за Друпал 15
Обява 2
програми 4
сайт 24

Популярно съдържание

Днешни:

  • Снимки от Друпал София на 17 април 2010
  • CCK field в свързан блок
  • За мен
  • Да направим галерия
  • Воден знак за снимки (watermark)

През цялото време:

  • Воден знак за снимки (watermark)
  • Интернет Магазин - демо
  • За мен
  • Да направим галерия
  • Добавяне на снимка към story с HTML

Последно видяни:

  • Друпал - начин на употреба
  • Интернет Магазин - демо
  • Воден знак за снимки (watermark)
  • ConTemplate за новата галерия
  • Защо ни отказаха .бг

Random 10

Google търсене
Есенно-зимни картинки
Drupal Association
Тест и корекции на он-лайн магазин
Стил за снимки с вътрешен CSS
SEO, Yahoo и razni-raboti.com
Отново, как да направим сайт с Друпал
Работа с клиента
Модул sms_link
DrupaCamp Sofia 2011

Гласуване

При търсене на уроци и помощ, предпочитам::

Последни коментари

  • изглежда интерсен тоя модул,
    преди 34 седмици 19 часа
  • много полезен модул. Браво
    преди 41 седмици 9 часа
  • много добра схема , и да,
    преди 43 седмици 6 дни
  • ето как трябва да излгежда
    преди 44 седмици 7 часа
  • може, няма значение на кой
    преди 50 седмици 4 дни
  • А може ли да се добавят
    преди 50 седмици 6 дни
  • полезна информация за мен.
    преди 1 year 9 седмици
  • Щом сме го поискали е тъпо да
    преди 1 year 36 седмици
  • Аз по принцип ги ползвам от 5
    преди 1 year 38 седмици
  • Едно гласче и от мен за
    преди 1 year 38 седмици

Tags in Ключови думи

drupal6 Drupal multisite views Друпал сайт Как да направим... с Друпал Теми за Друпал изработка на сайт личен сайт оптимизация на сайт платени консултации за Друпал фирмен сайт фото-албум
more tags

Вход потребители

Какво представлява OpenID?
  • Идентификация с OpenID
  • Отмени идентификацията с OpenID
  • Заявка за нова парола
Powered by Drupal, система за управление на съдържанието с отворен код

statcounter


Check PageRank

Real Time Web Analytics

Clicky

GTranslate

Bulgarian Albanian Belarusian Czech Danish Dutch English Estonian Finnish French German Greek Hungarian Italian Latvian Lithuanian Macedonian Norwegian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swedish Turkish Ukrainian

Разработка на модули

Разработка на модули за Друпал d-support.eu

Каталог › Снимка, Галерия в Друпал

Стил за снимки с вътрешен CSS

  • Преглед
  • Следа
Ср., 12/30/2009 - 15:36 — sve


Преди целия текст на съдържанието може да вмъкнем CSS, с всички правила. Да зададе отстъп на параграф, изглед за изображенията, стил и размер на шрифта и всичко останало, което правим с CSS. Така както правим вграден стил за една HTML страница.

ВАЖНО! Не забравяйте да промените Input format на Full HTML. В противен случай css кода ще се показва като обикновен текст, вместо да се приложи за форматиране.

До тук снимките ги качвахме с File attachments и вмъквахме в съдържанието директно с HTML код.

Така приложеният стил от CSS става валиден за цялата страница.


За да избегнем нежелано форматиране може да прилагаме class или id. Така ще ограничим прилагането на стила само върху желаните елементи. Може да видим нагледен пример: Тази статия е форматирана с id за всеки елемент img - така както е зададен стила от последната снимка. А предната статия е форматирана без id, само със стил за img - страничния ефект от това е прилагане на форматирането с този стил на елементи img на цялата страница, а не само на съдържанието на статията (върнете се на предната статия и вижте банерчето на Drupal отляво).
Това всщност ще е доста неприятен резултат, при наличие на повече изображения в конкретния случай, в блокове или заглавната част на сайта. За избягване на нежелани резултати, винаги тестваме на локален сървър.

За да имаме едностилно съдържание, писането на стил за всяка статия е наистина досадно. Затова в следващите няколко статии ще обърна внимание как да направим глобални стилове за всеки тип съдържание - page, story и всяко друго.

Освен всичко друго, този начин на форматиране макар, че работи не е препоръчителен. Разминава се се идеята да се раздели съдържанието от кода. Затова всякакви css правила, които смятаме да ползваме ще ги впишем в style.css на използваната тема. А с Content Templates с див ще прилагаме това което искаме върху каквото искаме.

Вашата оценка: Няма Рейтинг: 3 (1 глас)
‹ Добавяне на снимки с автоматично преоразмеряване нагоре Воден знак за снимки (watermark) ›
Сподели:
  • img style
  • сайт

Търсене

Подобни статии

  • Добавяне на снимки с автоматично преоразмеряване
  • Снимка, Галерия в Друпал
  • Добавяне на снимка към story с HTML
  • ConTemplate за новата галерия
  • Как да направим блок със снимки
Theme by IvanSF
Разработка на уеб сайтове с Друпал.