Выполненные заказы на техническое оснащение

Страница: « 1 … 66 67 68 69 70 … 83 »

Тема закрыта

Сообщений 671 страница 680 из 821

Поделиться67109.06.12 18:06

Автор: Jii-Jo
Призрак
Последний визит:
18.04.14 17:05
Уважение: +392

Tech
Вам в эту тему: Контейнер с вкладками для информации.

Поделиться67211.06.12 09:43

Автор: Нота
Призрак
Последний визит:
01.07.12 16:57
Уважение: +14

1. Ссылка на форум:
http://kvpp.3bb.ru/
2. Эскиз таблицы:

3. Дополнительные предпочтения:
--

Поделиться67312.06.12 16:50

Автор: Tech
Призрак
Последний визит:
23.06.12 15:38
Уважение: +1

Jii-Jo
Уверены?
У меня таблица совсем другой планировки .-.

Подпись автора: .

Поделиться67413.06.12 18:30

Автор: Тейлин
Призрак
Последний визит:
28.03.14 17:21
Уважение: +11

1. Ссылка на форум:
форум только планируется
2. Эскиз таблицы:
http://s005.radikal.ru/i211/1206/7c/914912dee6cf.jpg
3. Дополнительные предпочтения:
1 - бегущая строка баннеров; 2 - контейнер, открывающийся при щелчке. фон сделать прозрачным, рамку убрать; 4 - с прокруткой.

Поделиться67513.06.12 20:24

Автор: Ghоst
Призрак
Последний визит:
22.11.13 16:00
Уважение: +300

Всем заказчикам таблиц.

Чтобы ваш заказ сделали быстрее, указывайте, пожалуйста:

- размеры картинок, которые хотите вставлять;
- размеры блоков, высоту и ширину таблицы;
- цвета в шестнадцатеричной системе, то есть #cccccc;
- названия шрифтов, если таковые хотите использовать;
- размеры текстов и заголовках в стандартных единицах.

Спасибо.

Отредактировано Ghоst (14.06.12 00:42)

Поделиться67613.06.12 21:21

Автор: Ghоst
Призрак
Последний визит:
22.11.13 16:00
Уважение: +300

Миа

Заспойлерил, ибо много текста

Скрипт (в html-низ)
Код:
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>
Стили
<style>
.container1 { width: 100%; margin: 0 auto; padding: 0;}

ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 40px;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 40px;
line-height: 40px;
border: 0px;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
border-right: 1px dotted #000000;
border-left: 1px dotted #000000;
margin-bottom: -2px;
background: url();
overflow: hidden;
position: relative;
}

ul.tabs li a {
text-decoration: none;
color: transparent;
display: block;
padding: 0 5px;
background: url();
outline: none;
}

ul.tabs li a:hover {
background: url();
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}

html ul.tabs li.active {
background: url();
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}

html ul.tabs li.active a:hover {
background: url();
border-bottom: 0px solid #160f0a;
}

.tab_container1 {
clear: both;
float: left;
width: 100%;
height: 480px;
background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;

-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.tab_content {
padding: 5px;
}

.tab_content h2 {
font-weight: normal;
padding-bottom: 2px;
border-bottom: 0px dashed #000000;
}

/*
стили ссылок
*/

sidebarlinks {margin: 5px 10px 5px 10px; padding: 5px}
.sidebarlinks a{display: block; color:#3d3d3d; background-color: #F7F7F5; text-align: center; width:175px; padding: 3px 0 3px 0; margin: 0 0 1px 0; text-transform: uppercase; text-decoration: none}
.sidebarlinks a:hover{background-color: #C5CEAE; color:#3d3d3d}
</style>

Выделенные жирным значения ширины и высоты подстраивайте под себя.
<div class="container">
<div class="html-box">

<ul class="tabs">
<li class="active"><a href="#tab1">Основное</a></li>
<li><a href="#tab2">По игре</a></li>
<li><a href="#tab3">Реклама и партнеры</a></li>
</ul>

<div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table>
<tr valign="top"><td><center>Администраторы<br>
<img src=""> <img src=""> <img src=""><br><br><br> Модераторы<br> <img src=""> <img src=""> <img src=""> <img src=""><br><br><br>Полезные ссылки<br><div class="sidebarlinks">
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a></div>

</center> </td>

<td>Новости форума:<br><br><div style="overflow-y: auto; height: 300px">ваш текст</div></td></tr>
</table>

</div>

<div style="display: none;" id="tab2" class="tab_content">
<table><tr><td>Погода и время в игре:<br><br><div style="overflow-y: auto; height: 300px">ваш текст</div></td>

<td>События в игре:<br><br><div style="overflow-y: auto; height: 300px">ваш текст</div></td></tr></table>
</div>

<div style="display: none;" id="tab3" class="tab_content">
<div style="overflow-y: auto; height: 300px"> ваш текст</div>
</div>

</div>
</div>
</div>

Высоту блоков с прокруткой подстраивайте под себя (жирным)

Отредактировано Ghоst (13.06.12 23:27)

Поделиться67713.06.12 23:34

Автор: Tech
Призрак
Последний визит:
23.06.12 15:38
Уважение: +1

Ghоst
Мне сделаете? :3

Подпись автора: .

Поделиться67813.06.12 23:50

Автор: Ghоst
Призрак
Последний визит:
22.11.13 16:00
Уважение: +300

Макс Андерсон написал(а):

Хотелось бы конечно, чтобы выглядело красиво. Бегущая строка справа налево. Выделена курсором и подчеркиванием. Слово новости не двигается, расположено по центру и выделено жирным и зеленым цветом.(). Слово админы посередине и выделено жирным с красным цветом(). Со словом модеры тоже самое, но синим(). Ну и сами списки модеров и админов посередине. Информацию для гостей тоже посередине, выделить жирным и и этим цветом(). Текст курсивом и по центру.
Погода в регионах посередине, жирным и (color=teal][/color]). Лучший игрок - так же как и погоду в регионах. Только требуется на месте ответа сделать изображение.
Ну и желательно, чтобы это все выглядело пропорционально.

Уточните цвета в шестнадцатеричной системе: #аааааа.
Делать красиво, считайте, не умею, хех - делаю ровно то, что вы начертите и укажете.

Код:

<table align='center'>
<tr>
<td ><div style="-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px #222 solid; padding: 6px; text-align: center"><b>Админы</b> <br><br><br></div></td>
<td width="672"><center><b>Информация для гостей</b><center><br> текст</td>
<td ><div style="-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px #222 solid; padding: 6px; text-align: center"><b>Модеры</b> <br><br><br></div></td>
</tr>
<tr>
<td><div style="-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px #222 solid; padding: 6px; text-align: center"><b>Погода в регионах</b> <br><br><br></div></td>
<td width="672"> <img src="http://uploads.ru/i/e/W/7/eW7Gc.jpg" width="672" height="370" border="0" usemap="#map" />
    <map name="map">
    <area shape="rect" coords="0,0,280,30" href="http://pikanami.anihub.ru/viewtopic.php?id=2" />
    <area shape="rect" coords="0,30,280,60" href="http://pikanami.anihub.ru/viewtopic.php?id=15" />
    <area shape="rect" coords="0,60,280,90" href="http://pikanami.anihub.ru/viewtopic.php?id=9" />
    <area shape="rect" coords="0,90,280,120" href="http://pikanami.anihub.ru/viewtopic.php?id=3" />
    <area shape="rect" coords="0,120,280,150" href="http://pikanami.anihub.ru/viewforum.php?id=3" />
    <area shape="rect" coords="0,150,280,180" href="http://pikanami.anihub.ru/viewtopic.php?id=20#p66" />
    </map></td>
<td><div style="-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px #222 solid; padding: 6px; text-align: center"><b>Лучший игрок</b> <br><br><br></div></td>

</tr>

<tr>

<td colspan=3><center><b>Новости</b> <br> <marquee style="text-decoration: underline">...</marquee></center></td>
</tr>

</table>

Пока что так. Сформулируете четче, что поправить - поправлю.

Поделиться67913.06.12 23:51

Автор: Ghоst
Призрак
Последний визит:
22.11.13 16:00
Уважение: +300

Tech
Сделаю. Переключение знаю, момент. Это не так просто, как кажется, серьезно. Особенно размеры.

Поделиться68014.06.12 00:41

Автор: Ghоst
Призрак
Последний визит:
22.11.13 16:00
Уважение: +300

Tech
Я *бнулся. Но сделал)

Таблица.

Код:

<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active style=""><a href="#tab1">Вкладка 1</a></li>
    <li class=""><a href="#tab2">Вкладка 2</a></li>
    <li class=""><a href="#tab3">Вкладка 3</a></li>
   <li class=""><a href="#tab4">Вкладка 4</a></li>
   <li class=""><a href="#tab5">Вкладка 5</a></li>
   <li class=""><a href="#tab6">Вкладка 6</a></li>
</ul>

      <div class="tab_container1">

<div style="display: none; " id="tab1" class="tab_content">

<table> <tr><td width=65%>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, nunc in faucibus hendrerit, mi magna tristique augue, sed consectetur nunc ligula id neque. Etiam sit amet ipsum ante, in ultricies nulla. Aenean tempor orci non diam dignissim ornare. Aliquam sagittis eleifend elit in molestie. Aenean scelerisque diam in massa hendrerit egestas. Morbi urna odio, ultrices at sagittis luctus, viverra quis felis. Donec sit amet mi felis. </td><td><div class="sidebarlinks">
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a>
<a href="ссылка">ссылка</a></div></td></tr></table>


</div>

<div style="display: none; " id="tab2" class="tab_content">


<div style="overflow-y: auto; height: 300px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, nunc in faucibus hendrerit, mi magna tristique augue, sed consectetur nunc ligula id neque. Etiam sit amet ipsum ante, in ultricies nulla. Aenean tempor orci non diam dignissim ornare. Aliquam sagittis eleifend elit in molestie. Aenean scelerisque diam in massa hendrerit egestas. Morbi urna odio, ultrices at sagittis luctus, viverra quis felis. Donec sit amet mi felis.

Donec ultricies ante in neque semper egestas a eget est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque consectetur sem a metus rutrum tempus. Pellentesque varius, ligula non volutpat pharetra, erat tortor viverra arcu, eget faucibus purus erat nec velit. Nulla ipsum mauris, faucibus a laoreet adipiscing, facilisis at diam. Duis non elit in diam fringilla condimentum. Integer ut ligula justo. Donec placerat massa vel tortor ullamcorper eu facilisis nisl ultrices. Maecenas feugiat, mi at volutpat pretium, leo ipsum varius tellus, non sollicitudin augue enim porttitor ipsum. Quisque ut diam non nisl ornare egestas. Aliquam venenatis mollis risus ut fermentum. Integer sodales ultricies viverra. Pellentesque convallis leo et eros hendrerit sed pretium eros dapibus. Maecenas at iaculis velit.

Aenean nibh elit, gravida ultrices venenatis ut, pharetra eget augue. Maecenas a blandit nunc. Duis lectus lacus, accumsan eu euismod et, pretium eget ipsum. Curabitur euismod, nisi vel molestie dapibus, leo metus aliquet augue, adipiscing commodo nunc enim non justo. Praesent auctor sapien eu quam commodo porta. Praesent sodales felis eu ante ultricies ullamcorper. Pellentesque aliquam cursus venenatis. Ut pulvinar placerat orci in laoreet. Praesent porttitor posuere commodo.

Donec nisl purus, pharetra in elementum quis, vestibulum sit amet arcu. Mauris vitae elit et magna pharetra dapibus vitae et diam. Vivamus porta dui a enim vehicula suscipit. Aliquam orci risus, gravida eget ultricies ac, mollis ut nisi. Suspendisse et commodo ipsum. Fusce eget mauris at mi volutpat porttitor nec eget orci. Vestibulum gravida iaculis consectetur. Nam viverra fringilla ante at fermentum. In molestie fermentum mi, sit amet ultricies dolor gravida a. Suspendisse potenti. Nulla pharetra condimentum vulputate. Morbi eu magna ut eros sollicitudin blandit in vel lacus. Nullam erat urna, congue ut tincidunt sed, elementum non purus. Sed non tortor augue. Morbi vehicula vestibulum lacus at bibendum. Vivamus sit amet justo nulla, non pellentesque massa.

Donec id luctus risus. Pellentesque sapien turpis, auctor at adipiscing eu, suscipit pulvinar nunc. Phasellus luctus faucibus magna, a facilisis tellus pellentesque quis. Nullam quis erat in risus accumsan pharetra eu at lacus. Phasellus eleifend erat ut dui rutrum ac mattis nulla interdum. Suspendisse potenti. Ut ac porta velit. Nulla egestas iaculis arcu sit amet molestie. Fusce a tempus orci. Sed et eros eu augue rutrum elementum. Nullam luctus leo justo, vitae vestibulum tortor. Donec et elit ante.  </div>


</div>



<div style="display: block; " id="tab3" class="tab_content"> 

<div class="container">
    <div class="html-box">

<ul class="tabs2">
    <li class="active" style=""><a href="#tab21">Вкладка 1</a></li>
    <li><a href="#tab22">Вкладка 2</a></li>
    <li><a href="#tab23">Вкладка 3</a></li>
</ul>

      <div class="tab_container2">

<div style="display: block; " id="tab21" class="tab_content2">
<div style="overflow-y: auto; height: 200px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, nunc in faucibus hendrerit, mi magna tristique augue, sed consectetur nunc ligula id neque. Etiam sit amet ipsum ante, in ultricies nulla. Aenean tempor orci non diam dignissim ornare. Aliquam sagittis eleifend elit in molestie. Aenean scelerisque diam in massa hendrerit egestas. Morbi urna odio, ultrices at sagittis luctus, viverra quis felis. Donec sit amet mi felis.

Donec ultricies ante in neque semper egestas a eget est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque consectetur sem a metus rutrum tempus. Pellentesque varius, ligula non volutpat pharetra, erat tortor viverra arcu, eget faucibus purus erat nec velit. Nulla ipsum mauris, faucibus a laoreet adipiscing, facilisis at diam. Duis non elit in diam fringilla condimentum. Integer ut ligula justo. Donec placerat massa vel tortor ullamcorper eu facilisis nisl ultrices. Maecenas feugiat, mi at volutpat pretium, leo ipsum varius tellus, non sollicitudin augue enim porttitor ipsum. Quisque ut diam non nisl ornare egestas. Aliquam venenatis mollis risus ut fermentum. Integer sodales ultricies viverra. Pellentesque convallis leo et eros hendrerit sed pretium eros dapibus. Maecenas at iaculis velit.</div>

</div>

<div style="display: none; " id="tab22" class="tab_content2">
<div style="overflow-y: auto; height: 200px">Aenean nibh elit, gravida ultrices venenatis ut, pharetra eget augue. Maecenas a blandit nunc. Duis lectus lacus, accumsan eu euismod et, pretium eget ipsum. Curabitur euismod, nisi vel molestie dapibus, leo metus aliquet augue, adipiscing commodo nunc enim non justo. Praesent auctor sapien eu quam commodo porta. Praesent sodales felis eu ante ultricies ullamcorper. Pellentesque aliquam cursus venenatis. Ut pulvinar placerat orci in laoreet. Praesent porttitor posuere commodo.

Donec nisl purus, pharetra in elementum quis, vestibulum sit amet arcu. Mauris vitae elit et magna pharetra dapibus vitae et diam. Vivamus porta dui a enim vehicula suscipit. Aliquam orci risus, gravida eget ultricies ac, mollis ut nisi. Suspendisse et commodo ipsum. Fusce eget mauris at mi volutpat porttitor nec eget orci. Vestibulum gravida iaculis consectetur. Nam viverra fringilla ante at fermentum. In molestie fermentum mi, sit amet ultricies dolor gravida a. Suspendisse potenti. Nulla pharetra condimentum vulputate. Morbi eu magna ut eros sollicitudin blandit in vel lacus. Nullam erat urna, congue ut tincidunt sed, elementum non purus. Sed non tortor augue. Morbi vehicula vestibulum lacus at bibendum. Vivamus sit amet justo nulla, non pellentesque massa.

Donec id luctus risus. Pellentesque sapien turpis, auctor at adipiscing eu, suscipit pulvinar nunc. Phasellus luctus faucibus magna, a facilisis tellus pellentesque quis. Nullam quis erat in risus accumsan pharetra eu at lacus. Phasellus eleifend erat ut dui rutrum ac mattis nulla interdum. Suspendisse potenti. Ut ac porta velit. Nulla egestas iaculis arcu sit amet molestie. Fusce a tempus orci. Sed et eros eu augue rutrum elementum. Nullam luctus leo justo, vitae vestibulum tortor. Donec et elit ante.  </div>

</div>

<div style="display: none; " id="tab23" class="tab_content2"> 
текст 3
</div>

      </div>
    </div>
</div>


</div>

<div style="display: block; " id="tab4" class="tab_content"> 


<div class="container">
    <div class="html-box">

<ul class="tabs3">
    <li class="active" style=""><a href="#tab31">Вкладка 1</a></li>
    <li><a href="#tab32">Вкладка 2</a></li>
    <li><a href="#tab33">Вкладка 3</a></li>
</ul>

      <div class="tab_container3">

<div style="display: block; " id="tab31" class="tab_content3">
<table> 
<tr>

<td><img src=''>лево-верх</td>

<td><img src=''>право-верх</td>
</tr>

<tr>
<td><img src=''>лево-низ</td>

<td><img src=''>право-низ</td>
</tr>


</table>
</div>

<div style="display: none; " id="tab32" class="tab_content3">
<table> 
<tr>

<td><img src=''>лево-верх</td>

<td><img src=''>центр-верх</td>

<td><img src=''>право-верх</td>
</tr>

<tr>
<td><img src=''>лево-низ</td>


<td><img src=''>центр-низ</td>

<td><img src=''>право-низ</td>
</tr>


</table>
</div>

<div style="display: none; " id="tab33" class="tab_content3"> 
<div style="overflow-y: auto; height: 300px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, nunc in faucibus hendrerit, mi magna tristique augue, sed consectetur nunc ligula id neque. Etiam sit amet ipsum ante, in ultricies nulla. Aenean tempor orci non diam dignissim ornare. Aliquam sagittis eleifend elit in molestie. Aenean scelerisque diam in massa hendrerit egestas. Morbi urna odio, ultrices at sagittis luctus, viverra quis felis. Donec sit amet mi felis.

Donec ultricies ante in neque semper egestas a eget est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque consectetur sem a metus rutrum tempus. Pellentesque varius, ligula non volutpat pharetra, erat tortor viverra arcu, eget faucibus purus erat nec velit. Nulla ipsum mauris, faucibus a laoreet adipiscing, facilisis at diam. Duis non elit in diam fringilla condimentum. Integer ut ligula justo. Donec placerat massa vel tortor ullamcorper eu facilisis nisl ultrices. Maecenas feugiat, mi at volutpat pretium, leo ipsum varius tellus, non sollicitudin augue enim porttitor ipsum. Quisque ut diam non nisl ornare egestas. Aliquam venenatis mollis risus ut fermentum. Integer sodales ultricies viverra. Pellentesque convallis leo et eros hendrerit sed pretium eros dapibus. Maecenas at iaculis velit.

Aenean nibh elit, gravida ultrices venenatis ut, pharetra eget augue. Maecenas a blandit nunc. Duis lectus lacus, accumsan eu euismod et, pretium eget ipsum. Curabitur euismod, nisi vel molestie dapibus, leo metus aliquet augue, adipiscing commodo nunc enim non justo. Praesent auctor sapien eu quam commodo porta. Praesent sodales felis eu ante ultricies ullamcorper. Pellentesque aliquam cursus venenatis. Ut pulvinar placerat orci in laoreet. Praesent porttitor posuere commodo.

Donec nisl purus, pharetra in elementum quis, vestibulum sit amet arcu. Mauris vitae elit et magna pharetra dapibus vitae et diam. Vivamus porta dui a enim vehicula suscipit. Aliquam orci risus, gravida eget ultricies ac, mollis ut nisi. Suspendisse et commodo ipsum. Fusce eget mauris at mi volutpat porttitor nec eget orci. Vestibulum gravida iaculis consectetur. Nam viverra fringilla ante at fermentum. In molestie fermentum mi, sit amet ultricies dolor gravida a. Suspendisse potenti. Nulla pharetra condimentum vulputate. Morbi eu magna ut eros sollicitudin blandit in vel lacus. Nullam erat urna, congue ut tincidunt sed, elementum non purus. Sed non tortor augue. Morbi vehicula vestibulum lacus at bibendum. Vivamus sit amet justo nulla, non pellentesque massa.

Donec id luctus risus. Pellentesque sapien turpis, auctor at adipiscing eu, suscipit pulvinar nunc. Phasellus luctus faucibus magna, a facilisis tellus pellentesque quis. Nullam quis erat in risus accumsan pharetra eu at lacus. Phasellus eleifend erat ut dui rutrum ac mattis nulla interdum. Suspendisse potenti. Ut ac porta velit. Nulla egestas iaculis arcu sit amet molestie. Fusce a tempus orci. Sed et eros eu augue rutrum elementum. Nullam luctus leo justo, vitae vestibulum tortor. Donec et elit ante.  </div>

</div>

      </div>
    </div>
</div>


</div>

<div style="display: block; " id="tab5" class="tab_content"> 
текст 3
</div>

<div style="display: block; " id="tab6" class="tab_content"> 
<table>
<tr>
<td><div style="overflow-y: auto; height: 300px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum, nunc in faucibus hendrerit, mi magna tristique augue, sed consectetur nunc ligula id neque. Etiam sit amet ipsum ante, in ultricies nulla. Aenean tempor orci non diam dignissim ornare. Aliquam sagittis eleifend elit in molestie. Aenean scelerisque diam in massa hendrerit egestas. Morbi urna odio, ultrices at sagittis luctus, viverra quis felis. Donec sit amet mi felis.

Donec ultricies ante in neque semper egestas a eget est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque consectetur sem a metus rutrum tempus. Pellentesque varius, ligula non volutpat pharetra, erat tortor viverra arcu, eget faucibus purus erat nec velit. Nulla ipsum mauris, faucibus a laoreet adipiscing, facilisis at diam. Duis non elit in diam fringilla condimentum. Integer ut ligula justo. Donec placerat massa vel tortor ullamcorper eu facilisis nisl ultrices. Maecenas feugiat, mi at volutpat pretium, leo ipsum varius tellus, non sollicitudin augue enim porttitor ipsum. Quisque ut diam non nisl ornare egestas. Aliquam venenatis mollis risus ut fermentum. Integer sodales ultricies viverra. Pellentesque convallis leo et eros hendrerit sed pretium eros dapibus. Maecenas at iaculis velit.

Aenean nibh elit, gravida ultrices venenatis ut, pharetra eget augue. Maecenas a blandit nunc. Duis lectus lacus, accumsan eu euismod et, pretium eget ipsum. Curabitur euismod, nisi vel molestie dapibus, leo metus aliquet augue, adipiscing commodo nunc enim non justo. Praesent auctor sapien eu quam commodo porta. Praesent sodales felis eu ante ultricies ullamcorper. Pellentesque aliquam cursus venenatis. Ut pulvinar placerat orci in laoreet. Praesent porttitor posuere commodo.

Donec nisl purus, pharetra in elementum quis, vestibulum sit amet arcu. Mauris vitae elit et magna pharetra dapibus vitae et diam. Vivamus porta dui a enim vehicula suscipit. Aliquam orci risus, gravida eget ultricies ac, mollis ut nisi. Suspendisse et commodo ipsum. Fusce eget mauris at mi volutpat porttitor nec eget orci. Vestibulum gravida iaculis consectetur. Nam viverra fringilla ante at fermentum. In molestie fermentum mi, sit amet ultricies dolor gravida a. Suspendisse potenti. Nulla pharetra condimentum vulputate. Morbi eu magna ut eros sollicitudin blandit in vel lacus. Nullam erat urna, congue ut tincidunt sed, elementum non purus. Sed non tortor augue. Morbi vehicula vestibulum lacus at bibendum. Vivamus sit amet justo nulla, non pellentesque massa.

Donec id luctus risus. Pellentesque sapien turpis, auctor at adipiscing eu, suscipit pulvinar nunc. Phasellus luctus faucibus magna, a facilisis tellus pellentesque quis. Nullam quis erat in risus accumsan pharetra eu at lacus. Phasellus eleifend erat ut dui rutrum ac mattis nulla interdum. Suspendisse potenti. Ut ac porta velit. Nulla egestas iaculis arcu sit amet molestie. Fusce a tempus orci. Sed et eros eu augue rutrum elementum. Nullam luctus leo justo, vitae vestibulum tortor. Donec et elit ante.  </div>
</td>


<td width='50%'><img src=''></td>

</tr>

</table>
</div>

      </div>
    </div>
</div>

Скрипт

Код:

<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content3").hide(); 
	$("ul.tabs3 li:first").addClass("active").show();
	$(".tab_content3:first").show();
	
	$("ul.tabs3 li").click(function() {
    $("ul.tabs3 li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content3").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

	$(".tab_content2").hide(); 
	$("ul.tabs2 li:first").addClass("active").show();
	$(".tab_content2:first").show();
	
	$("ul.tabs2 li").click(function() {
    $("ul.tabs2 li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content2").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});



	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});


</script>

Стили

Код:

<style>
.container1 {    width: 100%; margin: 0 auto; padding: 0;}
ul.tabs, .tabs2, .tabs3 {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 100%;
}
ul.tabs li, ul.tabs2 li, ul.tabs3 li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 1px dotted #000000;
    border-bottom: 1px dotted #000000;
        border-right: 1px dotted #000000;
        border-left: 1px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}
ul.tabs2 li, ul.tabs3 li {
width: 33%
}
ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
}
ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}   
html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
} 
html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}
.tab_container1 {
    clear: both;
    float: left; 
    width: 100%;
    height: 480px;
    background-image : url();   
background-color: #FFFFFF;  
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000; 
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_container2, .tab_container3 {
 clear: both;
    float: left; 
    width: 100%;
    height: 380px;

}

.tab_content, .tab_content2, .tab_content3 {
    padding: 5px;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
/* 
стили ссылок
*/
sidebarlinks {margin: 5px 10px 5px 10px; padding: 5px}
.sidebarlinks a{display: block; color:#3d3d3d; background-color: #F7F7F5; text-align: center; width:175px; padding: 3px 0 3px 0; margin: 0 0 1px 0; text-transform: uppercase; text-decoration: none}
.sidebarlinks a:hover{background-color: #C5CEAE; color:#3d3d3d}
</style>

Надеюсь, что я вас правильно понял и что вы со всем этим разберетесь. Тексты внутри контейнеров - рыба, я просто проверял прокрутку.

Тема закрыта

Страница: « 1 … 66 67 68 69 70 … 83 »

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Меню навигации

Пользовательские ссылки

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

Выполненные заказы на техническое оснащение

Сообщений 671 страница 680 из 821

Поделиться67109.06.12 18:06

Поделиться67211.06.12 09:43

Поделиться67312.06.12 16:50

Поделиться67413.06.12 18:30

Поделиться67513.06.12 20:24

Поделиться67613.06.12 21:21

Поделиться67713.06.12 23:34

Поделиться67813.06.12 23:50

Поделиться67913.06.12 23:51

Поделиться68014.06.12 00:41