19 декабря 2016 в 7:44
День добрый!
Адаптирую дизайн для Drupal 8
Вот такое содержимое:
block.html.twig
<div>
<div>
<div>
{{ title_prefix }}
{% if label %}
<h3{{ title_attributes }}>{{ label }}</h3>
{% endif %}
{{ title_suffix }}
<div>
{% block content %}
{{ content }}
{% endblock %}
</div>
</div>
</div>
</div>
</div>
blocks.css
div.blocks div {background: url('../images/block_top.gif') no-repeat top left; width: 190px}
div.blocks div div {width: 190px; background: url('../images/block_bottom.gif') no-repeat bottom left;}
div.blocks div div div {width: 174px; padding-bottom: 8px; margin-left: 8px; margin-right: 8px; padding-top: 8px; background: transparent;}
div.blocks div div div h3 {width: 174px; font-size: 12px; color: #575757; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; background: url('../images/block_line.png') no-repeat bottom left;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:6px}
div.blocks div div div div {padding: 0px;margin: 0px;}
.blocktitle {text-align: left;}
.centerblock {margin-bottom: 3px;}
.centerblock-top {background: url('../images/centerblock.jpg') repeat-x left top;}
.centerblock-content {padding: 3px;}
div.showinfo {width: 190px; background: #f6f6f6 url('../images/block_bg.gif') repeat-y left; margin-bottom: 8px;}
div.showinfo div {background: url('../images/block_top.gif') no-repeat top left; width: 190px}
div.showinfo div div {width: 190px; background: url('../images/block_bottom.gif') no-repeat bottom left;}
div.showinfo div div div {width: 174px; padding-bottom: 8px; margin-left: 8px; margin-right: 8px; padding-top: 8px; background: transparent;}
div.showinfo div div div div {padding: 0px;margin: 0px;}
div.pagetitle div div div h3 {font-size: 12px; color: #575757; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; background: url('../images/block_line.png') no-repeat bottom left;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:6px}
[URL=http://fastpic.ru/view/88/2016/1219/d26ea38a54b3537206c02fc8e6deb9e4.jpg...
Т.е теперь к каждому блоку присваивается class="blocks", проблема в том что и весь контент начинается на <div class="blocks"> и имеет ширину блоков.
Как запретить использовать class="blocks" в контенте непонимаю(
Комментарии
Переделать шаблон.
Что именно переделать?
Вы бы еще на радикал скриншот залили.))
Полно же сервисов.
Ну уберите лишние div из шаблона
в файле info темы удалите css из ядра
- core/modules/system/css/system.module.css
- core/modules/system/css/system.theme.css
- core/modules/views/css/views.module.css
и пишите свои стили css как вам угодно
Адаптация на то она и адаптация а не переделывание)
Мне нужно чтобы сделано было именно так, к тому же в другой CMS эта конструкция прекрасно работает.
ну и адаптируейтес на здоровье
вложенные div наследуют свойства родителя, но выборку вы можете делать по нужным вам div , отменяя свойства родителя если надо.
типа:
одни свойства
}
block div div div{
другие свойства
}
Ужас. Как вы в этой каше из divов разбираетесь, не понимаю..
Вы можете предложить другой способ выборки автору, который не хочет ковыряться в шаблонах.
Всё в ваших руках))
Адаптация не в ущерб way, сначала надо нужный набор тегов в шаблоне сделать с нужными классами а потом уже css дить без переопределения