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

Объявление

🔴 Разговорный стрим "Время уDEVительных историй"

Дата и время: начало 2 марта в 17:00 по МСК;
Разберём несколько распространённых мифов о дизайне и программировании.
Готовы узнать правду о том что скрывается за кулисами этой индустрии? 🔥

Подробности

☕ 7 вечеров с magia

Дата: с 27 февраля по 5 марта;
Хотите узнать, что таит в себе magia?
Присоединяйтесь к обсуждению и подготовьте вопросы!

Задать вопрос

ДОРАБОТАЕМ ВМЕСТЕ СКРИПТ ПЕРВОАПРЕЛЬСКИХ РОЗЫГРЫШЕЙ

Акция продлится до 1 апреля;
Поддержите нашего разработчика в улучшении его скрипта первоапрельских розыгрышей.
Мы отблагодарим баллами, как за предоставление идей новых шуток, так и за помощь в их реализации.

Принять участие

GEMcross

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

Посетить

TVD: FACELESS

В каждой истории есть две стороны.
Я и герой, и злодей.

Посетить

ЭНТЕРОС

Магия и технологии, эпизоды, 18+
ПутеводительХотим видетьРасы

Посетить

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

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

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

💰 Продаётся: функционал, упрощающий жизнь админу форума

Ивент-календарь, вкладки и слайдеры в постах облегчат оформление и информирование игроков о событиях на форуме.
Скрипт подсчёта постов за вас посчитает активистов и тех кто не пишет посты в указанных разделах и за указанный период времени.
Чат на отдельной странице на форуме, без регистрации, используются форумные аккаунты.
Ультимативный список тем - картинки, описания и иконки для топиков.

Как купить

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

Поиск роли на текстовых ролевых
Проект от специалистов 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
SuggestionsReviews

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 страница 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