1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

Views: Отображение своих стилей в блоке

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

Аватар пользователя Stan.Ezersky Stan.Ezersky 21 декабря 2008 в 21:00

Подскажите плз, как поменять стили для выводимого блока, сделанного во views
Блок содержит вывод:

  • миниатюра (thumbnail)
  • заголовок новости
  • дату публикации

По умолчанию выводится в таком виде (листинг сокращен):

<div class="view-content">
<div class="item-list">
    <ul>
   
        <li class="views-row-1 views-row-odd views-row-first">  
  <div class="views-field-field-img80x80-fid">
        <span class="field-content"><img src="миниатюра_1.jpg" alt="" title=""  width="80" height="80" /></span>
  </div>
 
  <div class="views-field-title">
        <span class="field-content"><a href="ссылка_на_новость_1">Заголовок новости 1</a></span>
  </div>
 
  <div class="views-field-created">
        <span class="field-content">дата 1</span>
  </div>
</li>
        <li class="views-row-2 views-row-even">  
  <div class="views-field-field-img80x80-fid">
        <span class="field-content"><img src="миниатюра_2.jpg" alt="" title=""  width="80" height="80" /></span>
  </div>
 
  <div class="views-field-title">
        <span class="field-content"><a href="ссылка_на_новость_2">Заголовок новости 2</a></span>
  </div>
 
  <div class="views-field-created">
        <span class="field-content">дата 2</span>
  </div>
        </li>
        <li class="views-row-3 views-row-odd">  
  <div class="views-field-field-img80x80-fid">
        <span class="field-content"><img src="миниатюра_3.jpg" alt="" title=""  width="80" height="80" /></span>
  </div>
 
  <div class="views-field-title">
        <span class="field-content"><a href="ссылка_на_новость_3">Заголовок новости 3</a></span>
  </div>
 
  <div class="views-field-created">
        <span class="field-content">дата 3</span>
  </div>
        </li>

  </ul>
</div>
</div>

Как мне сделать вывод такого вида, соответственно со своими классами?

<div class="newsBlockListed">

    <ul id="newsBlock">
   
        <li>  
  <div class="newsPic">
        <img src="миниатюра_1.jpg" alt="" title=""  width="80" height="80" />
  </div>
 
  <div class="newsTitle">
        <a href="ссылка_на_новость_1">Заголовок новости 1</a>
  </div>
 
  <div class="newsDate">
        дата 1
  </div>
</li>

.............................

        </ul>
</div>
Буду благодарен за объяснение, ссылки, скринкасты и всё, что может отложиться в голове

Комментарии

Аватар пользователя digital_sword digital_sword 21 декабря 2008 в 22:24

Как сделать это - понятия не имею. То, что вам нужно, решается по другому. Создаете вид типа unformatted. Указываете, что отображать. А дальше в css забиваете стили
.views-row-even,
.views-row-odd {
....
}
для всего блока.
Ну и что-то похожее для всех элементов.
А то, что вы написали в теме, думаю, решается темизацией views. Но это сложнее

Аватар пользователя Stan.Ezersky Stan.Ezersky 21 декабря 2008 в 22:33

Чёрт возьми, "а ларчик просто открывался" © И.С.Крылов

Спасибо за решение.

P.S. Где можно почитать о темизации views? (Язык или русский, или английский. не принципиально)

Аватар пользователя batbug batbug 22 декабря 2008 в 7:55

EzS, вам надо сюда:

в режиме редактирования вьюшки, в разделе Basic Settings, есть строка Theme: Information. Кликаете туда. И там расписано, какие шаблоны у вьюшки, их содержимое, и как их заменять. И там, именно там, вы и можете заменить стандартную структуру вывода данных вьюшки на свою, любую, произвольную структуру. Правда, необходимо минимальное знание пхп.

И еще - после того как положите новые шаблоны в папку темы, не забывайте нажимать Rescan template files, иначе ваши новые шаблоны не будут учтены.

Аватар пользователя AkeLLbl4 AkeLLbl4 7 марта 2009 в 19:27

batbug wrote:
EzS, вам надо сюда:

в режиме редактирования вьюшки, в разделе Basic Settings, есть строка Theme: Information. Кликаете туда. И там расписано, какие шаблоны у вьюшки, их содержимое, и как их заменять. И там, именно там, вы и можете заменить стандартную структуру вывода данных вьюшки на свою, любую, произвольную структуру. Правда, необходимо минимальное знание пхп.

И еще - после того как положите новые шаблоны в папку темы, не забывайте нажимать Rescan template files, иначе ваши новые шаблоны не будут учтены.

Мне нужно темизировать блок созданный во views (только этот блок, остальные блоки должны оставаться темизированными стандартной темой), и если я правильно понял, то мне надо взять файл views-view.tpl.php, отредактировать его под себя и залить в папку с темами вьюсы под именем views-view--имя-блока.tpl.php? А потом прост сделать рескан?