Таблицы на заказ (15)

Страница: « 1 … 12 13 14 15 16 … 50 »

Сообщений 261 страница 280 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Продолжение темы Таблицы на заказ (14).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.

Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.

И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

Поделиться261Вт, 7 Май 2013 13:23:35

Автор: Mirexis
Заслуженный
Зарегистрирован: Чт, 20 Сен 2012
Сообщений: 17
Уважение: +6
Позитив: +4
Последний визит:
Ср, 16 Дек 2015 10:10:22

1. ссылка на форум http://savanna-legends.ru
2.

3. границы у таблицы: нужен только вот такой вот элемент таблицы. Что бы края в обеих колонках закруглялись.

Поделиться262Вт, 7 Май 2013 13:30:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

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

Хотя можно и просто:

<div style="width:200px;height:100px;border-radius:8px;border:1px solid #716F64">

</div>

Отредактировано Deff (Вт, 7 Май 2013 13:33:25)

Поделиться263Вт, 7 Май 2013 14:16:53

Автор: Камели
Заслуженный
Зарегистрирован: Ср, 23 Янв 2013
Сообщений: 75
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 14 Май 2013 07:50:15

Извините за навязчивость, а мой заказ принят?

Поделиться264Вт, 7 Май 2013 14:19:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

Камели
Нет сейчас Деятелей по таблицам... из Последних кто делал - Rion Leonheart , но он, на скок знаю, недавно женился и нет времени на игрушки

Поделиться265Вт, 7 Май 2013 14:25:06

Автор: Камели
Заслуженный
Зарегистрирован: Ср, 23 Янв 2013
Сообщений: 75
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 14 Май 2013 07:50:15

Deff
О, вон оно как... Ну ладно, оно не горит, подождём Х)

Поделиться266Вт, 7 Май 2013 14:26:36

Автор: Dessany
Заслуженный
Зарегистрирован: Вс, 3 Июл 2011
Сообщений: 74
Уважение: +3
Позитив: +16
Последний визит:
Пт, 9 Ноя 2018 19:31:17

1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) -

2) Ссылка на ваш форум http://tlkagain.rusff.ru
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Итак, теперь подробно: хотелось бы пролистывающееся объявление состоящее из трех листов листов.
Первый делится на четыре раздела:Первый раздел самый широкий, во втором хотелось бы, чтобы была прокрутка. Третий как видно разделяется на два перпендикулярно примерно пополам.
Второй лист не делится, но там будут картинки, а под ними текст-описание. (помогите с этим)
Третий лист делится на три раздела:на картинке указано как.

И еще: хочется чтобы все разделы были со скругленными концами. Ширина объявления примерно 700 пкс, цвет я думаю под тело форума. Сами бордеры желательно темным цветом, но тонкие.
Вроде бы все.
Ах да, забыла, я подготовила надписи, которые нужно вставить (добро пожаловать, новости и др.) Вот они:

Отредактировано Dessany (Вт, 7 Май 2013 14:38:05)

Поделиться267Ср, 8 Май 2013 04:27:14

Автор: Mirexis
Заслуженный
Зарегистрирован: Чт, 20 Сен 2012
Сообщений: 17
Уважение: +6
Позитив: +4
Последний визит:
Ср, 16 Дек 2015 10:10:22

Deff, с фотошопом, конечно хорош, но мне бы просто обычную табличку

Код:

<table>...</table>

Это будут маленькие информационные таблицы, расположенные на отдельной самостоятельной странице, по типу тех, на которых баннеры размещают

Но у меня никак не получается сделать так, что бы одна колонка была меньше другой и что бы сама таблица не растягивалась от края до края форума. А поля и закругленности, это так, мелкие дополнения ))

Отредактировано Mirexis (Ср, 8 Май 2013 04:32:09)

Поделиться268Ср, 8 Май 2013 07:55:33

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Камели написал(а):

Фоны я буду делать сама. Границы и закругленные края будут относиться к фону, потому в таблице делать их не нужно.

Здравствуйте. Вы бы уже готовые картинки фонов предоставили, было бы меньше работы вам же - только заполнить останется.
А то я ж не знаю, какими они будут по размеру - вы указываете максимальное число пикселей, но оно не точное.

Поделиться269Ср, 8 Май 2013 08:26:01

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Mirexis,

Здравствуйте. Такую попробуйте:

Код:

<style>
.cont-lin td {
  text-align: center;
  vertical-align: top;
  border: 1px solid #000;

  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;
  }
</style>

<center>
<table class="cont-lin" style="width: 780px; border: none;" cellpadding="0" cellspacing="2">
<tr>
<td style="width: 38%;">

Left

</td>
<td style="width: 62%;">

Right

</td>
</tr>
</table>
</center>

Размножать хоть до потери пульса в соответствующих местах двумя способами:

а)

<center>
<table class="cont-lin" style="width: 780px; border: none;" cellpadding="0" cellspacing="2">
<tr>
<td style="width: 38%;">

Left

</td>
<td style="width: 62%;">

Right

</td>
</tr>

<tr><td>Left</td>
<td>Right</td>
</tr>

<tr><td>Left</td>
<td>Right</td>
</tr>

</table>
</center>

б)

<center>
<table class="cont-lin" style="width: 780px; border: none;" cellpadding="0" cellspacing="2">
<tr>
<td style="width: 38%;">

Left

</td>
<td style="width: 62%;">

Right

</td>
</tr>
</table>

<table class="cont-lin" style="width: 780px; border: none;" cellpadding="0" cellspacing="2">
<tr>
<td style="width: 38%;">Left</td>
<td style="width: 62%;">Right</td>
</tr>
</table>

<table class="cont-lin" style="width: 780px; border: none;" cellpadding="0" cellspacing="2">
<tr>
<td style="width: 38%;">Left</td>
<td style="width: 62%;">Right</td>
</tr>
</table>
</center>

Синим - доп. "дубли".
Внимательно: в первом случае (а)) указывать ширину ячеек в каждом "дубле" необязательно.
P.S.: границы и закругленные края включены. В левую колонку влезае по три баннера стандартного размера в строку, в правую - пять.

Поделиться270Ср, 8 Май 2013 08:29:45

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Штольц, Dessany, здравствуйте.

Если будет возможность, то сделаю сегодня вечером, если не предоставится, то не раньше выходных (сб, вс)...

Поделиться271Ср, 8 Май 2013 08:30:28

Автор: Mirexis
Заслуженный
Зарегистрирован: Чт, 20 Сен 2012
Сообщений: 17
Уважение: +6
Позитив: +4
Последний визит:
Ср, 16 Дек 2015 10:10:22

Rion Leonheart, ок, пойду пробовать.. как что - отпишусь

Поделиться272Ср, 8 Май 2013 08:45:37

Автор: Mirexis
Заслуженный
Зарегистрирован: Чт, 20 Сен 2012
Сообщений: 17
Уважение: +6
Позитив: +4
Последний визит:
Ср, 16 Дек 2015 10:10:22

Rion Leonheart, с "размножением" проблем нет, но вот границы все равно не округлились

http://savanna-legends.ru/pages/chernovik

похоже, что "страницы" не принимают эту часть:

Код:

<style>
.cont-lin td {
  text-align: center;
  vertical-align: top;
  border: 1px solid #000;

  -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;
          border-radius: 10px;
  }
</style>

Отредактировано Mirexis (Ср, 8 Май 2013 08:46:39)

Поделиться273Ср, 8 Май 2013 08:47:19

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Mirexis,

допишите тут красным:

<style>
.cont-lin td {
text-align: center;
vertical-align: top;
border: 1px solid #000!important;

-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
</style>

~~Слабенький класс просто~~

Поделиться274Ср, 8 Май 2013 09:01:07

Автор: Mirexis
Заслуженный
Зарегистрирован: Чт, 20 Сен 2012
Сообщений: 17
Уважение: +6
Позитив: +4
Последний визит:
Ср, 16 Дек 2015 10:10:22

Rion Leonheart, ага, работает благодарю.

Отредактировано Mirexis (Ср, 8 Май 2013 11:59:22)

Поделиться275Ср, 8 Май 2013 18:35:00

Автор: Штольц
Заслуженный
Зарегистрирован: Сб, 4 Апр 2009
Сообщений: 87
Уважение: 0
Позитив: +28
Пол: Женский
Последний визит:
Чт, 18 Авг 2022 21:38:08

Rion Leonheart
конечно, я подожду. Благодарю)

Поделиться276Чт, 9 Май 2013 13:56:44

Автор: Камели
Заслуженный
Зарегистрирован: Ср, 23 Янв 2013
Сообщений: 75
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 14 Май 2013 07:50:15

Rion Leonheart написал(а):

Здравствуйте. Вы бы уже готовые картинки фонов предоставили, было бы меньше работы вам же - только заполнить останется.
А то я ж не знаю, какими они будут по размеру - вы указываете максимальное число пикселей, но оно не точное.

Здравствуйте. Да, я это не предусмотрела. Вот фоны:
Кнопки переключения
1 - http://s3.hostingkartinok.com/uploads/i … af4b0f.png
2 - http://s3.hostingkartinok.com/uploads/i … 014387.png
3 - http://s4.hostingkartinok.com/uploads/i … d1e41c.png
4 - http://s2.hostingkartinok.com/uploads/i … 2bf464.png
5 - http://s4.hostingkartinok.com/uploads/i … 7bd6a4.png

Вкладки
1 (Важно) - http://s5.hostingkartinok.com/uploads/i … 1b6022.png
2 (Власть имущие) - http://s6.hostingkartinok.com/uploads/i … 59d324.png
3 (Навигация) - http://s6.hostingkartinok.com/uploads/i … 83d864.png
4 (В игре) - http://s2.hostingkartinok.com/uploads/i … c43a18.png
5 (Партнёры) - http://s3.hostingkartinok.com/uploads/i … 03ea99.png

Только пока я их создавала, пересмотрела немного планы, желания, поэтому некоторые наименования ячеек могут не совпадать с макетом, а так же кнопки переключения вкладок имеют другую величину. Ну а в целом - всё почти тоже, такая же прокрутка. Отступ текста от краев - чуть меньше тени. Вот еще по поводу размещения текста и прокрутки:
• Добро пожаловать, акции, топы, администраторы, модераторы, пиар агенты - текст по-центру. Всё остальное - по левому краю.
• Объявления, новости игры, сюжетные действия - есть прокрутка. У остального - нет. Да, кстати, можно ли сделать прокрутку, которая автоматически появляется, если текст не вмещается в ячейку?

Поделиться277Сб, 11 Май 2013 10:02:50

Автор: Dessany
Заслуженный
Зарегистрирован: Вс, 3 Июл 2011
Сообщений: 74
Уважение: +3
Позитив: +16
Последний визит:
Пт, 9 Ноя 2018 19:31:17

Rion Leonheart
спасибо, жду.

Поделиться278Сб, 11 Май 2013 10:09:52

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Камели, пробуйте:

Показать код

html-верх:

Код:

<style>
/* Настройки объявления */
#menu {
  margin: 0px;
  }

#menu span {
  margin: 0px;
  padding: 0px;
  width: 162px;
  height: 53px;
  }

#submenu {
  padding: 0px;
  width: 850px;
  height: 300px;
  }

.submenutext {
  position: absolute;
  display: none;
  width: 100%;
  max-width: 850px;
  text-align: center;
  height: auto;}
</style>

объявление:

Код:

<!-- Таблица в объявлении -->
<center><table style="width: 850px; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Кнопачки -->
 <table style="width: 850px; height: 55px; border: none;" cellpadding="0" cellspacing="0">
  <tr>
   <td style="width: 20%;" align="center"><span alt="#sm1" style="cursor: pointer;"><img src="http://mex.su/x5yz7"/></span></td>
   <td style="width: 20%;" align="center"><span alt="#sm2" style="cursor: pointer;"><img src="http://mex.su/48yYN"/></span></td>
   <td style="width: 20%;" align="center"><span alt="#sm3" style="cursor: pointer;"><img src="http://mex.su/t6pk5"/></span></td>
   <td style="width: 20%;" align="center"><span alt="#sm4" style="cursor: pointer;"><img src="http://mex.su/v8PNe"/></span></td>
   <td style="width: 20%;" align="center"><span alt="#sm5" style="cursor: pointer;"><img src="http://mex.su/nmToL"/></span></td>
  </tr>
 </table>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr style="height: 155px;">
<td style="width: 28%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/OsFn7.png) top center no-repeat; width: 163px; height: 82px; padding: 40px 36px 30px 30px; text-align: center;"><div style="height: 82px; width: 100%;">

Текст приветствия

</div></div>
</td>
<td style="width: 26%;" align="center">
<div style="background: transparent url(http://s3.uploads.ru/g3Zle.png) top center no-repeat; width: 134px; height: 87px; padding: 35px 30px 30px 30px; text-align: center;"><div style="height: 87px; width: 100%;">

Акционные ссылки

</div></div>
</td>
<td style="width: 46%;" align="center">
<div style="background: transparent url(http://s3.uploads.ru/nqEV2.png) top center no-repeat; width: 324px; height: 87px; padding: 35px 30px 30px 30px; text-align: left;"><div style="height: 87px; width: 100%; overflow-y: auto;">

<b>03.05.13</b>
<br/>
Участились случаи пропадания постов, и проблема эта на всём сервисе MyBB. Настоятельно советуем вам не лениться и копировать содержимое поста перед отправкой!
<br/><br/>
<b>03.05.13</b>
<br/>
Обновлены кнопки двойного спойлера в профиле и убрана окантовка.
<br/><br/>
<b>01.05.13</b>
<br/>
Ленивым игрокам, не соизволившим оставить заявку, лесенка способностей была составлена и вписана в анкету (имеющим хоть один игровой пост).
<br/><br/>
<b>01.05.13</b>
<br/>
Если при отправке сообщения у вас открывается страница и появляется ошибка Javascripr, скопируйте содержимое и просто переотправьте сообщение.
<br/><br/>
<b>01.05.13</b>
<br/>
Добавлен <a href="http://fullmoon.winbb.ru/viewtopic.php?id=304">список НИПов</a>, состоящий из учителей школы, музыкантов и вожатых.
<br/><br/>
<b>28.03.13</b>
<br/>
На форуме появился сервис <a href="http://fullmoon.winbb.ru/viewforum.php?id=73">"Центр помощи"</a>, где вы можете задать интересующие вас вопросы или даже попросить помочь с домашним заданием.

</div></div>
</td>
</tr>
<tr style="height: 145px;">
<td colspan="3">

<table style="width: 850px; height: 150px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 54%;" align="right" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/4PRhY.png) top center no-repeat; width: 352px; height: 72px; padding: 32px 30px 30px 30px; margin-right: 14px; text-align: left;"><div style="height: 72px; width: 100%; overflow-y: auto;">

<b>01.05.13</b>
<br/>
Составлено <a href="http://fullmoon.winbb.ru/viewtopic.php?id=315">краткое расписание кружков</a> на ближайшие дни. Не пропускайте занятия!
<br/><br/>
<b>01.05.13</b>
<br/>
Мероприятия окончены. Все могут идти по своим делам. К уроку в понедельник будут допущены те, у кого имеется лесенка. А к сражению - у кого есть противник.
<br/><br/>
<b>25.03.13</b>
<br/>
Все ученики быстренько побежали в <a href="http://fullmoon.winbb.ru/viewtopic.php?id=287">эту тему</a> и подали заявку на составление лесенки способностей! Она позже всем будет вписана в анкету, подробности потом!
<br/><br/>
<b>25.03.13</b>
<br/>
С новыми правилами боёв ознакомьтесь <a href="http://fullmoon.winbb.ru/viewtopic.php?id=255">здесь</a>. И  найдите себе противника <a href="http://fullmoon.winbb.ru/viewtopic.php?id=256#p1627">здесь</a>!
<br/><br/>
<b>04.03.13</b>
<br/>
Открыта запись на кружки. Кто интересуется журналистикой или музыкой - бегите записываться.

</div></div>
</td>
<td style="width: 46%;" align="left" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/Izu3k.png) top center no-repeat; width: 284px; height: 72px; padding: 32px 30px 30px 30px; margin-left: 2px; text-align: center;"><div style="height: 72px; width: 100%; overflow-y: auto;">

<b>И не забывайте кликать на кнопочки!</b>
<br/><br/>
<a href="http://wizardtop.ru/in.php?id=2193" target="_blank"><img src="http://wizardtop.ru/b/5.gif" border="0" width="88" height="31" alt="Волшебный рейтинг игровых сайтов"/></a>
<a href="http://forum-top.ru/vote/2027" target="_blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru"/></a>
<a href="http://top.roleplay.ru/19948" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"/></a>

</div></div>
</td>
</tr>
</table>

</td>
</tr>
</table>
<!-- Конец контента -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 34%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/3f7kg.png) top center no-repeat; width: 212px; height: 228px; padding: 36px 30px 30px 30px; text-align: center;"><div style="height: 228px; width: 100%;">


Администраторы


</div></div>
</td>
<td style="width: 36%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/XsGSr.png) top center no-repeat; width: 223px; height: 228px; padding: 36px 30px 30px 30px; text-align: center;"><div style="height: 228px; width: 100%;">


Модераторы


</div></div>
</td>
<td style="width: 30%;" align="center">
<div style="background: transparent url(http://s2.uploads.ru/wrWzF.png) top center no-repeat; width: 179px; height: 226px; padding: 38px 30px 30px 30px; text-align: center;"><div style="height: 226px; width: 100%;">


Пиар-агенты


</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/FDK1t.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">


Познаем форум


</div></div>
</td>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/xr3Sc.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">


Между делом читаем между строк


</div></div>
</td>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/6hDuO.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">


Игрокам


</div></div>
</td>
<td style="width: 25%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/LvBqd.png) top center no-repeat; width: 123px; height: 218px; padding: 36px 30px 30px 30px; text-align: left;"><div style="height: 218px; width: 100%;">


Рекламе


</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/n1zeQ.png) top center no-repeat; width: 332px; height: 214px; padding: 40px 30px 30px 30px; text-align: left;"><div style="height: 214px; width: 100%;">


Время и погода


</div></div>
</td>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/hQ2Ej.png) top center no-repeat; width: 332px; height: 216px; padding: 38px 30px 30px 30px; text-align: left;"><div style="height: 216px; width: 100%; overflow-y: auto;">


Действия в сюжете (прокрутка - авто)


</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой вкладки -->
<table style="width: 850px; height: 300px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s2.uploads.ru/IcYvL.png) top center no-repeat; width: 332px; height: 216px; padding: 38px 30px 30px 30px; text-align: left;"><div style="height: 216px; width: 100%;">


Для друзей


</div></div>
</td>
<td style="width: 50%;" align="center" valign="middle">
<div style="background: transparent url(http://s3.uploads.ru/ABfV0.png) top center no-repeat; width: 332px; height: 216px; padding: 38px 30px 30px 30px; text-align: left;"><div style="height: 216px; width: 100%;">


Под новости


</div></div>
</td>
</tr>
</table>
<!-- Конец контента -->
</div>
   </td>
</tr>
 </tbody>
</table></center>
<!-- Конец -->

html-низ:

Код:

<!-- Переключатель вкладок -->
<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1400);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

З.Ы.: прокрутка в указанных местах (п. 276) автоматически появляется при необходимости. Выплываэ примерно как на форуме с примером, даже еще чуть плавнее.

Поделиться279Сб, 11 Май 2013 15:03:25

Автор: Камели
Заслуженный
Зарегистрирован: Ср, 23 Янв 2013
Сообщений: 75
Уважение: +1
Позитив: +5
Пол: Женский
Последний визит:
Вт, 14 Май 2013 07:50:15

Rion Leonheart
Превосходно, я воистину благодарна! Спасибо!

Поделиться280Сб, 11 Май 2013 17:57:44

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Штольц,

Развернуть код

html-верх / или конец второго окна стиля без тегов <style></style>:

Код:

<style type="text/css">
/* Стиль таблицы */
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 0em}

#pun-announcement .container table td {text-align: left; vertical-align: top;}

#menu {
  position: relative;
  z-index: 1001;
  top: 30px;
  margin-left: 292px;
  padding: 0px; 
  }

#menu span {
  width: 129px;
  height: 38px;
  display: block;
  margin: 0px;
  padding: 0px;
  }

.lk-step img {margin-bottom: -1px;}

/* Кнопки по порядку - в неактивном состоянии */
#menu span.bttn_1{background: transparent url(http://s3.uploads.ru/hWzZ7.png) center center no-repeat;}
#menu span.bttn_2{background: transparent url(http://s3.uploads.ru/hWzZ7.png) center center no-repeat;}
#menu span.bttn_3{background: transparent url(http://s3.uploads.ru/hWzZ7.png) center center no-repeat;}
#menu span.bttn_4{background: transparent url(http://s3.uploads.ru/hWzZ7.png) center center no-repeat;}

/* Кнопки по порядку - при наведении курсора */
#menu span.bttn_1:hover{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}
#menu span.bttn_2:hover{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}
#menu span.bttn_3:hover{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}
#menu span.bttn_4:hover{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}

/* Кнопки по порядку - в активном состоянии */
#menu span.bttn_1.tabactive{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}
#menu span.bttn_2.tabactive{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}
#menu span.bttn_3.tabactive{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}
#menu span.bttn_4.tabactive{background: transparent url(http://s3.uploads.ru/62bET.png) center center no-repeat;}

#submenu {
  padding: 0px;
  height: 200px;
  width: 400px;
  }

.submenutext {
  display: none;
  text-align: center;
  height: 180px;
  color: #eca15f;
  }
</style>

объявление:

Код:

<!-- Контейнер с кнопками -->
<div id="menu">
<table style="width: 516px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td><span class="bttn_1" alt="#sm1" style="cursor: pointer;"></span></td>
<td><span class="bttn_2" alt="#sm2" style="cursor: pointer;"></span></td>
<td><span class="bttn_3" alt="#sm3" style="cursor: pointer;"></span></td>
<td><span class="bttn_4" alt="#sm4" style="cursor: pointer;"></span></td>
</tr>
</table>
</div>
<!-- Конец контейнера -->

<!-- Основная таблица -->
<table style="width: 827px; height: 354px; position: relative; z-index: 1000; top: -30px; margin-bottom: -30px; margin-left: 8px; background: transparent url(http://s3.uploads.ru/FzDYJ.jpg) top center no-repeat;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td id="MenuTxT" align="left" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<table style="width: 827px; height: 354px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 276px; background: transparent url(http://s3.uploads.ru/FwExL.jpg) 0 0 no-repeat;">
<!-- Первый блок ссылок -->
<div class="lk-step" style="width: 236px; height: 102px; border: none; margin-left: 25px; margin-top: 60px;">
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
</div>
<!-- Второй блок ссылок -->
<div class="lk-step" style="width: 236px; height: 102px; none; margin-left: 25px; margin-top: 38px;">
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
<a href="http://kuda-to.ru/"><img onmouseover="this.src='http://s3.uploads.ru/sZWC4.png'" src="http://s3.uploads.ru/7lVdu.png" onmouseout="this.src='http://s3.uploads.ru/7lVdu.png'"></a>
</div>
<!-- Конец ссылок -->
</td>
<td style="width: 551px;">
<div style="width: 511px; height: 253px; margin: 66px 25px 25px 5px; padding: 5px; text-align: center; overflow-y: auto;">


Текст в правом окне


</div></td></tr></table>

</div>
     <div id="sm2" class="submenutext">
<div style="width: 777px; height: 263px; margin: 66px 25px 25px 25px; text-align: center;">


Текст второй вкладки


</div></div>
     <div id="sm3" class="submenutext">
<div style="width: 777px; height: 263px; margin: 66px 25px 25px 25px; text-align: center;">


Текст третьей вкладки


</div></div>
     <div id="sm4" class="submenutext">
<div style="width: 777px; height: 263px; margin: 66px 25px 25px 25px; text-align: center;">


Текст четвертой вкладки


</div></div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- Конец таблицы -->

html-низ:

Код:

<!-- Переключатель вкладок -->
<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").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide();
    $("div."+activeDiv).show();
    return false; });
});
</script>

З.Ы.: предложенные вами фоны пришлось немного перекроить (фатальных изменений не принесло)... ибо не было указано, куда деются кнопки на остальных трех вкладках... но с первой вкладки было очевидно, что они подвешены на цепях... Тестируйте.

Dessany, а вы у меня остались на завтра ибо сегодня я что-то уже совсем не соображаю.

Страница: « 1 … 12 13 14 15 16 … 50 »

Единый форум поддержки

Меню навигации

Пользовательские ссылки

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

Таблицы на заказ (15)

Сообщений 261 страница 280 из 1000

Поделиться1Ср, 3 Окт 2012 22:19:59

Поделиться261Вт, 7 Май 2013 13:23:35

Поделиться262Вт, 7 Май 2013 13:30:10

Поделиться263Вт, 7 Май 2013 14:16:53

Поделиться264Вт, 7 Май 2013 14:19:42

Поделиться265Вт, 7 Май 2013 14:25:06

Поделиться266Вт, 7 Май 2013 14:26:36

Поделиться267Ср, 8 Май 2013 04:27:14

Поделиться268Ср, 8 Май 2013 07:55:33

Поделиться269Ср, 8 Май 2013 08:26:01

Поделиться270Ср, 8 Май 2013 08:29:45

Поделиться271Ср, 8 Май 2013 08:30:28

Поделиться272Ср, 8 Май 2013 08:45:37

Поделиться273Ср, 8 Май 2013 08:47:19

Поделиться274Ср, 8 Май 2013 09:01:07

Поделиться275Ср, 8 Май 2013 18:35:00

Поделиться276Чт, 9 Май 2013 13:56:44

Поделиться277Сб, 11 Май 2013 10:02:50

Поделиться278Сб, 11 Май 2013 10:09:52

Поделиться279Сб, 11 Май 2013 15:03:25

Поделиться280Сб, 11 Май 2013 17:57:44