- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Все что нужно знать о DDоS-атаках грамотному менеджеру
И как реагировать на "пожар", когда неизвестно, где хранятся "огнетушители
Антон Никонов
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
в worpress шаблоне, прописан стиль для выведения картинок в сообщении:
..благодаря этому картинки в сообщении постятся в рамке, создавая как-бы объемный эффект... Но проблема в том, что если я хочу запостить gif-баннер внутри сообщения, получается картинка внутри огромного белого квадрата:
...png тоже с обрамлением, но поменьше:
...если удалить этот стиль из CSS, все ок, НО тогда и "заглавная" картинка сообщения вылазит без обрамления, и из-за этого теряется весь стиль шаблона, картинки к постам становятся "плоскими", некрасиво кароче....
Так вот, как сделать чтобы стиль применялся только к первой картинке в сообщении???...Может можно картинки/баннеры внутри поста закрыть в какий-то теги чтоб на них этот стиль не распространялся??
Прописывайте для картинок, которым не нужны рамки свой стиль и все дела.
Покажите код страницы.
Добавьте в css:
И добавляйте к картинкам, которые не нужно обрамлять класс noborder.
ИЛИ
Все картинки, какие хотите оставить без рамки кидаете в блок с классом noborder
только в css сейчас добавляете
ИЛИ
Пользуемся псевдоклассами, css
.entry img {padding: 0; border: none; background: none;}
и тогда обводка будет только у первой картинки
1.
это было первое что мне пришло в голову...
<div class="noborder"></div>
..именно это я и прописал первым делом, НО не помогло.....я не спец в кодинге, но предполагаю не сработало потому что:
...смотрим по порядку:
<div class="noborder"> - применяется стиль без рамки, НО дальше по ссылке идет <img src= и соответственно ОПЯТЬ срабатывает стиль ".entry img" - тот что с рамкой.....ХЗ может чушь написал, но это моя логика почему не работает.....
2.
.entry img:first-child {padding: 3px;border: 1px solid #cdcccc;background: #fff;}
.entry img {padding: 0; border: none; background: none;}
....попробовал, не помогло:(, почему этот не работает, вообще не понимаю 😕
---------- Добавлено 18.08.2012 в 20:55 ----------
...скинул в личку...
Можете сделать на jquery.
удаляете этот стиль:
.entry img {
padding: 3px;
border: 1px solid #cdcccc;
background: #fff;
}
В файле index.php между тегами <head> и </head>
вставляете этот код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.entry img:first').css({'padding':'3px','border':'1px solid #cdcccc','background-color':'#fff'})
});
</script>
Работает,проверено.
вставляете этот код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.entry img:first').css({'padding':'3px','border':'1px solid #cdcccc','background-color':'#fff'})
});
</script>
Работает,проверено.
....ну почти))):o....на странице с постом все красиво, первая картинка в рамке, остальные без, Но когда выходим в index блога, там на странице 10 сообщений у меня, рамка есть только у самого первого, остальные без..((
и соответственно ОПЯТЬ срабатывает стиль ".entry img" - тот что с рамкой...
Не должно срабатывать, пропишите в CSS просто .noborder img без .entry
З.Ы. JQ для таких целей юзать не кошерно.
....ну почти))):o....на странице с постом все красиво, первая картинка в рамке, остальные без, Но когда выходим в index блога, там на странице 10 сообщений у меня, рамка есть только у самого первого, остальные без..((
Ну посмотрите в какой класс присвоен дивам в которых 10 сообщений и допишите в код.
вместо $('.entry img:first').
как то так $('.entry img:first, .еще_какой_то_класс img').
Не должно срабатывать, пропишите в CSS просто .noborder img без .entry
З.Ы. JQ для таких целей юзать не кошерно.
...ну не знаю, в css
.noborder img {padding: 0;
border: none;
background: none;
}
линк -
...Все как вы сказали, не работает.....
...ну не знаю, в css
...Все как вы сказали, не работает.....
ХЗ тогда. Только что аналогичный шаблон сверстал, все работает. Оперой инспектором кода тогда надо смотреть, откуда там img стиль наследует или что там у вас где конфликтует.