Leonheart
Еще раз огромное вам спасибо)
Заказ таблиц №9
Сообщений 271 страница 300 из 660
Поделиться2712012-05-07 20:54:31
Поделиться2722012-05-08 11:59:43
Leonheart
Да
Поделиться2732012-05-08 12:47:34
Exe,
глаза режет кислотно-зеленый
В объявление:
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} .mytbstl {width: 99%; font-family: 'Monotype Corsiva'; color: #000; font-size: 16px!important; border: 1px solid;} .mytbstl h3 {font-size: 18px; text-transform: uppercase; margin: 5px 0 5px 0; font-weight: bold;} .mytbstl td {border: 1px solid;} </style> <center><table class="mytbstl" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="center" colspan="3"> <marquee style="width: 99%; height: 30px;"> Бегущая строка </marquee> </td> </tr> <tr style="height: 115px;"> <td style="width: 33%;" align="center" valign="top"> <div style="width: 100%; height: 115px; overflow-y: auto;"> <h3>Новости</h3> текст текст текст текст </div> </td> <td style="width: 33%;" align="center" valign="top" rowspan="2"> <img style="width: 300px; margin: 0 0 -4px 0;" src="http://uploads.ru/i/0/T/e/0Teyd.jpg"> </td> <td style="width: 33%;" align="center" valign="top"> <div style="width: 100%; height: 115px; overflow-y: auto;"> <h3>Погода</h3> текст </div> </td> </tr> <tr style="height: 115px;"> <td align="center" valign="top"> <h3>Админы</h3> текст </td> <td align="center" valign="top"> <h3>Модеры</h3> текст </td> </tr> <tr> <td align="center" colspan="3"> <div style="width: 780px; overflow-x: auto; overflow-y: hidden;"> Баннеры(ставить_без_пробелов_и_переносов_на_новую_строку) </div> </td> </tr> </table></center>
Поделиться2742012-05-08 22:34:16
1. Ссылка на форум
wwwkpopstory.rolka.su
2. Эскиз таблицы
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Границы прозрачные, категории должны разворачиваться , когда нажимаешь на категории "News" и т.д. И бегущая строка внизу
4. Форматирование текста
Темно-зеленом, как фон самой ролевой.
5. Картинки для вставки.
Поделиться2752012-05-09 01:15:53
Leonheart
Спасибо наигромнейшее)))
1. Ссылка на форум
http://spninus.rolka.su/
2. Эскиз таблицы
Очень понравилась таблица на вот этом сайте - http://dropofpoison.ru/#panel-2
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
-
4. Форматирование текста
Цвет шрифта золотым или что-то в этом роде)
5. Картинки для вставки.
Поделиться2762012-05-09 12:58:54
категории должны разворачиваться , когда нажимаешь на категории "News"
Как именно они должны разворачиваться? Выпадающее контекстное меню?
Поделиться2772012-05-09 13:18:41
Leonheart
Да.
Поделиться2782012-05-09 13:25:31
Очень понравилась таблица на вот этом сайте
Самолистающийся слайдер... у администрации форума код не спрашивали?
Поделиться2792012-05-09 14:19:41
Sauleka,
в html-верх:
<!-- Стиль объявления --> <style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {margin-top: -180px;} .splLink {width: 100px; height: 35px; border: 0px solid #FFD700; text-align: center;} .splCont {height: auto; width: 260px; background: #fff; padding: 5px; z-index: 1000; margin: 10px 0 0 20px; border: 1px solid #666; text-align: center; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow:0px 5px 8px #8B6C52; -webkit-box-shadow:0px 5px 8px #8B6C52; -khtml-box-shadow:0px 5px 8px #8B6C52; -moz-box-shadow:0px 5px 8px #8B6C52;} #tblmyst {color: #2F500B;} #tblmyst h3 {font-size: 20px; font-family: 'times new roman'; margin: 5px 0 5px 0;} </style> <!-- End -->
в html-низ:
<!-- Спойлер-контейнер --> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <!-- End -->
в объявление:
<table id="tblmyst" style="width: 100%; height: 600px;" cellpadding="0" cellspacing="0" border="0"> <tr style="height: 60px;"> <td style="width: 30%;" align="center" valign="top" rowspan="3"> <div> <h3 style="font-size: 24px!important;">АМС</h3> <br/> <img style="width: 70px; height: 70px;" src="ссылка"> <br/><br/> <img style="width: 70px; height: 70px;" src="ссылка"> <img style="width: 70px; height: 70px;" src="ссылка"> <br/><br/> </div> <div> <h3>The Best Player</h3> <br/> <img style="width: 70px; height: 70px;" src="ссылка"> <h3>The Best Play</h3> <br/> текст текст текст текст </div> </td> <td style="width: 70%;" align="center"> <table style="width: 100%;" cellpadding="0" cellspacing="0"> <tr> <td style="width: 50%;" align="center"><DIV><div class=splLink><h3 style="color: #ff0000!important;">News</h3></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 1 </DIV></DIV></td> <td style="width: 50%;" align="center"><DIV><div class=splLink><h3>Roleplay</h3></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент 2 </DIV></DIV></td> </tr> </table> </td> </tr> <tr style="height: 500px;"> <td align="center"> Текст текст текст текст </td> </tr> <tr style="height: 40px;"> <td align="center"> <marquee style="width: 99%;"> текст бегущей строки </marquee> </td> </tr> </table>
Только таблица фиксированного размера. Не резиновая.
Поделиться2802012-05-09 14:22:55
Leonheart
Огромное спасибо)) ++
Поделиться2812012-05-09 14:33:25
Самолистающийся слайдер... у администрации форума код не спрашивали?
Нет( Я даже не сижу на этом сайте(
Поделиться2822012-05-09 14:41:01
Нет( Я даже не сижу на этом сайте(
А в гостевой на вопросы они не отвечают?
Позже. Но только каркас, скорее всего.
Поделиться2832012-05-09 14:43:16
А в гостевой на вопросы они не отвечают?
Я могу попробовать спросить. Но мне не обязательно, чтобы он сам листался) Или же можно какую-нибудь таблицу в этом стиле? Можно не такую же)
Отредактировано Joanna Harvelle (2012-05-09 14:45:59)
Поделиться2842012-05-09 15:59:15
Или же можно какую-нибудь таблицу в этом стиле?
Есть обычный слайдер - только тогда картинки боковых стрелочек нужны.
Поделиться2852012-05-09 16:29:36
Есть обычный слайдер - только тогда картинки боковых стрелочек нужны.
Я сейчас их сделаю)
Поделиться2862012-05-09 16:51:33
Leonheart
В общем пусть пока вот эти, а потом мы если что переделаем на что-то более прикольное))
Поделиться2872012-05-09 18:53:44
Joanna Harvelle,
в объявление:
<!-- Cлайдер--> <style type="text/css"> #slideshow { margin:0 auto; width:700px; height:263px; background:transparent url(картинка на фон) no-repeat 0 0; position:relative;} #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px; position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ overflow-y:auto; /* поддержка прокрутки */ height:263px; text-align: center;} .control { display:block; width:70px; height:70px; text-indent:-10000px; position:absolute; cursor: pointer; z-index:100;} #leftControl { top:96px; left:0; background:transparent url(http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png) no-repeat 0 0;} #rightControl { top:96px; right:0; background:transparent url(http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png) no-repeat 0 0;} .slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;} </style> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 60%;" align="center"> <h3>Заголовок 1</h3> <div> <style> .nav {width: 150px;} .nav a{display: block; color:#fff; background-color: maroon; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 1px; text-decoration: none; border-left: 3px solid #000;} .nav a:hover{background-color: #ff0000; font-weight: bold;} </style> <table style="width: 100%;"> <tr> <td style="width: 50%;" align="center"> <div class="nav"> <a href="ссылка">Название 1</a> <a href="ссылка">Название 2</a> <a href="ссылка">Название 3</a> <a href="ссылка">Название 4</a> <a href="ссылка">Название 5</a> </div> </td> <td style="width: 50%;" align="center"> <div class="nav"> <a href="ссылка">Название 6</a> <a href="ссылка">Название 7</a> <a href="ссылка">Название 8</a> <a href="ссылка">Название 9</a> <a href="ссылка">Название 0</a> </div> </td> </tr> </table> </div> </td> <td style="width: 40%;" align="center"> <img src="ссылка на картинку"> </td> </tr> </table> </div> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 60%;" align="center" valign="top"> <h3>Заголовок 2</h3> текст текст текст текст </td> <td style="width: 40%;" align="center"> <img src="ссылка на картинку"> </td> </tr> </table> </div> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td align="center" colspan="2"> <img src="ссылка на картинку"> </td> </tr> <tr> <td style="width: 30%;" align="center"> <img src="ссылка на картинку"> </td> <td style="width: 70%;" align="center" valign="top"> <h3>Заголовок 3</h3> текст текст текст текст </td> </tr> </table> </div> <div class="slide"> <h3>Заголовок 4</h3> текст текст текст текст </div> </div></div><!--End// Cлайдер-->
В html-низ:
<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 560; var slides = $('.slide'); var numberOfSlides = slides.length; // С помощью скрипта убираем прокрутку в контейнере. $('#slidesContainer').css('overflow', 'hidden'); // Свернем все вкладки .slides в блок #slideInner slides .wrapAll('<div id="slideInner"></div>') .css({ 'float' : 'left', 'width' : slideWidth }); // Проставим блоку #slideInner ширину, равную общей ширине контейнеров $('#slideInner').css('width', slideWidth * numberOfSlides); $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); manageControls(currentPosition); $('.control') .bind('click', function(){ currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; manageControls(currentPosition); $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); function manageControls(position){ // Скрыть левую стрелку у первого контейнера if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Скрыть правую стрелку у последнего контейнера if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script>
Цвета сами подберете уж.
Поделиться2882012-05-09 20:03:49
Leonheart
Спасибо вам огромное)))))
Поделиться2892012-05-10 15:42:05
Leonheart
*лицорука* Простите пожалуйста, но я не могу разобраться с размерами таблицы( Мне нужно сделать ее немного больше. Ну вот как то вот так:
А то она вот какая-то вот такая то получается х) Вот что я только успела сделать:
<!-- Cлайдер--> <style type="text/css"> #slideshow { margin:0 auto; width:700px; height:263px; background:transparent url(картинка) no-repeat 0 0; position:relative;} #slideshow #slidesContainer { margin:0 auto; width:560px; height:263px; position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ overflow-y:auto; /* поддержка прокрутки */ height:263px; text-align: center;} .control { display:block; width:70px; height:70px; text-indent:-10000px; position:absolute; cursor: pointer; z-index:100;} #leftControl { top:96px; left:0; background:transparent url(http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png) no-repeat 0 0;} #rightControl { top:96px; right:0; background:transparent url(http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png) no-repeat 0 0;} .slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;} </style> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 60%;" align="center"> <h3>Навигация по форуму</h3> <div> <style> .nav {width: 150px;} .nav a{display: block; color:#FF8C00; background-color: #A0522D; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 1px; text-decoration: none; border-left: 3px solid #000;} .nav a:hover{background-color: #FFEFDB; font-weight: bold;} </style> <table style="width: 100%;"> <tr> <td style="width: 50%;" align="center"> <div class="nav"> <align=center>Для гостей</align> <br> <a href="http://spninus.rolka.su/viewtopic.php?id=4">Правила</a> <a href="http://spninus.rolka.su/viewtopic.php?id=13#p14707">Сюжет</a> <a href="http://spninus.rolka.su/viewtopic.php?id=12">Гостевая</a> <a href="http://spninus.rolka.su/viewtopic.php?id=42">FAQ с навигатором</a> <a href="http://spninus.rolka.su/viewtopic.php?id=7">Шаблон анкеты</a> <a href="http://spninus.rolka.su/viewtopic.php?id=5">Занятые внешности</a> <a href="http://spninus.rolka.su/viewforum.php?id=2">Акции</a> <a href="http://spninus.rolka.su/viewtopic.php?id=23">Наша реклама</a> <a href="http://spninus.rolka.su/viewtopic.php?id=197">Заявки на партнерство</a> </div> </td> <td style="width: 50%;" align="center"> <div class="nav"> <align=center>Для игроков</align> <br> <a href="http://spninus.rolka.su/viewtopic.php?id=11">Объявление АМС</a> <a href="http://spninus.rolka.su/viewtopic.php?id=308">Игрок недели</a> <a href="http://spninus.rolka.su/viewtopic.php?id=14">Отсутствие или уход</a> <a href="http://spninus.rolka.su/viewtopic.php?id=321">Предложения</a> <a href="http://spninus.rolka.su/viewtopic.php?id=52#p37477">Акция поиска</a> <a href="http://spninus.rolka.su/viewtopic.php?id=19">Аватаризация</a> <a href="http://spninus.rolka.su/viewtopic.php?id=370">Подарки</a> <a href=http://spninus.rolka.su/viewtopic.php?id=206">ЛК - что это?</a> <a href=http://spninus.rolka.su/viewtopic.php?id=17">Личное звание</a> </div> </td> </tr> </table> </div> </td> <td style="width: 40%;" align="center"> <img src="http://s1.ipicture.ru/uploads/20120510/osgkI8fa.png"> </td> </tr> </table> </div> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 60%;" align="center" valign="top"> <h3>Заголовок 2</h3> текст текст текст текст </td> <td style="width: 40%;" align="center"> <img src="ссылка на картинку"> </td> </tr> </table> </div> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td align="center" colspan="2"> <img src="ссылка на картинку"> </td> </tr> <tr> <td style="width: 30%;" align="center"> <img src="ссылка на картинку"> </td> <td style="width: 70%;" align="center" valign="top"> <h3>Заголовок 3</h3> текст текст текст текст </td> </tr> </table> </div> <div class="slide"> <h3>Заголовок 4</h3> текст текст текст текст </div> </div></div><!--End// Cлайдер-->
Как переместить стрелочки, как переместить сами эти навигации - разобралась, а с этим не могу. Помогите плиииииз
Отредактировано Joanna Harvelle (2012-05-10 19:56:37)
Поделиться2902012-05-10 18:35:08
1. Ссылка на форум
http://stablecowboystimes.rolka.su/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Всё отмечено на таблице.
4. Форматирование текста
Comic Sans MS, чёрный, курсив.
5. Картинки для вставки.
На таблице, где написано "картинка".
*** И ещё, если можно, бежевый фон, све-етло, примерно такой--->
В фотошопе пишет цвет #EAE6CE
Поделиться2912012-05-11 16:16:02
Joanna Harvelle, я не наблюдаю на вашем форуме слайдера... ссылку на тестовик, или где она у вас стоит...
Поделиться2922012-05-11 16:48:10
И-Эл-ТиШка,
в объявление:
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} #mytbs {font-family: 'comic sans ms'; color: #000; font-style: italic; background-color: #EAE6CE;} #mytbs h3{font-weight: bold; font-size: 18px; margin: 5px 0 5px 0;} </style> <table id="mytbs" style="width: 100%;" cellpadding="0" cellspacing="0" border="1"> <tr> <td style="width: 45%;" align="center" valign="top"> <h3>Погода</h3> текст текст текст текст </td> <td style="width: 55%;" align="center" valign="top"> <div id="yoblako" align="center"><noindex> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 1</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 2</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 3</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 4</a> <a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание 5</a> </noindex></div> </td> </tr> <tr> <td align="center"> <img style="width: 300px;" src="http://uploads.ru/i/R/r/F/RrFuk.jpg"> </td> <td align="center" valign="top"> <div style="width: 99%; height: 270px; overflow-y: auto;"> <h3>Новости</h3> текст текст текст текст </div> </td> </tr> </table>
в html-низ:
<script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '12'; flashvars.maxFontSize = '19'; flashvars.tcolor = '0x000000'; flashvars.tcolor2 = '0x000000'; flashvars.hicolor = '0x000000'; 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://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '300', '190', '9.0.0', false, flashvars, params, attributes); </script>
Поделиться2932012-05-11 17:04:03
Joanna Harvelle, я не наблюдаю на вашем форуме слайдера... ссылку на тестовик, или где она у вас стоит...
Извините) Вот: http://templates.rolka.su/
Поделиться2942012-05-11 20:14:22
Leonheart
Спасибо) +
Поделиться2952012-05-11 21:10:51
Joanna Harvelle,
обновляете объявление:
<!-- Cлайдер--> <style type="text/css"> #slideshow { margin:0 auto; width:800px; height:263px; background:transparent url(картинка) no-repeat 0 0; position:relative;} #slideshow #slidesContainer { margin:0 auto; width:660px; height:263px; position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; width:640px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ overflow-y:auto; /* поддержка прокрутки */ height:263px; text-align: center;} .control { display:block; width:70px; height:70px; text-indent:-10000px; position:absolute; cursor: pointer; z-index:100;} #leftControl { top:96px; left: -40px; background:transparent url(http://s1.ipicture.ru/uploads/20120509/QRu6eNNm.png) no-repeat 0 0;} #rightControl { top:96px; right:-10px; background:transparent url(http://s1.ipicture.ru/uploads/20120509/yTTCCfV0.png) no-repeat 0 0;} .slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;} </style> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 60%;" align="center" valign="top"> <h3>Навигация по форуму</h3> <div> <style> .nav {width: 150px;} .nav a{display: block; color:#FF8C00; background-color: #A0522D; text-align: center; width:150px; padding: 2px 0 2px 0; margin-bottom: 1px; text-decoration: none; border-left: 3px solid #000;} .nav a:hover{background-color: #FFEFDB; font-weight: bold;} </style> <table style="width: 100%;"> <tr> <td style="width: 50%;" align="center"> <div class="nav"> <align=center>Для гостей</align> <br> <a href="http://spninus.rolka.su/viewtopic.php?id=4">Правила</a> <a href="http://spninus.rolka.su/viewtopic.php?id=13#p14707">Сюжет</a> <a href="http://spninus.rolka.su/viewtopic.php?id=12">Гостевая</a> <a href="http://spninus.rolka.su/viewtopic.php?id=42">FAQ с навигатором</a> <a href="http://spninus.rolka.su/viewtopic.php?id=7">Шаблон анкеты</a> <a href="http://spninus.rolka.su/viewtopic.php?id=5">Занятые внешности</a> <a href="http://spninus.rolka.su/viewforum.php?id=2">Акции</a> <a href="http://spninus.rolka.su/viewtopic.php?id=23">Наша реклама</a> <a href="http://spninus.rolka.su/viewtopic.php?id=197">Заявки на партнерство</a> </div> </td> <td style="width: 50%;" align="center"> <div class="nav"> <align=center>Для игроков</align> <br> <a href="http://spninus.rolka.su/viewtopic.php?id=11">Объявление АМС</a> <a href="http://spninus.rolka.su/viewtopic.php?id=308">Игрок недели</a> <a href="http://spninus.rolka.su/viewtopic.php?id=14">Отсутствие или уход</a> <a href="http://spninus.rolka.su/viewtopic.php?id=321">Предложения</a> <a href="http://spninus.rolka.su/viewtopic.php?id=52#p37477">Акция поиска</a> <a href="http://spninus.rolka.su/viewtopic.php?id=19">Аватаризация</a> <a href="http://spninus.rolka.su/viewtopic.php?id=370">Подарки</a> <a href=http://spninus.rolka.su/viewtopic.php?id=206">ЛК - что это?</a> <a href=http://spninus.rolka.su/viewtopic.php?id=17">Личное звание</a> </div> </td> </tr> </table> </div> </td> <td style="width: 40%;" align="center"> <img src="http://s1.ipicture.ru/uploads/20120510/osgkI8fa.png"> </td> </tr> </table> </div> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td style="width: 60%;" align="center" valign="top"> <h3>Заголовок 2</h3> текст текст текст текст </td> <td style="width: 40%;" align="center"> <img src="ссылка на картинку"> </td> </tr> </table> </div> <div class="slide"> <table style="width: 100%; height: 100%;"> <tr> <td align="center" colspan="2"> <img src="ссылка на картинку"> </td> </tr> <tr> <td style="width: 30%;" align="center"> <img src="ссылка на картинку"> </td> <td style="width: 70%;" align="center" valign="top"> <h3>Заголовок 3</h3> текст текст текст текст </td> </tr> </table> </div> <div class="slide"> <h3>Заголовок 4</h3> текст текст текст текст </div> </div></div><!--End// Cлайдер-->
И html-низ полностью меняете на тестовике - кусок от старого слайдера там стоял:
<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 660; var slides = $('.slide'); var numberOfSlides = slides.length; // С помощью скрипта убираем прокрутку в контейнере. $('#slidesContainer').css('overflow', 'hidden'); // Свернем все вкладки .slides в блок #slideInner slides .wrapAll('<div id="slideInner"></div>') .css({ 'float' : 'left', 'width' : slideWidth }); // Проставим блоку #slideInner ширину, равную общей ширине контейнеров $('#slideInner').css('width', slideWidth * numberOfSlides); $('#slideshow') .prepend('<span class="control" id="leftControl">Clicking moves left</span>') .append('<span class="control" id="rightControl">Clicking moves right</span>'); manageControls(currentPosition); $('.control') .bind('click', function(){ currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; manageControls(currentPosition); $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); function manageControls(position){ // Скрыть левую стрелку у первого контейнера if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Скрыть правую стрелку у последнего контейнера if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script> <script type="text/javascript"> var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif"; if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML; }; </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld1") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld2") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld3") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld4") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 980px; top: 700px } </style> <style type="text/css"> .post-content table * { border: none !important; } </style><script type="text/javascript"> if (GroupID==3){ if (document.URL.indexOf("profile.php")!=-1){ document.getElementById('pun-status').innerHTML="<div id=pun-status class=section><p class=container><span class=item1>Не хорошо лазить по чужим профилям</span></p></div>" document.getElementById('pun-main').style.display="none" }} </script> <script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">нажми меня</a>'; } } </script> <style type="text/css"> .punbb .quote-box, .punbb .code-box {background: urlhttp://uploads.ru/i/j/y/s/jys8A.png);} </style> <script><!--Своя картинка или Слово в Панель навигации --> var Img_Word=0; //0-Картинка;1-Cлово /Ставим картинку или Слово ? navlinks=new Array( "navindex","http://uploads.ru/i/c/A/t/cAtwP.png", // Форум "navuserlist","http://uploads.ru/i/S/0/V/S0Vrh.png",// Участники "navsearch","http://uploads.ru/i/f/e/8/fe8dm.png", // Поиск "navprofile","http://uploads.ru/i/Z/G/h/ZGh1S.png", // Профиль "navpm","http://uploads.ru/i/U/R/0/UR00s.png", // Сообщения "navadmin","http://uploads.ru/i/7/q/G/7qGc6.png", // Администрирование "navregister","http://uploads.ru/i/W/3/z/W3zw9.png",// Регистрация "navlogin","http://uploads.ru/i/c/U/e/cUedT.png", // Войти "navlogout","http://uploads.ru/i/7/B/5/7B5RS.png" // Выход - !ПОСЛЕДНИЙ элемент без запятой ) var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1]; if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'} $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;} </script> <script> $(function(){ <!-- userof="<img src='http://uploads.ru/i/E/0/k/E0kAH.png' >" str = document.getElementById("navawards").innerHTML if( (pos=str.indexOf("Награды")) != -1 ) document.getElementById("navawards").innerHTML=str.substring(0,pos)+userof+str.substring(pos+7,str.length-1) --> }); </script> <script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>'; } } </script> <style type="text/css"> li#navawards {display: none;} </style> <!-- jquery уже подключен --> <script src="https://forumstatic.ru/files/000f/33/e7/88190.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'60px'}, 2000 ); $(".rightcurtain").stop().animate({width:'60px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); }); </script> <script language="JavaScript"> if((document.getElementById("navpm").innerHTML.indexOf("(") != -1) && (document.URL.indexOf("messages.php") == -1)) { document.write("<div id='messanger' class='section' style='position: fixed; right: 40%; top: 35%; z-index: 1000; width: 320px; height: 110px;'><h2 style='background-color: #08440c; color: #000; text-align: center;'>Оповещение</h2><div class='container' style='padding: 15px; text-align: center; background-color: #ebeaf0;'><span>Вам пришло новое личное сообщение</span><br /><br /> <span style='color: green;'>Чтобы прочесть его, нажмите на эту кнопку.</span><br /><br /><br /><a class='mess' onclick=\"window.open(href='/messages.php'); return false\" style='background-color: rgb(125, 158, 112); border-style: none; cursor: pointer; font-size: 20px;' > OK </a></div><embed height='1' width='1' type='application/x-shockwave-flash' wmode='transparent' quality='high' src='http://promobil.kiev.ua/engine/classes/flashplayer/media_player.swf?MediaLink=http://promobil.kiev.ua/uploads/files/1188937250_icq.mp3&defaultMedia=1&showPlayButton=false&playOnStart=true'></div>");} $(function(){$('.mess').click(function(){ $('#messanger').toggle();}); }); </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld1") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <style> .punbb .post-content .quote-box, .punbb .post-content .code-box { border:1px double #; margin:12px; padding:12px; width:90%; border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius1:5px; -moz-border-radius:15px; -o-border-radius:3px; box-shadow: 0px 5px 8px #000; -webkit-box-shadow:0px 5px 8px #000; -khtml-box-shadow:0px 5px 8px #000; -moz-box-shadow:0px 5px 8px #000; } </style> <script type="text/javascript"> $.getScript("http://lab.rusff.me/j/conf/i/" + BoardID + ".conf.js"); </script> <script type="text/javascript"> PiarNik="PR"; PiarPas="1111"; var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\ <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\ <fieldset>\ <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\ <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\ <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\ <input type=\"submit\" class=\"button\" name=\"login\"/>\ </fieldset>\ </form>\ </div>\ <li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">Пиар вход</span></a></li>"; if($("#navlogin").html()!=null){ $("#navlogin").after(L) //navlogin $("#PR_loginDiv #fld1").val(PiarNik) $("#PR_loginDiv #fld2").val(PiarPas) function PiarIn () {$("#PR_loginDiv input[type='submit']").click();} } </script> <script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script> <link rel="shortcut icon" href="http://s1.ipicture.ru/uploads/20120415/k7RexJfl.png" type="image/x-icon"> <script type="text/javascript"> if(location.href.indexOf('viewtopic')!=-1) { var field = 'fld1'; var diff = 0; var default_name = 'Баллы за игру'; var ul = $("#pun-main div.post div.post-author ul"); for(var i =0;i < ul.length;i++){ var for_posts = parseInt($(ul[i]).find('li.pa-posts').text().replace(/Сообщений: /,""))*diff if(!$(ul[i]).find("li.pa-"+field).length) { $(ul[i]).find('li.pa-posts').after('<li class="pa-'+field+'">'+default_name+': '+for_posts+'</li>'); } else { $(ul[i]).find("li.pa-"+field).html(default_name+': '+(parseInt($(ul[i]).find("li.pa-"+field).text().replace(/^(.*): (-?\d+)$/,"$2"))+for_posts)) } } } </script> <script type="text/javascript"> function awardsOpen(str) { var awardsn = new Array(); awardsn["igrok"] = new Array("Игрок недели", "http://uploads.ru/i/Z/N/F/ZNF2O.png", "Поздравляем со званием игрока недели! Молодец, продолжай в том же духе!)") awardsn["snami"] = new Array("Участнику форума", "http://uploads.ru/i/8/W/V/8WVTJ.png", "Спасибо за то, что ты с нами!") awardsn["pr"] = new Array("Пиарщику форума", "http://uploads.ru/i/m/E/A/mEAGk.png", "Спасибо за помощь с рекламой!") awardsn["flood"] = new Array("Активному флудильщику", "http://uploads.ru/i/P/n/B/PnBGJ.png", "Флуд это сердце любого форума, продолжай флудить и дальше") awardsn["moder"] = new Array("Лучший модератор", "http://www.iconsearch.ru/uploads/iconlib/linspireclear/128x128/filesystems/trashcan_empty.png", "За модераторскую помощь") awardsn["helper"] = new Array("Помощник месяца", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/apps/khelpcenter.png", "Неоценимая помощь форуму") awardsn["money"] = new Array("Банкир форума", "http://www.iconsearch.ru/uploads/iconlib/crystalclear/128x128/actions/db_add.png", "За материальную помощь форуму") str = str.split(",") if(str[str.length-1].substring(str[str.length-1].length-1, str[str.length-1].length)==" "){str[str.length-1]=str[str.length-1].substring(0, str[str.length-1].length-1)} var msg = new String(""); msg = "<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1251\" /><link rel=\"stylesheet\" type=\"text/css\" href=\"http://forum.mybb.ru/style/"+BoardStyle+"/"+BoardStyle+".css\" /><title>Награды пользователя</title>" msg+= "<style type=\"text/css\">html, body, #pun, #pun-main {background-image: none; margin: 2px 2px; width: 99%;}</style><body>" msg+="<div id=\"pun\" class=\"punbb\"><div id=\"pun-main\" class=\"main\">" msg+="<table class=\"container\"><tr><th width=\"25%\">Название</th><th width=\"25%\">Иконка</th><th>Текст</th></tr>"; for(i=0;i<str.length;i++){ msg+="<tr><td align=\"center\"><span>"+awardsn[str[i]][0]+"</span></td><td align=\"center\"><img width=\"100px\" height=\"100px\" src=\""+awardsn[str[i]][1]+"\" /></td><td align=\"center\"><span>"+awardsn[str[i]][2]+"</span></td></tr>"; } msg+="</table>"; msg+="</div></div></body></html>"; popup = window.open("", "", "height=300, width=700, top=300, left=300, scrollbars=1") popup.document.write(msg) popup.document.close() return false } var li = document.getElementsByTagName("li"); for(z=0;z<li.length;z++){ if(li[z].className=="pa-fld3"){ nag = li[z].innerHTML.substring(li[z].innerHTML.indexOf(": ")+2) nag1 = nag.split(","); nag1 = nag1.length; li[z].innerHTML = "Награды: <a href=\"javascript: //\" onclick=\"awardsOpen('"+nag+"');\" title=\"Показать награды пользователя\">"+nag1+"</a>" } } </script>
Поделиться2962012-05-11 21:14:18
Leonheart
Спасибо вам огромное *____*
Поделиться2972012-05-11 23:16:22
1. http://animalplanet2012.0pk.ru
2.
3. -
4. -
5. -
Размер форума смотреть на тестовике: http://egos.mybb.ru/
Отредактировано J.E.V.T. (2012-05-11 23:17:54)
Поделиться2982012-05-12 10:04:49
1. Ссылка на форум
wwwtheavengers.rolka.su
2. Эскиз таблицы
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Плеер, две бегущих строки, одна с банерами - внизу, другая обычная - вверху.
<br><center><embed src="http://player.myspace-player.com/swf/hb2b614chabcac0oa741c382e3cb055d/lcd30.swf" menu="false" quality="high" width="270" height="104" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http%3A%2F%2Fplayer.myspace-player.com%2Fswf%2Fhb2b614chabcac0oa741c382e3cb055d%2Fmp3player.xml" wmode="transparent"></embed></center><center><a href="http://www.myspace-player.com/"><small>Get Your Own Player!</small></a></center><br><br>
4. Форматирование текста
Заголовки если можно выделите жирным шрифтом, а также шрифт Palatino Linotype
5. Картинки для вставки.
Поделиться2992012-05-12 16:53:43
1. Ссылка на форум
http://wildwarrios.rolka.su/
2. Эскиз таблицы
3. Скрипты и всевозможные декорации. Чат, плеер, часы, календари, прокрутка, бегущая строка и пр.
Чат.
4. Форматирование текста
5. Картинки для вставки.
Поделиться3002012-05-12 17:15:24
J.E.V.T., резина в объявление, видимо:
<style type="text/css"> #pun-announcement h2 {display: none} </style> <center><div style="width: 90%; border: 2px solid; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;"> <div style="width: 97%; height: 150px; overflow-y: auto; margin: 10px;"> текст текст текст текст </div> </div></center>
Похожие темы
Заказ таблиц 4 < | Архив тем | 2010-02-12 |
Заказ таблиц 3 | Архив тем | 2009-09-20 |
Заказ таблиц №6 | Архив тем | 2011-01-09 |
Заказ таблиц №2 | Архив тем | 2009-05-04 |
Заказ таблиц №7 | Архив тем | 2011-06-13 |