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://upforme.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 |



