djdiplomat

богоносец, DiAksID, Спасибо!

Буду знать про сокращенные варианты.

А еще вопрос, чисто джумловский. Может посоветует плагин хороший по созданию миниатюр? А то плагинов много разных. Но хотелось бы рекомендаций от профи.

А то на сайте картинок много и по весу они все как-то не особо легкие. Может есть способ автоматом создать миниатюры легкие, чтобы скорость загрузки повысить.

На вордпресе есть имгрегенератор. А на джумле что-то подобное есть?

Наконец то я нашел решение своей проблемы!

У меня реально все было правильно настроено. Реально все пахало! Не хватало лишь одного, а именно:

Если вы делаете адаптивный шаблон - обязательно вставляйте эту штуку в head!

+1. И кстати, у того же лайтбокса есть разные версии. Есть не плагином версия, а чисто ручками скрипты подключаешь. Так вот. Там можно играть с подключением библиотеки jquery. ( Чаще всего именно именно они в конфликте. )

Иногда помогает перемена мест подключения плагинов...

В браузреах ПК проблем нет!

Проблемы на эмуляторе мобильных устройств Опера (скачал с сайта самой Оперы), ну и на самих мобильных устройствах. (Если зайти с мобилы к примеру, то на этой странице http://djdiplomat.ru/facebook/zametki-novosti-atqboor/220-kak-prisposobit-facebook-dlya-biznesa

реклама от гугл (350 пикселей в ширину) (которая в тексте), будет занимать примерно четвертую часть экрана! (при том, что ширина экрана всего 400 пикселей!) Ну и текст соответственно уменьшен.

Т.е срабатывает пропорциональное уменьшение, а не должно.

И еще. Что такое display: dsplay; ?

Может поможете более дельным советом? Как в моем случае вписать? http://djdiplomat.ru/ А то что мозг включить - это и так ясно. Такой фразой можно на любой вопрос ответить...

Можно конкретнее?

Короче вот сайт http://djdiplomat.ru/odnoklassniki-m/odnoklassniki-sekrety

Чет я нифига не вкурил) Точнее кое что подправил, но вот тестирую на опере (для пк скачал версию для разработчиков) в чем у меня косяк? может кто скажет? Почему на ПК адаптация нормально идет вроде, а на мобильных нет....

Вот по хостингу самому интересно) Сейчас вроде как и нет чтоб уж совсем идеальных. (хоть сервак блин покупай)

А по движку - вообще да, Вордпресс нормальная тема. (У нас контора только на вордпресе все и делает). Много плагинов, много фишек всяких. Вот только если совсем в дебри лезть, то напрягает, что половина кодекса на английском, впрочем, все поправимо.

Большое спасибо! Вы мне очень помогли. Я во многом продвинулся, но чет не пойму в чем у меня косяк. На пк адаптируется на ура.

А вот на мобилах.... когда идет двухколоночная адаптация - все ок. А вот когда в одну колонку...

в общем вот предположим захожу с устройства 480 точек по горизонту и 800 вертикаль:

Бяка такая: (Причем лишь в мобилах, в опере там, или в эмуляторе. файр баг вроде все нормально понимает. по идее должно на весь экран, а оставляет старые (общие стиле), нормально лишь в шапке))

Уже и не знаю, что неверно прописал.

Вот сайт: http://djdiplomat.ru/

Вроде вот правила для данной ситуации..

@media all and (orientation: portrait), all and (max-width: 725px) {

    .header {
    background:#FFF;
    border-left:10px solid #309DE0;
    border-right:10px solid #309DE0;
    margin-left: 3%;  
    margin-right: 3%;
    height: 110px;
  }

  .logo {
  background: none;
  clear:both;
  width: 90%;
  }

  .logo img {
  padding: 0;
  clear: both;
  position:relative;
  width:100%;
  margin-left: 5%;  
  margin-right: 5%;
  }

  .find {
  background: #FFF;
  height: auto;
  width: 90%;
  }

  .inputbox {
  margin: 0;
  float: left;
  width: 90%;
  }

  .breadcrumbs_individual {
  height: auto;
  background:#2C9FE0;
  padding-top:1px;
  }

  .moduletable_topmenu li {
  padding-right:10px;
  }

  .article {
  width: 100%;
  padding-right: 10px;
  }

  .article img  {
  padding: 0;
  max-width:100%;
  }

  .reklama {
  display: block;
  float: none;
  margin-left: 5%;  
  margin-right: 5%;
  }

  .aside {
  width:100%;
  clear: both;
  float: none;
  }

  .leftcolumn {
  float:none;
  width:100%;
   }

  .rightcolumn {
  float:none;
  width:100%;
  }

  .copy {
    width: 100%;
    float: none;
  }

  .count {
    width: 100%;
    float: none;
  }

}

2. И второй вопрос

По шрифтам. Как вообще делают шрифты под маленькие экраны?

Смотрел разные варианты (даже в мобильной версии яши юзал), но чет толком ничего не понял.

Понял одно - в пикселях задавать не стоит.

Может я что-то в хотелке написал не правильно?

Спасибо! Все пашет!

Плюс в карму!

Кэш очистил - маркеры пропали.

А вот влево двинуться не хочет список

.commentlist ul {

padding: 3px 0 3px 0px;

}

Не берет

Берет их общих правил где отступ 20