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

Поделиться321Пт, 11 Мар 2011 21:11:08

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Кофеман
спасибо)

Поделиться322Пт, 11 Мар 2011 21:32:04

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Кофеман
все супер но у меня еще кнопка партнеры должна быть выплывающе/кликабельной
можно ее в таблицу впихнуть?

единственная кликабельная кнопка это Партенры
картинка для кнопки ----- http://s12.radikal.ru/i185/1103/ea/165dde6dd77f.png

0

Поделиться323Пт, 11 Мар 2011 21:54:18

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

Здравствуйте.Очень прошу мне сделать таблицу такую же,как на этом форуме:http://tal.rolka.su/
Но есть некоторые пожелания.Вот примерный эскиз:
Желательно таблица в постельных тонах,если можно какой нибудь красивый шрифт.
Выплывающее меню с сюжетом,если можно,сделайте с прокруткой.
И можно,как на этом форуме,в таблицу картинки добавить вправо?
Погода и время-
Сюжет,акции и квесты-Соревнования-
Администрация-
Навигация-
Если нужно,обрежьте картинки от рамочек и копирайтов
Вот адрес моего форума:http://horseparadise.mybb.ru/

Отредактировано ТашункО (Ср, 23 Мар 2011 17:20:11)

0

Поделиться324Пт, 11 Мар 2011 22:46:22

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

Julian, вот Ваша таблица, теперь попросите Deff написать скрипт меню.

<center><table cellspacing="0" cellpadding="0" border="0" style="background-image: url(http://forumupload.ru/uploads/000e/fd/2e/91-1-f.jpg); background-repeat: no-repeat; height: 350px; width: 950px;">
<tr>
<td width="544">
<div style="height: 350px; width: 544px; color: #5c4f68;">

<div style="height: 60px; width: 160px; position: absolute; margin-top: 14px; margin-left: 28px;">Admins</div>
<div style="height: 60px; width: 160px; position: absolute; margin-top: 81px; margin-left: 28px;">Nav</div>
<div style="height: 60px; width: 160px; position: absolute; margin-top: 149px; margin-left: 28px;">Info</div>
<div style="height: 60px; width: 160px; position: absolute; margin-top: 212px; margin-left: 28px;">Story</div>
<div style="height: 60px; width: 160px; position: absolute; margin-top: 276px; margin-left: 28px;">News</div>


<div style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: scroll; overflow-x: hidden; display: none;">содержимое Admins</div>
<div style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: scroll; overflow-x: hidden; display: none;">содержимое Nav</div>
<div style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: scroll; overflow-x: hidden; display: none;">содержимое Info</div>
<div style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: scroll; overflow-x: hidden; display: none;">содержимое Story</div>
<div style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: scroll; overflow-x: hidden; display: none;">содержимое News</div>

</div>
</td>

<td width="406">
<div style="height: 350px; width: 400px;">
<div style="height: 44px; width: 340px; position: absolute; margin-top: 21px; margin-left: 34px; color: #5c4f68;">фиолетовый текст</div>
<img src="адрес левой картинки" border="0" style="height: 118px; width: 130px; position: absolute; margin-top: 155px; margin-left: 65px;">
<img src="адрес правой картинки" border="0" style="height: 118px; width: 130px; position: absolute; margin-top: 155px; margin-left: 219px;">
<div align="center" style="height: 33px; width: 142px; position: absolute; margin-top: 278px; margin-left: 59px; color: #5c4f68;">текст под левой картинкой</div>
<div align="center" style="height: 33px; width: 142px; position: absolute; margin-top: 278px; margin-left: 212px; color: #5c4f68;">текст под правой картинкой</div>
</div>
</td>
</tr>
</table></center>

0

Поделиться325Пт, 11 Мар 2011 22:50:46

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

Ta_chan, ну простите, откуда и куда плывет кнопка? мне гадать нужно где ее впихнуть или как?)) Покажите мне ее на шаблоне.. ее там нет. :dontknow:

Зы.. и скрипт выплывания есть?

Отредактировано Кофеман (Пт, 11 Мар 2011 22:53:06)

0

Поделиться326Пт, 11 Мар 2011 23:01:49

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

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

0

Поделиться327Пт, 11 Мар 2011 23:17:53

Автор: Mc_Shake1
Заслуженный
Зарегистрирован: Чт, 16 Дек 2010
Сообщений: 99
Уважение: 0
Позитив: +3
Последний визит:
Пт, 15 Апр 2011 23:47:16

Помогите сделать таблицу! Я в объявление вставлю! ВОт такая мне нужна будет

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

0

Поделиться328Пт, 11 Мар 2011 23:22:37

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

Кофеман
ммм...понятно.На том форуме не очень то часто играют,так что не смогу к ним обратиться:(
Тогда лучше переделаю заказ:)

0

Поделиться329Пт, 11 Мар 2011 23:27:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

Кофеман,Julian
Типо так: (скрипт идёт вместе с таблицей, весь код полностью вставляецо в объявление (ну иль куда нужно

Код:

<style>	
#menu .tabactive {
color: #2662DF;
border: 1px dashed #5c4f68;
}
</style>	
<center><table cellspacing="0" cellpadding="0" border="0" style="background-image: url(http://forumupload.ru/uploads/000e/fd/2e/91-1-f.jpg); background-repeat: no-repeat; height: 350px; width: 950px;">
<tr>
<td width="544">
<div style="height: 350px; width: 544px; color: #5c4f68;">
<!-- начало блока кнопок -->
<div id="menu">
<div alt=#sm1 style="cursor: pointer;height: 60px; width: 160px; position: absolute; margin-top: 14px; margin-left: 28px;">Admins</div>
<div alt=#sm2 style="cursor: pointer;height: 60px; width: 160px; position: absolute; margin-top: 81px; margin-left: 28px;">Nav</div>
<div alt=#sm3 style="cursor: pointer;height: 60px; width: 160px; position: absolute; margin-top: 149px; margin-left: 28px;">Info</div>
<div alt=#sm4 style="cursor: pointer;height: 60px; width: 160px; position: absolute; margin-top: 212px; margin-left: 28px;">Story</div>
<div alt=#sm5 style="cursor: pointer;height: 60px; width: 160px; position: absolute; margin-top: 276px; margin-left: 28px;">News</div>
</div>
<!-- конец блока кнопок -->
<div id="MenuTxT">
<!-- начало блока содержимого кнопок -->
<div id="sm1" class="submenutext" style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: auto; overflow-x: hidden; display: none;">содержимое Admins</div>
<div id="sm2" class="submenutext"  style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: auto; overflow-x: hidden; display: none;">содержимое Nav</div>
<div id="sm3"  class="submenutext" style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: auto; overflow-x: hidden; display: none;">содержимое Info</div>
<div id="sm4"  class="submenutext" style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: auto; overflow-x: hidden; display: none;">содержимое Story</div>
<div id="sm5"  class="submenutext" style="height: 283px; width: 288px; position: absolute; border: 1px dashed #5c4f68; margin-top: 31px; margin-left: 225px; overflow: auto; overflow-x: hidden; display: none;">содержимое News</div>
<!-- конец блока содержимого кнопок -->
</div>
</div>
</td>
<!-- правый блок с картинками и текстом -->
<td width="406">
<div style="height: 350px; width: 400px;">
<div style="height: 44px; width: 340px; position: absolute; margin-top: 21px; margin-left: 34px; color: #5c4f68;">фиолетовый текст</div>
<img src="адрес левой картинки" border="0" style="height: 118px; width: 130px; position: absolute; margin-top: 155px; margin-left: 65px;">
<img src="адрес правой картинки" border="0" style="height: 118px; width: 130px; position: absolute; margin-top: 155px; margin-left: 219px;">
<div align="center" style="height: 33px; width: 142px; position: absolute; margin-top: 278px; margin-left: 59px; color: #5c4f68;">текст под левой картинкой</div>
<div align="center" style="height: 33px; width: 142px; position: absolute; margin-top: 278px; margin-left: 212px; color: #5c4f68;">текст под правой картинкой</div>
</div>
</td>
</tr>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("div.#MenuTxT div.submenutext").hide();
$("div.#MenuTxT div.submenutext:first").show();
$("div.#menu div").click(function() {

    $("div.#menu div").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("div.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+1

Поделиться330Пт, 11 Мар 2011 23:40:58

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

Mc_Shake1, адрес форума где?

<center><table cellspacing="1" cellpadding="1" border="0" width="98%"><tr><td rowspan="2" width="75%">
проблема 1 - Полезная информация, новости
</td><td>
проблема 2 - рэп радио
</td></tr><tr><td rowspan="2">
проблема 3 - голосование, рейтинги
</td></tr><tr><td>
проблема 4 - голосование
</td></tr></table></center>

0

Поделиться331Сб, 12 Мар 2011 01:11:11

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23

....убрал - далее вариант выложил лучше

Отредактировано Deff (Ср, 23 Мар 2011 23:59:57)

0

Поделиться332Сб, 12 Мар 2011 04:47:44

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Кофеман
ну я же говорил....

выплывающие партнеры

<tr><td width="55%"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <center><img
src="http://s12.radikal.ru/i185/1103/ea/165dde6dd77f.png"></center></div>
<div style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<div align="center">

Отредактировано Ta_chan (Сб, 12 Мар 2011 04:49:11)

0

Поделиться333Сб, 12 Мар 2011 09:27:45

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

Deff
спасибо большое:)
А теперь можно таблицу с этим скриптом?

0

Поделиться334Сб, 12 Мар 2011 09:55:22

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

Ta_chan, сорри, туплю.)))
Вечером поправлю таблицу.

upd: Поправил

<center>
<table border="0" cellspacing="1" cellpadding="1" style="background: url(http://i035.radikal.ru/1103/e9/47c0647a5228.png) no-repeat; width: 900px; height: 686px;"><tr><td colspan="2" style="padding-left: 188px; padding-top: 12px;"><div style="width: 700px; height: 19px;">
links links links links links
</div></td></tr><tr><td width="198"><div style="width: 198px; height: 470px;">
<div style="width: 174px; height: 137px; overflow: scroll; overflow-x: hidden; margin-top: 44px; scrollbar-face-color: #2f2e2e; scrollbar-shadow-color: #0f0f0f; scrollbar-highlight-color: #2f2e2e; scrollbar-3dlight-color: #0f0f0f; scrollbar-darkshadow-color: #0f0f0f; scrollbar-track-color: #2f2e2e; scrollbar-arrow-color: #C3D6DA; position: absolute; margin-left: 16px;">
admins
</div><div style="width: 174px; height: 64px; overflow: scroll; overflow-x: hidden; margin-top: 207px; scrollbar-face-color: #2f2e2e; scrollbar-shadow-color: #0f0f0f; scrollbar-highlight-color: #2f2e2e; scrollbar-3dlight-color: #0f0f0f; scrollbar-darkshadow-color: #0f0f0f; scrollbar-track-color: #2f2e2e; scrollbar-arrow-color: #C3D6DA; position: absolute; margin-left: 16px;">
project
</div>

<div style="width: 180px; height: 27px; margin-top: 271px; position: absolute; margin-left: 12px;">
<div class=splLink><img src="http://savepic.org/1506994.png" alt="Partners" width="180" height="27" border="0" title="Партнеры"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент всплывающего окна

</DIV></div>


<div style="width: 174px; height: 115px; overflow: scroll; overflow-x: hidden; margin-top: 299px; scrollbar-face-color: #2f2e2e; scrollbar-shadow-color: #0f0f0f; scrollbar-highlight-color: #2f2e2e; scrollbar-3dlight-color: #0f0f0f; scrollbar-darkshadow-color: #0f0f0f; scrollbar-track-color: #2f2e2e; scrollbar-arrow-color: #C3D6DA; position: absolute; margin-left: 16px;">
partners
</div></td><td style="padding : 13px 0 0 3px;"><div style="width: 674px; height: 137px; margin-top: 4px;">
news
</div><br><div style="width: 674px; height: 124px; margin-top: 5px;">
time
</div><br><div style="width: 674px; height: 58px; margin-top: 5px;">
other
</div><br></div></td></tr><tr><td colspan="2" style="padding : 0 0 15px 35px;"><div style="width: 836px; height: 138px; vertical-align: top;">
playlist
</div></td></tr></table></center>

Вашу картинку кнопки я подогнал под фон. Вот ссылка на нее - http://savepic.org/1506994.png
Она в коде таблицы уже прописана.

в HTML-верх вставляете:

<style> /* Стиль всплывающего меню */
.splLink {border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px;}
.splCont {height: auto; width: 360px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: 90px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; background-image: url("http://savepic.ru/2408258.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
/*text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;*/
}
</style>

splCont - это параметры всплывающего окна. Стили подбирайте сами

В HTML-низ вставляете скрипт

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

Отредактировано Кофеман (Вс, 13 Мар 2011 00:08:45)

0

Поделиться335Сб, 12 Мар 2011 10:40:50

Автор: Ta_chan
Заслуженный
Зарегистрирован: Вс, 28 Фев 2010
Сообщений: 256
Уважение: +14
Позитив: +18
Последний визит:
Ср, 24 Фев 2021 08:49:58

Кофеман
жду))

0

Поделиться336Сб, 12 Мар 2011 18:47:57

Автор: Mc_Shake1
Заслуженный
Зарегистрирован: Чт, 16 Дек 2010
Сообщений: 99
Уважение: 0
Позитив: +3
Последний визит:
Пт, 15 Апр 2011 23:47:16

Кофеман

Mc_Shake1, адрес форума где?

Код:

<center><table cellspacing="1" cellpadding="1" border="0" width="98%"><tr><td rowspan="2" width="75%">
проблема 1 - Полезная информация, новости
</td><td>
проблема 2 - рэп радио
</td></tr><tr><td rowspan="2">
проблема 3 - голосование, рейтинги
</td></tr><tr><td>
проблема 4 - голосование
</td></tr></table></center>

Сори) Вот адрес) http://freestylerapworld.mybb.ru/

0

Поделиться337Сб, 12 Мар 2011 18:50:19

Автор: Mc_Shake1
Заслуженный
Зарегистрирован: Чт, 16 Дек 2010
Сообщений: 99
Уважение: 0
Позитив: +3
Последний визит:
Пт, 15 Апр 2011 23:47:16

Кофеман
Что то с размерами не то... Я же кинул картинку, там ясно видно что больше чего и какого размера) А так у меня как то все по середине получается и т.п.

0

Поделиться338Сб, 12 Мар 2011 19:14:48

Автор: Mc_Shake1
Заслуженный
Зарегистрирован: Чт, 16 Дек 2010
Сообщений: 99
Уважение: 0
Позитив: +3
Последний визит:
Пт, 15 Апр 2011 23:47:16

Просьба снята! Я передумал.... МНе интересна флеш таблица)))) 331 пост дефа у меня криво отображается... появляется на самом форуме (то есть поверх категорий и форумов) белым экраном...

0

Поделиться339Сб, 12 Мар 2011 19:56:34

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

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

Что то с размерами не то... Я же кинул картинку, там ясно видно что больше чего и какого размера) А так у меня как то все по середине получается и т.п.

Mc_Shake1, если Вы имеете в виду высоты ячеек, так они "резиновые". Когда там пусто, разница не видна. Наполните их и тогда увидите.

0

Поделиться340Сб, 12 Мар 2011 20:19:59

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 20:39:23