[XVM вики / wiki] Нужен HTML-верстальщик

iAsterdar · March 1, 2013

скрин с пожаром и захватом:

Шикарно

seriych · March 1, 2013

На этот раз забыл включить отображение уровня техники :-)

Вот вроде теперь норм:

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

Можно еще ники для приличия замазать:

Edited March 1, 2013 by seriych

9.5k · March 1, 2013

нажми на ссылку "Инфо"

Вы же не собираетесь делать всё на базе ucoz? Как вы потом предлагаете мне встраивать это в субдиректорию на modxvm.com? :)

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

iAsterdar · March 2, 2013

Вы же не собираетесь делать всё на базе ucoz? Как вы потом предлагаете мне встраивать это в субдиректорию на modxvm.com? :) Если уж делать, то так, чтобы ни от чего не зависеть и всегда можно было бы перенести.

Как раз на Ucoz. От вас нужны только А-записи поддомена, и я его прикреплю. Перенести с юкоза можно в любой момент на другой хостинг. Да и юкоз очень удобен, поэтому каких либо проблем не вижу. К тому же все можно спокойно переделать, так чтоб даже небыло понятно что это ucoz.

И еще, не знаю чем вордпресс лучше

Mr A · March 2, 2013

Перенести с юкоза можно в любой момент на другой хостинг.

Но только не тогда, когда он ляжет :) И чтобы такой шапочки не было:

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Тестовая навигационная панель - Миникарта</title>

<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="http://s79.ucoz.net/src/base.css" />
<link type="text/css" rel="StyleSheet" href="http://s79.ucoz.net/src/layer3.css" />
<script type="text/javascript" src="http://s79.ucoz.net/src/jquery-1.7.2.js"></script>
<link href="http://s79.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://s79.ucoz.net/src/ulightbox/ulightbox.js"></script>
<script type="text/javascript" src="http://s79.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>

@Mr 13 предлагает более надежный хостинг, с прямым доступом к HTML-страницам всех админов www.modxvm.com.

Суть - HTML5 и вся вики развертывается архивом .rar в директорию любого серва.

iAsterdar · March 2, 2013

Ну ок, сделаем не на ucoz'е. Но на это уйдет больше времени

Mr A · March 2, 2013

Начальная структура, включающая только XVM(список страниц):

Ангар

роты
достижения

Загрузка боя

Бой

хитлог
уши
миникарта
маркеры
захват баз

Tab

Послебоевая статистика

Скрины:

https://dl.dropbox.com/u/79209559/Wiki/Hangar.jpg

https://dl.dropbox.com/u/79209559/Wiki/Company1.jpg

https://dl.dropbox.com/u/79209559/Wiki/Company2.jpg

https://dl.dropbox.com/u/79209559/Wiki/UserInfo1.jpg

https://dl.dropbox.com/u/79209559/Wiki/UserInfo2.jpg

https://dl.dropbox.com/u/79209559/Wiki/BattleLoading.jpg

https://dl.dropbox.com/u/79209559/Wiki/Tab.jpg

https://dl.dropbox.com/u/79209559/Wiki/FinalStatistic.jpg

Edited March 2, 2013 by MrA

iAsterdar · March 4, 2013

Делаю, ожидайте пару дней, мб неделю. На работе проблемы просто, порой нет времени

Mr A · March 24, 2013

Таки объявляется донабор. Требуется энтузиаст со знанием HTML!

Imper_ · April 9, 2013

вот думаю что нужно, но пока в формате презентации, посмотрите, а там уже можно будет думать, переводить это в HTML....

Скачать

Mr A · April 9, 2013

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

Imper_ · April 10, 2013

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

презентацию также можно сохранить в xml формате, что уже более близко к html. Я в html не шарю, поэтому могу ошибаться...

Mr A · April 10, 2013

, HTML страницы нам нужны готовые.

Imper_ · April 10, 2013

вот перевёл xml в html через какой-то конвертер, незнаю только правильно ли...

xvm-navigator.zip

Alastanka · April 12, 2013

то что на юкозе тут ссылку давали можно одним файлом, преметив map под споллером или приложением

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Навигационная панель</title>
  <style type="text/css">
   #title {
    line-height: 0; /* Изменяем межстрочное расстояние */
   }
   #title img {
    border: none; /* Убираем рамку вокруг изображения */
   }
  </style>
 </head>
 <body> 
  <div id="title"><img src="http://testpanelxvm.3dn.ru/top.jpg" width="400" height="64" alt="Навигационная панель"><br>
   <img src="http://testpanelxvm.3dn.ru/12.jpg" width="1024" height="576" alt="Навигация по картинке" usemap="#Navigation"></div>
   <p><map id="Navigation" name="Navigation">
   <!-- coords="1-начало нужной области по горизонтали , 2-начало нужной области по вертикали, 3-конец нужной области по вертикали, 4-конец нужной области по вертикали http://htmlbook.ru/html/area/coords -->
    <area shape="rect" coords="0,0,185,20" 			href="debugPanel.html" 				title="пинг-лаг панель">					<!--185х20-->
    <area shape="rect" coords="780,335,1022,577" 	href="minimap.html" 				title="миникарта">							<!--242х242-->
    <area shape="rect" coords="210,6,365,71" 		href="hitLog.html" 					title="панель повреждений противнику">		<!--155х65-->
    <area shape="rect" coords="383,37,637,71" 		href="teamBasesPanel.html" 			title="полоса захвата баз">					<!--254х34-->
    <area shape="rect" coords="435,0,600,26" 		href="fragCorrelationBar.html" 		title="счёт боя">							<!--135х26-->
    <area shape="rect" coords="780,275,1024,331" 	href="playerMessangersPanel.html" 	title="сообщения чат убитых(кто кого убил)"><!--244х56-->
    <area shape="rect" coords="0,40,195,283" 		href="leftPanel.html" 				title="панель уши левые">					<!--195х243-->
    <area shape="rect" coords="832,40,1024,281" 	href="rightPanel.html" 				title="панель уши правые">					<!--192х241-->
    <area shape="rect" coords="0,22,78,40" 			href="switcher_mc.html" 			title="панель переключения ушей">			<!--78х18-->
    <area shape="rect" coords="972,9,1024,28" 		href="battleTimer.html" 			title="время боя">							<!--52х19-->
    <area shape="rect" coords="0,412,145,576" 		href="damagePanel.html" 			title="дамаг-панель">						<!--145х164-->
    <area shape="rect" coords="409,198,622,451" 	href="sixthSenseIndicator.html" 	title="индикатор(шестое чувство)">			<!--213х55-->
    <area shape="rect" coords="407,126,629,197" 	href="vehicleErrorsPanel.html" 		title="сообщения(о снаряжении, командире)">	<!--222х71-->
    <area shape="rect" coords="0,283,146,411" 		href="messenger.html" 				title="сообщения(чат что пишут игроки)">	<!--х-->
    <area shape="rect" coords="0,0,0,0" 			href="damageInfoPanel.html" 		title="">									<!--х-->
    <area shape="rect" coords="407,80,619,125" 		href="timerBig.html" 				title="таймер до начала боя">				<!--212х45-->
    <area shape="rect" coords="0,0,0,0" 			href="deathZoneTimer.html" 			title="?">									<!--х-->
    <area shape="rect" coords="0,0,0,0" 			href="overturnedTimer.html" 		title="?">									<!--х-->
    <area shape="rect" coords="0,0,0,0" 			href="drownTimer.html" 				title="таймер когда тонет танк">			<!--х-->
    <area shape="rect" coords="0,0,0,0" 			href="langBarPanel.html" 			title="">									<!--х-->
    <area shape="rect" coords="382,535,643,576" 	href="consumablesPanel.html" 		title="панель расходники и патроны">		<!--261х41-->
    <area shape="rect" coords="381,443,642,531" 	href="vehicleMessagesPanel.html" 	title="сообщения(о том,кто попал,повредил тебя)"><!--261х88-->
   </map></p>
 </body>
</html>

ну и запелить картинки всплывающие и шрифты через ксс

1.html

Edited April 12, 2013 by Alastanka

Mikk36 · April 13, 2013

I did some work on the idea: http://mikk36.eu/XVM_page_test/index.html

Page creation is really simple, since all the description texts are set right on the area elements.

If the idea suits, it's only a matter of slight touchup on the styling and then the creation of all the necessary images and areas with texts.

Mr A · April 13, 2013

@Mikk36, what we need. You do?

If so, I will prepare the sketches.

Mikk36 · April 13, 2013

@Mikk36, what we need. You do?

If so, I will prepare the sketches.

At first, would need to test it out on the end system, to where you want to integrate it into.

Crus · April 14, 2013

Mikk36, ironically, I made a similar page based on jquery.maphilight yesterday. You may notice additional highlighting on hover compared to your implementation.

Набросал, по-видимому, одновременно с Mikk36 похожий (на основе одного плагина) базовый код. Использовал карту из поста Alastanka. В моем варианте реализована подсветка областей при наведении мыши: http://trialzone.github.io/wot-xvm-docs/ingame.htm (исходник https://github.com/trialzone/wot-xvm-docs/tree/gh-pages)

Фактически, знание HTML более не требуется. Теперь все упирается в создание карт (image map) с областями, и составление понятных описаний к ним для каждого из "экранов". Возможно имеет смысл подкорректировать требования. Для карт можно использовать визуальный редактор, например в GIMP присутствует данный функционал. Есть и онлайн инструменты.

Edited April 14, 2013 by Crus

Imper_ · April 14, 2013

может просто сделать видео с аннотациями и добавить на главную страницу XVM?

Sign In

[XVM вики / wiki] Нужен HTML-верстальщик

Recommended Posts

Link to comment

Short link

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

sirmax

Mr A

Mr A

Posted Images

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Link to comment

Short link

Share on other sites

Recently Browsing 0 members