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

Объявление

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

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

Подробнее

Мийрон

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

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее
Внимание, до 30.09 идёт набор заявок в котолотерею (тур I, "Сентябрьский кот")! Не пропустите!
Внимание! Нужно ваше мнение! Выбираем новый логотип, новую стилистику и новую разметку заявок для проекта ролевых заявок.

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

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



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

Сообщений 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