Вернуться   Форум об интернет-маркетинге > > >
Ответ
 
Опции темы
Старый 29.02.2016, 19:37   #11
skif06
Кандидат наук
 
Регистрация: 10.04.2012
Сообщений: 365
Репутация: 47445
Отправить сообщение для skif06 с помощью ICQ Отправить сообщение для skif06 с помощью Skype™

По умолчанию Re: Адаптивный код

Цитата:
Сообщение от awasome Посмотреть сообщение
@media(min-width: 600px) { .Реклама { width: 580px; height: 400px; } }
@media(min-width: 800px) { .Реклама { width: 580px; height: 400px; } }
Тут одна из строк лишняя. Если нужно именно для десктопов показывать большой блок, то оставить нижнюю строку. И я бы 800рх заменил на что-то более десктопное, учитывая современные мониторы.

P.S. Это действительно работает с русским языком?
<style>
.Реклама {...}
</style>
skif06 вне форума   Ответить с цитированием

Реклама
Старый 29.02.2016, 20:12   #12
LyalinDV
Кандидат наук
 
Регистрация: 20.05.2015
Сообщений: 347
Репутация: 16609

ТопикСтартер Re: Адаптивный код

Не пойму в чем дело... Вставляю на страницу код:

<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Amin1 -->
<ins class="adsbygoogle Amin1"
style="display:inline-block"
data-ad-client="ca-pub-71986011941195ХХ"
data-ad-slot="48568385ХХ"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center>

Обновляю страницу, код не показывается. Захожу на редактор страниц, вижу что код стал:

<center><script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>
<!-- Amin1 -->
<ins class="adsbygoogle Amin1" style="display: inline-block;" data-ad-client="ca-pub-71986011941195ХХ" data-ad-slot="48568385ХХ"></ins>
<script>// <![CDATA[
(adsbygoogle = window.adsbygoogle || []).push({});
// ]]></script></center>

Что за хрень такая? Сайт на WP
LyalinDV вне форума   Ответить с цитированием
Старый 29.02.2016, 20:27   #13
skif06
Кандидат наук
 
Регистрация: 10.04.2012
Сообщений: 365
Репутация: 47445
Отправить сообщение для skif06 с помощью ICQ Отправить сообщение для skif06 с помощью Skype™

По умолчанию Re: Адаптивный код

Цитата:
Сообщение от LyalinDV Посмотреть сообщение
Захожу на редактор страниц
Это который визуальный редактор вордпресса? Он иногда правит код по своему усмотрению, потому им не пользуюсь. Стили пропишите прямо над блоком:
<style>
.Amin1 { }
</style>
skif06 вне форума   Ответить с цитированием
Старый 01.03.2016, 19:44   #14
schulz
Кандидат наук
 
Регистрация: 04.04.2014
Сообщений: 275
Репутация: 14206

Unhappy Re: Адаптивный код

Цитата:
Сообщение от Squier13 Посмотреть сообщение
Код:
 #header2 {
 display:block;
 }
#header1 {
display:none;
}
@media screen and (min-width: 619px) {
 #header1 {
 display:block;
 }
#header2 {
display:none;
}
}
Код:
<div id="header1">показываюсь при более или равно 619px</div>
<div id="header2">показываюсь при менее 619px</div>

Спасибо огромнейшее, но получилось частично)
Показывается на сайте реклама при экране больше 619, а вот при меньших экранах пустота - блок гугла не выводится,
подскажите, пожалуйста, где можно проверить\посмотреть\почитать, или сами оцените, где ошибка, есть ощущение, что какой-то конфликт в классах при показах адсенс.
Смущает эта строчка <ins class="adsbygoogle header2"

Потому как вставляю вместо кода адсенс "текст" - он показывается, блоки ну никак не идут.
На сайт вставляю просто блок кода в таком виде:

Код:
<style type="text/css">
#header2 {
 display:block;
 }
#header1 {
display:none;
}
@media screen and (min-width: 619px) {
 #header1 {
 display:block;
 }
#header2 {
display:none;
}
}
</style>
<div id="header1"><script type="text/javascript" src="code.php"></script></div>
<div id="header2"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle header2"
         data-ad-client="ca-pub-xxxx"
     data-ad-slot="xxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
schulz вне форума   Ответить с цитированием
Ответ



Опции темы

Быстрый переход


Регистрация Справка Календарь Поддержка Все разделы прочитаны