Срочно нужна помощь! Создание некоторых фич ;3

Егор · 21.04.2013

Всем привет ребятки! Ооочень важен вопрос, как сделать следующие вещи:
Кто поможет так сделать, отблагодарю денюжкой)
1. Чтобы такие блоки располагались по 3 около друг друга, а не под друг другом.

2. И как сделать вот так на главной странице

Mediawiker · 22.04.2013

Привет.

Обычно, во всех wiki есть кнопка "view source" или "edit", где можно посмотреть как реализована та или иная страница.

Вот, например, по первому пункту, создатели сделал так:

Код:

{| style="margin:4px 0 0 0; border-spacing: 2px;"
| class="MainPageBG" style="width:25%; vertical-align:top;" |
{| class="wikitable" style="width:100%; vertical-align:top"
!colspan=3|Renewable
|-
|align="center"|[[file:water bottle.png|30px]]
|[[Thirst|Water]] refill
|align="center"|<big>{{{water|?}}}</big>
|-
|align="center"|[[file:crafting table.png|30px]]
|[[Crafting table]]
|align="center"|<big>{{Switch|{{{crafting|?}}}
|case: {{y}}=[[Category:Has crafting table]]{{y}}
|case: {{n}}={{n}}
|default=?}}</big>
|-
|align="center"|[[file:farm.png|30px]]
|Farm
|align="center"|<big>{{{farm|?}}}</big>
|-
|align="center"|[[file:brewing stand.png|30px]]
|[[Brewing stand]]
|align="center"|<big>{{{brewing|?}}}</big>
|}
| class="MainPageBG" style="width:25%; vertical-align:top;"|
{| class="wikitable" style="width:100%; vertical-align:top"
!colspan=3|[[Loot#Civilian chests|Civilian Loot]]
|-
|align="center"|[[file:paper.png|30px]]
|Common chests
|align="center"|<big>{{{civ_common|?}}}</big>
|-
|align="center"|[[file:healing_pot.png|30px]]
|Hospital chests
|align="center"|<big>{{{civ_hospital|?}}}</big>
|-
|align="center"|[[file:melon_Slice.png|30px]]
|Store chests
|align="center"|<big>{{{civ_store|?}}}</big>
|-
|align="center"|[[file:button.png|30px]]
|Tool chests
|align="center"|<big>{{{civ_tool|?}}}</big>
|}
| class="MainPageBG" style="width:25%; vertical-align:top;"|
{| class="wikitable" style="width:100%; vertical-align:top;"
!colspan=3|[[Loot#Military chests|Military Loot]]
|-
|align="center"|[[file:c_chest.png|30px]]
|Common chests
|align="center"|<big>{{{mil_common|?}}}</big>
|-
|align="center"|[[file:Iron_sword.png|30px]]
|Uncommon chests
|align="center"|<big>{{{mil_uncommon|?}}}</big>
|-
|align="center"|[[file:Ender_Pearl.png|30px]]
|Rare chests
|align="center"|<big>{{{mil_rare|?}}}</big>
|-
|align="center"|[[file:Gunpowder.png|30px]]
|Epic chests
|align="center"|<big>{{Switch|{{{mil_epic|?}}}
|case: {{n}}={{n}}
|case: 1=[[Category:Locations With Military Epic Chests|1 {{PAGENAME}}]]1
|case: 1+=[[Category:Locations With Military Epic Chests|1 {{PAGENAME}}]]1+
|case: 2=[[Category:Locations With Military Epic Chests|2 {{PAGENAME}}]]2
|case: 2+=[[Category:Locations With Military Epic Chests|2 {{PAGENAME}}]]2+
|case: 3=[[Category:Locations With Military Epic Chests|3 {{PAGENAME}}]]3
|case: 3+=[[Category:Locations With Military Epic Chests|3 {{PAGENAME}}]]3+
|case: 4=[[Category:Locations With Military Epic Chests|4 {{PAGENAME}}]]4
|case: 4+=[[Category:Locations With Military Epic Chests|4 {{PAGENAME}}]]4+
|case: 5=[[Category:Locations With Military Epic Chests|5 {{PAGENAME}}]]5
|case: 5+=[[Category:Locations With Military Epic Chests|5 {{PAGENAME}}]]5+
|case: 6=[[Category:Locations With Military Epic Chests|6 {{PAGENAME}}]]6
|case: 6+=[[Category:Locations With Military Epic Chests|6 {{PAGENAME}}]]6+
|case: 7=[[Category:Locations With Military Epic Chests|7 {{PAGENAME}}]]7
|case: 7+=[[Category:Locations With Military Epic Chests|7 {{PAGENAME}}]]7+
|case: 8=[[Category:Locations With Military Epic Chests|8 {{PAGENAME}}]]8
|case: 8+=[[Category:Locations With Military Epic Chests|8 {{PAGENAME}}]]8+
|case: 9=[[Category:Locations With Military Epic Chests|9 {{PAGENAME}}]]9
|case: 9+=[[Category:Locations With Military Epic Chests|9 {{PAGENAME}}]]9+
|case: 10=[[Category:Locations With Military Epic Chests|10 {{PAGENAME}}]]10
|case: 10+=[[Category:Locations With Military Epic Chests|10 {{PAGENAME}}]]10+
|default={{{mil_epic|?}}}}}</big>
|}
|}

Можно скопировать и всё будет работать.

А по поводу второго пункта - главной страницы, что именно интересует? Как сделан блок News and Announcements?

Егор · 26.04.2013

неа, получается лишь вот эта вот полосочка

Никита · 28.04.2013

Както-так:

HTML:

<div class="tright">
<div style="width: 300px;height: auto;box-shadow: 0px 0px 5px #7a7a7a; border-radius: 5px; padding: 5px 5px;">
<div style="
width: 290px;
height: auto;
background: -webkit-linear-gradient(top, bottom, #999999, #808080);
background: -moz-linear-gradient(top,  #999999,  #808080);
background: -o-linear-gradient(top,  #999999,  #808080);
background: -ms-linear-gradient(top,  #999999,  #808080);
border-radius: 2px;
margin: 0 auto;
text-align:  center;
color: white;
padding: 5px 5px"><b>Ваш зоголовок</b></div>
{| width="100%" class="wikitable"
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✖
|-
| Сюда картинку || Сюда текст || ✖
|}
</div></div>
<div style="width: 300px;height: auto;box-shadow: 0px 0px 5px #7a7a7a; border-radius: 5px; padding: 5px 5px;">
<div style="
width: 290px;
height: auto;
background: -webkit-linear-gradient(top, bottom, #999999, #808080);
background: -moz-linear-gradient(top,  #999999,  #808080);
background: -o-linear-gradient(top,  #999999,  #808080);
background: -ms-linear-gradient(top,  #999999,  #808080);
border-radius: 2px;
margin: 0 auto;
text-align:  center;
color: white;
padding: 5px 5px"><b>Ваш зоголовок</b></div>
{| width="100%" class="wikitable"
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✖
|-
| Сюда картинку || Сюда текст || ✖
|}
</div>

Егор · 28.04.2013

Никита сказал(а):

Както-так:

HTML:

<div class="tright">
<div style="width: 300px;height: auto;box-shadow: 0px 0px 5px #7a7a7a; border-radius: 5px; padding: 5px 5px;">
<div style="
width: 290px;
height: auto;
background: -webkit-linear-gradient(top, bottom, #999999, #808080);
background: -moz-linear-gradient(top,  #999999,  #808080);
background: -o-linear-gradient(top,  #999999,  #808080);
background: -ms-linear-gradient(top,  #999999,  #808080);
border-radius: 2px;
margin: 0 auto;
text-align:  center;
color: white;
padding: 5px 5px"><b>Ваш зоголовок</b></div>
{| width="100%" class="wikitable"
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✖
|-
| Сюда картинку || Сюда текст || ✖
|}
</div></div>
<div style="width: 300px;height: auto;box-shadow: 0px 0px 5px #7a7a7a; border-radius: 5px; padding: 5px 5px;">
<div style="
width: 290px;
height: auto;
background: -webkit-linear-gradient(top, bottom, #999999, #808080);
background: -moz-linear-gradient(top,  #999999,  #808080);
background: -o-linear-gradient(top,  #999999,  #808080);
background: -ms-linear-gradient(top,  #999999,  #808080);
border-radius: 2px;
margin: 0 auto;
text-align:  center;
color: white;
padding: 5px 5px"><b>Ваш зоголовок</b></div>
{| width="100%" class="wikitable"
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✓
|-
| Сюда картинку || Сюда текст || ✖
|-
| Сюда картинку || Сюда текст || ✖
|}
</div>

вот , что получается

Никита · 28.04.2013

Егор сказал(а):
вот , что получается

Вот у меня: http://wiki.blockscape-rus.ru/index.php/Тест
Хмм. У вас какая медиавики версия?
Можно ссылку на ваш сайт? Я попробую сам Вам сделать

Можем ещё пообщаться ВКонтакте (для быстрого ответа): http://vk.com/nikita_salms
или на email: salms.nikita@yandex.ru

Срочно нужна помощь! Создание некоторых фич ;3

Егор

Только зашёл

Mediawiker

Давно здесь

Егор

Только зашёл

Никита

Осваивается

Вложения

Егор

Только зашёл

Никита

Осваивается