MadeYourWeb Elastic - разработка универсального современного шаблона CMS Joomla

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Ladm (Скопировано со старого форума)

С интересом слежу за темой. В своё время я сделал мировой релиз этого шаблона для разрешения в 1024x768px (изначально он был в 800x600). Потом автор выпустил обвнолённую версию, с возможность переключения в файлах конфигурации разрешения между 800x600 и 1024x768px.

Ну так вот, с появлением мониторов с диагональю более 19", надобность в резиновой вёрстке отпала напрочь. У кого большой монитор, тот просто не раскрывает браузер во весь экран и спокойно читает себе страницу в половину ширины монитора - бегать глазами по длинным строчкам не удобно.

При сложной вёрстке содержимого фиксированный размер страницы позволяет безбоязненно позиционировать изображения относительно текста, зная, что они никуда не расползутся.

Большинство сайтом имеют фиксированную ширину именно поэтому.

Резновая вёрстка из MadeYourWeb - это интересно, но ничего нового. Готовые решения есть в коммерческих шаблонах от RocketTheme, которые можно подсмотреть с их демосайта.

В качестве образовательных целей - проект интересен. Чтобы был результат помимо образовательных целей - рекомендую перекрасить шаблон в парочку других цветов перед стабильным релизом, исключив оригинальные цвета из релиза. Подправить строку пути на сайте (в оригинале там ширина фиксированная, и если длина пути её переваливает - все налезает одно на другое). Сделать отключаемые колонки (обе, и по отдельности - не только правую). Только вот ведь в чём дело - это сделать реально, только сам каркас менять надо.

А оптимизация шаблона - это, как раз, наоборот, когда обращений к php минимум (про переменные в пути к изображениям).

Izem · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

sourpuss сказал(а):

Я тоже не делал отдельных файлов, пока не вышел 7 осел, где был исправлен так любимый мной хак
* html td {} (кстати, почему бы его не использовать?)
Единственный хак, который я использовал
Хочешь потом разделить на отдельные файлы? Зачем лишняя работа?
Нажмите, чтобы раскрыть...

А на хаки " * html и _html ... " валидатор ругается. Я видел этот совет в инете, но не стал валидность кода портить.
Не, спецом разделять css нет смысла, конечно, если не будет на то особой причины. Я имел ввиду, что пока шаблон разрабатывается, то смысла в разных css-файлах нет. Потом, в релизе, вероятно, придётся сделать.

Ladm сказал(а):

Ну так вот, с появлением мониторов с диагональю более 19", надобность в резиновой вёрстке отпала напрочь. У кого большой монитор, тот просто не раскрывает браузер во весь экран и спокойно читает себе страницу в половину ширины монитора - бегать глазами по длинным строчкам не удобно.

При сложной вёрстке содержимого фиксированный размер страницы позволяет безбоязненно позиционировать изображения относительно текста, зная, что они никуда не расползутся.

Большинство сайтов имеют фиксированную ширину именно поэтому.
Нажмите, чтобы раскрыть...

На днях знакомый купил 27" монитор с 1920х1600 точками. И окно он раскрывает на все 100 - ну, нравиццо ему размах . Так вот сайты, вёрстанные на 800 точек смотрятся на 1920 совершенно несерьёзно! А много народа до сих пор пользуется режимом 800х600 - по причине зрения. Так что жёсткий дизайн на 1024 не катит точно. Согласен, что фиксированный дизайн гораздо проще, но см. предложения выше. Выход один - делать "умный" резиновый дизайн со сложным алгоритмом. Тестить и подгонять на разных мониках.

Ladm сказал(а):

Резиновая вёрстка из MadeYourWeb - это интересно, но ничего нового. Готовые решения есть в коммерческих шаблонах от RocketTheme, которые можно подсмотреть с их демосайта.
Нажмите, чтобы раскрыть...

Ага, спасибо, посмотрю.

Ladm сказал(а):

... рекомендую перекрасить шаблон в парочку других цветов перед стабильным релизом, исключив оригинальные цвета из релиза. Подправить строку пути на сайте (в оригинале там ширина фиксированная, и если длина пути её переваливает - все налезает одно на другое). Сделать отключаемые колонки (обе, и по отдельности - не только правую). Только вот ведь в чём дело - это сделать реально, только сам каркас менять надо.
Нажмите, чтобы раскрыть...

Таки, почти всё это запланировано, см. первый пост темы. За новые предложения спасибо.
Каркас уже менять, к счастью, не надо. Я его спецом поменял для кроссбраузерности и для возможности гибкого управления колонками (ЛЦП, ЛЦ, ЦП, Ц). ЛЦП и ЛЦ варианты уже работают.

Ladm сказал(а):

А оптимизация шаблона - это как раз наоборт, когда обращений к php минимум (про переменные в пути к изображениям).
Нажмите, чтобы раскрыть...

Таки, другого-то варианта, наверно, и нет, как сделать автоматическую подстановку пути. Можно, конечно, жёстко прописать путь, но это будет, на мой взляд, совершенно неудобно, особенно для неподготовленных веб-мастеров... А так - поставил шаблон, и он сразу работает. Да, ценой пары лишних обращений к переменным. Но, ИМХО, плата небольшая - пользы всё равно больше.

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор sourpuss (Скопировано со старого форума)

По шаблону: <?xml version="1.0" encoding="windows-1251"?> сделай первой строкой.

<title> должен идти сразу после <head>, поэтому сразу после <head> ставится <?php mosShowHead(); ?>
затем кодировка, стили, а затем всяческие скрипты в head
Предлагаю сделать Правилом хорошего тона.

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

MadeYourWeb Elastic v0.6.3 beta :

[ V ] Исправлено "спозание" влево контента центральной колонки при уменьшении окна браузера в IE5.

Спасибо sourpuss'у за то, что заметил.

Проблема, в общем, была такая. IE7, Op9 и Sf3 нормально отображали контент после модулей user1 и user2. FF2 и IE5 требовали для нормальной работы отбойник с " clear:boch; ", а IE6 при использовании отбойника скидывал контент центральной колонки в низ сайта, ниже левой и правой колонки. Конструкцию " if IE 6 " пока не использовал, чтобы не запутаться в CSS-файлах. Это потом, на последнем этапе разработки сделаю. Применил метод "двойного хака" CSS :

Код (CODE):

.clr-nonIE6 { /* Отбойник - для всех, кроме IE6 */

width: 90%;

line-height: 0px;

clear: both !Important; /* Отбойник для всех нормальных браузеров, понимающих !Important */

clear: both; /* Отбойник для браузеров, не понимающих !Important (IE5/6) */

voice-family:"\"}\""; /* IE5 Hack - отключаем в IE5 CSS на время */

voice-family:inherit; /* IE5 Hack - отключаем в IE5 CSS на время */

clear: none; /* Для IE6 - отключаем в IE6 отбойник, имеет приоритет перед предыдущим clear: */

}

html>body .clr-nonIE6 { clear: none; } /* IE5 Hack Fix - подключаем CSS в IE5.0 (в IE5.5 CSS сам подключается после "}" скобки ) */

Вроде, заработало везде как надо...

PS: Вообще, любопытно, что этот хак проходит валидацию на www.w3c.org ...

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор sergv2005 (Скопировано со старого форума)

Мне вот интересно, неужели ещё ктото пользует IE5? Понимаю для 6-ки, там для 8-ки оперы, для 6 NC, но для 5-ки IE ?...

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Ladm (Скопировано со старого форума)

Пользуются. В офисах пользуются. "Был у меня случай на охоте" - заказчик жаловался на некорректное отображение меню. Перепроверил у себя во всех браузерах - всё валидно, всё одинаково. Приехал к нему в офис - а у него там IE 5.0...

Izem · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

Статистика по браузерам и разрешениям:

http://gs.spylog.ru/r/?reportId=10&categoryId=1 (Статистика SpyLog'а . Наверно, самая объективная будет. Есть статистика по разрешениям экрана, по ОС, по Java, Java-script и cookie.)
http://www.liveinternet.ru/stat/overclockers.ru/browsers.html?period=month (Статистика счётчика Li с сайта overclockers.ru . Есть статистика по разрешениям экрана и по ОС.)
http://www.w3schools.com/browsers/browsers_stats.asp (Немного странная статистика. Есть статистика по разрешениям экрана и по ОС.)
http://stat.mail.ru/?browser_detail=v&stat=useragents (Статистика mail.ru . Довольно подозрительная, но опять же представление какое-то даёт)
http://www.rqgroup.ru/stat/ (Совсем странная статистика, но всё же)

Конечно, по каждому ресурсу будет своя статистика, и она может различаться в разы из-за разницы в контингенте посетителей, но, всё-таки, какое-то представление эти ссылки могут дать...

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

MadeYourWeb Elastic v0.6.4 beta :

[ V ] Исправлено смещение влево на 2 пиксела правой колонки шаблона в IE7.
[ V ] Улучшен код CSS-класса .clr-nonIE6 .

В IE7 правая колонка шаблона "съезжала" на 2 пиксела влево. Выяснилось, что в оригинальном коде шаблона для получения зазора между левой, правой и центральной колонками зачем-то использовались многочисленные маргины-паддинги, складывающиеся-вычитающиеся друг с другом. Похоже, это и сбивало с толку IE7. Всё "обнулил" и сделал зазор только лишь одним паддингом в #centercol . Сразу всё встало на свои места.

Решил немного изменить логику работы CSS "отбойника" .clr-nonIE6 . Раньше для IE6 показывался пустой DIV, а теперь он вообще для IE6 не показывается.

MadeYourWeb Elastic v0.6.4.1 beta :

[ -- ] Произведён откат кода CSS-класса .clr-nonIE6 до варианта из версии v0.6.3.
[ V ] Немного подработан CSS-код шаблона.

Выяснилось, что после изменения кода "отбойника" .clr-nonIE6 шаблон начинает глючить в IE6 - при уменьшении размеров окна браузера контент центральной колонки "сползает" влево. Вернул вариант .clr-nonIE6 из версии v0.6.3.

MadeYourWeb Elastic v0.6.5 beta :

[ V ] Зафиксирован зазор между позициями модулей user1 и user2 .

Как виделось поначалу - чего уж тут сложного. Сделал ширину позиций по 50% и маргины по несколько пикселов, и всё. Но не тут-то было! Для начала набежало стадо ослов (от IE5 до IE7) и испортило весь кайф от созерцания моего творения. Во всех IE позиция user2 при уменьшении окна браузера начинала "скакать" вверх-вниз... Пришлось поискать хороший клей. Помогло вот это: ссылка . Т.е., в свойства объемлющего DIV'а достаточно добавить паддинг в 1px.

Код (CODE):

div#centercol_inner { padding: 0 1px 0 0; /* IE6 jumper block fix */ }

Далее маргины накак не хотели дружить с 50% шириной позиций и всё норовили "сбросить" позицию user2 под user1 . "Обернул" каждую из них дополнительным DIV'ом - заработало как надо. Вообще, метод "обёртывания" DIV'ом оказывается весьма эффективным во многих случаях. Рекомендую.

PS: Я теперь знаю, почему создатели оригинального MadeYourWeb просто сделали 49% ширину позиций user1 и user2 и не стали мучиться с вышеизложенным...

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

MadeYourWeb Elastic v0.6.6 beta :

[ -- ] Удалено объявление <?xml version="1.0" encoding="windows-1251"?>.
[ V ] Исправлено "съезжание" вниз центральной колонки шаблона при отображении в IE6 некоторых компонентов.
[ V ] Приведён в порядок <head> шаблона.
[ V ] Подчищен CSS-код.

1. Выяснилось, что шаблон перестал проходить валидацию на www.w3c.org . Выдаётся ошибка:
[quote author=www.w3c.org]Line 2, Column 5: XML Parsing Error: XML declaration allowed only at the start of the document.
<?xml version="1.0" encoding="windows-1251"?>[/quote]
Странно. Раньше эту ошибку валидатор не замечал... Наверно, ужесточили условия валидации (у них довольно часто меняется версия валидатора). Ладно, начал претворять в жизнь рекомендации sourpuss'а (давно надо было сделать):
[quote author=sourpuss link=topic=10765.msg53838#msg53838 date=1184246379]
По шаблону
<?xml version="1.0" encoding="windows-1251"?> сделай первой строкой.

<title> должен идти сразу после <head>, поэтому сразу после <head> ставится <?php mosShowHead(); ?>
затем кодировка, стили, а затем всяческие скрипты в head
Предлагаю сделать Правилом хорошего тона
[/quote]
Таки, вот. Только я поставил объявление XML в ПЕРВУЮ строку, как IE6 тут же превратился в IE5. :-\ Со всеми его прибамбасами. Пришлось долго листать интернет.

Короче, народ пишет следующее: Если DOCTYPE не прописан ПЕРВЫМ, то IE6 его не видит вообще и вываливается в режим обратной совместимости, т.е. превращается в IE5 ! Обсуждение данного вопроса можно посмотреть, например, здесь.

Выход рекомендуется один. Вообще не объявлять XML, если в этом нет необходимости. А посколько в нашем конкретном случае объявление XML необязательно и, как я понимаю, не даёт никакой пользы, но доставляет одни лишь неприятности, решил вообще удалить его из шаблона.

В общем, теперь становится понятным, почему автор оригинального MadeYourWeb поставил объявление XML на вторую строку.

2. Выяснилось, что контент центральной колонки съезжает вниз из-за того, что в главных таблицах некоторых компонентов жёстко определено width="100%". Пока добавил css-класс table.contentpane {width: 99%}, и почти всё починилось, далее попробую разобраться в причинах и сделать что-нибудь по-интереснее.

3. Привёл в порядок <head> шаблона по рекомендациям sourpuss'а.

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

Странная вещь творится при работе wrapper'a в IE6... Во фрейме нормально открывается сайт, но не масштабируется в границах фрейма, и, естественно, границы сайта расползаются... Но если провести курсором над любой ссылкой из меню левой колонки, даже не нажимая кнопки, то сайт тут же приходит в нормальный вид. :-\

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор briz (Скопировано со старого форума)

sergv2005 сказал(а):

Izem, может этот шаблон кому и нужен, но не быстрее было бы его написать с нуля, чем править чужие ошибки. ...
Нажмите, чтобы раскрыть...

Ну конечно, эта работа нужна. Мне, например, эта работа очень интересна, как чтение детектива: много тонкостей, неожиданностей, да и познавательно, надо сказать и, как говорил главный герой нашего классического фильма "Весна на Заречной улице": "...и многое еще впереди!"

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

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Автор Izem (Скопировано со старого форума)

MadeYourWeb Elastic v0.6.7 beta :

[ V ] CSS-фикс для исправления "прыгающих блоков" в IE5/6 заменён на другой, более корректный, вариант.
[ V ] Переработан CSS-код центральной колонки для одинакового отбражения в разных браузерах.
[ V ] Полностью переписан код позиции вывода модуля pathway .
[ + ] Добавлены свойства html, body: { width: 100%; height: 100%; }.
[ + ] В CSS вставлено абсолютное обнуление всех блочных элементов.
[ -- ] Удалены все свойства margin: 0; padding: 0; и margin: 0; за ненадобностью.

1. Выяснил, что в IE7 проблема "прыгающих блоков" тоже проявляется. Но применённый мной CSS-фикс IE5/6 не распространяется на IE7 из-за того, что IE7 правильно воспринимает свойство !Important; . Городить огород с помощью [if IE] не хотелось, и после некоторого количества экспериментов выяснилось, что проблему для всех IE легко решает назначение margin: -1px; соприкасающимся сторонам блоков user1 и user2 . Другие браузеры тоже хорошо относятся к этому решению.

2. Выяснил, что проблема "сползания" вниз в IE5/6 контента центральной колонки возникала из-за того, что IE5/6 сдвигают контент вправо на 3px. Вылечил присвоением для IE5/6 table.contentpane свойства margin-left: -3px; .

3. Кто-то из наших (забыл, к сожалению, кто ) пожаловался, что при длинном пути глючит модуль pathway (слова переносятся и дизайн сайта искажается). Применил к нему свойства white-space: nowrap; overflow: hidden; . Cразу заработало как надо - лишний текст стал обрезаться. Правда, не везде. Угадайте, где не получилось. Правильно, в ослах 5/6. Перерыл пол-инета. Нашёл несколько вариантов решения проблемы. От JS-скриптов и мега-хаков до совершенно простых решений. Последние и начал тестировать. Заработали не все. Понравился вариант с какого-то русскоязычного форума: назначить блоку с white-space: nowrap; и overflow: hidden; ширину и обернуть его дополнительным DIV'ом . Всё получилось, правда, только с IE5.5 и IE6. А вот IE5.0 так и не стал работать как надо. Выяснилось, что он просто не понимает свойство white-space. Как и обещал, с 5-ми усердствовать особо не буду. Посему, пропускаем.

4. Добавил для html, body свойства width 100%; height: 100%. Неприятностей это доставлять не должно, но зато позволяет сделать для сайта "резиновый" бэкграунд. Идея взята отсюда.

5. Вставлено в CSS и протестировано абсолютное обнуление всех блочных элементов.

Код (CODE):

/* Обнуление "обвязки" всех блочных элементов */

html, body, div, p, table, pre, td, tr, th, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img, blockquote, iframe

{ margin: 0; padding: 0; border: 0; }

Результат отличный. Все браузеры заметно "приблизились" друг к другу по отображению шаблона.

6. Так как в CSS теперь есть обнуление всех блочных элементов, то в свойствах margin: 0; padding: 0; border: 0; и border: none; надобность отпала. Всех из шаблона удалил.

Izem · 14.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Так, обнаружена засада: при трёхколоночном режиме шаблона в IE6 контент центрального блока всё равно сползает вниз. Буду искать вариант решения.

Sulpher · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

У меня вопрос по оригинальному шаблону.
Создал собственный шаблон на основе стандатного Madeyourweb, проблема заключается только в CSS стиле mainmenu - в Opera, IE7, Mozilla и FF все работает валидно, однако в IE6 происходит жуткое позиционирование по середине, а также почему-то выводится только несколько букв последнего пункта меню. Например, сейчас последний пункт, это контакты, выводится только "ко", если создать дополнительный пункт, то с ним происходят аналогичные фокусы, в то время, как предпоследний выводится валидно.

Собственно, cайт http://www.freemoto.ru может послужить примером, описывающим проблему.

Да, в IE6 также не работает вот этот фрагмент (подсветка пунктов при наведении):

ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {
background: url(../images/headmenu_left_hover.gif) bottom left no-repeat;

}

ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{
background: url(../images/headmenu_right_hover.gif) bottom right no-repeat;
}

Нажмите, чтобы раскрыть...

Кто-нибудь уже решил схожую проблему?

Здесь много приводилось рецептов устранения багов, я только постигаю CSS, поэтому просьба не ругать, если что-то пропустил...

Izem · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Sulpher, прочитай, по возможности, всю эту тему и, особенно, первое сообщение в ней - ответы на половину твоих вопросов тут есть. И большая просьба - заведи, пожалуйста, новую тему на форуме, потому что в этой теме решаются совершенно другие вопросы, и никоим образом не осуществляется поддержка оригинального MadeYourWeb. Благодарю за понимание.

briz · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Сэр, как можно получить версию шаблона 0.7beta. В первом посте, вроде, анонс есть, а атача нет.
----
Спасибо.

Izem · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Сегодня будет. В связи с переездом темы со старого форума в новый, выложить не успел.

Sulpher · 15.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Izem, благодарю!

spat · 16.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

Очень заинтересовал шаблон! Не ясно - распростроняется ли он свободно ? не по глазам. хотелось бы поэксперементировать с ним..

Izem · 18.08.2007

Ответ: MadeYourWeb Elastic - разработка универсального современного шаблона

MadeYourWeb Elastic v0.7.0 beta :

[ V ] Полностью переработан метод отрицательных маргинов, используемый в "ядре" шаблона.
[ V ] Исправлено отображение wrapper'a в IE6.
[ V ] Исправлено "съезжание" в IE6 контента центральной колонки в некоторых компонентах при трёхколоночной вёрстке.

1. Заметил, что с началом отладки шаблона количество подглючек в IE6 стало заметно увеличиваться. Вообще, в использованном ранее варианте метода отрицательных маргинов эксплуатируются баги IE5/6 для закрытия других багов IE5/6, что на мой взгляд совершенно некорректно... Посему, и решил снова переписать основу шаблона. Получилось нечто среднее между вариантом, использующимся в оригинальном MadeYourWeb, вариантом, подсмотренным на сайте operafan.net и вариантом, описанным на этом сайте. Глюков сразу же поубавилось, и упростился код шаблона. Стало возможным практически без усложнения кода добавить в шаблон альтернативную двухколоночную (Ц+П колонки) и одноколоночную вёрстку (только Ц колонка). Так что далее шаблон будет основываться именно на таком варианте кода.

Правда, появились новые небольшие глюки в IE5/6, но их довольно быстро удалось решить с помощью уже проверенного в предыдущих версиях способа - присвоением для IE5/6 значений -3px левому и/или правому маргину блока, в котором и происходят глюки.

2. После исследований и экспериментов удалось починить отображение wrapper'а в IE6. Оказалось, что достаточно добавить в css-файл такой класс:

Код (CODE):

div.contentpane { width: 100%; margin: 0 !Important; margin: 0 -3px 0 -3px; }

и проблема тут же решается...

3. По аналогии с wrapper'ом удалось решить и проблему съезжания вниз в IE6 контента центральной колонки при трёхколоночной вёрстке:

Код (CODE):

table.contentpane { margin-left: 0 !Important; margin: 0 -3px 0 -3px; }

Это всё относится, естественно, уже к новому варианту "ядра" шаблона.

Войти или зарегистрироваться

MadeYourWeb Elastic - разработка универсального современного шаблона CMS Joomla

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Sulpher Недавно здесь

Izem Недавно здесь

briz Недавно здесь

Izem Недавно здесь

Sulpher Недавно здесь

spat Недавно здесь

Izem Недавно здесь

Поделиться этой страницей

Войти или зарегистрироваться

MadeYourWeb Elastic - разработка универсального современного шаблона CMS Joomla

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Izem Недавно здесь

Sulpher Недавно здесь

Izem Недавно здесь

briz Недавно здесь

Izem Недавно здесь

Sulpher Недавно здесь

spat Недавно здесь

Izem Недавно здесь

Поделиться этой страницей

Быстрый поиск