Реклама:
Джула, а зачем Вы мне весь HTML-низ выложили? Там рекламные баннеры со скриптами.. Но я не уверен, будут ли они работать у Вас в объявлении.
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №8
Реклама:
Джула, а зачем Вы мне весь HTML-низ выложили? Там рекламные баннеры со скриптами.. Но я не уверен, будут ли они работать у Вас в объявлении.
Да там где каталоги не надо только наш баннер,ваши баннеры.
Джула, обязательно убираете старое содержимое таблицы из HTML-верх и Объявления.
В окно HTML-верх
<style type="text/css"> /* Стиль меню */ #menu { height: 350px; padding-top:2px; width: 100%; } #menu div { padding: 10px 5px 10px; margin-left: 2px; width: 90%; text-decoration: none; color: #416D03; font-size: 14px; } #menu .tabactive { color: #EBFFAD; background:#416D03; } #submenu { height: 350px; text-align: center; font-size: 14px; width: 100%; } .submenutext { display: none; height: 334px; padding: 2px; } </style>
Таблица в Объявление
<center> <table cellspacing="2" cellpadding="2" border="0" width="100%"><tbody> <tr> <td width="20%"> <div id="menu"> <b> <div alt=#sm1 "style="cursor: pointer;">Новости</div><br> <div alt=#sm2 "style="cursor: pointer;">Администрация</div><br> <div alt=#sm3 "style="cursor: pointer;">Чат</div><br> <div alt=#sm4 "style="cursor: pointer;">Навигатор</div><br> <div alt=#sm5 "style="cursor: pointer;">Время, погода</div><br> <div alt=#sm6 "style="cursor: pointer;">Реклама</div><br> </b> </div> </td> <td id="MenuTxT" align="center" valign="top" width="80%" style="height: 350px;"> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block; text-align: justify;"> В игре утро... <br> Лето 09.56 07.06.11. Дует ветер. Капает маленький дождь. И где-то в далеке сверкает молния. Коты прячются поглубже в норки. <br> В нашей ролевой много игр, тем, сообщений, пользователей. Мы очень будет вам благодарны, если вы будете звать друзей. <br><br> Внимание: Регистрация в грозовое племя будет не надолго прекращена. Потому что в других племенах мало котов. </div> <div id="sm2" class="submenutext"> <b>Администраторы:</b><br><br> Пылинка <br><br> Набор по конкурсам <br><br><br> <b>Модераторы:</b> <br><br> Набор по конкурсам </div> <div id="sm3" class="submenutext"> Чат вставлять тут </div> <div id="sm4" class="submenutext"> <FORM> <SELECT size=1 name='navigation' style="width: 150px;"> <OPTION value='http://kotyvoitelli.rolka.su/viewtopic.php?id=7#p7'>Анкетник</OPTION> <OPTION value='http://kotyvoitelli.rolka.su/viewtopic.php?id=2#p2'>F.A.O.</OPTION> <OPTION value='http://kotyvoitelli.rolka.su/viewtopic.php?fid=10'>Племена</OPTION> <OPTION value='http://kotyvoitelli.rolka.su/viewforum.php?id=12'>Битвы</OPTION> </SELECT> <INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value=*Мяукнуть!" name=button> </FORM> </div> <div id="sm5" class="submenutext"> время и погода </div> <div id="sm6" class="submenutext"> <center><i>Наш баннер</i> <br><br> <a href="http://kotyvoitelli.rolka.su/" target="_blank" title="FRPG по котам-воителям 'Жизнь - игра'"><img src="http://savepic.ru/2692041.gif"></a> <br><br><textarea><a href="http://kotyvoitelli.rolka.su/" target="_blank" title="FRPG по котам-воителям 'Жизнь - игра'"><img src="http://savepic.ru/2692041.gif"></a></textarea> <br><br><i>Ваши баннеры</i> <br><a href="http://klyaksa.0pk.ru/" target="_blank"><img src="http://s42.radikal.ru/i098/0904/48/6953d5b936ab.gif" border="0" alt="Форум в помощь новичку" /></a> <br> </div> </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 div").click(function() { $("div.#menu div").removeClass("tabactive"); $(this).addClass("tabactive"); $("td.#MenuTxT div.submenutext").hide(); var activeDiv = $(this).attr("alt"); $("div."+activeDiv).fadeIn(); return false; }); }); </script>
Отредактировано Кофеман (2011-07-19 21:46:37)
Спасибо, но можно сделать новости как тут столбиком.А где с прокруткой я сама вставлю.Новости ставите мои но с столбиком.И вы мне новую таблицу не давайте, а только этот кусочек!(Тот кусок удалю)
Отредактировано Джула (2011-07-21 09:44:34)
Кофеман
А вы можете просто сделать такую же?)))
Джула, "как тут" сделано тоже таблицей.
Vergessene, могу.
Оформляйте заказ, как положено согласно Правил заказа.
Кофеман
Я буду вам очень благодарна пожалуйста, сделайте... =)
Я буду вам очень благодарна пожалуйста, сделайте... =)
Оформляйте заказ, как положено согласно Правил заказа.
Кофеман
там новости не просто вниз, а несколько столбиков
там новости не просто вниз, а несколько столбиков
Еще раз, касательно столбиков - в содержимое Вашей таблицы, вложена еще одна таблица. Я же написал:
Джула, "как тут" сделано тоже таблицей.
Оформляйте заказ, как положено согласно Правил заказа.
1. Ссылка на форум
...
2. Скрин таблицы
http://haosmest.spybb.ru/ - как здесь))
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Нет, всё в скрине)
4. Форматирование текста
Нет
5. Картинки для вставки.
...
Vergessene
В окно HTML-верх
<style> .container1 {width: 100%; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 34px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; padding-top: 4px!important; height: 30px; width: 190px; vertical-align: middle; border: 0px; border-top: 1px solid #808080; border-bottom: 0px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; margin-bottom: -2px; background: url(); overflow: hidden; position: relative; text-align: center; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } ul.tabs li a { text-decoration: none!important; color: #444; /* color: transparent;*/ display: block; padding: 0 5px; background: url(); outline: none; } ul.tabs li a:hover { background: url(); text-decoration: none!important; border-bottom: 0px solid #808080; border-top: 0px solid #808080; border-left: 0px solid #808080; border-right: 0px solid #808080; } ul.tabs li.active { text-decoration: none!important; background: url(); background-color: #E0DEDE; border-bottom: 0px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; } ul.tabs li.active a:hover { background: url(); text-decoration: none!important; } .tab_container1 { clear: both; float: left; width: 766px; height: 350px; background-image : url(); background-color: #E0DEDE; border-bottom: 1px solid #808080; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #808080; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .tab_content { padding: 5px; } </style> <style> #pun{ margin-top:70px; } #pun-title table tbody tr .title-logo-tdr { position:absolute!important; display:block!important; top:0!important; left:50%; margin-top:-90px;!important; margin-left:-240px; } </style>
В окно Объявление
<center> <table cellspacing="0" cellpadding="0" border="0" style="width: 778px; height: 200px;"> <tr> <td> <!-- Вкладки и их содержимое --> <div class="container1"> <ul class="tabs"> <li class="active"><a href="#tab1">Вкладка 1</a></li> <li><a href="#tab2">Вкладка 2</a></li> <li><a href="#tab3">Вкладка 3</a></li> <li><a href="#tab4">Вкладка 4</a></li> </ul> <div class="tab_container1"> <div style="display: block;" id="tab1" class="tab_content"> <div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;"> содержание меню 1 </div></div> <div style="display: none;" id="tab2" class="tab_content"> <div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;"> содержание меню 2 </div></div> <div style="display: none;" id="tab3" class="tab_content"> <div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;"> содержание меню 3 </div></div> <div style="display: none;" id="tab4" class="tab_content"> <div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;"> содержание меню 4 </div></div> </div> </div> <!-- Конец вкладок и их содержимого --> </td> </tr> </table> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script type="text/javascript"> $(document).ready(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> </center>
И все же, старайтесь сами рисовать эскиз того, чего хотите. "Как там" - это не эскиз.
самое главное - 2 полоски с боку. там где форум и гл. картинка, ничего делать не надо. это так, для наглядности. Заранее спасибо
1. Ссылка на форум
http://closedschoolmystery.rolka.su/
2. Скрин таблицы
как тут, короче http://rememberme.hutt.ru/
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
-
4. Форматирование текста
-
5. Картинки для вставки.
-
Отредактировано JGL (2011-07-22 13:39:06)
АААА!!!Люди, не хочу торопить, но мне срочно нужна табличка
JGL, Вам не нужна таблица. Вам нужно это - https://forums.0pk.me/viewtopic.php?id=6844#p96792
Отредактировано Кофеман (2011-07-22 22:47:27)
а, оке, спасибо. не в тему, но не знаете, как можно navigation сделать прокруткой???
Кофеман
Спасибо вам огромное)) Вы просто гений) Я буду стараться)
Простите за флуд)
Можно спросить, за сколько примерно Вы делаете таблицы?
Отредактировано чудо-в-перьях (2011-07-23 23:40:29)
1. Cсылка на форум
Detective Stories: Art of Murder
2. Скрин таблицы
http://s05.radikal.ru/i178/1107/63/0e41985cb6d5.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Мне нужно, чтобы в светлой области листа было окно с прокруткой. Пункты меню с боку должны иметь всплывающие окна, желательно, чтобы их дизайн сочетался с дизайном форума и таблицы. В увеличительном стекле, где надписи "Партнеры" и "Лицензия", хотелось бы, чтобы первая надпись вела на отдельную страницу с баннерами, а лицензия на ссылку рекламы (ее я вставлю сама). Если два этих слова будут слишком близко друг к другу, то сделайте, пожалуйста, между ними большее расстояние, как вам будет удобнее!
4. Форматирование текста
-
5. Картинки для вставки.
-
1.Ссылка на форум
http://stalkerofroleplaygame.rolka.su/
2.Скрин таблицы
http://savepic.ru/2914746m.png
3,Скрипты и всевозможные примочки
Хотелось бы места, где написано Новости, PR-отдел, Администрация, Модерация, Партнеры, Топы фон сделать черным, а все остальные окна(все всплывающие и где текст новости и пр-отдел) фон залить серым цветом.
4.Форматирование текста
-
5.Картинки для вставки
-
Можно спросить, за сколько примерно Вы делаете таблицы?
ну вообще бесплатно!
J.E.V.T.
вы не правильно всё сделали всё то что вы там наварили надо отделить!
1. Ссылка на форум
http://dieorsurvive.rolka.su/
2. Скрин таблицы
http://i028.radikal.ru/1107/f5/a04cae624941.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Всё что нужно это облоко тегов, бегающая строка 3 штуки и прокрутка ( на шаблоне будет видно) , а календарь, часы, плеер я сам вставлю. Но самое главное - с верху будет 4 раздела (администрация, Радио, Календарь, Полезные ссылки) и я бы хотел их сделать как на этом сайте , чтоб при клике открывалось маленькое окно.
4. Форматирование текста
Ну я даже не представляю ну мне кажется сделайте примерно так чтоб к форуму подходило.
5. Картинки для вставки.
Картинки с боков любого размера. Я смогу под них подстроиться. Главное чтоб были бы ни больше в высоту.
Uchihagakure
В HTML верх
Код:<style> div .splLink {width: 170px; height: 10px; font-weight: bold; } .spll {width: 170px; height: 20px; } .spll div .splCont {height: auto; width: 200px;margin-top:20px; background: transparent; padding: 5px; z-index: 1000; border: 1px dotted #020000; font-size: 10px; text-align: center;} div .splCont {background-color: #D4C1A5!important; background-image: url(http://savepic.net/1220730.png)!important; 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;*/ } /* Прозрачка в Всплывающем меню */ #pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont:first-letter { font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style>
В HTML низ
Код:<script type="text/javascript" src="http://neotech.3dn.ru/Tegs/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '8'; flashvars.maxFontSize = '14'; flashvars.tcolor = '0x009CFF'; flashvars.tcolor2 = '0x009CFF'; flashvars.hicolor = '0x009CСF'; flashvars.distr = 'true'; flashvars.tspeed = '100'; eTagz = document.getElementById('yoblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#FFFFFF'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'yoblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '300', '300', '9.0.0', false, flashvars, params, attributes); </script> </script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
В объявление
Код:<table cellpadding="0" cellspacing="0" border="1" width="100%" height="541"> <tr> <td valign="middle"> <div class="spll"><DIV> <div class=splLink>Администрация</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Администрация) </DIV></DIV> </div></td> <td valign="middle" colspan="4" align="center"> <div class="spll"><DIV> <div class=splLink>Календарь</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Календарь) </DIV></DIV> </div></td> <td valign="middle"> <p align="center"><div class="spll"><DIV> <div class=splLink>Радио</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(радио) </DIV></DIV> </div></td> <td valign="middle" height="36"> <p align="center"><div class="spll"><DIV> <div class=splLink>Полезные ссылки</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Полезные ссылки) </DIV></DIV> </div></td> </tr> <tr> <td valign="middle" colspan="7" height="33"> <marquee>Бегущая строка</marquee></td> </tr> <tr> <td valign="middle" rowspan="4"> <p align="center"> <img src="ССЫЛКА_НА_КАРТИНКУ_№1"></td> <td valign="middle">Наши баннеры: </td> <td valign="middle" colspan="4" height="47"> <marquee>Коды баннеров №1</marquee></td> <td valign="middle" rowspan="4"> <p align="center"> <img src="ССЫЛКА_НА_КАРТИНКУ_№1"></td> </tr> <tr> <td valign="middle" colspan="2">Баннеры друзей: </td> <td valign="middle" colspan="3" height="53"> <marquee>Коды баннеров №2</marquee></td> </tr> <tr> <td valign="middle" colspan="4"> <p align="center"><div id="yoblako" align="center"><noindex> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> </noindex></div></td> <td valign="top" height="178"> Текст </td> </tr> <tr> <td valign="middle" colspan="3" align="center"> <p>Код часов</p> <p> </td> <td valign="top" colspan="2" height="190"><div style="overflow:auto; height:190px; width:190px; padding:8px; border:0px solid #ccc;"> Текст (с прокруткой) </div > </td> </tr> <tr> <td width="179"></td> <td width="106"></td> <td width="15"></td> <td width="40"></td> <td width="2"></td> <td width="178"></td> <td height="2" width="178"></td> </tr> </table>
J.E.V.T.
я возьмусь но после того как вы отделите от Основнова изображения
слова "Наши партнеры" и "Лицензия" вместо них должна быть пустота!
а так же картинки ниже (вместо них тоже должно быть пусто!!!)
Эм... А мне сделают? Оч надо!
Отредактировано Mamuro Tatsuo (2011-07-26 09:01:59)
Эм... А мне сделают? Оч надо!
делайте скриншот по больше!
Lonely_wolf, вот: http://savepic.net/1692192.htm
Lonely_wolf
Я исправила!!
1. Cсылка на форум
Detective Stories: Art of Murder
2. Скрин таблицы
http://s05.radikal.ru/i178/1107/63/0e41985cb6d5.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Мне нужно, чтобы в светлой области листа было окно с прокруткой. Пункты меню с боку должны иметь всплывающие окна, желательно, чтобы их дизайн сочетался с дизайном форума и таблицы. В увеличительном стекле, где надписи "Партнеры" и "Лицензия", хотелось бы, чтобы первая надпись вела на отдельную страницу с баннерами, а лицензия на ссылку рекламы (ее я вставлю сама). Если два этих слова будут слишком близко друг к другу, то сделайте, пожалуйста, между ними большее расстояние, как вам будет удобнее!
4. Форматирование текста
-
5. Картинки для вставки.
http://s002.radikal.ru/i198/1107/b8/4646c2b0e4e3.jpg
https://forumupload.ru/uploads/0002/35/a3/98647-1.jpg
https://forumupload.ru/uploads/0002/35/a3/98647-2.jpg
https://forumupload.ru/uploads/0002/35/a3/98647-3.jpg
https://forumupload.ru/uploads/0002/35/a3/98647-4.jpg
У меня такой вопрос. Можно заказать есть что одну таблицу? Т.к я нашел много интересных скриптов и некоторые части таблицы уже не нужны.
Uchihagakure
можно но только через 10 лет!
да ладно шучу заказывайте!
Заказ таблиц 4 < | Архив тем | 2010-02-12 |
Заказ таблиц 3 | Архив тем | 2009-09-20 |
Заказ таблиц №6 | Архив тем | 2011-01-09 |
Заказ таблиц №2 | Архив тем | 2009-05-04 |
Заказ таблиц №7 | Архив тем | 2011-06-13 |
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №8