Поиск по сайту

Студия

Вы можете заказать разработку символики, сайта, мувика для вашего проекта.

Магазин

Профессиональные игровые девайсы помогут вам получить преимущество в игре! Помимо них вы найдете в нашем магазине многое другое.

Партнеры

Скачать карты для WarCraft 3 Полезные статьи
avatar
LIKE! + 0 Добавить в избранное
PaperCut Blog by PaperCut

Оформление топиков. Группы, сетка турнира


Оформление групп


Одна группа.

Пример

Группа А
  • 1.  aTn.DarkForce
  • 2.  aTn.DarkForce
  • 3.  aTn.DarkForce
  • 4.  aTn.DarkForce
  • 5.  aTn.DarkForce

Код


<div class="group">
  <div class="title1">Группа А</div>
    <ul>
      <li><span class="num">1.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">2.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">3.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">4.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">5.</span>  :rus: aTn.DarkForce</li>
    </ul>
</div>
<div class="clear"></div>


Несколько групп

Пример

Группа А
  • 1.  aTn.DarkForce
  • 2.  aTn.DarkForce
  • 3.  aTn.DarkForce
  • 4.  aTn.DarkForce
  • 5.  aTn.DarkForce
Группа Б
  • 1.  aTn.DarkForce
  • 2.  aTn.DarkForce
  • 3.  aTn.DarkForce
  • 4.  aTn.DarkForce
  • 5.  aTn.DarkForce

Код


<div class="group">
  <div class="title1">Группа А</div>
    <ul>
      <li><span class="num">1.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">2.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">3.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">4.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">5.</span>  :rus: aTn.DarkForce</li>
    </ul>
</div>
<div class="group">
  <div class="title1">Группа Б</div>
    <ul>
      <li><span class="num">1.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">2.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">3.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">4.</span>  :rus: aTn.DarkForce</li>
      <li><span class="num">5.</span>  :rus: aTn.DarkForce</li>
    </ul>
</div>
<div class="clear"></div>




Оформление турниров.



Пример

1\8 финала
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE

Четвертьфиналы
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
Полуфиналы
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
Финал
aTn.DarKFoRcE
2:0
aTn.DarKFoRcE
Победитель
aTn.DarKFoRcE

Код


<div class="tournament">
  <div class="col">
    <div class="title1">1\8 финала</div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>
    <div class="item">
        <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="count">2:0</div>
	<div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
	<div class="line"></div>
    </div>													
  </div>
  <div class="col col2">
    <div class="title1">Четвертьфиналы</div>
    <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
    <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
    <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
    <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
</div>
  <div class="col col3">
    <div class="title1">Полуфиналы</div>
    <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
    <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
  </div>
  <div class="col col4">
    <div class="title1">Финал</div>
   <div class="item">
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="count">2:0</div>
      <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
      <div class="line"></div>
    </div>
  </div>
  <div class="clear"></div>
  <div class="winner">
    <div class="title1">Победитель</div>
    <div class="name">:rus:<span>aTn.DarKFoRcE</span></div>
  </div>
</div>

Поделиться:
WarCraft  19 апреля 2011, 23:31     разработка, оформление турниров
Комментарии0 + 0
Комментарии (0)

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.