Благодарим за выбор нашего сервиса!
Тестовое сообщение
Страница: 1
Сообщений 1 страница 6 из 6
Поделиться22012-03-29 21:10:00
да да, благодарим
Поделиться32012-03-29 21:10:21
Код:
#nun
Если Вас интересует таблица с того форума, то у них вставлено 2 элементарные. В одной - картинка и вечно забываю как оно называется окошко с прокруткой:
<table border="0" width="100%">
<tbody><tr>
<td>
КАРТИНКА
</td>
<td><div style="width: 350px; height: 100px; overflow-y: scroll;">
ТЕКСТ</div>
</td></tr></table>
Курсивом выделено то самое окошко с прокруткой. Если не нужно - удаляете.
width: 350px; - ширина этого окошка
height: 100px; - его высота.
Опять же - меняется при необходимости
Код второй таблицы:
Выделить код
<table border="0" width="100%">
<tbody><tr><td width="33%">
Администрация
</td>
<td width="34%">
Полезное
</td>
<td width="33%">
Партнеры
</td></tr></tbody></table>Поделиться42012-03-29 21:13:42
вверх
Код:
<style>
.container1 {width: 100%; margin: 0 auto; padding: 0;}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 40px;
width: 467px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 40px;
line-height: 40px;
border: 0px;
border-top: 1px dotted #9d90be;
border-bottom: 1px dotted #9d90be;
border-right: 1px dotted #9d90be;
border-left: 1px dotted #9d90be;
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 #9d90be;
border-top: 0px solid #9d90be;
border-left: 0px solid #9d90be;
border-right: 0px solid #9d90be;
}
html ul.tabs li.active {
background: url();
border-bottom: 0px solid #9d90be;
border-top: 0px solid #9d90be;
border-left: 0px solid #9d90be;
border-right: 0px solid #9d90be;
}
html ul.tabs li.active a:hover {
background: url();
border-bottom: 0px solid #160f0a;
}
.tab_container1 {
clear: both;
float: left;
width: 100%;
height: 100px;
background-image : url();
background-color: #9d90be;
border-bottom: 1px solid #9d90be;
border-top: 0px solid #9d90be;
border-left: 0px solid #9d90be;
border-right: 0px solid #9d90be;
-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 #9d90be;
}
</style>объявление
Код:
<!-- начало скриптов вкладок -->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<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>
<!-- конец скриптов вкладок -->
<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>
<!-- Вкладки и их содержимое -->
<div class="container1">
<ul class="tabs">
<li class="active"><a href="#tab1">Вэлкам (у них тут вставлены картинки)</a></li>
<li><a href="#tab2">Grossip</a></li>
<li><a href="#tab3">other</a></li>
</ul>
<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 1
</div></div>
<div style="display: none;" id="tab2" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 2
</div></div>
<div style="display: none;" id="tab3" class="tab_content">
<div style="width:100%; height: 340px; overflow:auto; overflow-x:hidden; padding:1px;">
текст 3
</div></div>
</div></div><!-- Конец вкладок и их содержимого -->
</td></tr></table>Поделиться52012-03-29 21:14:02
Во втором коде, который вставляется в объявление, где у меня прописано текст 1 (текст 2 или текст 3, куда необходимо), просто вставляете таблицу, а ее уж оформляете на Ваш вкус. Ну, к примеру:
<table widht="100%><tr><td widht="70%>текст</td><td widht="30%>навигация</td></tr></table>
Поделиться62012-03-30 20:03:13
вверх
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>вниз
Код:
<style>
div .splLink {width: 200px; height: 40px; border: 0x solid #282828; background: none; text-align: center; font-family: Arno Pro; font-size: 17px; padding: 5px;}
.spll {width: 150px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background: none; padding: 5px; z-index: 1000; margin-top: 0px; border: 1px solid #000; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>объявление
Код:
<table border="1" width="100%">
<tbody align="center">
<tr>
<td width="100%" colspan=3><img src=адрес картинки></td>
</tr>
<tr>
<td width="33%">Администраторы:<br>
Админ 1<br>
Админ 2<br>
Админ 3
</td>
<td width="34%" rowspan=2>Новости:<br>
<div style="overflow: scroll; overflow-x: hidden; height:150px; width:avto">текст новостей</div>
</td>
<td width="33%" rowspan=2>Победители конкурса:<br>
</td>
</tr>
<tr>
<td width="33%" rowspan=2>Модераторы:<br>
Модер 1<br>
Модер 2</td>
</tr>
<tr>
<td width="34%">
<select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value="адрес">Текст</option>
<option value="адрес">Текст</option>
<option value="адрес">Текст</option>
<option value="адрес">Текст</option>
<option value="адрес">Текст</option>
</select>
</td>
<td width="33%"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<b>Партнёры:</b>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">наши партнёры</DIV></DIV>
</div></td>
</tr>
</tbody>
</table>Страница: 1