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

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

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

Страница: 1
Тема закрыта

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

1

  • Автор: Каппучино
  • Бестелесный дух прошлого
  • Каппучино
  • Уважение: +3

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

  • Автор: Бу
  • Бестелесный дух прошлого
  • Бу
  • Уважение: +298

верх

Код:
<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

  • Автор: Каппучино
  • Бестелесный дух прошлого
  • Каппучино
  • Уважение: +3

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

0

4

  • Автор: Бу
  • Бестелесный дух прошлого
  • Бу
  • Уважение: +298

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

Код:
<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

  • Автор: Каппучино
  • Бестелесный дух прошлого
  • Каппучино
  • Уважение: +3

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

0

Тема закрыта
Страница: 1