1. Ссылка на форум:
http://wildwe.mybb.ru/
2. Эскиз таблицы:
3. Дополнительные предпочтения:
Исходники для кнопочек :
Выполнено L Micaelis
- Подпись автора
Яочень весёлый чувак, я прекрасен и удивителен, но сейчас я не в настроении…

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Выполненные заказы на техническое оснащение
1. Ссылка на форум:
http://wildwe.mybb.ru/
2. Эскиз таблицы:
3. Дополнительные предпочтения:
Исходники для кнопочек :
Выполнено L Micaelis
Яочень весёлый чувак, я прекрасен и удивителен, но сейчас я не в настроении…
|
Koul,
хтмл верх
<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(https://upforme.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>хтмл низ
<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>объявление
<table width="100%"> <tr><td width="50%" colspan="2"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Объявления</div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="50%" colspan="2">Стаи</td></tr> <tr><td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/o/P/x/oPxES.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/i/A/N/iANsf.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/w/k/Q/wkQWO.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/g/B/o/gBorH.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td></tr> </table>
Как скажете.
1. ссылка на форум - http://qps.ru/J2qp9
2. эскиз таблицы.:
http://s58.radikal.ru/i162/1201/48/bcd1de05ec25.jpg
3. дополнительные предпочтения -
в пунктах 1 и 2 заголовки крупным шрифтом. В 3 и 4 прокрутка и курсив.
Выполнено L Micaelis
Элейто,
<table width="100%" height="200px"> <tr> <td width="50%" height="20%" style="font-size: 15pt">Заголовок 1</td> <td width="50%" height="20%" style="font-size: 15pt">Заголовок 2</td> </tr> <tr> <td width="50%" style="font-style: italic"><div style="overflow-y: auto; overflow-x: hidden; height: 80%">Текст</div></td> <td width="50%" style="font-style: italic"><div style="overflow-y: auto; overflow-x: hidden; height: 80%">Текст</div></td> </tr> </table>
<table width="100%" height="200px">
Высоту меняете на свою)
Koul,
я вам уже сказала: в Навигации по скриптам есть описание скрипта и подробное описание стиля этих контейнеров.
<table width="100%"> <tr><td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/o/P/x/oPxES.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/i/A/N/iANsf.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/w/k/Q/wkQWO.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td width="25%"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://uploads.ru/t/g/B/o/gBorH.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td></tr> </table>
1. http://magi4eska9.rolka.su/
2. 
3. Размеры таблицы соблюсти, таблицу сделать прозрачной, без границ.
Фон для всей таблицы без надписей вот
(картинку потом перезалью).
Прокрутка:
<div style="height: 111px; overflow: auto">содержимое<div>
И самое важное, это то!
При клике "ТАМ ГДЕ КРАСНАЯ РАМКА", меняется контент "ТАМ ГДЕ ЖЕЛТАЯ РАМКА"
Ну пожалуй все!
d-__-b
Нравится выполненное задание? А мне нравятся плюсы...
На счет "действительно" плохо выполненных заказов, прошу в Лс. Я учусь, экзамены, и другие человечачии хлопоты - и у меня "творческое истощение".
1. Ссылка на форум:
http://werewolfandpeople.rolka.su
2. Эскиз таблицы:
http://i28.fastpic.ru/big/2012/0116/3e/ … 39ed3e.png
3. Дополнительные предпочтения:
Чтобы линии было видно.
Простенькая таблица, которую я смогу поставить в уже существующую, в раздел "Администрация"
Сакура,
<table width="100%" height="auto" border="0"><tr> <td>Модераторы</td> <td> Администраторы</td> <td>Другие помощники</td> </tr></table>
SergeyRatkin,
<center><table width="700px" height="500px" border="0" style="background: transparent url(http://uploads.ru/i/7/o/U/7oUal.png) top center no-repeat; ">
<tr><td width="383px" height="100px" style="padding-top:20px"><div style="height: 100px; overflow-y: auto; overflow-x: hidden; text-align: center">Текст<div></td>
<td></td></tr>
<tr><td width="60%" height="330px" style="padding-left: 10px;"><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>
<li><a href="#tab4"> </a></li>
</ul>
<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
текст 1
</div>
<div style="display: none;" id="tab2" class="tab_content">
текст 2
</div>
<div style="display: none;" id="tab3" class="tab_content">
текст 3
</div>
<div style="display: none;" id="tab4" class="tab_content">
текст 4
</div>
</div>
</div>
</div></td> <td rowspan="2" style="padding-left: 5px; padding-top: 80px"><div style="height: 270px; width:245px; overflow-y: auto; overflow-x: hidden; text-align: left">Текст<div></td></tr>
<tr><td width="352px" align="center">топы</td></tr>
</table></center><style>
.container1 {width: 352px; margin: 0 auto; border: 0}
ul.tabs {
margin-top: -35px;
float: left;
list-style: none;
height: 50px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 50px;
line-height: 40px;
border: 0px;
border-top: 0px dotted #000000;
border-bottom: 0px dotted #000000;
border-right: 0px dotted #000000;
border-left: 0px dotted #000000;
margin-bottom: 2px;
background: url();
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: transparent;
display: block;
padding: 0 20px;
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: 352px;
height: 243px;
background-image : url();
background-color: transparent;
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
overflow-y: auto;
-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;
}
</style>В нижнее окошко стиля допишите:
.punbb .container {
border: 0px normal #000;
}
1. ссылка на форум -
http://khrnova.anihub.ru/
2. эскиз таблицы.:
тык
3. дополнительные предпочтения - можно ли сделать картинки бледные для ячеек "администрация","новости", "партнеры" всмысле фон чтобы был не прозрачный, а картинкой? далее хотелось бы четких границ во всей таблице. воде бы все..
за ранее спасибо 
[mod]Выполнено Anastasia-Ishenko[/mod]
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Выполненные заказы на техническое оснащение