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

Объявление

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

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

О форуме

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

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

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


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


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

Сообщений 821 страница 840 из 1000

821

1. ссылка на форум
http://terranova.rusff.ru/
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке).
882 пикселей. Однако ширину таблицы, как и ее колонок порошу прописать не в процентах, а в пикселях. Так как потом сама изменять ширину буду, что бы подогнать так, как мне больше по нраву
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):
http://s2.uploads.ru/YqhRb.png
ближе
4. границы у таблицы: нет
5. доп.элементы: указано в таблице. Просьба, как уже писала, проставить вышину и ширину в пикселях, что бы я спокойно могла подогнать так, как мне будет нужно. В первой колонке, как и в содержании кнопок планируется сделать прокрутку. Что касается кнопок, то при нажатии на них должно вылазить поле, где будет текст, и это поле должно убираться, при повторном нажатии. Во второй колонке все, что должно быть, написала на рисунке таблицы, ну а в третей колонке должна быть навигация.

Отредактировано Enima Lin (14.12.2012 18:39:38)

0

822

Два заказа выше этого сообщения выполню до ВС, 16.12.

Остальные заказы (которые ниже) будут выполнены не раньше НГ.

0

823

а можно спросить когда будет готова таблица, обещали в воскресение просто, и до сих пор нет

0

824

Enima Lin
Приношу извинения за задержку. Только сейчас добрался до компьютера - до этого было непрерывное ботанье матана.

К сожалению, могу пока назвать только крайний срок - Новый Год. Если у меня будут время и силы сделать раньше - то обязательно сделаю.

0

825

Таблица не нужна больше

0

826

Доброго времени суток: взяла я ваш код

Вот он
Код:
<style>
table { width: 100%; border: 1px solid black; border-collapse: collapse; }
table thead td { display: none; border: 1px solid black; }
table thead th { width: 25%; cursor: pointer; border: 1px solid black; }
table thead th.sel { border-color: red; }
table tbody td { height: 300px; border: 1px solid black; }
</style>
<table><thead><tr>
  <th>Кнопка 1</th>
  <td>Контент 1<br />С полным html-наполением.</td>

  <th>Кнопка 2</th>
  <td>Контент 2</td>

  <th>Кнопка 3</th>
  <td>Контент 3</td>
          
  <th>Кнопка 4</th>
  <td>Контент 4</td>
</tr></thead><tbody><tr><td colspan="4" class="content"></td></tr></tbody></table>
<script>
selButton = 0
$('table thead th').click(function() { $('table thead th').removeClass('sel'); $(this).addClass('sel'); $('table tbody td.content').html($('table thead th.sel + td').html())}).eq(selButton).trigger('click');
</script>

И вот напросился вопрос: как сделать фон по всей таблице? Или же, как сделать, чтобы фон был там, где "контент"

0

827

1. ссылка на форум http://claymore.rusff.ru/
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке).
наверно 800
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):

Клик

http://s2.uploads.ru/tSyoD.jpg

4. границы у таблицы: есть/нет (нужное подчеркнуть)
нет
5. доп.элементы (прокрутка, картинки и т.д.) указывать текстовыми пометками непосредственно в ячейках таблицы рисунка, разборчивым шрифтом.

Второй столбец, нужно чтобы там было пролистывание , итого таких страниц нужно 4. Если  четвертая страница закончилась, то нажав на кнопку, шла снова первая.

третий  столбец

ширина примерно 240-250 ( чтобы помещалось 2 баннера в строчку).

Высота всей таблицы 260, и чтобы там был ох как он называется   Сбоку  штучка вверх вниз , еще нарисовала её в третьем столбце.

желательно чтобы  можно было поставить фоновую картинку для таблицы.

Отредактировано Nocticula de Michi (04.01.2013 17:16:51)

0

828

Shanait
Вторая строка:

table { width: 100%; border: 1px solid black; border-collapse: collapse; background: url(Ссылка на фон) }

0

829

1. http://watahw.rusff.ru/
2. ширина форума 860 (размеры менять не нужно)
Табличку (автор kozhilya), переделал под себя цвета, рамки и фон.

Код ВАШЕЙ таблицы)
Код:
<style>    
#menu {
    margin-top: -2px;
    width: 150px;
    height: 20px;
    background-repeat : no-repeat;
}
#submenu, #menu span {
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
       color: #ebd1b7;
    font: normal 100% Georgia;
    border:1px solid #bca28c;
}
#menu .tabactive {
    color: #ebd1b7;
    background: 0;
}
#menu span {
 background: url(http://co.forum4.ru/files/000d/b2/37/75410.png) transparent;
    text-align: left;
    display:block;
    margin: 9px 0;
    padding: 10px;
    cursor: pointer;
    font-color: #ebd1b7;
    font-weight: bold;
}
#submenu {
 background: url(http://co.forum4.ru/files/000d/b2/37/75410.png) transparent;
    padding: 0px;
    height: 300px;
    text-align: center;
    font-color: #ebd1b7;
    font-size: 14px;
    width: 640px;
}
#submenu table { 
    width: 100%; 
    height: 100%; 
}
.submenutext {
    display: none; 
    height: 100%;
}
.scroll {
    overflow-y: auto;
    border: #bca28c solid 1px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;

    height: 95%;
}
</style>
<center><table style="width: 640px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
     <span alt="#sm1">Приветствие</span>
     <span alt="#sm2">Навигация</span>
     <span alt="#sm3">Лучшие</span>
     <span alt="#sm4">Сегодня</span>
     <span alt="#sm5">АМС</span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" 
style="display:block;padding:10px;height:280px;overflow-y: auto;">  
<table><tr>
<td rowspan="2"><h6>Баннеры</h6><div class="scroll">место под баннеры</div></td>
<td><h6><font size="2">Добро пожаловать</font></h6><div class="scroll">на ролевую по real life<br><font size="3"><b>"Miles of Temptation"</b></font>!<br>Действия происходят в городе Сакраменто,<br>США, штат Калифорния.<br>Конец 2007 года. Сюжет свободный.<br>Рейтинг игры <font size="4" color="#e5493b" ><b>NC-21</b></font>.<br>Регистрируясь, Вы подтверждаете, что Вам <font size="4" color="#e5493b"><b>18+</b></font> лет.</div></td></tr>
<tr><td><h6>3</h6><div class="scroll">4</div></td>
</tr></table>
</div>
     <div id="sm2" class="submenutext">
<table><tr><td><h6>Для поступающих:</h6><div class="scroll">
<a href="http://extasy.rusff.ru/viewtopic.php?id=4"><b>Правила</b></a><br>
<a href="http://extasy.rusff.ru/viewtopic.php?id=115"><b>Сюжет</b></a><br>
<a href="http://extasy.rusff.ru/viewtopic.php?id=117"><b>Акции</b></a><br>
<a href="http://extasy.rusff.ru/viewtopic.php?id=116"><b>Занятые внешности</b></a><br>
<a href="http://extasy.rusff.ru/viewtopic.php?id=82"><b>Гостевая</b></a><br>
<a href="http://extasy.rusff.ru/viewtopic.php?id=5"><b>Шаблон анкеты</b></a><br>
<a href="http://extasy.rusff.ru/viewforum.php?id=62"><b>Энциклопедия</b></a><br>
</div></td>
<td><h6>Для участников:</h6><div class="scroll">
</div></td>
</tr></table>
</div>
<div id="sm3" class="submenutext">
<table><tr><td><h6>Надпись6</h6><div class="scroll">Контент6</div></td>
<td><h6>Надпись7</h6><div class="scroll">Контент7</div></td>
</tr></table>
</div>
<div id="sm4" class="submenutext">
<table><tr><td><h6><font size="3">Дата и время в игре</font></h6><div class="scroll"><b>23 декабря 2007 года</b><br>полдень</br><br><b>Погода:</b><br>-3 -5°C, ветер с-з, 5 м/с, небольшой снег</div></td>
<td><h6><font size="3">С Рождеством!</font></h6><div class="scroll"><img src="http://www.yoursmileys.ru/tsmile/nyvenok/t8009.gif" /></div></td></tr>
<tr><td colspan="2"><h6><font size="3">Сюжет</font></h6><div class="scroll">Впервые за десятилетие в тёплом Сакраменто выпал снег. Муниципальные службы работают на износ, чтобы жители города встретили Рождество, не утопая в рыхлых сугробах, а самих горожан обуревает предвкушение праздника. Дети, увидевшие снег впервые в жизни, буквально живут на улице, возводя ледяные крепости, лепя снеговиков и ведя снежковые сражения. Взрослые же, кляня погоду, пробираются по тропкам в супермаркеты, закупают последние приправы к традиционной индейке и терпкому глинтвейну, упаковывают подарки и подписывают открытки. Повсюду предпраздничная суматоха, улыбки, смех и веселье.<br>Но не всем есть дело до пышного праздника.<br>Более-менее устроившись в Сакраменто, купив новый дом и закончив оформлять документы на новое имя, <b>Шон Уэллеслей</b> пытается наладить контакты с местным наркокортелем, попутно обзаводясь новыми знакомствами среди калифорнийской провинциальной элиты.<br><b>Джонни Паркер</b> приезжает в Сакраменто в поисках своего старинного знакомого Шона, после того как выясняет, что тот соблазнил его сводную сестру Лизу Хоукай, которая, забеременев, решилась попросить помощи у брата.</div></td>
</tr></table>
</p></div>
     <div id="sm5" class="submenutext">
<table><tr>
<td><img src="Картинка" /></td>
<td><img src="http://s3.uploads.ru/B5hXH.png" /></td>
<td><img src="http://s2.uploads.ru/JrsSA.png" /></td>
<td><img src="Картинка" /></td>
</tr>
<tr>
<td><div class="scroll">Вакансия модератора-пиарщика</div></td>
<td><div class="scroll"><a href="http://extasy.rusff.ru/profile.php?id=4"><b>Johnny Parker</b></a><br>Организация квестов</div></td>
<td><div class="scroll"><a href="http://extasy.rusff.ru/profile.php?id=5"><b>Sean Wellesley</b></a><br>Проверка анкет</div></td>
<td><div class="scroll">Вакансия модератора тем</div></td>
</tr></table>
</div></div> </td></tr></tbody></table> 
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Но вот через файер фокс и оперу нет полосы прокрутки. Один из юзеров сказал, что дело в высоте в процентах блоков. Мне бы не хотелось, чтобы высота скрол блоков была фиксированной... Но, если по-другому нельзя, то пусть будет в пикселях, главное, чтобы появлялась прокрутка во всех браузерах.
Если поможете, буду очень признателен))

Добавлено спустя 12 минут 15 секунд:
Открыл через мозилу 17.0.1... Вообще не переключаются вкладки...

Добавлено спустя 1 час 9 минут 33 секунды:

Через оперу - переключаются вкладки, но полосы прокрутки нет:
http://s3.uploads.ru/LYcar.jpg

Отредактировано Ichimaru Gin (05.01.2013 12:36:11)

0

830

Nocticula de Michi
Сделаю 9.01

Ichimaru Gin
Проверил, баг есть - попытаюсь исправить 9-10 числа. Пока что используйте фиксированные величины.

+1

831

Переехал на новый домен. Все демки на стром демофоруме погорели (увы и ах)

Nocticula de Michi

Код:
<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script>

<style>
#pun-announcement {
    text-align: center;
}
#pun-announcement table.root {
    width: 100%;
    height: 260px;
}
#pun-announcement img.ava {
    width: 100px;
    height: 100px;
}
#pun-announcement ol li {
    list-style: decimal;
}
.banner-box {
    overflow-y: auto;
}
.banner-box img {
    width: 88px;
    height: 31px;
}

#slider {
    margin: 0 auto;
}
#slider #main {
    width: 300px;
    height: 250px;
}
#slider #main div {
    overflow-y: auto;
}

a.pager-link, a.bx-prev, a.bx-next, a.bx-start {
    display: inline-block;
    pointer: cursor;
    margin: 0 5px;
    width: 30px;
    height: 25px;
    padding-top: 5px;
    border-radius: 15px;
    background: #374C64;
    font: normal 13px Verdana;
    color: whitesmoke;
    text-decoration: none;
}
a.pager-link.pager-active {
    background: #44678E; cursor: auto;
}
a.pager-link:hover, a.bx-prev:hover, a.bx-next:hover, a.bx-start:hover {
    background: #6289B4;
}
</style>

<table class="root"><tr>
<td style="padding: 0 20px;">
    <!-- Навигация -->
    <ol>
        <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>
        <li><a href="Адрес">Ссылка 8</a></li>
    </ol>
</td>
<td>
    <!-- Основное содержимое -->
    <table id="slider"><tr><td id="prev"></td>
    <td><div id="main">
    
        <div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consequat mattis neque. Donec sem nisl, mollis in posuere et, eleifend sit amet ligula. Nunc semper posuere lacus, non placerat nunc lobortis non. Nam ut molestie magna. Nulla fringilla mauris ac metus ultrices consectetur. Suspendisse quis ligula luctus sapien condimentum tincidunt et eu tellus. Proin vehicula lobortis urna eget interdum. Mauris sed nulla mi, id dapibus ante. Suspendisse eget elit dui, vitae convallis dolor. Sed felis erat, ultrices sed egestas sed, porttitor ut mauris. Pellentesque sit amet dui quis ipsum pellentesque malesuada. In ut lacus quis dolor fringilla semper in eu odio. Donec placerat ullamcorper erat, fermentum aliquet lorem viverra et.
        </div>
        
        <div>
Donec sit amet est eu odio imperdiet auctor sed nec augue. Phasellus sit amet nibh mi. Donec nunc risus, interdum eu ornare sed, venenatis vel massa. Duis placerat, eros sed bibendum lobortis, arcu arcu sagittis velit, ac posuere nunc tellus vitae eros. Mauris nulla sem, molestie quis euismod a, suscipit et mi. Mauris dui nibh, sodales eget consectetur vel, tincidunt at felis. Sed eros est, faucibus tempus rutrum nec, auctor eu nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec tempus sem non enim luctus varius. Pellentesque augue elit, sodales eleifend pulvinar eget, imperdiet at odio. Nulla facilisi. Sed at mauris ligula, eu molestie tortor. Praesent augue tortor, posuere ut hendrerit non, mollis eu turpis. In eget lacus at tortor pulvinar venenatis nec vitae nibh.
        </div>
        
        <div>
Sed ac mauris mauris. Nulla pellentesque nisi vel sem dictum in consequat tortor suscipit. Fusce arcu justo, placerat nec pellentesque a, porta in ante. Quisque et justo at nulla eleifend pretium vitae ac magna. Curabitur risus turpis, convallis non tincidunt nec, placerat et leo. In sit amet neque ligula, a sodales augue. Nulla ac neque metus, sed malesuada neque. Integer ornare ornare convallis. Ut eu ipsum dolor, in ornare neque. Cras tortor augue, feugiat sollicitudin eleifend aliquet, ultricies eu tellus. Donec sagittis nulla id nibh pulvinar et volutpat massa porttitor. Quisque tempus euismod odio sed adipiscing. Morbi cursus neque vitae arcu faucibus at laoreet neque vulputate. Mauris nibh mauris, semper molestie accumsan sit amet, porta sollicitudin odio.
        </div>
        
        <div>
Mauris et nulla dui, vitae condimentum arcu. Sed a dui vel sem euismod iaculis cursus pretium nisl. Vivamus risus leo, vehicula sed pharetra quis, vehicula pulvinar dolor. Proin imperdiet, diam sit amet venenatis venenatis, massa risus sodales risus, eget sollicitudin tellus dolor id dolor. Proin auctor rhoncus dolor, vitae bibendum turpis aliquet id. Aliquam erat volutpat. Pellentesque massa magna, euismod a porta id, luctus et mi.

Praesent vehicula felis id massa pellentesque at imperdiet justo mattis. Duis sit amet justo sapien, semper gravida lacus. Vestibulum et dui et erat tristique congue id vitae orci. Quisque porta bibendum rhoncus. Duis auctor tincidunt lorem id ultricies. Integer nulla nulla, posuere sit amet commodo ac, placerat et tellus. Praesent vel sapien vitae lacus rutrum sollicitudin. Sed iaculis, eros et euismod blandit, ipsum eros tempor nunc, a commodo felis neque a ante.
        </div>
        
    </div></td>
    <td id="next"></td></tr></table>
</td>
<td>
    <!-- Баннеры -->
    <div class="banner-box">
        Ваш текст с <strong>html</strong> наполнением.
    </div>
</td>
</tr></table>

<script>
$('#slider #main').bxSlider({
    prevSelector: '#slider #prev',
    prevText: '<',
    nextSelector: '#slider #next',
    nextText: '>'
}); 
</script>

+1

832

Здравствуйте, есть у нас таблица.

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

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

У меня она отображается нормально, все работает, а вот у соадмина весь текст уплыл вниз, налез на описания категорий форума, все сдвинулось, она даже не поняла, что это слайдер. http://vion.rusff.ru/ - сайт.  Прошу помочь, ибо хотели уже открываться, а с таблицей такие вот дела.. Позже будет скрин, как все сместилось

Отредактировано Сова (08.01.2013 10:28:28)

0

833

Ой, уже не надо ) Оказывается это легко, сама разобралась :)

Отредактировано Puzzle (12.01.2013 19:56:46)

0

834

Благодарю, пока ждал - сделал сам)  :3

Отредактировано Loki-Lion (18.01.2013 18:28:17)

0

835

Извените за флуд, но куда вставлять после того, как всё сделала?

0

836

Радужная Звезда
табличку куда вставлять?)
если простенькая, то ее просто в объявление. а если с наворотами, типа контейнера со вкладками, то тут уже на коды надо смотреть)

0

837

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

0

838

Sophia Foster
Удаляю продублированное сообщение.

Код:
<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script>
<style>
#pun-announcement {
    text-align: center;
}
#pun-announcement td {
    vertical-align: top;
}
#pun-announcement .border {
    border: 1px solid black;
    padding: 5px 0;
}
#pun-announcement .a div {
    width: 240px;
    margin-bottom: 10px;
}
#pun-announcement li a {
    display: block;
    text-decoration: none;
    background-color: rgba(127,127,127,0.5);
    color: white;
    width: 240px;
    height: 15px;
    margin: 5px auto;
}
#pun-announcement li a:hover {
    background-color: rgba(127,127,127,0.8);
    color: white;
}

#pun-announcement h3 {
    font: bold 15px 'Cambria';
    margin-bottom: 5px;
}
#slider {
    margin: 0 auto;
}
#slider #main {
    height: 200px;
    width: 250px;
    margin: 0;
}
#slider #prev, #slider #next {
    vertical-align: middle;
}
#slider .bx-window {
    border: 1px solid black;
}
a.bx-prev, a.bx-next {
    display: inline-block;
    pointer: cursor;
    margin: 0 5px;
    width: 30px;
    height: 25px;
    padding-top: 5px;
    border-radius: 15px;
    background: #374C64;
    font: normal 13px Verdana;
    color: whitesmoke;
    text-decoration: none;
}
a.bx-prev:hover, a.bx-next:hover {
    background: #6289B4;
}
</style>

<table><tr>

<td class="a" style="width: 250px;">
  <div class="border">
    <h3>Название</h3>
    текст текст текст текст текст 
    текст текст текст текст текст 
    текст текст текст текст текст 
  </div>

  <div>
    <h3>Название</h3>
    <ul>
      <li><a href="Адрес ссылки">ссылка</a></li> 
      <li><a href="Адрес ссылки">ссылка</a></li> 
      <li><a href="Адрес ссылки">ссылка</a></li> 
      <li><a href="Адрес ссылки">ссылка</a></li> 
      <li><a href="Адрес ссылки">ссылка</a></li> 
    </ul>
  </div>
</td>

<td style="width: 300px;">
  <table id="slider"><tr><td id="prev"></td>
  <td><div id="main">
    <div>

<h3>Разворот 1</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et ipsum sed urna placerat sollicitudin ut a mauris. Nunc non erat fermentum turpis consequat commodo. Aliquam eu ipsum orci. Donec quis elit metus, quis convallis purus. Vivamus ultrices elit eu mi hendrerit sed sodales magna pharetra. Duis suscipit mattis lectus vel bibendum. Quisque vestibulum molestie imperdiet. Pellentesque gravida placerat turpis eget rutrum. Etiam rutrum tellus sit amet lectus hendrerit auctor. Morbi molestie viverra augue sed mollis. Nam rhoncus massa sit amet nunc auctor gravida. Ut vel odio vitae erat facilisis egestas.

    </div>
    <div>

<h3>Разворот 2</h3>
Aenean ornare purus mauris. Ut vel eros at sem pulvinar ultrices id quis leo. Maecenas bibendum fringilla tellus vel posuere. Sed tincidunt dignissim faucibus. Donec viverra ipsum non neque blandit molestie. Donec lacinia dignissim nibh, id aliquam felis porta at. Ut vitae tellus vitae nisl ullamcorper tempus quis non elit. Pellentesque tincidunt pulvinar tellus at mollis. Nunc id gravida est. Cras sodales vulputate pharetra. Sed suscipit leo neque. Suspendisse vitae tortor justo. Etiam non arcu et quam faucibus venenatis ac sed nisl. Fusce commodo nunc a lorem feugiat interdum. Proin ut lacus lectus. Etiam pharetra, dui sed gravida venenatis, mi erat tempor nunc, eget scelerisque quam enim sit amet lectus.

    </div>
    <div>

<h3>Разворот 3</h3>
Cras elementum ipsum mi. Pellentesque nunc lorem, euismod ac fringilla rutrum, sagittis eu lorem. Phasellus dapibus tincidunt scelerisque. Phasellus rhoncus euismod mollis. Donec in vehicula mauris. Vestibulum faucibus commodo dui, at faucibus dolor varius nec. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent in erat sit amet ipsum tristique feugiat. Duis at volutpat mauris. Donec sodales congue mauris a ornare. In quis tempus lectus. Morbi eu nisl eu nibh ultricies semper consequat eget nunc. Sed sollicitudin, nibh vel rutrum vestibulum, ante purus rhoncus neque, a congue turpis nisl nec mi.

    </div>
  </div></td>
  <td id="next"></td>
  </tr></table>
</td>

<td class="a" style="width: 250px;">
  <div class="border">
    <h3>Название</h3>
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
    текст текст текст текст текст текст текст
  </div>

  <div>
    <h3>Название</h3>
    Здесь будет плеер
  </div>
</td>

</tr></table>

<script>
$('#slider #main').bxSlider({
    prevSelector: '#slider #prev',
    prevText: '<',
    nextSelector: '#slider #next',
    nextText: '>',
}); 
</script>

Если что-то непонято - обращайтесь.

+1

839

1. Ссылка на форум
http://fegort.rolka.su/
2. Эскиз таблицы
1. http://s3.uploads.ru/x2mLz.png
2. http://s3.uploads.ru/LeUFE.png
3. http://s3.uploads.ru/2wdBX.png
3. Скрипты и всевозможные декорации.
Прокрутка везде где она нарисована (надеюсь понятно нарисовала) Полезные ссылки в виде "меню", каждая ссылка в своём прямоугольнике Цвет прямоугольников примерно такой: #999874 Да и можно сделать так, что бы при наведении на аватарки администрации (кстати, если понадобится, то их размер у админов 60 на 60, а у модеров 40 на 40) "всплывал" ник, а при нажатии на авик пользователя отправляло на страницу профиля.
4. Форматирование текста
Шрифт: Comic Sans Ms  Или похожий
5. Картинки для вставки.
Сама вставлю

0

840

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

Удаляю продублированное сообщение.

Да, конечно.
Спасибо огромное, то, что нужно было! (:

0


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


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