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

Поделиться401Вт, 22 Мар 2011 13:06:02

Автор: Martele
Заслуженный
Зарегистрирован: Вс, 20 Мар 2011
Сообщений: 82
Уважение: 0
Позитив: +16
Пол: Женский
Последний визит:
Пт, 25 Июл 2014 01:52:19

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

да, копируете код таблицы и вставляете в Объявление.

Спасибо)))

Поделиться402Вт, 22 Мар 2011 18:14:10

Автор: Ullia
Заслуженный
Зарегистрирован: Вт, 22 Мар 2011
Сообщений: 15
Уважение: 0
Позитив: 0
Последний визит:
Пн, 22 Окт 2012 19:11:41

1. Скрин таблицы
http://radikal.ru/F/s001.radikal.ru/i19 … 7.png.html
Ссылка на форум
http://dikiikoshki.rolka.su/
2. Картинка
http://radikal.ru/F/s58.radikal.ru/i160 … 4.jpg.html Картинка в цэнтре таблицы ( извените на рисунке его нет). И мне хочется, что бы вы всё остальное сделали таким цветом #F4A460,
3. Размер
Если можно, сами посмотрите на форуме. Чтобы таблица влезла в объявление.
4. Наличие границ
Границы есть, но они полупрозрачные.
5. Пожелания Вся таблица полу прозрачная. Всплывающие окна (Администрация, Полезные ссылки, Погода, Реклама) Цвета всплывающих окон такой: #FAEBD7. Все поля (События игре и всплывающие окна) полу прозрачные такого цвета #FFA54F. Заголовки жирным и наклонным. Слова: Администрация, Полезные ссылки, Погода, Реклама желательно каким ни будь красивым шрифтом со всякими замысловатыми завитушками.

Отредактировано Ullia (Вт, 22 Мар 2011 18:18:57)

0

Поделиться403Вт, 22 Мар 2011 22:59:06

Автор: ТашункО
Заслуженный
Зарегистрирован: Пт, 11 Мар 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Чт, 24 Мар 2011 17:30:31

Я моя таблица?

0

Поделиться404Ср, 23 Мар 2011 01:16:09

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Ullia, здравствуйте!
Ваша таблица.

Вставляете стиль в окно HTML-верх:

<style>
.tabann { background: transparent url(Адрес фоновой картинки таблицы) repeat;
filter:alpha(opacity=60);
opacity: 0.60;
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
}
div .splLink {
width: 200px;
height: auto;
border: 2px solid #F4A460;
background: transperent;
text-align: center;
font-family: "Monotype Corsiva";
font-size: 25px;
padding: 10px;
font-style : italic;
}
.spll {
width: 200px;
height: 70px;
text-align : center;
}
.splCont.left {margin-left: 650px!important;right:60%!important;}
.spll.right{
margin:0 10px 0 0!important;
}
.spll .splCont {
height: auto;
width: 300px;
padding: 5px;
z-index: 1000;
margin-top: 5px;
border: 2px solid #FFD700;
font-size: 12px;
font-family: Microsoft Sans Serif;
text-align: center;
margin-left: -250px!important;
}
/* Скругление углов во Всплывающем меню */
.splCont {background : transparent url(Адрес фона всплывающего меню) repeat;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
.splLink {background : transparent url(Адрес фона всплывающего меню) repeat;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;

}
}
/* Конец Стиля всплывающего меню */
</style>

В окно HTML низ вставляете скрипт выпадающего меню:

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
if($(this).parent().children('div.splCont').css('display')=="none"){
$(this).addClass("active")}
else $(this).removeClass("active")
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

В Объявление вставляете таблицу:

Код:

<table width="100%" border="1" cellspacing="0" cellpadding="0" id="0" class="tabann">
<tr><td align="center" style="height: 380px;">
<!-- Таблица левого верхнего всплывающего меню-->
<div style="margin: 5px; padding-top: 3%; width: 210px;"><table cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td>
<!-- пункт администрация -->
<div class="spll  left"><div class=splLink align="center"><em><strong><h1>Администрация</h1></strong></em></div><DIV style="DISPLAY: none; position: absolute;" class="splCont left">
Текст в выпадающем окне администрации
</DIV></DIV></td></tr><tr><td><div align="center" style="height: 40px;">&nbsp;</div></td></tr><tr>	<td>
<!-- пункт полезные ссылки -->
<div class="spll  left"><div class=splLink align="center"><em><strong><h1>Полезные ссылки</h1></strong></em></div><DIV style="DISPLAY: none; position: absolute;" class="splCont left">
Текст в выпадающем окне ссылок
</DIV></DIV></td></tr></table></div>
<!-- Конец Таблицы левого верхнего всплывающего меню-->
</td><td rowspan="2" width="533" align="center" valign="middle">
<!-- Тут средняя картинка --> 
<img src="http://s58.radikal.ru/i160/1103/c7/bc0a3059b0f4.jpg" alt="" width="533" height="800" border="0">
</td><td align="center" style="height: 380px;">
<!-- Таблица правого верхнего всплывающего меню-->
<div style="margin: 5px; padding-top: 3%; width: 210px;"><table cellspacing="0" cellpadding="0" align="center" width="100%"><tr><td>
<!-- пункт погоды -->
<div class="spll right"><div class=splLink align="center"><em><strong><h1>Погода</h1></strong></em></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Сожержимое выпадающего окна погоды
</DIV></DIV></td></tr><tr><td><div align="center" style="height: 40px;">&nbsp;</div></td></tr><tr><td>
<!-- пункт рекламы -->
<div class="spll right"><div class=splLink align="center"><em><strong><h1>Реклама</h1></strong></em></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
Содержимое выпадающего окна рекламы
</DIV></DIV></td></tr></table></div>
<!-- Конец Таблицы правогоо верхнего всплывающего меню-->
</td></tr><tr><td style="padding: 5px;" align="center"><font style="font: italic 24px Monotype Corsiva;"><strong>
Новости и объявления:
</strong></font><div style="overflow: scroll; overflow-x: hidden; height: 380px; width: 300px; text-aling: justify; background-color: #FFA54F;"><font style="font: italic 18px Monotype Corsiva;">
Все новости и объявления пишем тут.
Все новости и объявления пишем тут.
Все новости и объявления пишем тут.
Все новости и объявления пишем тут.
</font></div></td><td style="padding: 5px;" align="center"><font style="font: italic 24px Monotype Corsiva;"><strong>
События в игре:
</strong></font><div style="overflow: scroll; overflow-x: hidden; height: 380px; width: 300px; text-aling: justify; background-color: #FFA54F;"><font style="font: italic 18px Monotype Corsiva;">
Все события в игре пишем тут.
Все события в игре пишем тут.
Все события в игре пишем тут.
</font></div></td></tr></table>

Загрузите себе на форум фоновые картинки таблицы и меню.
Скопируете и вставите их адреса вместо выделенного синим в коде стиля, который вставляете в HTML-верх.
Первая - вместо адреса фона таблицы
Вторая - вместо адреса фона меню.
( два маленьких кубика ниже этой надписи)

Отредактировано Кофеман (Ср, 23 Мар 2011 01:17:39)

0

Поделиться405Ср, 23 Мар 2011 01:21:36

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

ТашункО

ТашункО написал(а):

Я моя таблица?

Вам же Deff дал полный код скрипта вместе с таблицей тут - Эта же тема, пост №331
Вставлять прямо в Объявление.

0

Поделиться406Ср, 23 Мар 2011 12:37:05

Автор: .крендель
Заслуженный
Зарегистрирован: Вт, 24 Авг 2010
Сообщений: 55
Уважение: +1
Позитив: +16
Последний визит:
Сб, 16 Мар 2024 10:58:05

Здравствуйте) Мне, если можно, таблицу, только чтобы она ещё и на картинке размещалась. Вроде понятно сказала 0о
ссылка на форум: http://drandran.mybb.ru/
внешний вид: http://s15.radikal.ru/i189/1103/b4/fb992c638eb8.jpg

Отредактировано .крендель (Ср, 23 Мар 2011 12:46:17)

0

Поделиться407Ср, 23 Мар 2011 14:38:44

Автор: X-j
Заслуженный
Зарегистрирован: Ср, 15 Апр 2009
Сообщений: 68
Уважение: +2
Позитив: +6
Последний визит:
Ср, 26 Дек 2018 12:29:51

Здравствуйте. Прошу сделать вот такую таблицу:
http://savepic.net/763842.png
ссылка на форум:
http://warrs.mybb.ru
Сразу хочу сказать, что на месте всех ячеек будут кнопки выпадающего текста (меню). Так же сразу скажу, что выпадающий текст идёт с прокруткой, потому прошу сделать его таковым х) если, конечно же, вам удобно)
Заранее благодарю.

Отредактировано X-j (Ср, 23 Мар 2011 18:24:28)

0

Поделиться408Ср, 23 Мар 2011 16:03:29

Автор: ТашункО
Заслуженный
Зарегистрирован: Пт, 11 Мар 2011
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Чт, 24 Мар 2011 17:30:31

Кофеман,но там только сктипт О_о

0

Поделиться409Ср, 23 Мар 2011 16:33:03

Автор: Ullia
Заслуженный
Зарегистрирован: Вт, 22 Мар 2011
Сообщений: 15
Уважение: 0
Позитив: 0
Последний визит:
Пн, 22 Окт 2012 19:11:41

Кофеман
Огромное спасибо ! Но простите за глупый вопрос а где можно изменить размер таблицы?

0

Поделиться410Ср, 23 Мар 2011 18:22:50

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

Огромное спасибо ! Но простите за глупый вопрос а где можно изменить размер таблицы?

Ullia, у Вас сам форум резиновый по ширине.
А по высоте я подогнал размеры под Вашу картинку, которая имеет размер 533 пикселя по ширине и 800 по высоте. )
Смените картинку, я помогу Вам изменить табицу по высоте.

0

Поделиться411Ср, 23 Мар 2011 18:23:25

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

ТашункО, смотрите внимательно, после стилей и скрипта идет таблица.

0

Поделиться412Ср, 23 Мар 2011 18:44:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 08:38:44

Кофеман Чот широка таблица получилась 300 + 380 + 300 +2*26(отступы для скролбаров) -ширину в процентах удобней ставить( и - поскольку ширина таблицы тож в процентах

0

Поделиться413Ср, 23 Мар 2011 19:54:34

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

Deff, ну так там центральная картинка шибко большая. Плюс форум резиновый. Вот и выходит, если разрешение 800х600, то там для боковых панелей останется по 120 пикселей.. )) Потому и изголялся, чтоб читалась нормально.

или ты о чем-то другом?

Отредактировано Кофеман (Ср, 23 Мар 2011 19:56:12)

0