Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц


FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц

Сообщений 881 страница 900 из 1000

881

Срочно нужен html-код для следующей таблицы:

1. ссылка на форум пока нет;

2. ширина форума таблица размерами 800*400px; 800 по ширине.

3. добротный рисунок
Фоновая картинка: http://s2.uploads.ru/XLPTB.png;
Нужный текст обозначен красными блоками (один в верхней строке по середине, три внизу):
http://s3.uploads.ru/ajnFd.png

4. границы у таблицы: нет;

5. доп.элементы прокрутка всех четырёх блоков.
Первый блок — ширина: 400; высота: 100px;
Нижние блоки (каждый) — ширина: 200; высота: 150px;

0

882

Я конечно покажусь наглым, но это уже слишком. Ни одного человека, способного составить таблицу?
За то время, что я ждал, я уже сам себе слепил.  -,-

0

883

Loki-Lion
Мой нетбук, единственная возможность выйти в интернет, был в ремонте. Завтра сделаю.

0

884

Loki-Lion
Lorem Ipsum рулит :)

Код:
<style>
.allAnn {
	width: 800px;
	height: 400px;
	background: url(http://s2.uploads.ru/XLPTB.png) no-repeat center;
}

.allAnn div {
	display: inline-block;
	overflow-y: auto;
}

.allAnn .welcome {
	width: 400px;
	height: 100px;
	margin: 65px 196px 50px;
}
.allAnn .aboutme,
.allAnn .mysales,
.allAnn .smthelse {
	width: 210px;
	height: 148px;
	margin: 0 12px 0 33px;
}
.allAnn p {
	margin: 0 0 3px;
}
</style>


<div class="allAnn">
	<div class="welcome">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tempus iaculis pretium. Nunc quam massa, luctus sed facilisis non, euismod sodales mi. Nunc tempor volutpat pulvinar. Mauris sodales imperdiet risus, vel volutpat sem tristique sed. Duis dui nibh, rutrum nec sollicitudin et, pretium at felis. Aenean sagittis elementum erat id suscipit. Donec vel sem sapien, vitae consectetur ante. Nullam non velit et tellus condimentum rutrum. Suspendisse congue, dui non auctor varius, enim nibh feugiat sem, nec cursus sem metus sit amet quam. Praesent enim massa, lacinia at suscipit vitae, vulputate et nisl. Morbi quis ligula sed nisl volutpat placerat non eu purus. In congue volutpat nisl eu sagittis. Maecenas fringilla auctor tellus.</p>
	</div>

	<div class="aboutme">
    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean varius luctus ligula, in eleifend massa pretium eget. Proin magna dolor, dignissim et mattis id, consequat ac purus. Proin viverra fermentum erat, ac interdum lacus laoreet vitae. Duis venenatis lorem posuere enim mattis tristique in vel justo. Ut mattis venenatis odio id ullamcorper. Cras egestas odio eget eros tempus rhoncus. Etiam sollicitudin feugiat velit. Aliquam ultricies nibh iaculis lorem aliquet nec hendrerit tortor venenatis. Curabitur pretium porta augue, eu porta elit mattis eu. Aliquam dapibus cursus aliquam. Cras ultrices odio sed quam rhoncus tristique. Ut tellus nulla, laoreet sit amet hendrerit ac, hendrerit ut risus. Aenean mollis rhoncus sapien eu luctus. Vestibulum tempus volutpat tortor, a lacinia ipsum mollis in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Proin eu erat ligula, nec tempor odio. Mauris semper scelerisque varius. Suspendisse dolor felis, vulputate semper posuere sit amet, convallis vitae turpis. Sed gravida mauris molestie eros rutrum eu imperdiet nibh pellentesque. Morbi interdum turpis et augue tempor porttitor. Donec quis placerat augue. Fusce quis erat non orci pellentesque tincidunt sed sit amet nulla. Aenean eget velit ac urna luctus vestibulum et ac risus. Mauris purus tortor, posuere a consequat tempor, lacinia sit amet sapien. Nullam non nisi consequat enim porta fermentum ut sit amet sem. Cras in mauris nibh, non tincidunt ante.</p>
	</div>

	<div class="mysales">
    <p>Phasellus dictum venenatis nulla, malesuada ornare nunc semper at. Nunc mi tellus, convallis suscipit viverra ut, lobortis sed felis. Mauris commodo rutrum felis quis accumsan. Nunc ultricies libero a eros semper ornare et at justo. Praesent ultrices placerat tortor, quis eleifend neque vestibulum eu. Duis ut quam quam, quis tempus metus. Nulla pretium libero id mi aliquam in tempor mauris elementum. Nullam tristique elementum nisi id elementum. Quisque malesuada, turpis non aliquam consectetur, nibh sem porttitor nulla, ac eleifend turpis metus nec sem. Sed tristique ipsum vitae turpis tempor tincidunt. Maecenas adipiscing pretium libero ac dictum. Donec vitae lorem erat.</p>
    <p>Sed congue convallis dui ac aliquet. Phasellus massa tortor, accumsan quis volutpat eget, mattis ac tellus. Aenean eu placerat velit. Aenean nunc turpis, ultricies nec blandit vel, cursus quis est. Aenean ut dolor diam. Duis dictum elit lacinia quam laoreet ut convallis risus convallis. Aliquam feugiat tincidunt dolor sed elementum. In feugiat rutrum lacus non luctus. Vivamus auctor malesuada felis, sit amet placerat massa lobortis a. Quisque accumsan laoreet turpis ut bibendum. Aliquam libero mi, ornare in facilisis quis, cursus non ante.</p>
	</div>

	<div class="smthelse">
    <p>Maecenas justo dui, consectetur eget consectetur ac, fringilla sed leo. Integer eget enim a quam vestibulum laoreet et sed lorem. Proin turpis lacus, elementum at hendrerit ac, rhoncus blandit turpis. Etiam aliquam blandit nunc nec vehicula. Nullam sed ante nisl, vel tincidunt turpis. In cursus turpis quis nunc interdum nec tempor magna bibendum. In vitae leo at elit vulputate dictum. Praesent nec vestibulum mauris. Donec rutrum dignissim neque ut tincidunt. Duis quis erat sed ipsum vulputate bibendum sit amet id ipsum. Duis malesuada nisl dolor, a blandit arcu. Vestibulum mattis aliquam justo placerat viverra.</p>
    <p>Vestibulum at lorem enim, et imperdiet ante. Curabitur in ante dui. Pellentesque bibendum auctor nisi, vel molestie lorem sollicitudin non. Donec eget arcu non lectus feugiat vulputate. Donec molestie convallis pulvinar. Nunc scelerisque tincidunt tortor, ut scelerisque lectus mollis et. Sed dignissim, odio malesuada dictum placerat, mi quam fermentum tellus, eget eleifend sapien risus semper dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam convallis, quam sit amet sagittis sagittis, lectus libero porttitor felis, non egestas orci neque nec leo. Integer malesuada, lectus non venenatis vehicula, turpis massa euismod augue, vel posuere dui massa eu quam. Donec non tellus tellus. Proin purus augue, interdum non tincidunt quis, blandit non odio. Suspendisse lectus lectus, ullamcorper in tincidunt in, tempus eu velit. Vivamus venenatis ornare sapien sit amet vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
	</div>
</div>

Тестировано в Opera 12, MF 17, GC 26 и IE 9.

Совет: немного измените картинку заднего фона, сделав какое-нибудь выделение блока "Добро пожаловать".

+1

885

Сделайте пожалуйста кто-нибудь! Срочно нужно  :flag:
1. http://moonslight.rolka.su/
2. знать бы?
3.

4. границы у таблицы: есть/нет (то, что черное - цветные границы, то, что серое  - прозрачные)
Обводка краев темно-зеленая под цвет нынешнего дизайна.
5. доп.элементы (прокрутка, картинки и т.д.) указывать текстовыми пометками непосредственно в ячейках таблицы рисунка, разборчивым шрифтом. Вставьте пожалуйста фоновую картинку ЛЮБУЮ ПОКА. Потом сами поменяем
текст скрипт 1 -

Код:
<div style="display: block;" id="tab2" class="tab_content">
</center><br> 
<center><font color="#000000"         face="Verdana"><strong>
<script
        language="JavaScript">
<!--begin fantasyflash.ru
var h=(new Date()).getHours();
if (h > 23 || h <7) document.write('Доброй ночи! ') ;
if (h > 6 && h < 12) document.write('Доброе утро! Как спалось?  [img]http://uploads.ru/i/i/C/H/iCH7e.gif[/img]'); 
if (h > 11 && h < 19) document.write('Добрый день! Самое время для охоты!'); 
if (h > 18 && h < 24) document. write('Привет! Уже вечер...'); 
//-->
</script></strong></font>

Текст скрипт 2

Код:
<em style="margin: 0px; color: #5b4b24; font-size: 11px; text-align: start;">А в игре
<script type="text/javascript" language="JavaScript">// <![CDATA[
  now = new Date()
  if (now.getDay() == 0)
    document.write("<font color=#000000>Рассвет</font>")
  if (now.getDay() == 1)
    document.write("<font color=#000000>Утро</font>")
  if (now.getDay() == 2)
    document.write("<font color=#000000>Полдень</font>")
  if (now.getDay() == 3)
    document.write("<font color=#000000>День</font>")
  if (now.getDay() == 4)
    document.write("<font color=#000000>Вечер</font>")
  if (now.getDay() == 5)
    document.write("<font color=#000000>Полночь</font>")
  if (now.getDay() == 6)
    document.write("<font color=#000000>Ночь</font>")
// ]]></script>
<script type="text/javascript" language="JavaScript">// <![CDATA[
..
function closeIt() {
  close();
}
// ]]></script>
</em>

скрипт 3

Код:
<img src="http://s1.uploads.ru/i/VNlEA.jpg" width="500" height="415" border="0" usemap="#mapcota">

<map name="mapcota">

<area shape="rect" coords="1,4,187,50" href="http://moonslight.rolka.su/viewtopic.php?id=8" target="_blank" alt="Закат">

<area shape="rect" coords="2,56,79,127" href="http://moonslight.rolka.su/viewforum.php?id=61" target="_blank" alt="Город">

<area shape="rect" coords="2,134,102,339" href="http://moonslight.rolka.su/viewforum.php?id=25" target="_blank" alt="Одиночки">

<area shape="rect" coords="2,346,120,370" href="http://moonslight.rolka.su/viewforum.php?id=45" target="_blank" alt="Цветочная">

<area shape="rect" coords="88,380,195,410" href="http://moonslight.rolka.su/viewforum.php?id=46" target="_blank" alt="Снежная">

<area shape="rect" coords="190,55,279,118" href="http://moonslight.rolka.su/viewforum.php?id=19" target="_blank" alt="Лунное озеро">

<area shape="rect" coords="112,123,230,234" href="http://moonslight.rolka.su/viewforum.php?id=11" target="_blank" alt="Грозовое">

<area shape="rect" coords="126,254,280,350" href="http://moonslight.rolka.su/viewforum.php?id=5" target="_blank" alt="Болото">

<area shape="rect" coords="261,2,373,46" href="http://moonslight.rolka.su/viewforum.php?id=12" target="_blank" alt="Горы">

<area shape="rect" coords="281,123,420,197" href="http://moonslight.rolka.su/viewforum.php?id=17" target="_blank" alt="Пустошь">

<area shape="rect" coords="252,208,350,249" href="http://moonslight.rolka.su/viewforum.php?id=28" target="_blank" alt="Остров советов">

<area shape="rect" coords="393,5,497,120" href="http://moonslight.rolka.su/viewforum.php?id=16" target="_blank" alt="Холмы">

<area shape="rect" coords="356,205,497,394" href="http://moonslight.rolka.su/viewforum.php?id=15" target="_blank" alt="Речное">

</map>

скрипт 4 (в две колонки)

Код:
<div class="nav">
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a>
<a href="адрес" title="партнер">название</a></div>

Остальное сами заполним)
Очень очень прошу.  :'(

0

886

Ну неужели так сложно?

0

887

КоТеЙкО;)
Да нет, не сложно. Почти готово. Но случилась печальная внезапная вещь: слайдер сломался на карте :| Очень странный и непонятный баг. Я работаю над этим.

0

888

kozhilya
Очень классно;)

0

889

1. ссылка на форум-http://animehniki.rusff.ru/
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке)-я не знаю, как узнать ширину..Дизайн не в разработке..
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):http://i079.radikal.ru/0809/59/e0d53137bef2.jpg

4. границы у таблицы: есть/нет (нужное подчеркнуть)-есть, если можно, то насыщенным красным цветом.
5. доп.элементы (прокрутка, картинки и т.д.) указывать текстовыми пометками непосредственно в ячейках таблицы рисунка, разборчивым шрифтом-Сделайте пожалуйста такое только чтоб фон был был таким http://s42.radikal.ru/i096/0903/20/788bfd43575e.jpg, а картинка внутри(где на таблице написанно картинка)была такая http://s001.radikal.ru/i195/1303/be/3aeaed803839.jpg
Зарание спасибо!

Отредактировано Радужная Звезда (30.03.2013 08:16:02)

0

890

kozhilya
http://s2.uploads.ru/t/B8bZk.png
http://s3.uploads.ru/t/K0b1V.png
Вот стрелочки, если что

0

891

КоТеЙкО;)
Если скрипт не работает - напиши свой! (с)

Код:
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script>
<script>
var ann = {
	1: {
    0: 'Доброй ночи!',
    1: 'Доброе утро! Как спалось? <img src="http://uploads.ru/i/i/C/H/iCH7e.gif">',
    2: 'Добрый день! Самое время для охоты!',
    3: 'Привет! Уже вечер...',
    get: function(h) {
    	return (h > 23 || h <7)? 0: ((h > 6 && h < 12)? 1: ((h > 11 && h < 19)? 2: 3));
    } 
	},
	2: [
    'Рассвет',
    'Утро',
    'Полдень',
    'День',
    'Вечер',
    'Полночь',
    'Ночь'
	]
};
</script>

<style>
#pun-announcement {
	text-align: center;
}
#pun-announcement td, #pun-announcement #slide, #pun-announcement #control {
	vertical-align: top;
}
#pun-announcement #slider {
	margin: 0 auto;
	height: 500px;
}
#pun-announcement #slides, #pun-announcement #control {
	display: inline-block;
	height: 100%;
}
#pun-announcement #slides {
	width: 650px;
	margin: 0;
}
#pun-announcement #control a {
	display: block;
	color: transparent;
	vertical-align: middle;
	opacity: 0.9;
	width: 30px;
	height: 30px;
	margin-top: 235px;
}
#pun-announcement #control a#prev {
	background: url(http://s3.uploads.ru/K0b1V.png) no-repeat center;
}
#pun-announcement #control a#next {
	background: url(http://s2.uploads.ru/B8bZk.png) no-repeat center;
}
#pun-announcement #control a:hover {
	color: transparent;
	opacity: 1.0;
}
#pun-announcement #slider div {
	margin: 5px;
}
#pun-announcement .vb {
	display: inline-block;
	height: 100%;
}
#pun-announcement .border {
	border: 1px solid black;
	border-radius: 20px;
}
#pun-announcement .ava {
	width: 30px;
	height: 30px;
}
</style>

<div id="slider">
<div id="control"><a href="#" id="prev">&lt;</a></div>

<div id="slides" class="border">

	<table id="slide">
    <tr>
    	<td style="width: 70%">
        <div>
        	<span style="display: block; text-align: center"><script>document.write(ann[1][ann[1].get((new Date()).getHours())])</script></span>
        	текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст 
        	<img src="">
        </div>
        <div>
        	<span style="display: block; text-align: center"><script>document.write(ann[2][(new Date()).getDay() % 7])</script></span>        
        </div>
    	</td>

    	<td style="width: 25%">
        <div>
        	<img src="">
        	текст текст текст текст текст
        </div>
        <div>
        	текст текст текст текст текст текст текст текст текст текст текст текст текст
        </div>
    	</td>
    <tr>
	</table>

	<table id="slide">
    <tr>
    	<td style="width: 70%">
        <h3>Название</h3>
        <img src="http://s1.uploads.ru/i/VNlEA.jpg" width="500" height="415" border="0" usemap="#mapcota">
   	
        <map name="mapcota">
        	<area shape="rect" coords="1,4,187,50" href="http://moonslight.rolka.su/viewtopic.php?id=8" target="_blank" alt="Закат">
        	<area shape="rect" coords="2,56,79,127" href="http://moonslight.rolka.su/viewforum.php?id=61" target="_blank" alt="Город">
        	<area shape="rect" coords="2,134,102,339" href="http://moonslight.rolka.su/viewforum.php?id=25" target="_blank" alt="Одиночки">
        	<area shape="rect" coords="2,346,120,370" href="http://moonslight.rolka.su/viewforum.php?id=45" target="_blank" alt="Цветочная">
        	<area shape="rect" coords="88,380,195,410" href="http://moonslight.rolka.su/viewforum.php?id=46" target="_blank" alt="Снежная">
        	<area shape="rect" coords="190,55,279,118" href="http://moonslight.rolka.su/viewforum.php?id=19" target="_blank" alt="Лунное озеро">
        	<area shape="rect" coords="112,123,230,234" href="http://moonslight.rolka.su/viewforum.php?id=11" target="_blank" alt="Грозовое">
        	<area shape="rect" coords="126,254,280,350" href="http://moonslight.rolka.su/viewforum.php?id=5" target="_blank" alt="Болото">
        	<area shape="rect" coords="261,2,373,46" href="http://moonslight.rolka.su/viewforum.php?id=12" target="_blank" alt="Горы">
        	<area shape="rect" coords="281,123,420,197" href="http://moonslight.rolka.su/viewforum.php?id=17" target="_blank" alt="Пустошь">
        	<area shape="rect" coords="252,208,350,249" href="http://moonslight.rolka.su/viewforum.php?id=28" target="_blank" alt="Остров советов">
        	<area shape="rect" coords="393,5,497,120" href="http://moonslight.rolka.su/viewforum.php?id=16" target="_blank" alt="Холмы">
        	<area shape="rect" coords="356,205,497,394" href="http://moonslight.rolka.su/viewforum.php?id=15" target="_blank" alt="Речное">
        </map>

        текст текст текст текст текст текст текст текст текст текст текст текст текст

        <div class="border">
        	текст текст текст текст текст текст текст текст текст текст текст текст текст
        </div>
    	</td>
    	<td style="width: 25%">
        <div>
        	текст текст текст текст текст
        </div>
        <div style="overflow: auto;">
        	текст текст текст текст текст текст текст текст текст текст текст текст текст
        </div>
    	</td>
    </tr>
	</table>

	<table id="slide">
    <tr style="height: 45%">
    	<td class="vb" style="width: 45%">
        <h3>Администрация</h3>
        <img src="" class="ava" title="Имя 1" alt="Имя 1">
        <img src="" class="ava" title="Имя 2" alt="Имя 2">
        <img src="" class="ava" title="Имя 3" alt="Имя 3">
        <img src="" class="ava" title="Имя 4" alt="Имя 4">
        <img src="" class="ava" title="Имя 5" alt="Имя 5">
        <img src="" class="ava" title="Имя 6" alt="Имя 6">
        <h3>Модерация</h3>
        <img src="" class="ava" title="Имя 1" alt="Имя 1">
        <img src="" class="ava" title="Имя 2" alt="Имя 2">
        <img src="" class="ava" title="Имя 3" alt="Имя 3">
        <img src="" class="ava" title="Имя 4" alt="Имя 4">
    	</td>
    	<td class="vb" style="width: 45%">
        <h3>Активисты</h3>
        <img src="" class="ava" title="Имя 1" alt="Имя 1">
        <img src="" class="ava" title="Имя 2" alt="Имя 2">
        <img src="" class="ava" title="Имя 3" alt="Имя 3">
        <img src="" class="ava" title="Имя 4" alt="Имя 4">
        <div>
        	<h3>Пост дня</h3>
        	<div>
            <div class="vb" style="width: 10%;"><img src="" class="ava" title="Автор поста" alt="Автор поста"></div>
            <div class="vb" style="width: 80%;">
            	Пост пост пост пост пост пост пост пост пост пост пост пост пост пост пост пост пост
            </div>
        	</div>
        </div>
    	</td>
    </tr>
    <tr style="height: 45%">
    	<td class="nav">
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
    	</td>
    </tr>
	</table>

</div>

<div id="control"><a href="#" id="next">&gt;</a></div>
</div>

<script>
justSlider(
	$('#pun-announcement #slider'), 
	{
    left: $('#pun-announcement #control #prev'),
    right: $('#pun-announcement #control #next')
	})
</script>

0

892

kozhilya
Помогите пожалуйста.
Что-то с третьим слайдом не так. И растяните пожалуйста еще немного

Код:
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script>
<script>
var ann = {
	1: {
    0: 'Доброй ночи!',
    1: 'Доброе утро! Как спалось? <img src="http://uploads.ru/i/i/C/H/iCH7e.gif">',
    2: 'Добрый день! Самое время для охоты!',
    3: 'Привет! Уже вечер...',
    get: function(h) {
    	return (h > 23 || h <7)? 0: ((h > 6 && h < 12)? 1: ((h > 11 && h < 19)? 2: 3));
    } 
	},
	2: [
    'Рассвет',
    'Утро',
    'Полдень',
    'День',
    'Вечер',
    'Полночь',
    'Ночь'
	]
};
</script>

<style>
#pun-announcement {
	text-align: center;
}
#pun-announcement td, #pun-announcement #slide, #pun-announcement #control {
	vertical-align: top;
}
#pun-announcement #slider {
	margin: 0 auto;
	height: 550px;
}
#pun-announcement #slides, #pun-announcement #control {
	display: inline-block;
	height: 100%;
}
#pun-announcement #slides {
	width: 750px;
	margin: 0;
}
#pun-announcement #control a {
	display: block;
	color: transparent;
	vertical-align: middle;
	opacity: 0.9;
	width: 30px;
	height: 30px;
	margin-top: 235px;
}
#pun-announcement #control a#prev {
	background: url(http://s3.uploads.ru/K0b1V.png) no-repeat center;
}
#pun-announcement #control a#next {
	background: url(http://s2.uploads.ru/B8bZk.png) no-repeat center;
}
#pun-announcement #control a:hover {
	color: transparent;
	opacity: 1.0;
}
#pun-announcement #slider div {
	margin: 5px;
}
#pun-announcement .vb {
	display: inline-block;
	height: 100%;
}
#pun-announcement .border {
	border: 1px solid black;
	border-radius: 20px;
}
#pun-announcement .ava {
	width: 30px;
	height: 30px;
}
</style>

<div id="slider">
<div id="control"><a href="#" id="prev">&lt;</a></div>

<div id="slides" class="border">

	<table id="slide">
    <tr>
    	<td style="width: 70%">
        <div>
        	<span style="display: block; text-align: center"><script>document.write(ann[1][ann[1].get((new Date()).getHours())])</script></span>
        	<p><span style="font-size: small;">Тебе несказанно повезло, ведь ты оказался на замечательном форуме<strong> Коты-Воители Лунный Свет</strong>! Мы очень рады тебя здесь приветствовать. Мы не зря сказали, что он замечательный, ведь так думают все его участники. Здесь ты можешь поучаствовать в ролевой игре, пообщеться, развлечься, узнать много нового и прекрасно провести время! Наш форум доступен людям любого возраста. Кто бы ты не был новичек или мастер, мы всегда тебе рады. Если же ты не хочешь участвовать в ролевой игре, то можешь просто зарегистрироваться и попросить администрацию перенести тебя в группу "Не игрок" Пусть даже ты не будешь ролевить, но тебе пповезет пообщаться с прекрасными людьми, обитающими на лунном свете! Мы тебя ждем&nbsp;<strong>;)</strong></span></p>
        	<img src="http://s3.uploads.ru/t/SBe8Y.png">
        </div>
        <div>
        	<span style="display: block; text-align: center"><script>document.write(ann[2][(new Date()).getDay() % 7])</script></span>        
        </div>
    	</td>

    	<td style="width: 25%">
        <div>
        	<img src="http://s2.uploads.ru/egctM.png">
       <img src="http://icons.iconarchive.com/icons/large-icons/large-weather/128/partly-cloudy-day-icon.png">
        	Морозная тишина встречает каждую живую душонку, пришедшую в лес. Хлопья снега рьяно падают на землю и коты могут нормально передвигаться, забывая про "потехи" с льдом. Все вокруг искрится от пушистого глубокого снега, покрывающего все видимое пространство на земле до самого горизонта и от мерцающего инея, украшающего ветви деревьев. Но на этот раз котам нужно на замерзнуть до смерти. Холод без жалости бьет в легкие животных, не давая им шанса на выживание. Здешняя погода просто вытягивает 
        </div>
        <div>
•<a href="http://moonslight.rolka.su/viewforum.php?id=79">Акции</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=629">Сюжет</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=685">Администрация</a>
•<a href="http://moonslight.rolka.su/viewforum.php?id=7">Гостевая</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=407">Отсутствие и уход</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=434#p2276">Заполнение профиля</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=654">Награды</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=585">Котейки</a>
•<a href="http://moonslight.rolka.su/viewtopic.php?id=483">Межплеменной поиск</a>

        </div>
    	</td>
    <tr>
	</table>

	<table id="slide">
    <tr>
    	<td style="width: 70%">
        <img src="http://s3.uploads.ru/6PCLY.png">
        <img src="http://s1.uploads.ru/i/VNlEA.jpg" width="500" height="415" border="0" usemap="#mapcota">
   	
        <map name="mapcota">
        	<area shape="rect" coords="1,4,187,50" href="http://moonslight.rolka.su/viewtopic.php?id=8" target="_blank" alt="Закат">
        	<area shape="rect" coords="2,56,79,127" href="http://moonslight.rolka.su/viewforum.php?id=61" target="_blank" alt="Город">
        	<area shape="rect" coords="2,134,102,339" href="http://moonslight.rolka.su/viewforum.php?id=25" target="_blank" alt="Одиночки">
        	<area shape="rect" coords="2,346,120,370" href="http://moonslight.rolka.su/viewforum.php?id=45" target="_blank" alt="Цветочная">
        	<area shape="rect" coords="88,380,195,410" href="http://moonslight.rolka.su/viewforum.php?id=46" target="_blank" alt="Снежная">
        	<area shape="rect" coords="190,55,279,118" href="http://moonslight.rolka.su/viewforum.php?id=19" target="_blank" alt="Лунное озеро">
        	<area shape="rect" coords="112,123,230,234" href="http://moonslight.rolka.su/viewforum.php?id=11" target="_blank" alt="Грозовое">
        	<area shape="rect" coords="126,254,280,350" href="http://moonslight.rolka.su/viewforum.php?id=5" target="_blank" alt="Болото">
        	<area shape="rect" coords="261,2,373,46" href="http://moonslight.rolka.su/viewforum.php?id=12" target="_blank" alt="Горы">
        	<area shape="rect" coords="281,123,420,197" href="http://moonslight.rolka.su/viewforum.php?id=17" target="_blank" alt="Пустошь">
        	<area shape="rect" coords="252,208,350,249" href="http://moonslight.rolka.su/viewforum.php?id=28" target="_blank" alt="Остров советов">
        	<area shape="rect" coords="393,5,497,120" href="http://moonslight.rolka.su/viewforum.php?id=16" target="_blank" alt="Холмы">
        	<area shape="rect" coords="356,205,497,394" href="http://moonslight.rolka.su/viewforum.php?id=15" target="_blank" alt="Речное">
        </map>

        Нажми на любую надпись, чтобы переместится в нужную локацию. Карта взята с любимого ЗЗ 

        <div class="border">
        	Совет состоится 6-7 Апреля, а собрание целителей 13-14 Апреля
        </div>
    	</td>
    	<td style="width: 25%">
        <div>
        	<img src="http://s2.uploads.ru/Cq23S.png">

<p style="text-align: center;"><em>Понеделник - Рассвет</em></p>
<p style="text-align: center;"><em>Вторник - Утро</em></p>
<p style="text-align: center;"><em>Среда - Полдень</em></p>
<p style="text-align: center;"><em>Четверг - День</em></p>
<p style="text-align: center;"><em>Пятница - Вечер</em></p>
<p style="text-align: center;"><em>Суббота - Полночь</em></p>
<p style="text-align: center;"><em>Воскресенье - Ночь</em></p>

        </div>
        <div style="overflow: auto;">
        	<p><img src="http://s3.uploads.ru/T6IqO.png"></p>
<p>Львнохвост стал новым глашатаем Грозового Племени</p>
        </div>
    	</td>
    </tr>
	</table>

	<table id="slide">
    <tr style="height: 45%">
    	<td class="vb" style="width: 45%">
        <h3>Администрация</h3>
        <img src="" class="ava" title="Имя 1" alt="Имя 1">
        <img src="" class="ava" title="Имя 2" alt="Имя 2">
        <img src="" class="ava" title="Имя 3" alt="Имя 3">
        <img src="" class="ava" title="Имя 4" alt="Имя 4">
        <img src="" class="ava" title="Имя 5" alt="Имя 5">
        <img src="" class="ava" title="Имя 6" alt="Имя 6">
        <h3>Модерация</h3>
        <img src="" class="ava" title="Имя 1" alt="Имя 1">
        <img src="" class="ava" title="Имя 2" alt="Имя 2">
        <img src="" class="ava" title="Имя 3" alt="Имя 3">
        <img src="" class="ava" title="Имя 4" alt="Имя 4">
    	</td>
    	<td class="vb" style="width: 45%">
        <h3>Активисты</h3>
        <img src="" class="ava" title="Имя 1" alt="Имя 1">
        <img src="" class="ava" title="Имя 2" alt="Имя 2">
        <img src="" class="ava" title="Имя 3" alt="Имя 3">
        <img src="" class="ava" title="Имя 4" alt="Имя 4">
        <div>
        	<h3>Пост дня</h3>
        	<div>
            <div class="vb" style="width: 10%;"><img src="" class="ava" title="Автор поста" alt="Автор поста"></div>
            <div class="vb" style="width: 80%;">
            	Пост пост пост пост пост пост пост пост пост пост пост пост пост пост пост пост пост
            </div>
        	</div>
        </div>
    	</td>
    </tr>
    <tr style="height: 45%">
    	<td class="nav">
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
        <a href="адрес" title="партнер">название</a>
    	</td>
    </tr>
	</table>

</div>

<div id="control"><a href="#" id="next">&gt;</a></div>
</div>

<script>
justSlider(
	$('#pun-announcement #slider'), 
	{
    left: $('#pun-announcement #control #prev'),
    right: $('#pun-announcement #control #next')
	})
</script>

моя демка - http://kittylapa.0pk.ru/

0

893

КоТеЙкО;)
Замените

#pun-announcement #slides {
width: 750px;
margin: 0;
}

на

#pun-announcement #slides, #pun-announcement #slide {
width: 750px;
margin: 0;
}


А куда ещё растягивать-то???

0

894

Заранее огромное спасибо за помощь)

1. ссылка на форум
в разработке
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке).
точно сказать не могу, но вроде 800px
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):
http://s1.ipicture.ru/uploads/20130403/ltluQU9Q.jpg
http://s1.ipicture.ru/uploads/20130403/5EzRVzM2.jpg
http://s1.ipicture.ru/uploads/20130403/hINhWoWK.jpg
http://s1.ipicture.ru/uploads/20130403/97Fn0N55.jpg
4. границы у таблицы: есть/нет (нужное подчеркнуть): Внешних границ нет, только тонкие границы внутренних элементов.
5. доп.элементы (прокрутка, картинки и т.д.) указывать текстовыми пометками непосредственно в ячейках таблицы рисунка, разборчивым шрифтом. Если можно, Основное/Адм/По игре/Партнеры - картинками. Остальное изображено на рисунках.

0

895

Как объявление поделить на 2? То есть надо, чтобы не только ячейка самого объявления делилась, но и та, где обычно пишется слово "объявление", чтобы можно было написать там разную инфу. Если как вставить табличку в само тело объявления я знаю, то вот как в заголовок - нет. Помогите плз.

0

896

Эледвен
Может быть, проще убрать скриптом слово "Объявление" и просто вставить таблицу 2х2?

0

897

kozhilya
Все закончила. Можно только эту надпись внизу убрать?
http://s2.uploads.ru/t/9JldS.png

Код:
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script>
<script>
var ann = {
	1: {
    0: '<span style="font-size: small;"><strong>Доброй ночи!</strong></span>',
    1: '<span style="font-size: small;"><strong>Доброе утро! Как спалось? <img src="http://uploads.ru/i/i/C/H/iCH7e.gif"></strong></span>',
    2: '<span style="font-size: small;"><strong>Добрый день! Самое время для охоты!</strong></span>',
    3: '<span style="font-size: small;"><strong>Привет! Уже вечер...</strong></span>',
    get: function(h) {
    	return (h > 23 || h <7)? 0: ((h > 6 && h < 12)? 1: ((h > 11 && h < 19)? 2: 3));
    } 
	},
	2: [
    'А в игре <strong>Рассвет</strong>',
    'А в игре <strong>Утро</strong>',
    'А в игре <strong>Полдень</strong>',
    'А в игре <strong>День</strong>',
    'А в игре <strong>Вечер</strong>',
    'А в игре <strong>Полночь</strong>',
    'А в игре <strong>Ночь</strong>'
	]
};
</script>

<style>
#pun-announcement {
	text-align: center;
}
#pun-announcement td, #pun-announcement #slide, #pun-announcement #control {
	vertical-align: top;
}
#pun-announcement #slider {
	margin: 0 auto;
	height: 500px;
}
#pun-announcement #slides, #pun-announcement #control {
	display: inline-block;
	height: 100%;
}
#pun-announcement #slides, #pun-announcement #slide {
         width: 750px;
         margin: 0;
}
#pun-announcement #control a {
	display: block;
	color: transparent;
	vertical-align: middle;
	opacity: 0.9;
	width: 30px;
	height: 30px;
	margin-top: 235px;
}
#pun-announcement #control a#prev {
	background: url(http://s3.uploads.ru/K0b1V.png) no-repeat center;
}
#pun-announcement #control a#next {
	background: url(http://s2.uploads.ru/B8bZk.png) no-repeat center;
}
#pun-announcement #control a:hover {
	color: transparent;
	opacity: 1.0;
}
#pun-announcement #slider div {
	margin: 5px;
}
#pun-announcement .vb {
	display: inline-block;
	height: 100%;
}
#pun-announcement .border {
	border: 0px solid black;
	border-radius: 20px;
}
#pun-announcement .ava {
	width: 30px;
	height: 30px;
}
</style>

<div id="slider">
<div id="control"><a href="#" id="prev">&lt;</a></div>

<div id="slides" class="border">

	<table id="slide">
    <tr>
    	<td style="width: 70%">
        <div>
        	<span style="display: block; text-align: center"><script>document.write(ann[1][ann[1].get((new Date()).getHours())])</script></span>
        	<p>Тебе несказанно повезло, ведь ты оказался на замечательном форуме<strong> Коты-Воители Лунный Свет</strong>! Мы очень рады тебя здесь приветствовать. Мы не зря сказали, что он замечательный, ведь так думают все его участники. Здесь ты можешь поучаствовать в ролевой игре, пообщаться, развлечься, узнать много нового и прекрасно провести время! Наш форум доступен людям любого возраста. Кто бы ты не был новичок или мастер, мы всегда тебе рады. Если же ты не хочешь участвовать в ролевой игре, то можешь просто зарегистрироваться и попросить администрацию перенести тебя в группу "Не игрок" Пусть даже ты не будешь ролевить, но тебе повезет пообщаться с прекрасными людьми, обитающими на лунном свете! Мы тебя ждем ;)</p>
        	<img src="http://s3.uploads.ru/t/SBe8Y.png">
        </div>
        <div>
        	<span style="display: block; text-align: center"><script>document.write(ann[2][(new Date()).getDay() % 7])</script></span>        
        </div>
    	</td>

    	<td style="width: 25%">
        <div>
        	<img src="http://s2.uploads.ru/egctM.png">
       <img src="http://icons.iconarchive.com/icons/large-icons/large-weather/64/partly-cloudy-day-icon.png">+ 15/+ 16 Тепло. Дует прохладный ветерок. Не смотря на это светит яркое солнце, которое немного слепит глаза. По небу быстро бегут облака. С крыш домов и ферм течет капель. Но тем не менее сезон юных листьев дает о себе знать. В лесу больше нигде не лежит снег.
        </div>
        <div>
<p><a href="http://moonslight.rolka.su/viewforum.php?id=79">• АкциИ •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=629">• СюжеТ •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=685">• АдминистрациЯ •</a></p>
<p><a href="http://moonslight.rolka.su/viewforum.php?id=7">• ГостеваЯ •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=407">• Отсутствие и ухоД •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=434#p2276">• Заполнение профилЯ •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=654">• НаградЫ •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=585">• КотейкИ •</a></p>
<p><a href="http://moonslight.rolka.su/viewtopic.php?id=483">• Межплеменной поисК •</a></p>

        </div>
    	</td>
    <tr>
	</table>

	<table id="slide">
    <tr>
    	<td style="width: 70%">
        <img src="http://s3.uploads.ru/6PCLY.png">
        <img src="http://s1.uploads.ru/i/VNlEA.jpg" width="500" height="415" border="0" usemap="#mapcota">
   	
        <map name="mapcota">
        	<area shape="rect" coords="1,4,187,50" href="http://moonslight.rolka.su/viewtopic.php?id=8" target="_blank" alt="Закат">
        	<area shape="rect" coords="2,56,79,127" href="http://moonslight.rolka.su/viewforum.php?id=61" target="_blank" alt="Город">
        	<area shape="rect" coords="2,134,102,339" href="http://moonslight.rolka.su/viewforum.php?id=25" target="_blank" alt="Одиночки">
        	<area shape="rect" coords="2,346,120,370" href="http://moonslight.rolka.su/viewforum.php?id=45" target="_blank" alt="Цветочная">
        	<area shape="rect" coords="88,380,195,410" href="http://moonslight.rolka.su/viewforum.php?id=46" target="_blank" alt="Снежная">
        	<area shape="rect" coords="190,55,279,118" href="http://moonslight.rolka.su/viewforum.php?id=19" target="_blank" alt="Лунное озеро">
        	<area shape="rect" coords="112,123,230,234" href="http://moonslight.rolka.su/viewforum.php?id=11" target="_blank" alt="Грозовое">
        	<area shape="rect" coords="126,254,280,350" href="http://moonslight.rolka.su/viewforum.php?id=5" target="_blank" alt="Болото">
        	<area shape="rect" coords="261,2,373,46" href="http://moonslight.rolka.su/viewforum.php?id=12" target="_blank" alt="Горы">
        	<area shape="rect" coords="281,123,420,197" href="http://moonslight.rolka.su/viewforum.php?id=17" target="_blank" alt="Пустошь">
        	<area shape="rect" coords="252,208,350,249" href="http://moonslight.rolka.su/viewforum.php?id=28" target="_blank" alt="Остров советов">
        	<area shape="rect" coords="393,5,497,120" href="http://moonslight.rolka.su/viewforum.php?id=16" target="_blank" alt="Холмы">
        	<area shape="rect" coords="356,205,497,394" href="http://moonslight.rolka.su/viewforum.php?id=15" target="_blank" alt="Речное">
        </map>

        Нажми на любую надпись, чтобы переместится в нужную локацию. Карта взята с любимого ЗЗ 

        <div class="border">
        	Совет состоится 6-7 Апреля, а собрание целителей 13-14 Апреля
        </div>
    	</td>
    	<td style="width: 25%">
        <div>
        	<img src="http://s2.uploads.ru/Cq23S.png">

<p style="text-align: center;"><em>Понеделник - Рассвет</em></p>
<p style="text-align: center;"><em>Вторник - Утро</em></p>
<p style="text-align: center;"><em>Среда - Полдень</em></p>
<p style="text-align: center;"><em>Четверг - День</em></p>
<p style="text-align: center;"><em>Пятница - Вечер</em></p>
<p style="text-align: center;"><em>Суббота - Полночь</em></p>
<p style="text-align: center;"><em>Воскресенье - Ночь</em></p>

        </div>
        <div style="overflow: auto;">
        	<p><img src="http://s3.uploads.ru/T6IqO.png"></p>
<p>Львнохвост стал новым глашатаем Грозового Племени</p>
        </div>
    	</td>
    </tr>
	</table>

	<table id="slide">
    <tr style="height: 45%">
    	<td class="vb" style="width: 45%">
        <p><img src="http://s3.uploads.ru/adn6Y.png"></p>
        <center><a href="http://moonslight.rolka.su/profile.php?id=2"><img title="Гл. Админ - Лунная Звезда ❖Грозовое Племя❖" src="http://s2.uploads.ru/eSiFQ.png" alt="Лунчи" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=42"><img title="Землегривка ❖Племя Теней❖" src="http://s3.uploads.ru/QCFvx.png" alt="Земли" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=28"><img title="Звездная Вспышка ❖Небесное Племя❖" src="http://s3.uploads.ru/hMYFI.jpg" alt="Вспышич" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=56"><img title="Красимира ❖Грозовое Племя❖" src="http://s3.uploads.ru/gbPI3.png" alt="Краси" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=62"><img title="Золотая Звезда ❖Племя Ветра❖" src="http://s2.uploads.ru/T04Jr.jpg" alt="Злата" /></a>
       <a href="http://moonslight.rolka.su/profile.php?id=67"><img title="Зам. Гл. Админа - Юлия/Кристина ❖Не игрок❖" src="http://s2.uploads.ru/NLEOU.jpg" alt="Перли" /></a>     </center>
        <p><img src="http://s2.uploads.ru/8G4IU.png"></p>
        <center><a href="http://moonslight.rolka.su/profile.php?id=86"><img title="Sol ❖Кровавое Племя❖" src="http://s3.uploads.ru/KSrme.gif" alt="Sol" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=111"><img title="Буря Звезд ❖Звездное Племя❖" src="http://s3.uploads.ru/NAZfr.jpg" alt="Буря Звезд" /></a></center>

    	</td>
    	<td class="vb" style="width: 45%">
        <p><img src="http://s2.uploads.ru/QdY8o.png"></p>
        <center><a href="http://moonslight.rolka.su/profile.php?id=62"><img title="Золотая Звезда ❖Племя Ветра❖" src="http://s2.uploads.ru/T04Jr.jpg" alt="Злата" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=56"><img title="Красимира ❖Грозовое Племя❖" src="http://s3.uploads.ru/gbPI3.png" alt="Краси" /></a>
        <a href="http://moonslight.rolka.su/profile.php?id=111"><img title="Буря Звезд ❖Звездное Племя❖" src="http://s3.uploads.ru/NAZfr.jpg" alt="Буря Звезд" /></a></center>
        <div>
        	<p><img src="http://s2.uploads.ru/GVija.png"></p>
        	<div>
            <table border="0">
<tbody>
<tr>
<td><center><a href="http://moonslight.rolka.su/profile.php?id=113"><img title="Львинохвост ❖Грозовое Племя❖" src="http://s3.uploads.ru/zLxH0.png" alt="Львини" /></a></center>&nbsp;</td>
<td>Кот тихо ступал, чтобы не спугнуть дичь. Он открыл рот и начал вдыхать воздух. Вдруг исполин услышал шорох под листьями и почуял запах мыши. Львинохвост принял охотничью стойку и тихо, шаг за шагом начал приближаться к добыче,  когда он подошел довольно близко, прыгнул на дичь и вцепился своими острыми коготками  в тёплое тельце мыши, оно обмякло...
&nbsp;</td>
</tr>
</tbody>
</table>
        	</div>
        </div>
    	</td>
    </tr>
   <tr style="height: 45%">
    	<td class="nav">
        <p><img src="http://s2.uploads.ru/y9J4P.png"></p>
      
<center><marquee>
<a href="http://forum-top.ru/vote/1498" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<a href="http://mau.ru/rating/"><img src="http://mau.ru/rating/button.php?u=Moons-Star" alt="CATS-TOP" border="0" /></a><a href="http://www.xint.ru/top/"><img src="http://www.xint.ru/top/button.php?u=Moons-Star" alt="Независимый рейтинг сайтов о животных XINT.RU" border="0" /></a>
<!--Openstat-->
<span id="openstat2278504"></span>
<script type="text/javascript">
var openstat = { counter: 2278504, image: 89, color: "8f46b9", next: openstat };
(function(d, t, p) {
var j = d.createElement(t); j.async = true; j.type = "text/javascript";
j.src = ("https:" == p ? "https:" : "http:") + "//openstat.net/cnt.js";
var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);
})(document, "script", document.location.protocol);
</script>
<!--/Openstat-->

<a href="http://smsturum.ru/" title="Бесплатная регистрации"><img alt="бесплатная регистрации сайта" src="http://soosle.ru/smsturum.ru.gif" border=0></a><div style="position:absolute;left:-4501px;width:531px"><a href="http://www.seosle.ru/garant-top.html" title="Гарантированное продвижение">Продвинуть сайт</a><a href="http://nst-mos.ru/profnastil.html" title="заборы из профнастила">забор из профнастила цена</a> </div>



</center></marquee>


<center><marquee>

<a href="http://catswarriorsnewstart.mybb.ru/" target="blank"><img src="http://s017.radikal.ru/i416/1202/55/fb4830739b73.gif"></a>

<a href="http://tokaido.rusff.ru" target="_blank"><img src="http://co.forum4.ru/files/0012/3c/0b/50056.gif" title="TOKAIDO: помощь молодым ролевым" width="88" height="31"></a>

<a href="http://unionforum.ru/"><img src="http://unionforum.ru/files/0011/e4/e8/55733.gif" alt="Union Forum. Союз форумов." border="0"></a>

<a href="http://www.wildwarriors.narod.ru/" target="_blank"><img src="http://www.lesnayaolga.narod.ru/catswarrior.gif" width=88 height=31 border=0></a>

<a href="http://dreamofspring.rusff.ru/"><img src="http://s1.uploads.ru/IUsB7.gif" width="80"  height="31"  alt="A Dream of Spring"  title="A Dream of Spring" border="0"></a>

</marquee></center>
</center>
    	</td>
    </tr>
	</table>
            </div>
<div id="control"><a href="#" id="next">&gt;</a></div>
</div>

<script>
justSlider(
	$('#pun-announcement #slider'), 
	{
    left: $('#pun-announcement #control #prev'),
    right: $('#pun-announcement #control #next')
	})
</script>

0

898

albar
КоТеЙкО;)
Сделаю на выходных.

Эледвен
albar прав. Это самое хорошее и простое решение. Остальное - муторно.

0

899

Здравствуйте, хотелось бы что бы помогли) таблица вроде есть, но не у всех руки связаны с фш. можно вставить несколько картинок в нее? В основном "администрацию" и "модерацию" что бы потом в дальнейшем было понятно как вставлять картинки.  Но еще хотелось бы, при нажатии на картинку переходить на профиль.

Администрация

http://cs306902.vk.me/v306902354/60da/3r8kceCtA9E.jpg
http://cs521616.vk.me/u133259354/doc/96a127ae452c/asdf.gif
http://cs306902.vk.me/v306902354/60c0/KPQMcdZ6P4M.jpg
http://cs6137.vk.me/u133259354/doc/85574ea710c9/481f50d62ef5.gif

Модерация

http://cs306902.vk.me/v306902354/60c9/YdZ53Ubais4.jpg
http://cs521511.vk.me/u133259354/doc/26679ab9134d/tumblr_lw3cjjilzc1qe7mbro1_500.gif

Код:
<style>
.virg {margin-top: -25px;}
.virg h1 {margin: 1.5em 0 2em 0; font-size: 14px; font-weight: bold; text-transform: none; font-family: 'Palatino Linotype'; font-style: italic; letter-spacing: 1px; color: #949C02;}
.virg h1:first-letter {font-size: 18px; font-family: 'georgia'; font-style: normal; color: #C0A201;}
.impa {color: maroon!important;}
</style>
<table class="virg" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr><td style="width: 36%;" align="center" valign="top">

<h1>Новости в игре</h1>

<div style="width: 100%; height: 100px; overflow-y: auto; text-align: left;">
<b>Н</b>аша ролевая, основана на замечательных книгах - Рейчал Мид, Академия Вампиров! 
За основу сюжета мы взяли все книги романа, но разбили их поэтапно, что бы Вам было интересно, развить по своему историю. Мы не заставляем вас, переписывать все с книг или идти прямо по сюжету всей книги. Вам будет предоставлена возможность отыгрывать своего персонажа так, как вы его видите. Для каждого персонажа будет выделена интересная игра.
<br/><br/>
<b>Дата:</b> 22|август|07
</div>
<br/>
<a href="http://top.roleplay.ru/16480" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<h1 class="impa">Внимание! Розыск:</h1>
<img style="width: 100px; height: 100px;" src="http://s1.ipicture.ru/uploads/20120315/EV9SkZAJ.png">
</td>
<td style="width: 28%;" align="center" valign="top">

<h1>Игрок недели:</h1>

<img src="http://forums.0pk.ru/img/avatars/0002/35/a3/20006-1324329956.jpg">

<h1>Жертва 5 дней:</h1>

<b>• На этой неделе мы задаем вопросы</b>
<br><a href="http://newyorkcity123.rolka.su/profile.php?id=20"><span style="color: #793904;"> Проводим 5 дней в компании с <b>...</b>.</span></a>
<br>

</td>
<td style="width: 36%;" align="center" valign="top">

<h1>Навигация по форуму</h1>

<div style="width: 100%; height: 140px; overflow-y: auto;">
<a href="http://bloodsisters.rolka.su/viewtopic.php?id=11#p12">Объявления</a> 
<br><a href="http://bloodsisters.rolka.su/viewtopic.php?id=4#p5">Гостевая книга</a>
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=35]Правила[/url] ">Правила</a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=12]Занятые внешности[/url] ">Занятые внешности</a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=10]Сюжет[/url] ">Основной сюжет</a> 

</div>

<h1>Акции форума</h1>

<div style="width: 100%; height: 140px; overflow-y: auto;">
<a href="http://bloodsisters.rolka.su/viewtopic.php?id=14#p15"> Акция №1. Охотники и Жертвы </a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=15#p16]Акция №2. "Стражи Академии Святого Владимира"[/url] "> Акция №2. Стражи Академии Святого Владимира </a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=16#p17]Акция №3. "Королевские семьи"[/url] "> Акция №3. Королевские семьи </a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=17#p18]Акция №4. "Алхимики"[/url] "> Акция №4. Алхимики </a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=18#p19]Акция №5. "Мертвые не дремлют"[/url] "> Акция №5. Мертвые не дремлют  </a> 
<br><a href=" [url=http://bloodsisters.rolka.su/viewtopic.php?id=58#p472]Акция №6 "Нужен!"[/url] "> Акция №6 Нужен! </a> 
</div>
</div>

</td>
</tr>
<tr>
<td align="center">

<h1>Администрация</h1>

<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">
<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">
<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">
<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">

</td>
<td align="center">

<marquee style="width: 98%; height: 31px;">
бегущая строка баннеров 
</marquee>

</td>
<td align="center">

<h1>Модерация</h1>
<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">
<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">
<img onmouseover="this.src='Адрес изображения при наведении'" src="Адрес прозрачного изображения" onmouseout="this.src='Адрес прозрачного изображения'">

</td></tr></table>

0

900

Нужна вот такая табличка вставить в текст объявления

http://savepic.org/3152658.jpg

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC