Stoyanov's website

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

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

  • Views - примери
    • CCK field в свързан блок
    • Мултиезичност във Views
    • Съдържание от категория и подкатегориите й
  • Интернет Магазин - демо
    • PayPal плащания
    • Каталог, категории продукти
  • Снимка, Галерия в Друпал
    • Добавяне на снимка към story с HTML
    • Добавяне на снимки с автоматично преоразмеряване
    • Стил за снимки с вътрешен CSS
    • Воден знак за снимки (watermark)
    • Да направим галерия
    • ConTemplate за новата галерия
    • Меню връзка за Фото Галериите
    • Фото галерия с Carousel

Теми за:

CMS-управление на съдържание на сайт 25
SEO - оптимизация 6
ала-бала 2
домейн и хостинг 1
Инсталиране на Drupal сайт 8
Модули за Друпал 4
Обява 0
програми 3
интернет 8
сайт 19

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

Днешни:

  • Views - примери
  • СЕО, сео и пак сео
  • Воден знак за снимки (watermark)
  • CCK field в свързан блок
  • Отново, как да направим сайт с Друпал

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

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

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

  • 5 или 6
  • При търсене на уроци и помощ, предпочитам:
  • CCK field в свързан блок
  • Views - примери
  • Да направим галерия

Random 10

PayPal плащания
SEO модули на Друпал
Мултисайт с Друпал - може ли?
Кеширане и галерии
Как да направим меню-та в нашият Друпал сайт - 1
Как да се организираме за ъпдейт на модули и ядро на Друпал
Какво е това "Друпал"
BGtop10.info директория
Модул Decounter
За мен

Гласуване

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

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

  • Щом сме го поискали е тъпо да
    преди 14 седмици 6 дни
  • Аз по принцип ги ползвам от 5
    преди 16 седмици 6 дни
  • Едно гласче и от мен за
    преди 16 седмици 6 дни
  • Клиента винаги е прав
    преди 18 седмици 6 дни
  • ами не...не държа,но така или
    преди 18 седмици 6 дни
  • ахааа....да, сетих се ок ще
    преди 18 седмици 6 дни
  • ако държиш да е с view може
    преди 18 седмици 6 дни
  • това съм аз
    преди 18 седмици 6 дни
  • да..само че на мен
    преди 18 седмици 6 дни
  • точно така, каталога е, в
    преди 18 седмици 6 дни

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

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

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

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

statcounter


Check PageRank

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

Стил за снимки с вътрешен 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
Уеб сайт, Друпал сайт