Веб MC.Panel v0.3 - Простой OnePage для сайта.

Представляю вашему вниманию первую свою публичную разработку.​

Описание:
На данный момент это можно сказать макет полноценной версии (тоже бесплатной). В полной версии готовится Авто-Донат система и примочки к дизайну шаблона. Выкладываю сюда чтобы понять продолжать ли задумку или нет?

Компоненты:

• Мой дизайн;
• Шаблон на базе Bootstrap 3.Carousel;
• Виджет ВКонтакте;
• Animate.css;
• Jquery 1.2.1 / 1.12.0;
• Место под мониторинг сервера;

В Разработке:

• Авто-донат система UnitPay;
• Авто-донат система RoboKassa;
• Авто-донат система InterKassa;

Лог:

Спойлер: Лог изменений

v0.3 / DesingFix.
- Добавлено место под мониторинг Open API (<iframe>).
- Добавлены элементы от animate.css.
-----
v0.2 / Optimized.
- Оптимизация кода в index.html.
- Сжатие изображений.
- Убран предзагрузчик.
-----
v0.1 / Strated.
Выход на свет!
-----

Установка:

Спойлер: Клик

• Скачайте архив и распакуйте его в корневую папку сайта.
• Замените название и описание в коде на свои.
  
  HTML:

  <!-- Название сайта -->
  <title>ExplameCraft.net</title>
  <!-- Описание сайта -->
  <meta name="description" content="ExplameCraft.net - Лучший сервер!">

• Установите иконку сайта для браузеров путем замены файла "fvc.ico" в папке "/images"
• Установите логотип путём замены изображения "logo.png" в папке "/images".
• Установите нужные вам изображения на слайдере путем замены изображений slide(1 / 2 / 3 / 4).png в папке "/images".
• Замените виджет ВКонтакте на свой. Ширина: 1100px; Высота: 600px. Он отображен в коде вот так:
  
  HTML:

  <!-- Модуль ВКонтакте -->
  <script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
  
  <div id="vk_groups"></div>
  <script type="text/javascript">
  VK.Widgets.Group("vk_groups", {mode: 2, wide: 1, width: "1100", height: "600"}, 00);
  </script>

• Замените ссылки в слайдерах (кнопки) на свои.
• Замените скрипт мониторинга на свой. Его можно получить на различных мониторингах.

HTML:

<iframe src="http://monitoringminecraft.ru/status-iframe1y/149.202.120.83%3A25565.png" frameborder="no" allowTransparency="true" height="22" width="300" scrolling="no"></iframe>

• Панель готова к использованию!

Примечания:

• Изображения на слайдере могут сужаться или наоборот расширятся на разных мониторах (у меня было всё нормально) и иметь дифекты. Если у вас есть такая проблема то попробуйте заменить их на другие с размером 900х500 (оригинал 900х330).
• Скрипт для мониторинга (iFrame) можно получить на других мониторингах типо вот такого (Не реклама).
• Если на демо тесте вдруг появится реклама - учтите это из-за хостинга, а не из-за сайта...
• Мой сайт на реконструкции так что прошу не придиратся.
• Можете модифицировать панель, я буду только рад этому.
• WebCom - моя организация т.ч. прошу не переживать насчёт авторских прав.

Скачать / Демо:

• Скачать (с моего сайта). (v0.3)
• Посетить демо страницу. (v0.3)

О багах прошу сообщать в личку на форуме!​

 

Продолжай,круто получается!

 

Забрал себе. Может пригодится.

 

2/5
Учи CSS

 

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

 

Когда обновление с авто-донатом?

 

Что это за болезнь такая, использовать jQuery где он просто не нужен. Где код смены слайдов будет где то 20 строчек не больше...И на этом заканчивается динамичность, а ведь подгружается библиотека весом 80кб.
Зачем ты подключаешься скрипты в шапке сайта, скрипты это уже динамичность, а для начала нужно отобразить страницу...

Спойлер: Придирки

Зачем так делать?

HTML:

<li><a href="/vk">МЫ ВКОНТАКТЕ</a></li>
<li><a href="/forum">ФОРУМ</a></li>
<li><a href="/voice">ГОЛОСОВАТЬ</a></li>
<li><a href="skype:expalme123">ТЕХ.ПОДДЕРЖКА</a></li>

Для кого придумали в css свойство.

Код:

text-transform: uppercase;

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

 

Сжал изображения и теперь архив вешает 765КБ а не 5МБ. Скачать

 

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

 

Нет, ты что, серьезно?

Я, конечно, понимаю, что это хостингер. Но не настолько же плохо.
Выкини этот никому не нужный прелоадер. Его не ставят на одностраничники, которые должны открываться за доли секунды.
А так согласен с @Gitler1234. Учись верстать.

 

Довольно не плохо молодец если бы еще и адаптацию сделал о как хорошо было бы.

 

Вместо Hostinger'а используй вот этот хостинг
Он намного производительней хостинга еще и бесплатен.
P.S. НЕ РЕКЛАМА

Общее время загрузки
29.82 секунд
Мда.. Не долго жить осталось.

 

Реклама там есть?

 

Load: 4.02s

 

Обновил до v0.2.

- Оптимизация index.html.
- Сжатые изображения от FyuzYT.
- Убрал предзагрузку.

ДЕМО не обновлял т.к. планирую сменить хостинг. Авто-донат система UnitPay выдет в v0.4 или v0.5 если ничего не произойдёт. Скачать и ДЕМО в шапке.

 

Молодец!!!Жду обновления с авто-донатом, тогда будет вообще идеально!

 

Её поставить - 10 минут. Ждать что можно делать еще 4 версии?

 

Я работаю не с одним проектом, у меня масса идей по данной разработке и надеюсь я их реализую но не сразу естественно.

 

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

 

v0.3 / DesingFix.
- Добавлено место под мониторинг Open API (<iframe>).
- Добавлены элементы от animate.css.

Авто-донат уже на этой неделе. Да, да знаю что мониторинг с других сайтов это хрень но нормальный лично мне делать пока нет времени, как будет сделаю. Обновил ДЕМО до v0.3 и Шапку.