sadhaka
А мой заказ не посмотрите? Пост №10, может вы сможете помочь) Срочно нужен))
Таблицы для форумов
Сообщений 21 страница 30 из 303
Поделиться2106.08.11 00:27
Поделиться2206.08.11 00:45
1. ссылка на форум - http://helper.0bb.ru/
Всё в Объявление:
<style> #menu { margin-top: -5px; width: 200px; height: 60px; background-repeat : no-repeat;} #menu span { text-align:left; display:block; color:#fff; margin: 7px 0; padding: 11px; } #submenu,#menu span { border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; background:#FF0000; } #menu .tabactive { color: #2662DF; background:#F9F1DD; } #submenu { padding: 3px; height: 200px; text-align: center; font-size: 12px; width: 540px; } .submenutext { display: none; height: 40px; } </style> <center><table style="width: 615px"> <tbody> <tr> <td valign=top> <div id="menu"> <b> <span alt="#sm1" style="cursor: pointer;">Кнопка 1</span> <span alt="#sm2" style="cursor: pointer;">Кнопка 2</span> <span alt="#sm3" style="cursor: pointer;">Кнопка 3</span> <span alt="#sm4" style="cursor: pointer;">Кнопка 4</span> <span alt="#sm5" style="cursor: pointer;">Кнопка 5</span> </b> </div> </td> <td id="MenuTxT" align="center" valign="top"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> <br/><br/> Контент 1-й кнопки </div> <div id="sm2" class="submenutext"><br /><br /> Контент 2-й кнопки </div> <div id="sm3" class="submenutext"><br /><br /> Контент 3-й кнопки </div> <div id="sm4" class="submenutext"><br /><br /> Контент 4-й кнопки </div> <div id="sm5" class="submenutext"><br /><br /> Контент 5-й кнопки </div> </div> </td> </tr> </tbody> </table></center> <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>
Ps: - Текущий установленный код объявы - скопирован откуда- то с ошибками!
Поделиться2306.08.11 00:47
Даж отредактировать не дают!(Ужыс
Поделиться2406.08.11 01:10
Karen
В HTML верх
<style> /* Стиль всплывающего меню */ .splLink {width: 200px; height: 20px; border: 0px solid #FFD700; text-align: left; font-family: Gothic century; font-size: 15px; padding: 5px; background-color: #DCD89D; border:#A29F74 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } .splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-left: -225px; margin-top: -35px; 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;*/ } .splCont:first-letter { font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style>
Вторая колонка объявления:
<td width=40% align=center> <DIV><div class=splLink>Администраторы</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 1 </DIV></DIV> <DIV><div class=splLink>Модераторы</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 2 </DIV></DIV> <DIV><div class=splLink>Игрок месяца</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 3 </DIV></DIV> <DIV><div class=splLink>Лучший Пост месяца</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 4 </DIV></DIV> </td>
В HTML низ
<!--Спойлер - контейнер--> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Вид:
Поделиться2506.08.11 09:46
Deff
большое спасибо. ))
Поделиться2606.08.11 12:37
sadhaka
Мне нужно просто запихнуть ва эту таблицу скрипт, при помощи которого будет таблица открываться полностью
Поделиться2706.08.11 15:00
Хэй, не забудьте про пост 11)
Поделиться2806.08.11 18:21
Кстати, пост 13 востребован!
Поделиться2906.08.11 19:07
Хэй, не забудьте про пост 11)
Табл 1.
<center><table width="708" alight=center cellpadding=12 valight=center border="1" style="border-collapse:collapse;"><tbody><tr> <td width=60%> <img src="Ссылка на картинкэ" alt="Картинкэ"/> </td> <td width=40%> <form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option> Навигация </option> <option value="http://mjacksoninfo.userforum.ru/"><small>о1. Главная страница</small></option> <option value="http://mjacksoninfo.userforum.ru/misc.php?action=rules"><small>о2. Правила</small></option> <option value="http://mjacksoninfo.userforum.ru/viewforum.php?id=47"><small>о3. Администрация</small></option> <option value="http://mjacksoninfo.userforum.ru/viewforum.php?id=62"><small>о4. Помощь по форуму</small></option> <option value=" http://mjacksoninfo.userforum.ru/viewforum.php?id=48 "><small>42. Гостевая книга</small></option> <option value=" http://mjacksoninfo.userforum.ru/viewforum.php?id=49 "><small>43. Реклама</small></option> </select> </form> <br> Cписок Администрации </td> </tr><tr> <td> <div align="left" style=" width:100% padding: 0px 6px 12px 0px; margin: 25px -13px 0px 21px; height: 133px; overflow-y: auto;" > Прокруткэ(Новости) </div> </td> <td> Всячина </td> </tr></tbody></table></center>
Поделиться3006.08.11 20:21
Кстати, пост 13 востребован!
В Объявление:
<style> /* Стиль всплывающего меню */ .splLink {width: 200px; height: 20px; border: 0px solid #FFD700; text-align: left; font-family: Gothic century; font-size: 15px; padding: 5px; background-color: #DCD89D; border:#A29F74 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; } .splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-left: -225px; margin-top: -35px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: left;} /* Тень, Прозрачка и Скругление углов во Всплывающем меню */ .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;*/ } .splCont:first-letter { font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style> <center><table border=1 width=70% valign=top><tr> <td> Объявление </td> <td> <td width=40% align=center valign=center> <DIV><div class=splLink>Администрация</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент Администрация </DIV></DIV> <DIV><div class=splLink>Модерация</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент Модерация </DIV></DIV> <DIV><div class=splLink>Реклама</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент Реклама </DIV></DIV> <DIV><div class=splLink>Погода</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент Погода </DIV></DIV> </td> </td> <td> Для Рекламы<br/><br/> Наши Партнёры </td> </tr></table></center> <!--Спойлер - контейнер--> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Зы: Удалите из HTML верх
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
*Код уже загружен сервисом!