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

Объявление

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

О форуме

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

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

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


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


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

Сообщений 941 страница 960 из 1000

941

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

0

942

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

http://s3.uploads.ru/t/MNgds.jpg

4. границы у таблицы: нужен только вот такой вот элемент таблицы. Что бы края в обеих колонках закруглялись.

0

943

Ruanie
Kisasian
Завтра будет

+1

944

kozhilya

Мне просто нужны маленькие информационные таблицы, которые будут расположенные на отдельной самостоятельной странице, по типу тех, на которых баннеры размещают.

Код:
<table>...</table>

Но у меня никак не получается сделать так, что бы одна колонка была меньше другой и что бы сама таблица не растягивалась от края до края форума. А поля и закругленности, это так, мелкие дополнения ))

0

945

kozhilya, заявку снимаю, сделали

Отредактировано Kisasian (08.05.2013 12:00:50)

0

946

1. Ссылка: http://phoenixworld.rolka.su/
2. Ширина: дизайн готов; как я поняла, ширина его 932рх
3. Рисунок. Добротный:
http://s56.radikal.ru/i154/1305/c8/956de6b4cce5t.jpg
4. Видимые границы на рисунке отмечены жирными линиями.

0

947

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

941

Заказ востребован.

0

948

у меня стоит таблица
http://terranova.rusff.ru/
скажите, как сделать так, чтобы колонка в центре была в виде слайдбара и содержание в ней листалось

0

949

Ruanie

Демо
Код:
Код:
<script src="http://www.kozhilya.ru/scripts/justSlider/slider.js"></script>

<style>
#pun-announcement {
	text-align: center;
}
#pun-announcement td {
	vertical-align: middle;
}
#pun-announcement #slider {
	margin: 0 auto;
}
#pun-announcement #slides, #pun-announcement #control {
	display: inline-block;
}
#pun-announcement #slides {
	width: 400px;
	height: 260px;
	margin: 0;
	border: 1px solid black;
}
#pun-announcement #control {
	vertical-align: middle;
}
#pun-announcement #control a {
	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;
}
#pun-announcement #control a:hover {
	background: #6289B4;
}</style>

<table>
	<tr>
    <td>
    	<img src="Ссылка на изображение" alt="Альтернативный текст" style="width: 250px; height: 260px;">
    </td>

    <td id="slider">
    	<table style="height: 260px;">
        <tr>
        	<td id="control"><a href="#" id="prev">&lt;</a></td>

        	<td id="slides">
            <div>

            	Блок 1

            </div>
            <div>

            	Блок 2

            </div>
            <div>

            	Блок 3

            </div>
            <div>

            	Блок 4

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

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

TheKingTiger

Демо
Код:
Код:
<style>
#pun-announcement table {
	height: 360px;
	width: 867px;
	border-spacing: 0px;
}
#pun-announcement td {
	border: 1px solid black;
}
#pun-announcement h3 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
#pun-announcement li {
	margin: 4px 5px;
}
#pun-announcement li a {
	display: block;
	background: gray;
	padding: 3px;
}
#pun-announcement li a:hover {
	display: block;
	background: lightgray;
}

</style>

<table>
	<tr>
    <td>
    	<div style="float: left; width: 50%;">
        <h3>Заголовок</h3>
        
        <ul>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        	<li><a href="Адрес ссылки">Ссылка</a></li>
        </ul>
    	</div>
    	
    	<img src="Адрес ссылки" style="width: 50%; height: 60px;">
    	<div style="overflow: auto; height: 300px;">
        <p>
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mollis neque sit amet leo adipiscing pulvinar sit amet sed lacus. In sed libero elit, eget ultrices eros. Nam mollis fringilla sodales. Nullam eleifend, felis eget facilisis luctus, sem elit porttitor nibh, a faucibus sapien purus ut risus. Sed augue ante, porta sit amet eleifend et, molestie eu tellus. Nullam congue diam eget risus elementum tristique vitae ac dui. Mauris consectetur sapien augue. Aenean elementum erat ac elit luctus non molestie dolor pretium. Nunc a magna eros, id euismod libero. Curabitur eget nisi eget massa eleifend tristique.
        </p>
        <p>
        	Vivamus vitae purus magna, ac imperdiet est. Nam rhoncus eleifend nulla vel fringilla. Duis iaculis elementum massa, eget varius nibh bibendum nec. Nunc laoreet purus vitae lacus pretium id pharetra est molestie. Aliquam vitae magna libero, at blandit nunc. Ut aliquam fermentum turpis ac molestie. Donec in nisi augue. Aliquam ante lorem, ultricies eu condimentum non, elementum id lacus. Integer eu volutpat nisi.
        </p>
        <p>
        	Nam eu feugiat lectus. Suspendisse potenti. In nunc libero, facilisis nec tristique eget, commodo semper mauris. Etiam quis augue sapien, vel facilisis lorem. Aliquam suscipit, odio ac tempor consequat, quam sapien malesuada nunc, sed condimentum ligula turpis vitae quam. Mauris commodo pulvinar ligula vel fringilla. Integer ac quam purus, sollicitudin iaculis nibh. Maecenas sed diam arcu. Etiam sem velit, ultricies ut egestas at, vehicula a nisl. Nulla mattis, libero sit amet luctus imperdiet, urna erat convallis leo, non tempus dui mi nec sapien. Cras lacinia, magna ut sollicitudin tincidunt, sapien nibh tincidunt nunc, nec feugiat turpis nisl eget libero. Sed vulputate faucibus mattis. Praesent quis lorem eget nisi gravida lacinia dignissim quis diam.
        </p>
    	</div>
    </td>
    
    <td style="width: 360px;">
    	
    </td>
	</tr>
</table>

Enima Lin
Использовать слайдер. Ваш Кеп.
Вот простейший:

Код:
<style>
#example {
	text-align: center;
}
#example td {
	vertical-align: top;
}
#example #slider {
	margin: 0 auto;
	height: 300px;
}
#example #slides, #example #control {
	display: inline-block;
	height: 100%;
}
#example #slides {
	width: 650px;
	margin: 0;
	border: 1px solid black;
}
#example #control {
	vertical-align: top;
}
#example #control a {
	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;
}
#example #control a:hover {
	background: #6289B4;
}
</style>

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

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

	<div>
    Slide 1
	</div>

	<div>
    Slide 2
	</div>

	<div>
    Slide 3
	</div>

</div>

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

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

Приношу извинения за задержку: сессия.

+2

950

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

TheKingTiger

Демо

Спасибо! То, что надо! +

0

951

1. ссылка на форум http://cwdarktimes.0pk.ru/
2. ширина форума: 770px
3. Рисунок:
http://s1.uploads.ru/1yNzV.png
4. границы у таблицы: там всё подписано, у большого окошка с текстом границы нужны
5. доп.элементы: цвета фона такие же как на картинке. Да и можно сделать так, что бы при наведении на аватарки администрации (кстати, если понадобится, то их размер у админов 60 на 60, а у модеров 40 на 40) "всплывал" ник, а при нажатии на авик пользователя отправляло на страницу профиля.
Шрифт не знаю какой, но красивенький :3

Стрелочки:
http://s1.uploads.ru/7x9Bl.png
http://s1.uploads.ru/VuLwq.png

Отредактировано Фера (24.05.2013 21:20:59)

0

952

так что.

0

953

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

Использовать слайдер. Ваш Кеп.
Вот простейший:

остроумно, конечно. Но если не знаешь как его встроить правильно в нужную ячейку то как быть?
Попыталась ваш код вставить как раз таки, и у меня все три слайдбара так же в одном окне и остались, а при нажатии на стрелки ничего не происходило

0

954

Enima Lin
Эм... Да, я тупанул. В начале этого кода должно быть ещё

<script src="http://kozhilya.ru/scripts/justSlider/slider.js"></script>

Тут, правда, один нюанс: хостинг недавно переехал и сменил DNS. Так что если не заработает сразу, то, с большой долей вероятности, всё заработает в течении пары дней (хотя переезд был 3 дня назад).

Фера
Сегодня будет.

0

955

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

Эм... Да, я тупанул. В начале этого кода должно быть ещё
<script src="http://kozhilya.ru/scripts/justSlider/slider.js"></script>
Тут, правда, один нюанс: хостинг недавно переехал и сменил DNS. Так что если не заработает сразу, то, с большой долей вероятности, всё заработает в течении пары дней (хотя переезд был 3 дня назад).

да, что-то все еще не работает

0

956

больше на  надо

Отредактировано Nocticula de Michi (09.06.2013 19:14:03)

0

957

.спасибо, но уже не актуально(

1. http://shamanshistory.mybb.ru/
2.
3. 1 контейнер
2 контейнер
3 контейнер
4 контейнер
5 контейнер
Стрелки:
http://s1.uploads.ru/rpIU4.png http://s1.uploads.ru/5w167.png
4. границы у таблицы: нет.
5. прокрутка в нужных местах.)

Отредактировано Сашира (16.06.2013 15:04:32)

0

958

http://s3.uploads.ru/Ogywc.png
такую сделать.

0

959

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

Отредактировано Marinka (11.06.2013 21:01:31)

0

960

1. ссылка на форум
http://testtds.rusff.ru/
2. ширина форума (ссылка на форум ничего может не показать, если дизайн в разработке).
800
3. добротный рисунок с границами хотя бы в Paint'е, по которому можно определить чёткое количество столбцов и количество строк (решётку):
http://savepic.org/3697862.png
4. границы у таблицы: нет
Хочется, чтобы первая вкладка была всегда открыта первой. Как-то так. Думаю, что на рисунке всё предельно понятно.
Заранее огромное спасибо! Уже не знаем, что делать и где нормальную таблицу искать.

0


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


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