Jump to content
Korean Random
Mr A

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

Recommended Posts

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

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

post-8781-0-45212800-1362134175_thumb.png

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

 

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

post-8781-0-39824600-1362137854_thumb.png

Edited by seriych

Share this post


Link to post

Short link
Share on other sites
 нажми на ссылку "Инфо"

 

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

 

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

Share this post


Link to post

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

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



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

Share this post


Link to post

Short link
Share on other sites
Перенести с юкоза можно в любой момент на другой хостинг.

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

<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 в директорию любого серва.

Share this post


Link to post

Short link
Share on other sites

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

Share this post


Link to post

Short link
Share on other sites

Начальная структура, включающая только 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 by MrA
  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

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

Share this post


Link to post

Short link
Share on other sites

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

Share this post


Link to post

Short link
Share on other sites

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

Скачать

Share this post


Link to post

Short link
Share on other sites

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

Share this post


Link to post

Short link
Share on other sites

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

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

Share this post


Link to post

Short link
Share on other sites

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

Share this post


Link to post

Short link
Share on other sites

то что на юкозе тут ссылку давали можно одним файлом, преметив 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 by Alastanka

Share this post


Link to post

Short link
Share on other sites

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.

Share this post


Link to post

Short link
Share on other sites

@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.

Share this post


Link to post

Short link
Share on other sites

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 by Crus

Share this post


Link to post

Short link
Share on other sites

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

Share this post


Link to post

Short link
Share on other sites
Guest
This topic is now closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.

×