пост 784 все еще ждет и надеется.
Таблицы на заказ (14)
Сообщений 841 страница 860 из 1000
Поделиться842Чт, 9 Авг 2012 09:42:37
Доброго времени суток!
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
- макет, сделанный в Фотошопе, наложен на скрин форума.
Содержимое информационного поля должно меняться при нажатии на "кнопочки" таблицы, расположенные сверху. Например, нажимаешь "Администрация" - в поле появляется список администраторов. Новости всегда по-умолчанию впереди.
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
http://sw.webtalk.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Слово "Объявление" желательно убрать.
Картинки:
фон кнопки, обводка - 3рх, цвет тёмно-синий. Размер - 166х48
фон информационного поля, обводка - 3рх, цвет тёмно-синий. Размер - 780х332
Надеюсь, ничего не забыла указать. Заранее, большое спасибо!
Поделиться843Чт, 9 Авг 2012 12:57:22
832 пост, всё ещё ждёт.
Поделиться844Чт, 9 Авг 2012 15:09:11
rielСварганила на досуге
Как я поняла, вам примерно такое нужно?
<head> <meta http-equiv="Content-Language" content="ru"> </head> <table border="0" width="745" height="459"> <!-- MSTableType="nolayout" --> <tr> <td height="32" width="745" colspan="2"> <dl> <dt> <font size="4">Админка</font> <font size="4">В игре</font></dt> </dl> </td> </tr> <tr> <td height="181" width="295"> <div style="margin-top: 0px; width: 265px; height: 154px; margin-left: 10px"> <p align="center"> <p align="center"><img src="ссылка на изображение" border="0" /> <img src="ссылка на изображение" border="0" /> <img src="ссылка на изображение" border="0" /><p align="center"> <img src="ссылка на изображение" border="0" /> <img src="ссылка на изображение" border="0" /> </div> </td> <td height="181" width="434"> <div style="overflow: auto; margin-top: 0px; width: 416px; height: 151px; margin-left: 10px"> Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст </div></td> </tr> <tr> <td height="197" width="295" rowspan="3"> </td> <td height="23" width="434"> <p align="center"> <font size="4">Новости</font></td> </tr> <tr> <td height="147" width="434"> <div style="overflow: auto; margin-top: 0px; width: 418px; height: 151px; margin-left: 10px"> <span lang="en-us"> Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст Ваш текст </span></div></td> </tr> <tr> <td height="23" width="434"> </td> </tr> <tr> <td height="31" width="729" colspan="2"> <p align="center">баннеры</td> </tr> </table>
Вот здесь (самое начало):
<table border="0" width="745" height="459">
<!-- MSTableType="nolayout" -->
<tr>
<td height="32" width="745" colspan="2">
То, что помечено красным - ширина. Ее ставите под себя)
Если будут какие-то вопросы - пишите в ЛС)
прошу прощения у админов, что влезла)
Поделиться846Пт, 10 Авг 2012 11:06:00
Только покрасивей. Я просто рисовать не умею.
Поделиться847Пт, 10 Авг 2012 17:17:14
кофейный
Благодарю, примерно такое. Вопросы в ЛС.
Поделиться848Пт, 10 Авг 2012 17:57:27
Мой заказ кто-нибудь примет?
Поделиться849Пт, 10 Авг 2012 17:58:14
Там написано админы,модеры,бег.строка
Поделиться850Пт, 10 Авг 2012 18:02:58
venoms
<TABLE BORDER="0" WIDTH="1000"> <tr> <td align="center">Администраторы</td> <td align="center">Модераторы</td> </tr> <tr> <td colspan="3" align="center" height="56"> <!--- бегущая строка ---> <marquee behavior="scroll" direction="left" width="98%" height="54" loop="0" scrollamount="2" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()" style="line-height: 54px;"> Бла-бла-бла </marquee> </td> </tbody> </table></center> </TR> </TABLE>
Отредактировано Стилл (Пт, 10 Авг 2012 18:11:19)
Поделиться851Пт, 10 Авг 2012 18:24:01
Attrappe
Ваша таблица:
В ХТМЛ-верх:
<style> #menu span { display: block; padding: 7px 5px 7px; margin-right: 5px; margin: 7px 0; width: 205px; height: 55px; text-align: left; text-decoration: none; font-size: 22px; } #menu .tabactive { color: #8a370a; } #submenu { padding: 5px; height: 380px; text-align: center; font-size: 12px; width: 500px; } .submenutext { display: none; height: 378px; } #menu span, #submenu { border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border: 2px solid #000000 !important; } </style>
В объявление:
<center><table align="center" width="770" cellspacing="0" cellpadding="0" border="0" height="410"> <tbody><tr> <td width="250" align="center"> <!--- кнопки меню ---> <div id="menu"> <span alt=#sm1 style="cursor: pointer;">Приветствие</span> <span alt=#sm2 style="cursor: pointer;">Новости</span> <span alt=#sm3 style="cursor: pointer;">Администрация</span> <span alt=#sm4 style="cursor: pointer;">Баннеры</span> </div> <!--- конец кнопок меню ---> </td> <td align="center" id="MenuTxT" style="width: 520px!important;"> <!--- Содержимое меню ---> <div id="submenu" align="center"> <div id="sm1" class="submenutext" style="display:block;"> Бла-бла-бла </div> <div id="sm2" class="submenutext"> Бла-бла-бла2 </div> <div id="sm3" class="submenutext"> Бла-бла-бла3 </div> <div id="sm4" class="submenutext"> Бла-бла-бла4 </div> </div> <!--- конец содержимого ---> </td> </tr></tbody> </table></center> <!--- скрипт меню ---> <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>
Поделиться852Пт, 10 Авг 2012 19:52:21
пост #825
Поделиться853Пт, 10 Авг 2012 19:56:29
пост 823 :З
Поделиться854Пт, 10 Авг 2012 22:01:09
3. за нажатие на каждую кнопку (вроде "новости" или "добро пожаловать") выплывает в ячейку информация. прозрачный фон.
Информация... С прокруткой которая?
Отредактировано Стилл (Пт, 10 Авг 2012 22:05:19)
Поделиться855Пт, 10 Авг 2012 23:30:15
карамель`
В ХТМЛ- верх
<style> #menu span { display: block; padding: 7px 5px 7px; margin-right: 5px; margin: 7px 0; width: 205px; height: 55px; text-align: left; text-decoration: none; font-size: 22px; } #menu .tabactive { color: none; } #submenu { padding: 5px; height: 380px; text-align: center; font-size: 12px; width: 500px; } .submenutext { display: none; height: 378px; } #menu span, #submenu { border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border: 2px solid #000000 !important; } </style>
В объявление
<div id="Div_001" align="center">
<table cols="3" valign="top" id="TB_001" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="33%" valign="top" align="right">
<!--&&&Begin: Левая Колонка --><!--&&&левая колонка/Встроенная Табличка_01-->
<table class="" width="100%" cols="1" border="0">
<tr>
<td class="hrTd">
<b><i><span style="color: #8B7E66;">Администрация</span></i></b>
</td>
</tr>
<tr>
<td>
<div class="" align="left" style="height:125px;" ><!-- Start == Начало Заполнения пункта -->
<b><span style="color: #8B4500;">Администаторы</b>
<br>
<br><i><a href="http://madwar.spybb.ru/profile.php?id=19"><span style="color: #8B4726;">Осока</span></a></i>
<br><i><a href="http://madwar.spybb.ru/profile.php?id=16"><span style="color: #8B4726;">Хрустальное сердце</span></a></i>
<br><i><a href="http://madwar.spybb.ru/profile.php?id=26"><span style="color: #8B4726;">Перепелица</span></a></i>
<br>
<br><b><span style="color: #8B4500;">Модераторы</span></b>
<br>---
<br>---
<br>---
<br>---
<br>---
<!--ХХ Конец Заполнения пункта -->
</div></td>
</tr>
</table>
<!--&&&Конец:/Встроенная Табличка_01--></td>
<td width="33%" valign="top" align="right">
<!--&&&Begin: Центральная колонка --><!--&&&Центральная колонка/Встроенная Табличка_02-->
<table class="" width="100%" cols="1" border="0">
<tr>
<td class="hrTd">
<b><i><span style="color: #8B7E66;">Новости</span></i></b>
</td>
</tr>
<tr>
<td>
<div class="Scroll_Div" align="left" style="height:125px;" ><!-- Start == Начало Заполнения пункта -->
<span style="color: #8B7E66;"> Б л а б л а б л а Б л а б л а б л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а
Б л а б л а б л а Б л а б л а б л аБ л а </span><!--ХХ Конец Заполнения пункта -->
</div></td>
</tr>
</table>
<!--&&&Конец:/Встроенная Табличка_03--></td>
<td width="33%" valign="top" align="right">
<!--&&&Begin: Правая Колонка --><!--&&&Правая Колонка/Встроенная Табличка-->
<table class="Игрок недели" width="100%" cols="1" border="0">
<tr>
<td class="hrTd">
<b><i><span style="color: #8B7E66;">Игрок недели</span></i></b>
</td>
</tr>
<tr>
<td>
<div class="Scroll_Div" align="left" style="height:125px;" ><!-- Start == Начало Заполнения пункта -->
-
<!--ХХ Конец Заполнения пункта -->
</div></td>
</tr>
</table>
<!--&&&Конец:/Встроенная Табличка_03-->
</td>
</tr>
</table></div><br/>
<!--============== Конец Таблички с блоками скроллинга=========== -->
<!--============== Таблица для Всплывающего Меню =========== -->
<style>
#table_01 {
margin: 0 -25px 0 25px;
width:99%;
background: url() left top no-repeat;
}/* Стиль всплывающего меню */
div .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.spll {position:relative; width: 130px; height: 70px; margin: 0 0!important; }
.spll div .splCont {height: auto; width: 194px; background: none; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}.spll div .splCont {background-color: #CDAA7D !important; background-image: url("");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;box-shadow:0px 5px 14px #8B6C52;
-webkit-box-shadow:0px 5px 14px #8B6C52;
-khtml-box-shadow:0px 5px 14px #8B6C52;
-moz-box-shadow:0px 5px 14px #8B6C52;
/*text-shadow: #FFFFFF 1px 1px 4px !important;
color: #color: #000000 !important;*/
}
/* Прозрачка в Всплывающем меню */
.spll div .splCont:first-letter {
font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
font-size: 200% !important; /* Размер шрифта первого символа */
color: red; /* Красный цвет текста */
} /* Конец Стиля всплывающего меню */
</style>
<center><table align="center" id="table_01" border="0" cellspacing="0" cellpadding="0">
<tbody id="tbody_01">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1980737.png" style="cursor:pointer; cursor:hand;" alt=""/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<div align="center" width="217" style="margin: -3px 3px 3px 0; height: 167px; padding:0; overflow-y: auto" >
<center style="width:80%;">
<!--Партнёры-->Наши друзья<br/>
<!--Конец -->
</div>
</DIV></DIV></div></td><td>
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1980737.png" style="cursor:pointer; cursor:hand;" alt="Картинка 2"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><!-- Навигация -->
<a href="ссылка">название</a><br>
<a href="ссылка">название</a><br>
<a href="ссылка">название</a><br>
<a href="ссылка">название</a><br>
<a href="ссылка">название</a><br>
<a href="ссылка">название</a><br>
<a href="ссылка">название</a><!--Конец-->
</DIV></DIV></div></td><td>
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1980737.png" style="cursor:pointer; cursor:hand;" alt="Картинка 3"/></div>
<DIV style="DISPLAY: none; color: #A7F0F2/*F2C181*/; text-shadow:#000 1px 1px 1px; position: absolute;" class=splCont jQuery1259073801391="5"><!-- -->
<br><br><br><br>
<!--ХХ Конец Заполнения пункта -->
</DIV></DIV></div></td><td>
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://savepic.ru/1980737.png" style="cursor:pointer; cursor:hand;" alt="Картинка 4"/></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><!-- -->
• <br>
•<!--ХХ Конец Заполнения пункта -->
</DIV></DIV></div></td>
</tr>
</tbody>
</table></center>
<!--Спойлер - контейнер-->
<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>
#TB_001 {
width:94%;
height:158px;
border-collapse: collapse!important;
color:#B3B3B3!important;
}#TB_001 td {
/* border:1px #000 solid; Тест бордюров */
}/* Полупрозрачность кликабельных картинок */
#TB_001 a img{
filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
}
#TB_001 a img:hover{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}/* End Полупрозрачность*/#TB_001 .TD_img {
max-width:430px!important;
max-height:370px!important;
}
.tbl,.tbl td{
width:100%;
text-align:right;
vertical-align: top;
padding:0!important;
border-collapse: collapse!important;
/*border:2px solid #86A2E0!important; Тест бордюров */
}
.tbl .hrTd {
height:24px;
text-align:center;
padding-bottom:4px!important;
vertical-align: bottom;font-size:17px;
text-shadow:#293640 1px 1px 0px!important;
letter-spacing:0.08em;
color:#D3DBFF;
font-family: 'Times New Roman';
}.Scroll_Div {
overflow-y: auto;
overflow-x: hidden;
padding: 0px 10px 0px 14px;
margin: 0px 0px 0px 0px;
}
</style><center><table width="99%" align="center" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="33%">
<center>
<form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<!--Выпадающее меню 1 == Начало Заполнения пункта -->
<!--ХХ Конец Заполнения пункта -->
</select>
</form>
</center>
</td>
<td width="33%">
<center>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<!--Выпадающее меню 2 == Начало Заполнения пункта --><!--ХХ Конец Заполнения пункта -->
</select>
</form>
</center></td>
<td width="33%"><center>
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"><!--Выпадающее меню 3 == Начало Заполнения пункта -->
<!--ХХ Конец Заполнения пункта -->
</select>
</form>
</center></td>
</tr>
</tbody>
</table></center><!--============== Конец Таблички =========== -->
Вместо слово "ссылка" ставим ссылку на тему, вместо "название"- название темы.
Поделиться856Сб, 11 Авг 2012 08:25:44
Спасибо,огромное!!! )
Поделиться858Сб, 11 Авг 2012 08:33:52
1.Гл.Админ
2.Админы
3.Главный Модер
4.Модеры
5.Объявление
6.Бег.строка
Поделиться859Сб, 11 Авг 2012 09:26:45
...
Отредактировано Deff (Сб, 11 Авг 2012 10:01:10)
Поделиться860Сб, 11 Авг 2012 09:43:16
Ups - репит и не туда
Отредактировано Deff (Сб, 11 Авг 2012 10:00:52)