Объявления

Форум о Героях Меча и Магии и King's Bounty. Если Вы любите эти игры, мы будем рады видеть Вас в наших рядах. :smile2:

Неточности и дополнения!

В этом разделе можно оставить свои наблюдения и замечания по справочнику, а также высказать предложения по его совершенствованию и наполнению. Вся информация этого раздела будет скрупулезно рассматриваться и по мере сил и времени добавляться в справочник
offlineАватара пользователя
VDV_forever  
имя: Дмитрий
Администратор
 
Сообщения: 3784
Зарегистрирован: 22 мар 2009, 12:36
Пол: Мужчина
Поблагодарили: 933 раз.

Re: Неточности и дополнения!

Сообщение VDV_forever » 03 авг 2017, 12:46

Думаю, что намного лучше будет, если пиктограммы выделить в отдельную колонку и разместить их там вертикально, одну под другой :smile2:
Размер можно сделать средний. :smile1:
http://www.handbookhmm.ru- Познай все тонкости игры!
Вернуться к началу

offlineАватара пользователя
Владимир  
Ветеран
Ветеран
 
Сообщения: 702
Зарегистрирован: 30 окт 2012, 18:37
Пол: Не указан
Награды: 3
Высшая медаль (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (1)
Поблагодарили: 413 раз.

Re: Неточности и дополнения!

Сообщение Владимир » 07 авг 2017, 08:01

Есть ли способ писать вот это как-нибудь покороче?
Код: Выделить всё
<img src="http://handbookhmm.ru/wp-content/uploads/2017/08/coy.png" alt="" title="жёлтый - компьютер"/><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/necromancer.png" alt="" title="Necromancer"/>


я бы с удовольствием вообще писал это примерно как
Код: Выделить всё
<*tagname* class="coy"><*tagname* class="necromancer">
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 3236
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 1483 раз.

Re: Неточности и дополнения!

Сообщение AlexSpl » 07 авг 2017, 08:06

Можно ссылку сократить, как в файловой системе. Зависит от того, где файл с этим кодом лежит. Можно опустить alt. Но по стандарту не рекомендуется.

Цитата:
я бы с удовольствием вообще писал это примерно как

Так можно сделать с помощью CSS. Но всё равно в CSS придётся прописывать ссылку.
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 3236
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 1483 раз.

Re: Неточности и дополнения!

Сообщение AlexSpl » 07 авг 2017, 08:42

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

В html:
Код: Выделить всё
<img class="coy" />

В css:
Код: Выделить всё
.coy {
    content: url("относительный путь к картинке");
}

Ещё можно попробовать использовать селектор. Но не знаю, будет ли такое работать :)

html:
Код: Выделить всё
<img title="тайтл" />

css:
Код: Выделить всё
img[title="тайтл"] {
    content: url("относительный путь к картинке");
}


Нужно тестить.
Вернуться к началу

offlineАватара пользователя
VDV_forever  
имя: Дмитрий
Администратор
 
Сообщения: 3784
Зарегистрирован: 22 мар 2009, 12:36
Пол: Мужчина
Поблагодарили: 933 раз.

Re: Неточности и дополнения!

Сообщение VDV_forever » 07 авг 2017, 12:28

Владимир писал(а):

Есть ли способ писать вот это как-нибудь покороче?
Код: Выделить всё
<img src="http://handbookhmm.ru/wp-content/uploads/2017/08/coy.png" alt="" title="жёлтый - компьютер"/><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/necromancer.png" alt="" title="Necromancer"/>


я бы с удовольствием вообще писал это примерно как
Код: Выделить всё
<*tagname* class="coy"><*tagname* class="necromancer">

А смысл делать короче, Владимир? :smile5: Я бы не заморачивался :smile1:
http://www.handbookhmm.ru- Познай все тонкости игры!
Вернуться к началу

offlineАватара пользователя
Владимир  
Ветеран
Ветеран
 
Сообщения: 702
Зарегистрирован: 30 окт 2012, 18:37
Пол: Не указан
Награды: 3
Высшая медаль (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (1)
Поблагодарили: 413 раз.

Re: Неточности и дополнения!

Сообщение Владимир » 07 авг 2017, 20:47

VDV_forever писал(а):

А смысл делать короче, Владимир? :smile5: Я бы не заморачивался :smile1:

Потому что сейчас описание одной карты выглядит вот так:
Код: Выделить всё
<tr>
  <td align="center"><b>3</b></td>
  <td align="center"><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/Slugfest.gif" alt="Slugfest" width="144" height="144" border="0"></td>
  <td align="center"><table border=0><tr><td align=center><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/standardwin.png" alt="" /> <img src="http://handbookhmm.ru/wp-content/uploads/2017/08/standardlose.png" alt="" /></td></tr>
<tr><td><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/cohb.png" alt="" /><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/knight.png" alt="" /></td></tr>
<tr><td><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/cohg.png" alt="" /><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/barbarian.png" alt="" /></td></tr>
<tr><td><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/cohr.png" alt="" /><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/sorceress.png" alt="" /></td></tr>
<tr><td><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/cohy.png" alt="" /><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/wizard.png" alt="" /></td></tr>
<tr><td><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/coho.png" alt="" /><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/warlock.png" alt="" /></td></tr>
<tr><td><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/cohp.png" alt="" /><img src="http://handbookhmm.ru/wp-content/uploads/2017/08/necromancer.png" alt="" /></td></tr>
  </table></td>
  <td align="center" valign="top"><strong>Slugfest</strong><br>Six heroes with large armies prepare to slug it out for total domination!<hr><strong>Жаркая битва</strong><br>Шесть героев с огромными войсками сражаются друг с другом за власть.</td>
</tr>

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

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 3236
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 1483 раз.

Re: Неточности и дополнения!

Сообщение AlexSpl » 07 авг 2017, 20:56

Короче, немного потестировал. content работает нормально в Chrome. В Firefox не завелось. Немного погуглил и нашёл такой вариант, который заработал и в Firefox:

html:
Код: Выделить всё
<html>
   <head>
      <link rel="stylesheet" type="text/css" href="style.css" />
   </head>
   <body>
      <img class="griffin" />
   </body>
</html>


css:
Код: Выделить всё
.griffin::after {
   content: url("griffin.bmp");
}


* * *
Проверил вариант с title. По-моему, самый удобный:

html:
Код: Выделить всё
<html>
   <head>
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
      <img title="Грифон" /> <img title="Зелёный дракон" />
   </body>
</html>


css:
Код: Выделить всё
img[title="Грифон"]::after {
   content: url("griffin.bmp");
}

img[title="Зелёный дракон"]::after {
   content: url("greendragon.bmp");
}


:smile20:
Последний раз редактировалось AlexSpl 07 авг 2017, 21:08, всего редактировалось 1 раз.
Вернуться к началу

offlineАватара пользователя
Владимир  
Ветеран
Ветеран
 
Сообщения: 702
Зарегистрирован: 30 окт 2012, 18:37
Пол: Не указан
Награды: 3
Высшая медаль (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (1)
Поблагодарили: 413 раз.

Re: Неточности и дополнения!

Сообщение Владимир » 07 авг 2017, 21:03

Если написать оба варианта - работать будет во всём, проверил.
Как теперь сделать title'ы?
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 3236
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 1483 раз.

Re: Неточности и дополнения!

Сообщение AlexSpl » 07 авг 2017, 21:09

Ответил выше.

Цитата:
Если написать оба варианта - работать будет во всём, проверил.

У меня без ::after в Firefox не работает.
Вернуться к началу

offlineАватара пользователя
Владимир  
Ветеран
Ветеран
 
Сообщения: 702
Зарегистрирован: 30 окт 2012, 18:37
Пол: Не указан
Награды: 3
Высшая медаль (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (1)
Поблагодарили: 413 раз.

Re: Неточности и дополнения!

Сообщение Владимир » 20 авг 2017, 16:53

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

Пред.След.

Вернуться в Предложения и замечания

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron