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

Объявление

Идет поиск Хранителя форума

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

О форуме

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

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

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


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


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

Сообщений 841 страница 860 из 1000

841

Фера
Постоянным клиентам бонус :) :
1) Минимум изменений с прошлой версии
2) Красивости и улучшение валидности кода
3) Сохранение данных.

Код:
<style>
#pun-announcement { height: 500px; }
#annHead { position: absolute; margin-top: -34px; }
#annHead li { display: inline-block; background: #969472; z-index: 0; border: 1px #323226 solid; width: 222px; height: 18px; text-align: center; margin: 0 10px; padding: 5px 0 0 0; position: relative; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#annHead li:hover { background: #AAA881; }
#annHead li.Active { top: 0; height: 30px; background: #B5B389; border-bottom-color: #B5B389; font-weight: bold; font-size: 20px; border-bottom-left-radius: 2px; border-bottom-rigth-radius: 2px; }   
#annContent { margin-top: -1px; border: 2px #323226 solid; background: #B5B389; height: 400px; z-index: 2; overflow-y: hidden }
#annContent .annElement { display: none; margin: 0 !important; width: 100%; text-align: center; height: 100%; }
#annContent .annElement#game { height: 90%; }
#annContent .annElement h6 { font:  bold small-caps 24px/14px Calibri; margin: 5px 0 10px; }
#annContent .annElement table { margin: 0px 10px; width: 722px; border-spacing: 0; height: 100%; }
#annContent .annElement div { height: 90%; margin: 10px; }
.annElement li { margin: 3px; }
.annElement li a { outline: 1px solid black; display: block; height: 15px; background: #999874; }
.annElement li a:hover { background: #AAA985; }
#annContent .annElement#game table td { width: 50%; }
#annContent .annElement#main table td { width: 60%; }
#annContent .annElement#main table td:nth-child(1) { width: 40%; vertical-align: top; }
.scroll { overflow-y: auto; }
.border { border: 1px solid #323226; }
#adminPhotos img { width: 60px; height: 60px; margin: 0 3px; }
#moderPhotos img { width: 40px; height: 40px; margin: 0 1px; }
#needPhotos  img { width:170px; height:170px; margin: 0 3px; }	
#annContent .annElement .elem { margin: 2px 5px 8px; text-align: center; height: auto !important; }
#annContent .annElement .elem .date { display: block; font-weight: bold; }
</style>

<div id="annHead"><ul>
	<li id="main" class="Active">Основное</li>
	<li id="game">По игре</li>
	<li id="need">Требуются</li>
</ul></div>
<div id="annContent">
<div class="annElement" id="main">
	<table><tr>
    <td><h6>Администрация</h6>
    	<span id="adminPhotos">
        <a href="/profile.php?id=2"><img src="http://s2.uploads.ru/YhC5a.png" title="Фолтор - гл. администратор, создатель ролевой и дизайнер по совместительству."></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место свободно"></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место сободно"></a>
    	</span>
    <h6>Модераторы</h6>
    	<span id="moderPhotos">
        <a href="/profile.php?id=13"><img src="http://s1.uploads.ru/NqdCS.png" title="Тартар - модератор, создатель локаций."></a>
        <a href="/profile.php?id=85"><img src="http://s2.uploads.ru/8svgA.png" title="Iren - модератор, квестоплёт, корректор. "></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место свободно."></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место свободно."></a>
    	</span>
    <br><br>
    <h6>Полезные ссылки</h6>
    <ul>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=3">Гостевая</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=5">Правила</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=8">Гид по миру</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=185">Способности</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=9">Описания островов</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=10">Карта мира</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=14">Порталы с одного острова на другой</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=13">Списки должностей на островах</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=117">Список администрации</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=15">Шаблон анкеты</a></li>
       </ul>
	</td>
	<td>
    <h6>Новости</h6>
    <div class="scroll border">

<!-- Контент -->
<!-- Шаблон объявления:
<div class="elem">
	<span class="date">Дата объявления</span>
	<span class="cont">
Текст объявления
	</span>
</div>
-->
<div class="elem">
	<span class="date">10.01.2013</span>
	<span class="cont">
<u><b>Всем ознакомиться с</b> <a href="http://fegort.rolka.su/viewtopic.php?id=181#p3855">Объявлением!</a></u>
	</span>
</div>

<div class="elem">
	<span class="date">23.11.2012</span>
	<span class="cont">
Создан новый список способностей. Просьба всем отписаться в <a href="http://fegort.rolka.su/viewtopic.php?id=185"><u>этой теме.</u></a>
	</span>
</div>

<div class="elem">
	<span class="date">18.11.2012</span>
	<span class="cont">
У нас проводится перекличка, с целью удаления неактивных пользователей. Нужно отписаться в этой теме - <a href="http://fegort.rolka.su/viewtopic.php?id=182#p1173"><u>Перекличка с 18.11.12 до 21.11.12</u></a>
	</span>
</div>

<div class="elem">
	<span class="date">31.10.2012</span>
	<span class="cont">
Мы начали создавать акции, появился первый мини квест.<br>
Сегодня у нас появилось описание культуры Острова Валло в Тех. разделе, просьба всем игрокам ознакомиться.<br>
Тем кто не создал семью персонажа в соответствующем подфоруме, просьба создать её и начать игру.
	</span>
</div>

<div class="elem">
	<span class="date">19.10.2012</span>
	<span class="cont">
У нас появилась таблица! К тому же у нас начался первый отыгрыш, а скоро выложу наш сюжет. Играем, друзья.
	</span>
</div>

<div class="elem">
	<span class="date">14.10.2012</span>
	<span class="cont">
Сегодня официальное открытие ролевой! Радуемся, бросаем в воздух чепчики 
и кричим ура. Мы можем начинать игру.
	</span>
</div>
<!-- Конец -->

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


<div class="annElement" id="game"><table><tr>
	<td>
    <h6>Погода и время в игре</h6>
    <div class="scroll border">

<!-- Контент -->
<b>А в игре <span style="font-size: 15px;">
<script><!-- var calendar = new Date(); d = calendar.getDay(); document.write((d == 0)? 'Утро': (d <= 3)? 'День': (d >= 5)? 'Ночь': 'Вечер'); //--></script></span></b>
<b>, Лето</b> 
<br><b>Остров Валло</b><br> 
Днём тепло, но не жарко. Около +20 градусов. Высокая влажность, по небу бродят тучи. Ветер не сильный, порывистый. Всё предвещает грозу, скорее всего она разразится ближе к вечеру. 
<br><b>Остров Фелин</b><br> 
Здесь напротив жарко и сухо. Светит яркое солнце, облаков практически нет. Температура в некоторых местах достигает +30 градусов. Засухи не предвидится, но такая погода может продержаться несколько дней.
<br><b>Остров Киджан</b><br> 
Так же тепло, но не жарко, влажность умеренная. Температура около +25 градусов. Ветер не сильный приятный. К вечеру может немного похолодать, а местами пойти моросящий дождик.
<br><b>Остров Нева</b><br>
Довольно прохладно, но безветренно. Температура около +15 - +19 градусов. По небу так же гуляют тучи, но дождя скорее всего не будет. Скоро будет потепление.
<!-- Конец -->

    </div>
	</td><td>
    <h6>События в игре</h6>
    <div class="scroll border">

<!-- Контент -->
Всё довольно спокойно. Жизнь у животных идёт своим чередом. Пока у нас свободная игра, но сюжет скоро появится.
<!-- Конец -->

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

<div class="annElement scroll" id="need">
	<table><tr>
    <td id="needPhotos" colspan="4">
    	<img src="Ссылка на картинку1" title="Текст">
    	<img src="Ссылка на картинку2" title="Текст">
    	<img src="Ссылка на картинку3" title="Текст">
    	<img src="Ссылка на картинку4" title="Текст">
    </td>
	</tr>
	<tr>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 1
<!-- Конец -->

    </div></td>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 2
<!-- Конец -->

    </div></td>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 3
<!-- Конец -->

    </div></td>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 4
<!-- Конец -->

    </div></td>
	</tr></table>
</div>
</div>
<script>$('#annHead li').click(function () { if (!$(this).hasClass('Active')) { $('#annHead li').removeClass('Active'); $('#annContent .annElement').slideUp('slow'); $(this).addClass('Active'); $('#annContent .annElement#'+$(this).attr('id')).slideDown('slow'); }}); $('#annHead li.Active').removeClass('Active').trigger('click');</script>

+1

842

Отлично) Только прокрутки в окошках нет...

0

843

Фера
Она появляется тогда, когда высоты блока не хватает на отображение содержимого.

0

844

kozhilya
Вот тестовик (на дизайн внимания не обращайте))
У меня там прокрутки нет, границы окна просто "растягиваются" а потом уходят в никуда.
Может, конечно, это только у меня.

0

845

Фера
У меня всё в порядке.
Какой у вас браузер?

+1

846

Mozilla Firefox, версию не знаю. Да, на стационарном компьютере тоже самое. (я с ноута) Браузер там такой же, версию опять же не знаю.

0

847

Фера
Как же достала кроссбраузерность....
День, когда все браузеры станут нормально понимать все стандарты будет самым счастливым днём в жизни...
В общем, жертвуем резиновостью ради нормального отображения.

Свернутый текст
Код:
<style>
#pun-announcement { height: 500px; }
#annHead { position: absolute; margin-top: -34px; }
#annHead li { display: inline-block; background: #969472; z-index: 0; border: 1px #323226 solid; width: 222px; height: 18px; text-align: center; margin: 0 10px; padding: 5px 0 0 0; position: relative; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#annHead li:hover { background: #AAA881; }
#annHead li.Active { top: 0; height: 30px; background: #B5B389; border-bottom-color: #B5B389; font-weight: bold; font-size: 20px; border-bottom-left-radius: 2px; border-bottom-rigth-radius: 2px; }   
#annContent { margin-top: -1px; border: 2px #323226 solid; background: #B5B389; height: 400px; z-index: 2; overflow-y: hidden }
#annContent .annElement { display: none; margin: 0 !important; width: 100%; text-align: center; height: 100%; }
#annContent .annElement#game { height: 90%; }
#annContent .annElement h6 { font: bold small-caps 24px/14px Calibri; margin: 5px 0 10px; }
#annContent .annElement table { margin: 0px 10px; width: 722px; border-spacing: 0; height: 100%; }
#annContent .annElement div { height: 90%; margin: 10px; }
.annElement li { margin: 3px; }
.annElement li a { outline: 1px solid black; display: block; height: 15px; background: #999874; }
.annElement li a:hover { background: #AAA985; }
#annContent .annElement#game table td { width: 50%; height: 400px; }
#annContent .annElement#main table td { width: 60%; height: 400px; }
#annContent .annElement#main table td:nth-child(1) { width: 40%; vertical-align: top; }
.scroll { overflow-y: auto; }
.border { border: 1px solid #323226; }
#adminPhotos img { width: 60px; height: 60px; margin: 0 3px; }
#moderPhotos img { width: 40px; height: 40px; margin: 0 1px; }
#needPhotos  img { width:170px; height:170px; margin: 0 3px; }	
#annContent .annElement .elem { margin: 2px 5px 8px; text-align: center; height: auto !important; }
#annContent .annElement .elem .date { display: block; font-weight: bold; }

</style>

<div id="annHead"><ul>
	<li id="main" class="Active">Основное</li>
	<li id="game">По игре</li>
	<li id="need">Требуются</li>
</ul></div>
<div id="annContent">
<div class="annElement" id="main">
	<table><tr>
    <td><h6>Администрация</h6>
    	<span id="adminPhotos">
        <a href="/profile.php?id=2"><img src="http://s2.uploads.ru/YhC5a.png" title="Фолтор - гл. администратор, создатель ролевой и дизайнер по совместительству."></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место свободно"></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место сободно"></a>
    	</span>
    <h6>Модераторы</h6>
    	<span id="moderPhotos">
        <a href="/profile.php?id=13"><img src="http://s1.uploads.ru/NqdCS.png" title="Тартар - модератор, создатель локаций."></a>
        <a href="/profile.php?id=85"><img src="http://s2.uploads.ru/8svgA.png" title="Iren - модератор, квестоплёт, корректор. "></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место свободно."></a>
        <a href="/viewtopic.php?id=117"><img src="http://s1.uploads.ru/BxLFH.png" title="Место свободно."></a>
    	</span>
    <br><br>
    <h6>Полезные ссылки</h6>
    <ul>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=3">Гостевая</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=5">Правила</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=8">Гид по миру</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=185">Способности</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=9">Описания островов</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=10">Карта мира</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=14">Порталы с одного острова на другой</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=13">Списки должностей на островах</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=117">Список администрации</a></li>
    	<li><a href="http://fegort.rolka.su/viewtopic.php?id=15">Шаблон анкеты</a></li>
       </ul>
	</td>
	<td>
    <h6>Новости</h6>
    <div class="scroll border">

<!-- Контент -->
<!-- Шаблон объявления:
<div class="elem">
	<span class="date">Дата объявления</span>
	<span class="cont">
Текст объявления
	</span>
</div>
-->
<div class="elem">
	<span class="date">10.01.2013</span>
	<span class="cont">
<u><b>Всем ознакомиться с</b> <a href="http://fegort.rolka.su/viewtopic.php?id=181#p3855">Объявлением!</a></u>
	</span>
</div>

<div class="elem">
	<span class="date">23.11.2012</span>
	<span class="cont">
Создан новый список способностей. Просьба всем отписаться в <a href="http://fegort.rolka.su/viewtopic.php?id=185"><u>этой теме.</u></a>
	</span>
</div>

<div class="elem">
	<span class="date">18.11.2012</span>
	<span class="cont">
У нас проводится перекличка, с целью удаления неактивных пользователей. Нужно отписаться в этой теме - <a href="http://fegort.rolka.su/viewtopic.php?id=182#p1173"><u>Перекличка с 18.11.12 до 21.11.12</u></a>
	</span>
</div>

<div class="elem">
	<span class="date">31.10.2012</span>
	<span class="cont">
Мы начали создавать акции, появился первый мини квест.<br>
Сегодня у нас появилось описание культуры Острова Валло в Тех. разделе, просьба всем игрокам ознакомиться.<br>
Тем кто не создал семью персонажа в соответствующем подфоруме, просьба создать её и начать игру.
	</span>
</div>

<div class="elem">
	<span class="date">19.10.2012</span>
	<span class="cont">
У нас появилась таблица! К тому же у нас начался первый отыгрыш, а скоро выложу наш сюжет. Играем, друзья.
	</span>
</div>

<div class="elem">
	<span class="date">14.10.2012</span>
	<span class="cont">
Сегодня официальное открытие ролевой! Радуемся, бросаем в воздух чепчики 
и кричим ура. Мы можем начинать игру.
	</span>
</div>
<!-- Конец -->

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


<div class="annElement" id="game"><table><tr>
	<td>
    <h6>Погода и время в игре</h6>
    <div class="scroll border">

<!-- Контент -->
<b>А в игре <span style="font-size: 15px;">
<script language="Javascript">
<!-- 
var calendar = new Date(); d = calendar.getDay();
document.write((d == 0)? 'Утро': (d <= 3)? 'День': (d >= 5)? 'Ночь': 'Вечер');
//-->
</script></span></b>
<b>, Лето</b> 
<br><b>Остров Валло</b><br> 
Днём тепло, но не жарко. Около +20 градусов. Высокая влажность, по небу бродят тучи. Ветер не сильный, порывистый. Всё предвещает грозу, скорее всего она разразится ближе к вечеру. 
<br><b>Остров Фелин</b><br> 
Здесь напротив жарко и сухо. Светит яркое солнце, облаков практически нет. Температура в некоторых местах достигает +30 градусов. Засухи не предвидится, но такая погода может продержаться несколько дней.
<br><b>Остров Киджан</b><br> 
Так же тепло, но не жарко, влажность умеренная. Температура около +25 градусов. Ветер не сильный приятный. К вечеру может немного похолодать, а местами пойти моросящий дождик.
<br><b>Остров Нева</b><br>
Довольно прохладно, но безветренно. Температура около +15 - +19 градусов. По небу так же гуляют тучи, но дождя скорее всего не будет. Скоро будет потепление.
<!-- Конец -->

    </div>
	</td><td>
    <h6>События в игре</h6>
    <div class="scroll border">

<!-- Контент -->
Всё довольно спокойно. Жизнь у животных идёт своим чередом. Пока у нас свободная игра, но сюжет скоро появится.
<!-- Конец -->

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

<div class="annElement scroll" id="need">
	<table><tr>
    <td id="needPhotos" colspan="4">
    	<img src="Ссылка на картинку" title="Текст">
    	<img src="Ссылка на картинку" title="Текст">
    	<img src="Ссылка на картинку" title="Текст">
    	<img src="Ссылка на картинку" title="Текст">
    </td>
	</tr>
	<tr>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 1
<!-- Конец -->

    </div></td>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 2
<!-- Конец -->

    </div></td>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 3
<!-- Конец -->

    </div></td>
    <td><div class="scroll">

<!-- Контент -->
Текст блока 4
<!-- Конец -->

    </div></td>
	</tr></table>
</div>
</div>
<script>$('#annHead li').click(function () { if (!$(this).hasClass('Active')) { $('#annHead li').removeClass('Active'); $('#annContent .annElement').slideUp('slow'); $(this).addClass('Active'); $('#annContent .annElement#'+$(this).attr('id')).slideDown('slow'); }}); $('#annHead li.Active').removeClass('Active').trigger('click');</script>

+1

848

kozhilya
Спасибо, теперь всё хорошо)

0

849

Ну вообще я не умею делать таблицы. Даже такие простейшие((
1. ссылка на форум

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке).
1100 пикселей
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):
http://s3.uploads.ru/t/m8nRP.jpg
4. границы у таблицы: нет
5. доп.элементы: да вроде ничего не нужно

0

850

7 40
Будет 31.

+1

851

kozhilya
Нет, спасибочки, я вчера почитала FAQ и за ночь сотворила) Спасибо за отклик :flirt:

0

852

Добрый вечер. хотелось бы вот такую незамысловатую таблицу

1. http://depressiondevil.hutt.ru/
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке).
3. http://s3.uploads.ru/t/48gT1.jpg

4. границы у таблицы: без границ. цвет текста чёрный.
5.  прокрутку в новостях .

Отредактировано Лютый (28.01.2013 18:37:57)

0

853

Здравствуйте. У меня есть код боковушки выпадающей. Как сделать, чтоб она была слева, а не справа?

Код:
<script type="text/javascript">
/*if( GroupID == 1 ) {
$r('#admin_msg1').show();
}*/
</script>

<script type="text/javascript">
if( document.URL.indexOf('/index.php?act=awards')!=-1 ){
     query = document.URL.substring(document.URL.indexOf('?act=awards')+11);
     location.href = '/mod/awards/?'+query;
}
if( document.URL.indexOf('/index.php?act=gifts')!=-1 ){
     query = document.URL.substring(document.URL.indexOf('?act=gifts')+10);
     location.href = '/mod/gifts/?'+query;
}
if( document.URL.indexOf('/index.php?act=foundation')!=-1 ){
     location.href = '/mod/foundation/';
}
</script>

<div id="mybb-counter" style="display:none">
<script type="text/javascript"><!--
new Image().src = "http://bs.mybb.ru/vc?1200226;"+Math.random();//--></script>
<script type="text/javascript"><!--
new Image().src = "http://counter.yadro.ru/hit;ruhelp?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape('PARTNER_PAGE_2238')+";"+Math.random();//--></script>
</div>

<div id="html-header">
	<!-- jquery уже подключен -->



<!-- JampPanel-->
<style>
#JampPanel:hover{
margin-right:-0px;
}
#JampPanel,#JampPanel .container{
border-radius:0px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:0px solid #;
height:292px;
width:525px;
background: url(http://s3.uploads.ru/buc2o.png)0px 0px no-repeat;
box-shadow: 0px 0px 0px #;
-webkit-box-shadow:0px 0px 0px #;
-khtml-box-shadow:0px 0px 0px #;
-moz-box-shadow:0px 0px 0px #;
}
#JampPanel {opacity:0.86;
 position:fixed;z-index:1200;
 height:200px;top:25px;right:0px;margin-right:-270px;
 background: url(http://s3.uploads.ru/5mwKz.png) 0px 0px no-repeat;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
 width:370px;
}
#JampPanel .container{
 padding:10px;
 height:525px;
 width:70%; margin: -0px 0 0 100px;
}

</style>
<div id=JampPanel>
  <div class=container>

    <div id=Zaslonyalka><h4>
<table width="98%" border="1" cellspacing="0" cellpadding="0"  >
<tbody>
<tr>
<td><center>............................</center></td></tr></tbody></table></font></h3></h4></div>

</div>
<script language="javascript">
function Rotator_cont(selek) {
var s = 100000;  // Время отображения
var N=$(selek).length;
var i=Math.round(Math.random()*(N-1));Rotator(i);
function Rotator(i) {
$(selek).hide();$(selek).eq(i).show();i++;
if(i>N-1){i=0};
timerId01=setTimeout(function(){Rotator(i)},s);return;}
}Rotator_cont('#КонтентРотатор p')
</script>
</center>
</div>
</div>

0

854

Ой, я забыл про то, что эта тема есть О_о

Лютый
Заказ актуален?

sweetloony
1) Не по теме вопрос. Вам сюда.
2) Ссылка на ваш форум???

0

855

kozhilya написал(а):

Ой, я забыл про то, что эта тема есть О_о

Лютый
Заказ актуален?

актуален

0

856

Лютый
До пятницы будет.

0

857

kozhilya написал(а):

Лютый
До пятницы будет.

спасибо. буду ждать

0

858

Лютый
Ну.... Как-то так... Будут претензии - пишите письма :)

Код:
<style>
#pun-announcement {
    text-align: center;
}
#pun-announcement h3 {
    font-size: 15px;
    margin-bottom: 5px;
}
#pun-announcement .ann-main td {
    width: 33%;
}
#pun-announcement .ann-block {
    margin: 20px 10px 10px;
}
#pun-announcement ul.inline li {
    display: inline-block;
}

#pun-announcement .scroll {
    overflow-y: scroll;
    height: 90%;
}
#pun-announcement marquee {
    height: 20px;
}

#pun-announcement #navig a {
	display: block;
	height: 15px;
	width: 100%;
	background: transparent;
}
#pun-announcement #navig a:hover {
	background: rgba(101,87,255,0.5);
}
#pun-announcement #admin img {
    height: 75px; width: 75px;
}
#pun-announcement #moder img, #pun-announcement #great img {
    height: 50px; width: 50px;
}
</style>

<table>
	<tr class="ann-main">
    <td>
    	<div class="ann-block" style="height:150px">
        <h3>Новости</h3>
        <div class="scroll">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tincidunt sollicitudin interdum. Cras sed nunc non lorem dictum tempor. Sed faucibus venenatis lectus, ac aliquet nunc dapibus eu. Mauris pellentesque ante id ipsum rhoncus convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus nec magna quam. Ut a risus vitae massa egestas posuere. Phasellus hendrerit congue leo vitae vulputate. Mauris eget sem id metus rutrum malesuada. In sit amet lorem lorem.</p>
<p>In hac habitasse platea dictumst. In in odio ante. Maecenas porttitor augue vel enim lobortis interdum. Integer risus orci, interdum vel consectetur eu, faucibus vel ante. Sed ligula purus, vehicula non cursus vitae, varius eu massa. Nulla auctor dapibus mauris, eu commodo sapien laoreet sit amet. Sed porttitor lacus nec ipsum sagittis lacinia. Nulla lorem mauris, tempor vel varius ac, condimentum in lectus. Suspendisse ac magna at est aliquet molestie et sed dolor. Etiam at lacus arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
        </div>
    	</div>
    	<div class="ann-block">
        <h3>Навигация</h3>
        <ul id="navig">
        	<li><a href="#">Ссылка 1</a></li>
        	<li><a href="#">Ссылка 2</a></li>
        	<li><a href="#">Ссылка 3</a></li>
        	<li><a href="#">Ссылка 4</a></li>
        	<li><a href="#">Ссылка 5</a></li>
        	<li><a href="#">Ссылка 6</a></li>
        	<li><a href="#">Ссылка 7</a></li>
        </ul>
    	</div>
    </td>
    <td>
    	<div class="ann-block">
        <h3>Администрация</h3>
        <ul class="inline" id="admin">
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        </ul>
    	</div>
    	<div class="ann-block">
        <h3>Модераторы</h3>
        <ul class="inline" id="moder">
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        </ul>
    	</div>
    	<div class="ann-block">
Кнопки топа
    	</div>
    </td>
    <td>
    	<div class="ann-block" height="100">
        <h3>Добро пожаловать!</h3>
        <div>
Sed id volutpat purus. Aliquam nibh magna, varius in ornare id, pharetra vel purus. Maecenas laoreet massa quis diam commodo luctus. Aenean pharetra molestie turpis, nec imperdiet nisl pharetra vel. Donec dolor libero, tincidunt at scelerisque sit amet, porta eget neque. Praesent eu cursus augue. Etiam mi purus, tempor posuere porttitor non, adipiscing id erat. Ut ut est urna, eu molestie libero. Duis ut metus diam. Phasellus aliquet ipsum non nulla varius mollis. Phasellus semper dolor ut mauris fringilla faucibus. Fusce hendrerit pharetra leo sed euismod.
        </div>
    	</div>
    	<div class="ann-block">
        <h3>Доска почёта</h3>
        <ul class="inline" id="great">
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li><br>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        	<li><a href="Ссылка на профиль"><img src="Аватар" alt="Имя" title="Имя и описание (если надо)"></a></li>
        </ul>
    	</div>

    </td>
	</tr>

	<tr>
    <td colspan="3">
    	<marquee>А всё бегут-бегут-бегут-бегут, бегут-бегут-бегут-бегут, бегут-бегут-бегут и я бегуууу!</marquee>
    </td>
	</tr>
</table>

P.S. От бегущей строки мой нетбук взорвался :|

0

859

1. ссылка на форум - http://catswarriorsnewstart.mybb.ru/
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке). - 810рх
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):
http://s2.uploads.ru/dPfUy.png
4. границы у таблицы: есть/нет (нужное подчеркнуть) - нет.
5. доп.элементы (прокрутка, картинки и т.д.) указывать текстовыми пометками непосредственно в ячейках таблицы рисунка, разборчивым шрифтом.

0

860

http://i079.radikal.ru/0809/59/e0d53137bef2.jpg
Сделайте пожалуйста такое только чтоб фон был был таким http://s42.radikal.ru/i096/0903/20/788bfd43575e.jpg, а картинка внутри была такая http://s001.radikal.ru/i195/1303/be/3aeaed803839.jpg
Зарание спасибо!

0


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


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