Привет, продолжаем допиливать внутреннею страницу, ту где у нас находится игра. Могу поздравить вас, стем что сегодня это будет последний урок на эту тему. Конечно в дальнейшем мы ещё будем работать над этой страницей, будем на неё добавлять информеры с похожими играми, рекламу, ещё что-нибудь там.
Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается
от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую.
Как это сделать? Вот в этой инструкции.
Рекомендую почитать:
В общем сегодня я покажу как установить социальные кнопки на сайт ucoz, а так-же поменяем названия у просмотров и у вывода даты, ну и у того кто добавил игру. Снесём код который выводит количество комментариев от стандартной формы, а на его место вставим социальные кнопки.
Картинка:
Для начало давайте пройдём в раздел материал и комментарий к нему, найдём код который отвечает за вывод просмотров, автора игры и даты, и поменяем эти странные слова на наши русские.
Сейчас у нас за место просмотров слово View, за место имени кто добавил игру слово Added by, а за место слова дата, английское слово Data. Вот мы их и изменим.
Зайдите в следующий раздел в панели, Дизайн и управление дизайном.
На следующей странице в разделе онлайн игры выберите строчку:
Как обычно откроется страница с кодом. В коде нужно отыскать 34 строчку на которой как раз и будет то что мы ищем. У вас это может быть другая строчка, ориентируйтесь по коду.
Все слова которые я отметил стрелочками я поменяю на Просмотры, На Добавил, и на Дата. После сохраню документ.
Давайте посмотрим что получилось на сайте.
Всё работает так как я и задумал. Следующим шагом снесём слово Comments 0, которое вы можете наблюдать в правом углу на той-же строчке.
Делается это тоже достаточно просто, на строчке 35 это на одну строчку, ниже найдите следующий код -
Всё что я выделил мышкой смело можете удалять, это и есть наш код с комментариями. Если сохранить документ и перейти на страницу с игрой, обновить её, вы увидите что слово Comments пропало. Теперь на его место мы установим социальные кнопки.
Ищем социальные кнопки в интернете
В интернете есть очень огромное количество сайтов которые предоставляют социальные кнопки, вы можете в яндексе задать ключевое слово социальные кнопки и яндекс выдаст огромное количество таких сайтов, заходите на любой и пользуйтесь.
Мне нравится сервис яндекса, которым я пользуюсь.
Вот ссылка на него https://tech.yandex.ru/share/
Перейдите на этот сайт и выберите социальные сети которые будут отображаться у вас на сайте, выберите внешний вид блока, всего четыре вида, только иконки, счётчики, иконки и меню и иконки маленького размера.
Последний этап, скопируйте получившийся код.
Далее идём в панель управления, находим то место откуда мы удалили код с количеством комментариев, и вставляем за место того удалённого кода, наш код с социальными кнопками.
Вот что должно получится:
Сохраните документ и вернитесь на сайт что-бы посмотреть что получилось в результате.
У меня вот что:
Вот и всё, страницу с игрой мы настроили, в будущем её немного доработаем и всё. В следующих уроках приступим настраивать главную страницу сайта, во первых, сделаем так что бы при заходе на главную страницу, открывался сразу модуль с флеш играми. Так-же снесём боковую колонку, и настроим вид игр на главной странице. Всё, пока, до следующего урока.