Как отредактировать готовый сайт


Как изменить дизайн готового сайта. Азбука CSS

Итак, у вас есть готовый сайт на UMI.ru. С профессиональным дизайном, тщательно спроектированными интерфейсами, настроенными стилями форматирования. Но что делать, если текущий шаблон вам не совсем подходит: хочется изменить внешний вид сайта, поиграть с цветами, адаптировать веб-страницы под ваш корпоративный стиль или ваше видение? Как изменить сайт?

Прежде всего, внимательно изучить все основные правила юзабилити и сверять с ними все дальнейшие действия. И действовать!

А можно такой же, но с перламутровыми пуговицами? Да!

На 1С-UMI есть возможность изменить внешний вид готового сайта несколькими способами, которые можно сочетать или использовать по отдельности:

1. Самый простой способ — изменить вид страниц сайта при помощи картинок. 

  • Поставьте ваш логотип в левом верхнем углу сайта. Если у вас нет логотипа – это может быть любое имиджевое изображение, дающее понять, чему посвящен сайт. Это может быть даже ваша фотография – если бизнес привязан к вашей личности (например, уроки английского языка).
  • Замените основное имиджевое изображение в “шапке” сайта. Это ключевой элемент вашего брендинга и первое, что увидит посетитель вашего сайта, поэтому подбирайте изображение очень тщательно. Оно должно быть качественным, демонстрировать суть вашего предложения и особенности позиционирования. Использовать его можно также в качестве временного или постоянного баннера, рекламирующего какое-либо предложение или акцию.
  • Добавьте картинки, иллюстрирующие текст сайта. Это легко сделать при помощи визуального редактора. Иллюстрации в тексте нужны, но, в зависимости от использования, они могут как улучшить сайт, так и испортить его. Про то, как грамотно работать с изображениями для веб-страниц, мы поговорим отдельно, в другой раз.

Исходный шаблон дизайна:

Шаблон, измененный при помощи картинок:

 

2. Самый радикальный способ - изменить шаблон дизайна.

Этот способ подойдет, если вы хотите полностью изменить внешний вид сайта, выбрав другую тематику оформления. Для этого просто зайдите в раздел “Дизайн – Смена дизайна” в панели управления вашего сайта и выберите новый дизайн. При этом, вы можете сохранить все внесенные изменения: тексты, картинки, структуру, объекты каталога и т.д.

3. Самый творческий способ - редактирование стилей CSS.

CSS - это технология описания внешнего вида веб-страниц, написанных на языке разметки HTML. Определенные стили CSS уже применены к готовым сайтам на UMI.ru и описывают внешний вид всех элементов: текстов, кнопок, ссылок, меню, “хлебных кошек” и др. Для их изменения необходимо прописать новые стили в специальном файле, который находится в разделе “Дизайн” - “Управление CSS” в панели управления вашего сайта (доступно на платном тарифе).

С помощью стилей CSS можно изменить:

  • фон сайта (вставить фоновую картинку или поменять цвет)
  • цвет, расположение и угол наклона объектов
  • шрифты
  • форматирование абзацев
  • добавить тени, рамки или закругления объектам
  • передвинуть блоки или изменить их форму
  • многое другое.

Все это можно сделать самостоятельно, но вам потребуются некоторые базовые знания о редактировании стилей CSS. Не пугайтесь, вам не придется сочинять код: все стили уже есть в специальных учебниках. Разобраться в основах вам поможет отличный самоучитель CSS - htmlbook.ru, а получить нужный код - генераторы CSS:  css3maker.com и css3generator.com. А если у вас есть знакомые, знающие язык HTML, то они с легкостью помогут в редактировании стилей.

И сайт превращается…

Как изменить сайт при помощи CSS и посмотреть, какие стили уже применены к элементам страниц - вы узнаете из нашего руководства. 

А чтобы вы поняли, насколько это легко - разберем несколько примеров.

Действия с объектами

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

Перед тем, как изменить сайт, не забудьте сохранить его резервную копию - тогда вы сможете его легко восстановить с случае неполадок. Теперь можно приступать к редактированию. При помощи инструмента инспектирования кода (в нашем примере использован Firebug в браузере Mozilla Firefox) находим код необходимого элемента - в данном случае, это код кнопки:

В правом окошке инспектора “Стиль” прописан код, обозначенный разными цветами:  

  • черным - класс (в данном случае, кнопка),
  • зеленым - CSS-свойство (в данном случае, цвет),
  • синим - значение (в данном случае, голубой),
  • зачеркнутый код обозначает, что данный стиль не работает, поскольку конфликтует с другим, более приоритетным стилем.

Мы видим, что класс кнопки называется .direction_title. Чтобы понять, какой фрагмент представленного кода отвечает за цвет, можно “перевести” зеленые теги, воспользовавшись поиском в справочнике. За цвет фона кнопки отвечает свойство background (не путайте со свойством color, оно отвечает за цвет шрифта). Сейчас кнопке присвоен стиль background: #1f1f1f; где background - это свойство, определяющее стиль фона, а #1f1f1f - голубой цвет в шестнадцатеричной кодировке цвета.


Чтобы сделать кнопку красной, нужно узнать цифровой код красного цвета. Его можно посмотреть с помощью онлайн-палитры, либо в любом графическом редакторе, которым вы привыкли пользоваться (например, Microsoft Paint, Photoshop, онлайн-редактор и т.п.). Итак, код красного цвета - #ff0000:

Теперь перейдем в раздел “Дизайн” - “Управление CSS” админзоны нашего сайта и пропишем новое значение для класса кнопки, соблюдая тот же синтаксис, что показывает инспектор в исходном коде: между открывающей и закрывающей фигурной скобкой помещают CSS-свойства со значениями, разделяя их знаком “;”.

Таким образом, в общем виде схема CSS-кода выглядит так:

Тег.Имя класса { свойство1: значение; свойство2: значение; ... }

  • записываем класс (название элемента) - .direction_title
  • ставим фигурные скобки - { }
  • внутри фигурных скобок прописываем стиль кнопки - background:
  • после двоеточия указываем код красного цвета - #ff0000
  • в конце строки ставим ;
  • не забываем в самом конце закрыть фигурную скобку.

Что получилось:
 

    Было                                                                                                   Стало

 

Вторая задача: перемещение кнопки вверх и вправо на 100px.

Для начала посмотрим значения текущего расположения кнопки с помощью инспектора, если нужно - “переведем” через самоучитель. Сейчас стоят значения bottom: 20px; left: 40px; где bottom - расстояние от нижнего края кнопки до нижнего края родительского блока, а left - расстояние от левого края кнопки до левого края родительского блока.

Таким образом, для перемещения кнопки вверх и вправо на 100px нужно прибавить по 100px снизу и слева - получится 120px снизу и 140px слева. Добавим новые значения в наш файл стилей к уже прописанному классу нашей кнопки .direction_title, соблюдая синтаксис исходного кода:

Что получилось:

    Было                                                                                                  Стало

Изменение шрифтов

При редактировании некоторых текстовых полей на готовых сайтах не появляется визуальный редактор, а потому нельзя стандартным способом изменить цвет, размер и начертание шрифта. Это могут быть заголовки, анонсы новостей, цены на товары, контактные данные в шапке сайта, надписи на кнопках и др. Мы сделали это умышленно: настроили лучшие шрифты, самые удобные для чтения и оптимально подходящие к дизайну сайта. Но если все же вам потребуется изменить стиль этих элементов, то это можно сделать при помощи CSS.

Задача: изменить размер и цвет шрифта в заголовке “Новости”.

Найдем класс заголовка и значения стилей при помощи инспектора кода Firebug, если нужно - “переведем” значения через справочник.

Мы видим, что класс заголовка “Новости” называется .shop-heading, за размер шрифта отвечает свойство font-size, значение которого сейчас - 18px; а за цвет - свойство color со значением #111111 (темно-серый).

Перейдем в раздел “Дизайн” - ”Управление CSS” админзоны сайта и изменим эти значения на нужные нам. Например, увеличим размер до 28px, а цвет изменим на красный. Как вы помните, цвет указывается в шестнадцатеричном коде:

Сохраняем и смотрим, что получилось. Обратите внимание, что при изменении стиля элемента внешний вид поменяют ВСЕ элементы на сайте, к которым применен данный стиль. В нашем случае, стиль .shop-heading применен к заголовкам “Новости” и “Популярные товары”.

Что получилось:

Было                                                                                                          Стало

 

 

 

 

 

 

 

 

 

 

 


Еще несколько примеров работы с CSS описаны в нашем руководстве.

Возможные сложности

1. Не “срабатывают” стили, прописанные в файле CSS.
   Решение: после значения свойства прописать правило !important, которое позволяет повысить приоритет стиля. Например:

.shop-heading{
color: #ff0000 !important;
font-size: 28px
!important;}

2. Вам не понравился результат работы со стилями. Решение: просто очистить файл стилей CSS в админзоне.

3. Если после изменения CSS вы сменили шаблон дизайна, то прописанные вами стили сохранятся, но могут не работать в случае, если на новом шаблоне используется другая верстка. Решение: внести изменения в CSS заново, с учетом новой верстки.

Редактирование веб-сайта без изменения его текущих настроек

Лучше всего позвонить по номеру:

1. Сделайте резервную копию вашего сайта. Есть несколько хороших бесплатных плагинов, например: All-in-One WP Migration и Duplicator.

2. Установите сайт на свой локальный компьютер. Вам нужно будет установить XAMP / LAMP или WAMP в зависимости от вашей операционной системы.

https://www.wpbeginner.com/wp-tutorials/how-to-move-live-wordpress-site-to-local-server/

3.Внесите все необходимые изменения на локальном хосте.

4. После этого снова сделайте резервную копию, но на этот раз с localhost и отправьте ее на рабочий сервер.

https://premium.wpmudev.org/blog/guide-to-migrating-localhost-wordpress-to-live-site/

Надеюсь, он ответит на ваш вопрос.

Модератор Ян Дембовски

(@jdembowski)

Модератор форума и Brute Squad

Перемещено в раздел «Исправление WordPress», это не тема «Разработка с помощью WordPress».

Hi Kyrstan,

Как упоминал Прамод, вы можете настроить локальную версию для разработки, но если это окажется слишком сложным или не совсем соответствует вашим потребностям, вы можете рассмотреть возможность обращения к своему хостинг-провайдеру и посмотреть, могут ли они скопировать ваш сайт. на поддомен (например, dev.domain.com).

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

Если вы все же пойдете по этому пути, вы можете заблокировать домен dev паролем.Опять же, хозяин может помочь с этим. В противном случае вы можете попробовать этот плагин: https://wordpress.org/plugins/password-protected/

Надеюсь, это помогло,
- Кейси

.

Как редактировать файлы с помощью vi

  1. Веб-дизайн и разработка
  2. Веб-хостинг
  3. Как редактировать файлы с помощью vi

Питер Поллок

В Linux есть несколько очень полезных встроенных редакторов файлов. vi очень полезен. vi возник как режим редактора файлов под названием ex, который был строковым редактором, который развивался с изменениями в технологии, пока в нем не появился визуальный режим, который пользователи активировали с помощью команды vi. Затем vi сам стал редактором, и вы можете вызывать его прямо из командной строки.

В обычном режиме набранная буква i рассматривается как команда, переводящая vi в режим вставки. Однако после того, как vi находится в режиме вставки, набранная буква и (или любая другая буква, если на то пошло) не рассматривается как команда; это запрос сделать i следующей буквой в файле.

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

Вот шаги:

1 Выберите файл, набрав vi index.php в командной строке.

Это позволяет вам выбрать, какой файл вам нужно отредактировать.

2 С помощью клавиш со стрелками переместите курсор к той части файла, которую вы хотите изменить.

Один там, нужно войти в режим вставки.

3 С помощью команды i войдите в режим вставки.

Режим вставки - это когда все, что вы вводите, становится частью файла.

4Используйте клавишу Delete и буквы на клавиатуре для исправления.

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

5Нажмите клавишу Esc, чтобы вернуться в нормальный режим.

Для переключения из режима вставки в нормальный режим необходимо нажать клавишу Esc.

6 Введите двоеточие (:), чтобы переместить курсор в нижнюю часть экрана.

Здесь можно делать окончательные команды.

7 Тип wq.

wq - это две отдельные команды: w для записи (или сохранения) и q для выхода. Эта комбинация команд возвращает вас в командную строку.

Об авторе книги

Питер Поллок - блоггер, веб-хостинг и докладчик, выступавший в таких группах, как Конференция блоггеров Type-A и выставка BlogWorld New Media Expo. Ему нравится делиться тем, что он узнал о веб-хостинге, безопасности и создании веб-сайтов. Найдите его на PeterPollock.com или в Twitter, @PeterPollock.

.

С чего начать, когда пришло время редактировать контент

Как я уже говорил, преодоление перфекционизма - не оправдание для публикации небрежных или скучных писем.

Контент, который работает для вашего бизнеса, не только ясен, точен и образован, он также дает представление о ваших ценностях. И если он не содержит аспектов, которые делают его запоминающимся, он не сработает.

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

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

Итак, когда пришло время отредактировать статью и превратить ее в презентацию-победитель, с чего начать?

Вот пять умных стратегий, которые помогут превратить ваши черновики в запоминающийся контент.

1. Найдите свою цель

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

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

Ваше введение должно поддерживать вашу цель. Это ваш шанс ответить на неофициальный вопрос, который приходит в голову каждому читателю, когда он смотрит в начало статьи:

«Почему я должен волноваться?»

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

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

2. Настройте свое сообщение

Когда у вас есть цель для определенной части контента, важно помнить, что другие люди в вашей нише могут иметь такую ​​же цель для части контента , которую они создают.

Ничего страшного.

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

Есть ли в вашей теме что-то, что трудно понять большинству людей, но у вас есть простой способ объяснить это? Или вы потратили время на изучение предмета и поделитесь своим опытом нетрадиционным способом?

Ищите творческие способы продемонстрировать, почему ваш бизнес-сайт является лучшим ресурсом.

Теперь настало время для одного из наших любимых заявлений об отказе от ответственности здесь, в Copyblogger:

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

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

Наличие продуманной точки зрения, которая удовлетворяет вашу целевую аудиторию так, как другого контента на других веб-сайтах не удовлетворяет - вот что такое запоминающийся контент.

Он выделяется тем, что обучает занимательным и приятным образом.

3. Вычистить «блевотину единорога»

Рвота единорога (существительное): лишний текст, не имеющий ценности.

Неизбежно, что некоторые люди не согласятся с вами или им не понравится ваш стиль письма ... и эти люди могут оказаться не теми, кого вы хотите привлечь.Чего вы хотите избежать, так это отключать уравновешенных и вовлеченных потенциальных клиентов.

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

Для меня все сводится к уважению. Не тратьте зря время аудитории.

Для неподготовленного глаза рвота единорога выглядит как аспект, который настраивает ваше сообщение. Но как сказала Соня:

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

Редактирование - идеальное время, чтобы извлечь то добро, которое вы намеревались сделать, и выбросить части, которые могут навредить вашему авторитету.

4. Вырезать (но сохранить) касательные

Контекст играет огромную роль при определении того, что является, а что нет лишним текстом, не имеющим ценности.

Уловка заключается в том, чтобы распознать, когда информация выходит за рамки сообщения.

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

Я начинаю писать все свои статьи в виде простых текстовых файлов, и в конце каждой из них я оставляю раздел для всей вырезанной мной рвоты единорога.

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

5. Упорядочить похожие предложения

Вам часто нужно уточнить вопрос, чтобы четко выразить свои мысли, но одна вещь, которая вызывает у редакторов слюну, - это замечать два предложения, в которых повторяется одна и та же информация.

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

Редакторам нравятся эти ролики, потому что срабатывает наша сигнализация «Вы зря тратите время читателей».

Когда вы редактируете свое собственное письмо, требуется практика, чтобы распознать области, в которых вы повторялись.

Может пригодиться вычитка от конца документа до начала. Это заставляет вас оценивать свои слова с другой точки зрения.

Почему я выбрал 5 советов по редактированию для этого поста

Я мог бы дать вам более длинный список советов по редактированию, но моя цель для этого поста (см. Совет № 1) заключалась в том, чтобы предоставить процесс перехода, который вы могли бы легко использовать в следующий раз, когда вы редактируете часть контента.🙂

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

Затем вы можете добавить другие шаги, которые работают для вас. Расскажите о конкретных способах доработки черновиков в комментариях ниже.

.

Как передать веб-сайт вашим клиентам

Это здорово, когда наконец-то видна финишная черта проекта. Путь от создания веб-проекта до его завершения ни в коем случае не является неторопливой прогулкой. Вы много работали и старались изо всех сил. Но прежде чем вы передадите веб-сайт своему клиенту, есть несколько ключевых моментов, которые упростят переход. Давайте взглянем.

Проверка согласованности элементов дизайна

К настоящему времени вы, вероятно, проверили конструкцию примерно полмиллиона раз.Но когда вы смотрите на что-то так долго, легко что-то упустить. Если вы не заметите пиксельное изображение или блок lorem ipsum после того, как вы заверили своего клиента, что позаботитесь о нем, это может стать уродливым пятном при запуске превосходного дизайна.

Перед тем, как нажать «Опубликовать и передать сайт», сравните его с нашим контрольным списком перед запуском. Но давайте рассмотрим основы здесь.

В более нестандартном дизайне может быть целенаправленное отсутствие согласованности.Но для тех визуальных элементов, которые должны быть единообразными, проверьте соответствие в следующих областях:

Шаг

Интервал должен обеспечивать непрерывный поток макета.

  • Есть ли отступы вокруг изображений, чтобы окружающий контент не казался переполненным?
  • Позволяет ли расстояние вокруг кнопок с призывом к действию легко соединять кнопки с соответствующим контентом?

Цвета

Цвета должны соответствовать установленной палитре проекта.

  • Соответствуют ли цвета бренду клиента?
  • Есть ли у разных состояний ссылки настройки цвета, соответствующие руководству по стилю проекта?
  • Вы использовали глобальные образцы, чтобы можно было легко обновлять цвета в будущем?

Тени

Тени выглядят странно, когда они выровнены в разных направлениях - дважды проверьте, что они однородны.

Типографика

Заголовки и основной текст должны соответствовать руководству по стилю проекта.Кроме того, убедитесь, что ваша иерархия имеет смысл, т.е. не переходите от h2 к h4.

Изображения

Вы использовали правильные изображения? Они качественные? Вы сжимали изображения большего размера, чтобы они не влияли на производительность вашего сайта? Быстрый тест скорости с помощью Pingdom может помочь определить, достаточно ли вы оптимизировали свои изображения. Перед запуском сайта убедитесь, что изображения правильного размера и не искажены.

Кроссбраузерность / кросс-девайсная функциональность

Ваш дизайн должен реагировать на все устройства - в этом вам поможет режим предварительного просмотра Webflow.

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

Настройка биллинга клиентов в Webflow

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

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

Если вы настраиваете оплату впервые, мы поможем вам с этим руководством.

Существует 3 шага для настройки биллинга клиентов в Webflow:

  1. Создание учетной записи для выставления счетов клиента
  2. Настроить биллинг клиента для конкретного проекта
  3. Отправьте клиенту ссылку для оплаты

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

Готово, ставим - публикуем!

Теперь, когда вы дважды и трижды проверили дизайн, контент был отредактирован, и кто-то посыпал SEO волшебной пылью, пора приступить к работе!

И, конечно же, для этого у нас есть руководство по публикации.

Настройте клиент и запустите его с помощью редактора Webflow

Руководство по адаптации клиентов Webflow поможет им поддерживать и обновлять контент.

Именно здесь мы делаем все возможное, чтобы подготовить наших клиентов к возможным шагам, которые они предпримут без нас. Подобно тому, как снимают тренировочные колеса с детского велосипеда, пора передать управление сайтом вашему клиенту.

Гоша - они растут так быстро .

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

Одна из самых важных частей передачи дизайна - это настройка вашего клиента для достижения успеха - с доступом и знаниями для редактирования с помощью Webflow CMS.

Это включает:

  1. Отправка клиентам приглашения стать соавтором
  2. Обучение клиентов входу и выходу из системы
  3. Объяснение того, что есть, а что нет в CMS
  4. Объяснение различий между статическими страницами и страницами коллекции

Мы создали 2 ресурса, которые помогут вам настроить ваших клиентов на успех:

  1. Руководство клиента к редактору представляет собой серию видеороликов из 4 частей, чтобы быстро и легко познакомить клиентов.Это руководство включает ссылки на версии видео без брендов, которыми вы можете поделиться с клиентами
  2. Руководство по адаптации клиентов, которое можно клонировать, настраивать и публиковать

Рекомендуется лично посидеть со своими клиентами во время ускоренного курса по внесению изменений.

Передача проекта не означает прекращение отношений с клиентом.

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

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

Веб-дизайн может быть занятием в одиночку, но прочные связи могут продвинуть вашу карьеру.Завоевание и поддержание доверия клиентов и их подготовка к работе говорит о вашем профессионализме.

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий