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

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

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

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

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

Посмотреть

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

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

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

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

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

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

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

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

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

Подробнее

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 2  
Тема закрыта

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

1

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

Здравствуйте, сколько статей не прочитала, сколько раз пробовала делать таблицу, и все же у меня не получилось, поэтому прошу помощи у Вас.
Можете мне сделать таблицу такого же типа как показано сплоером ниже, но с прозрачным фоном?

1.

http://s5.uploads.ru/t/oxnWX.png

2.

http://s5.uploads.ru/t/HI6c8.png

3.

http://s4.uploads.ru/t/ekIoK.png

4.

http://s5.uploads.ru/t/4v1nL.png

0

2

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

актуально

0

3

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

Возьмусь сделать.
Вкладки картинками хочешь или надписями?

+1

4

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

А. И. Под "прозрачным фоном" вы подразумеваете какой-то определённый цвет с заданной прозрачностью или же - его отсутствие?

0

5

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

Возьмусь сделать.

Спасибо, что взялся

Shiroyasha написал(а):

Вкладки картинками хочешь или надписями?

Картинками

Shiroyasha написал(а):

А. И. Под "прозрачным фоном" вы подразумеваете какой-то определённый цвет с заданной прозрачностью или же - его отсутствие?

Эм, прозрачный фон в смысле, что бы таблица была прозрачной

0

6

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

Готово.
Посмотреть можно здесь.

Код
Код:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<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>

<style type="text/css">
/* <![CDATA[ */
#menu span {
padding-left: 44px; 
width: 149px;
height: auto
text-decoration: none;
}

#menu .tabactive {
background: transperent;
}

#submenu {
padding: 0px;
height: 230px;
text-align: justify;
overflow: auto;
width: 820px;
background: none;
border: 1px solid #000;
}
/* ]]> */
</style>


<table style="width: 809px;">
<tbody>
<tr>
<td>
<div id="menu">

<span alt=#sm1 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm2 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm3 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
<span alt=#sm4 style="cursor: pointer;"><img src="http://dgmtw.f-rpg.ru/files/0013/5b/95/16528.jpg
"></span>
</div>
</td>
</tr>

<tr>
<td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center"> 

<div id="sm1" class="submenutext" style="display:block;"><br>
	<table width='100%'>
	<tr>
	<td width='69%' valign = 'top'>
	<div id="u-panel"></div>
	<script type="text/javascript">
    var arr=document.getElementsByTagName("div")
    i=0
    while(arr ){
    if(arr[i].id=="u-panel") {
    name=arr[i].innerHTML
    name=name.substring(0)
    arr[i].innerHTML="<div id=option><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'  width='100' height='100'  style = 'float:left; margin-right: 7px; margin-bottom: 7px;' class='leftimg'> Привет, "+UserLogin+"! Блаблабла ... // Это типо невероятный по своему содержанию текст. Невероятно, не правда ли?</div>"+name
    }i++}
    </script>
	</td>

	<td width='2%'>
	</td>
	
	<td width='29%' valign = 'top' >
	<p><b>Время:</b> 14.34</p>
    <p><b>Дата:</b> 13.10.1891 г.</p>
    <p><b>Погода:</b> Пасмурно. Небо затянуто тяжёлыми тучами, не пропуская ни единого луча солнца. Ветер сильный, юго-восточный. Обещали шторм.</p>
	</td>
	</tr>
	</table>
 </div>


<div id="sm2" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='25%' valign = 'top' align = 'center'>
    <p><b>Название</b></p>
	<br>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	</td>

	<td width='25%' align = 'center' valign = 'top' >
	<p><b>Название</b></p>
	<br>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	</td>
	
	<td width='25%' align = 'center' valign = 'top' >
	<p><b>Название</b></p>
	<br>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	</td>
	
	<td width='25%' align = 'center' valign = 'top' >
	<p><b>Название</b></p>
	<br>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	</td>	
	</tr>
	</table>
</div>


<div id="sm3" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='69%' valign = 'top' align = 'center'>
    <p><b>Наши друзья</b></p>
	<br>
    <p><b> Баннеры</b></p>
    <marquee scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">.Ваши баннеры.</marquee>
	</td>
	
	<td width='2%'>
	</td>
	
	<td width='29%' valign = 'top' align = 'center'>
    <p>Ещё один чертовски, да нет - сууупааар офигенный текст.</p>
	<br>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	<p><a href = 'http://'>Ссылка</a></p>
	</td>
	</tr>
	</table>
</div>




<div id="sm4" class="submenutext" style=overflow: auto;><br>
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
	<p><b>Админы</b><p>
	</td>
	</tr>
	</table>

	<table width = '100%' align = 'center'>
	<tr>
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	
	<td width='25%' align = 'center'>
	<a href = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/57182.jpg'></a>
	</td>
	</tr>
	</table>
	
	<table width='100%'>
	<tr>
	<td width='100%' align = 'center'>
	<p><b>Модераторы</b><p>
	</td>
	</tr>
	</table>
	
	<table width = '100%' align = 'center'>
	<tr>
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	
	<td width='25%' align = 'center'>
    <a href = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'><img src = 'https://forumstatic.ru/files/000f/1a/00/49476.jpg'></a>
	</td>
	</tr>
	</table>
</div>

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

+2

7

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

спасибо, очень Вам благодарна! Тему можно закрывать

0

8

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

эм, а как убрать границы?

0

9

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

#submenu {
padding: 0px;
height: 230px;
text-align: justify;
overflow: auto;
width: 820px;
background: none;
border: 1px solid #000;

Выделенное красным изменить на:

border: none;

Обращайтесь. (:

0

10

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

Shiroyasha

Shiroyasha написал(а):

Обращайтесь. (:

Да, мне еще раз нужно к Вам обратиться.
Можно ли сделать так, что бы граница самой таблицы была поменьше, вот пример:

как идет таблица

http://s4.uploads.ru/t/cdN1U.png

Как хотелось бы сделать таблицу

http://s4.uploads.ru/t/xRg2p.png

0

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