ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения
На форуме идут технические работы. Кое-что кое-где может отображаться криво. Мы скоро всё поправим. :)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



[Выполнено]Таблица. Коты Воители

Сообщений 1 страница 5 из 5

1

1. Ссылка на форум: http://newdown.mybb.ru
2. Эскиз таблицы:

тык

http://s2.uploads.ru/t/LhR3b.jpg
http://s2.uploads.ru/t/4mt9D.jpg
http://s2.uploads.ru/t/a1MIv.jpg
http://s2.uploads.ru/t/Pay7R.png

3. Дополнительные предпочтения: Фон прозрачный, края у блоков скруглены, границы пунктиром. Шрифт у названий - P22 Kilkenny Pro, как и на эскизах. В пункте "Админы и модеры"  сделать так, когда мышкой наводишь на картинку высвечивался ник админа или модера.

0

2

верх

Код:
<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;
font-family: P22 Kilkenny Pro;
}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}

#submenu, #menu span {
color: #000000;
border: 2px dotted black;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;}

#menu .tabactive {
color: #000000;
border: 2px dotted black;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}

#submenu {
padding: 3px;
height: 320px;
text-align: center;
width: 410px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

низ

Код:
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

объявление

Код:
<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">События в игре</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Реклама</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     
<div id="sm1" class="submenutext" style="display:block;">
<div style="font-size: 14px; font-family: P22 Kilkenny Pro;">текст 1</div><div style="width: 100%; height: 300px; overflow-y: scroll;"><br/>дата:новости<br/>дата:новости</div>
</div>
     

<div id="sm2" class="submenutext">
<div style="width: 100%; height: 310px; overflow-y: scroll;"><div style="font-size: 14px; font-family: P22 Kilkenny Pro;">название</div><br/>тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст<br/><br/><div style="font-size: 14px; font-family: P22 Kilkenny Pro;">название</div><br/>текст</div>
</div>

     <div id="sm3" class="submenutext">
<div style="font-size: 14px; font-family: P22 Kilkenny Pro;">Админы</div><br/>
<img src="картинка" title="ник1"/>
<img src="картинка" title="ник2">
<img src="картинка" title=""ник3"><br/>
<div style="font-size: 14px; font-family: P22 Kilkenny Pro;">Модеры</div>
<br/><img src="картинка" title="ник9">
<img src="картинка" title="ник4">
<img src="картинка" title="ник5">
<img src="картинка" title="ник6">
<img src="картинка" title="ник7">
<img src="картинка" title="ник8">
</div>

     <div id="sm4" class="submenutext">
<div style="width: 100%; height: 310px; overflow-y: scroll;"><div style="font-size: 14px; font-family: P22 Kilkenny Pro;">название</div>
<br/>
<img src="картинка"><img src="картинка"><img src="картинка">
<br/><img src="картинка"><img src="картинка"><img src="картинка">
<br/><br/>
<div style="font-size: 14px; font-family: P22 Kilkenny Pro;">название</div><br/><img src="картинка баннера" ><br>
<br>
<div class="code-box"><textarea style="height:65px;width:320px"><a href="ссылка на форум"><img src="картинка баннера"></a></textarea></div></div>
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

0

3

Все просто отлично, но очень очень маленький размер у названий, если не сложно, можете сделать 35?

0

4

Каппучино
верх

Код:
<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;
font-family: P22 Kilkenny Pro;
font-size: 20px;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}

#submenu, #menu span {
color: #000000;
border: 2px dotted black;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;}

#menu .tabactive {
color: #000000;
border: 2px dotted black;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}

#submenu {
padding: 3px;
height: 320px;
text-align: center;
width: 410px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

объявление

Код:
<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">События в игре</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Реклама</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     
<div id="sm1" class="submenutext" style="display:block;">
<div style="font-size: 18px; font-family: P22 Kilkenny Pro;">текст 1</div><div style="width: 100%; height: 300px; overflow-y: scroll;"><br/>дата:новости<br/>дата:новости</div>
</div>
     

<div id="sm2" class="submenutext">
<div style="width: 100%; height: 310px; overflow-y: scroll;"><div style="font-size: 18px; font-family: P22 Kilkenny Pro;">название</div><br/>тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст<br/><br/><div style="font-size: 18px; font-family: P22 Kilkenny Pro;">название</div><br/>текст</div>
</div>

     <div id="sm3" class="submenutext">
<div style="font-size: 18px; font-family: P22 Kilkenny Pro;">Админы</div><br/>
<img src="картинка" title="ник1"/>
<img src="картинка" title="ник2">
<img src="картинка" title=""ник3"><br/>
<div style="font-size: 18px; font-family: P22 Kilkenny Pro;">Модеры</div>
<br/><img src="картинка" title="ник9">
<img src="картинка" title="ник4">
<img src="картинка" title="ник5">
<img src="картинка" title="ник6">
<img src="картинка" title="ник7">
<img src="картинка" title="ник8">
</div>

     <div id="sm4" class="submenutext">
<div style="width: 100%; height: 310px; overflow-y: scroll;"><div style="font-size: 18px; font-family: P22 Kilkenny Pro;">название</div>
<br/>
<img src="картинка"><img src="картинка"><img src="картинка">
<br/><img src="картинка"><img src="картинка"><img src="картинка">
<br/><br/>
<div style="font-size: 18px; font-family: P22 Kilkenny Pro;">название</div><br/><img src="картинка баннера" ><br>
<br>
<div class="code-box"><textarea style="height:65px;width:320px"><a href="ссылка на форум"><img src="картинка баннера"></a></textarea></div></div>
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

35 слишком уж большой, поставила 20 для вкладок и 18 для заголовков
Чтобы изменить размер текста вкладок ищем в хтмл верх

<style>
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;
font-family: P22 Kilkenny Pro;
font-size: 20px;}

#menu span {

для заголовков в тексте ищем в коде объявления, этот код встречается не один раз, а возле каждого заголовка

<div style="font-size: 18px; font-family: P22 Kilkenny Pro;">текст 1</div>

0

5

Хорошо, спасибо)

0