Добавить 3 изображения к первому сообщению Решение кросс-браузера

Мне нужно иметь изображение баннера для первого сообщения, но оно должно расширяться вертикально, потому что сообщения могут варьироваться в зависимости от количества контента. В настоящее время у меня есть это в у loop.phpДобавить 3 изображения к первому сообщению Решение кросс-браузера

<article class="post <?php echo !is_single() ? "preview" : "" ?> <?php echo $count == 0 ? "first" : "" ?> <?php echo !is_home() ? "full" : "" ?>">

Я не могу прикрепил изображение, так как я не имею правильную репутацию на этом сайте!

Однако изображение представляет собой баннер, который обернет края основного содержимого div. Я нарезал его на 3 отдельных изображения: верхний, средний и нижний - думал, что могу использовать :before и :after в моем css, но это не будет работать в IE7 или 8 для меня.

Мой класс в настоящее время для первого сообщения является «первым», но мне нужно будет добавить сверху и снизу к этому, я думаю, но мне бы хотелось лучшее решение, и я слишком много новичок.

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

источник

2013-05-23 Joe

Это, кажется, чистый вопрос CSS и/или разметки (HTML) и вовсе не является специфичным для WordPress. –

Это и мое решение сделать это: '?

' и иметь после кода цикла для сообщения. '?

' Я ответил на свой вопрос, но я смотрел на него с неправильного угла. Спасибо всем, кто посмотрел на это. – Joe

Вы изначально размещены на [wordpress.se], где чистые вопросы CSS не соответствуют теме. Если это ваше решение, разместите его в поле «Ответ», а не в комментарии. –

Если ваша тема использует body_class, как и следовало ожидать, тогда должен быть класс с именем author, прикрепленный к тегу <body> для авторских архивов. Вы можете использовать это, чтобы просто не отображать div s - через display:none.

У вас почти было решение PHP, хотя, если я вас понимаю. Вам нужно is_author вместо is_single

<?php if (!is_author() && $count == 0): ?> 
    <div class="firsttop"></div> 
<?php endif; ?> 
<!-- more Loop code --> 
<?php if (!is_author() & $count == 0): ?> 
    <div class="firstbottom"></div> 
<?php endif; ?>

Если это не так, я не знаю, что вы подразумеваете под «странице автора».

источник

2013-05-23 18:34:04

Добавить 3 изображения к первому сообщению Решение кросс-браузера

ответ

Смежные вопросы