Drupal 7 - Изменение макета просмотра статьи

Я пытался погуглить это, но это настолько конкретно, что я не нашел ничего подходящего. В настоящее время у меня есть слайд-шоу для просмотра статей, и оно выглядит так: введите здесь описание изображения

Но я хочу, чтобы это выглядело так: введите здесь описание изображения

В основном мне просто нужны два столбца для изображения и тела, а не две строки. Я попытался изменить изображение и тело на «встроенные» в настройках «Поля просмотра», но это просто выровняло основной текст по последней строке рядом с изображением, а остальная часть все еще находилась под изображением.

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

Любая помощь в этом вопросе, и вы будете помогать мне безмерно! Заранее спасибо!

ОБНОВЛЕНИЕ: я понимаю базовый CSS, это не сообщение о том, использовать ли CSS или нет или что такое CSS, это конкретно то, какие атрибуты в CSS использовать, я попытался установить для каждого поля уникальный класс CSS и позицию: абсолютная а затем справа: 0px/слева: 0px с теми же проблемами, описанными выше, какие-либо другие предложения?


view layout slideshow drupal article
person Eric    schedule 29.01.2013    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Вы правы - это в значительной степени основы CSS. На странице http://w3schools.com вы можете получить отличный справочник, чтобы ответить на вопросы, связанные с CSS и разметкой.

Я рекомендую использовать инструмент представлений, чтобы добавить несколько уникальных классов к полям, чтобы их было легко стилизовать.

person uberEllis    schedule 29.01.2013
comment
Я согласен, если бы это была базовая страница, CSS был бы простым, но это конкретно просмотр слайд-шоу для статьи, и даже когда я даю полям уникальные классы, CSS не остается согласованным для всех слайдов. - person Eric; 29.01.2013

arrow_upward
0
arrow_downward

Используя редактор WYSIWYG, вы можете сделать это довольно просто. Например, вы можете использовать с CKEditor. Вы также можете сделать это с помощью простого HTML, см. этот пример или просто используйте CSS

person dotoree    schedule 29.01.2013
comment
Я присвоил полям уникальные классы CSS и попытался использовать position:absolute и right:0px/left:0px, и у меня все еще возникает та же проблема? - person Eric; 29.01.2013
comment
Кроме того, это просмотр слайд-шоу статьи, страница статьи хороша только для просмотра. - person Eric; 29.01.2013

arrow_upward
0
arrow_downward

есть хорошая статья здесь о что ты хочешь делать.

другое решение: вы можете использовать «открытую структуру». это тема для drupal 7, основанная на бутстрапе. тогда вы можете использовать его классы. как макеты открыток, я использовал это на своем сайте: quicklearn.ir щелкните последний полевой сеанс в своих представлениях, затем перейдите к ПЕРЕЗАПИСАТЬ РЕЗУЛЬТАТЫ и оберните свои поля этим class.something как это:

<div class="postcard-right-wrap">
<div>[field_image]</div>
<div><h3>[title]</h3></div>
<div>[body-summary]</div>
</div>
person PersianMan    schedule 01.05.2013
comment
пожалуйста, включите суть, необходимую для ответа на вопрос, и сохраните ссылку в качестве источника + более подробную информацию. - person K_B; 01.05.2013