Вот
Отредактировано Ирэн Миллер. (Пн, 28 Мар 2011 20:42:19)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (11)
Вот
Отредактировано Ирэн Миллер. (Пн, 28 Мар 2011 20:42:19)
Ирэн Миллер., ну посмотрите как оформляются заказы.. Нам самим догадываться где прокрутка, где выпадающее меню, где просто свободное место..
У меня просьба. Нужно подкорректировать вот эту таблицу:
<table width=100% border="1"> <tr> <td width=30% > Текст первой колонки </td> <td width=40% > Текст второй колонки </td> <td width=30% > Текст Третьей колонки </td> </tr> </table>
Нужно,что бы не было рамки. Заранее Спасибо.
Святая
border="0"
Persi88
Благодарю
Ещё один глупый вопрос. Как фон в таблицу поставить?
Ещё один глупый вопрос. Как фон в таблицу поставить?
Святая, здравствуйте!
На примере Вашей таблицы:
<table width=100% border="0" style="background: url(Адрес картинки) no-repeat;">
<tr>
<td width=30% >
Текст первой колонки
</td>
<td width=40% >
Текст второй колонки
</td>
<td width=30% >
Текст Третьей колонки</td>
</tr>
</table>
Читаем внимательно:
Уважаемые пользователи!
При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы,сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.)
2) Ссылка на ваш форум
!Заказы без ссылок приниматься не будут!
Ружена, Susy, Nate •Near• River, .NySs, Святая, таблички можно, но отредактируйте заказы, добавив адреса форумов.
Таблица
Вот форум
http://vampirediariescoffee.mybb.ru/
Картинки
http://s004.radikal.ru/i207/1103/2e/42d4dd970672.jpg
http://s12.radikal.ru/i185/1103/2b/d768db1e6f0f.jpg
http://s06.radikal.ru/i179/1103/63/3215405e5aec.jpg
http://s49.radikal.ru/i125/1103/84/aa6f331abfbd.jpg
Размер
Если можно, сами посмотрите на форуме. Чтобы таблица влезла в объявление.
Границы,
Если можно то сделайте их ели видными,то есть прозрачными
Вся таблица Серым цветом. Всплывающие окна (Сюжет,Погода,Акций,Администрация).Все поля Заголовки красивым старинным шрифтом.
Отредактировано Ирэн Миллер. (Пн, 28 Мар 2011 22:04:47)
Ирэн Миллер., я, честно говоря, затрудняюсь понять, что Вам нужно, где и на чем меню выпадает, где прокрутки...
Но, думаю, это то, что Вам надо. Все вставлять в Объявление:
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 4px -4px;width: 100px;
text-decoration: none;
color:#641C22;
font-size:13px;
text-shadow:#9C706D 1px 1px 2px;
border : 1px solid darkgray;
}
#menu .tabactive {
color: darkred;
}#submenu {
padding: 2px;
height: 310px;
text-align: left;
font-size: 12px;
width: 620px;
border : 1px solid Gray;
}.submenutext {
text-align: center;
background:#F9F1DD;
position:absolute;
width:100%;
max-width: 620px;
display: none;
height: 310px!important;
}
.submenutext img {
right: 0;
}
.bgdiv {
background:url(http://savepic.net/890263.png) right top repeat-y;
position:relative;
text-align: left;
width:100%;
height:100%;
padding-left:2px;
color: white;
}
</style>
<!-- Конец стиля меню -->
<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").css({"z-index":"-1;"})
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).css({"z-index":"1"})
$("td.#MenuTxT div.submenutext").hide(1200);
$("div."+activeDiv).show(2200);
return false; });
});
</script>
<!-- конец скрипта меню -->
<table width="780" border="0" cellspacing="1" cellpadding="1" bgcolor="#B6B6B6" style="border-bottom: 1px solid darkgray; border-left: 1px solid darkgray; border-right: 1px solid darkgray; border-top: 1px solid darkgray;">
<tr><td colspan="4" align="center" style="height: 40px;"><div id="menu"><b><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></b></div></td></tr><tr align="left"><td rowspan="2" colspan="3" id="MenuTxT" valign="top" style="height: 320px; width: 630px;" ><div id="submenu" width="100%"><div id="sm1" class="submenutext" style="display:block;">
<img src="http://s004.radikal.ru/i207/1103/2e/42d4dd970672.jpg" height=100% style="position:absolute;"/>
<div class="bgdiv"><div style="overflow: auto; overflow-x:hidden; width:35%">Тут пишем свой текст Сюжета
</div></div></div><div id="sm2" class="submenutext">
<img src="http://i057.radikal.ru/1103/32/6960a47aa38e.jpg" height=100% style="position:absolute;"/>
<div class="bgdiv"><div style="overflow: auto; overflow-x:hidden; width:35%">Тут пишем свой текст погоды
</div></div></div><div id="sm3" class="submenutext">
<img src="http://s49.radikal.ru/i125/1103/84/aa6f331abfbd.jpg" height=100% style="position:absolute;"/>
<div class="bgdiv"><div style="overflow: auto; overflow-x:hidden; width:35%">Тут пишем свой текст акций
</div></div></div><div id="sm4" class="submenutext">
<img src="http://s12.radikal.ru/i185/1103/2b/d768db1e6f0f.jpg" height=100% style="position:absolute;"/>
<div class="bgdiv"><div style="overflow: auto; overflow-x:hidden; width:35%">Тут пишем свой текст Администрация
</div></div></div></div></td><td width="150"><div style="height: 240px; padding: 2px; border: 1px solid darkgray;">
Текст
</div></td></tr><tr><td style="padding: 3px;"><div align="center"><strong>
Навигация
</strong></div>
<form>
<select name="select" class="forminput"
onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Навигация по сайту </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>
</td></tr></table>
Кофеман я бы добавил строку еще в стиль на подобие:
#menu .tabactive {
border:solid 2px #985555;
color: darkred;
}
Отредактировано Deff (Вт, 29 Мар 2011 00:42:55)
Бодрого времени суток)))
Ваш форум нам однажды уже помогал в оформлении таблицы. Теперь мы хотели бы сменить диз и табл тоже) И опять обращаемся к вам)))
Мы бы хотели такую:
Боковые полосы- всплывающее меню, центральная полоса с прокруткой.
Вот форум на котором собираем диз: http://probnikg.rolka.su/
Картинки:
http://xmages.net/storage/10/1/0/b/6/up … 2a3e5b.png
http://xmages.net/storage/10/1/0/4/3/up … a98393.png
http://xmages.net/storage/10/1/0/8/6/up … 118271.png
http://xmages.net/storage/10/1/0/5/8/up … 957654.png
http://xmages.net/storage/10/1/0/3/d/up … af6b02.png
http://xmages.net/storage/10/1/0/8/b/up … 7dc953.png
http://xmages.net/storage/10/1/0/9/5/up … 03098d.png
Ширина:
общая 820px
средний столбец 310px, остальные равномерно.
Без границ.
Фон таблицы прозрачный.
Фон всплывающих окон #e8eaeb, можно сделать обводку всплывающих окон цветом #333333.
Шрифт стандартный.
Цвет ссылок навигации - чёрный.
Все картинки выравнивание по центру. Весь текст - выравнивание по левому краю.
Под кнопкой администрации вот это:
<center><a href="http://thetwilighttrilogy.rolka.su/profile.php?id=2" title="Vladimir Arborre"><img src="http://xmages.net/storage/10/1/0/2/7/upload/6e1aa1d8.png"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=4" title="Rosalie Hale"><img src="http://xmages.net/storage/10/1/0/7/4/upload/a5fee55b.png"> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=15" title="Marcus Volturi"><img src="http://xmages.net/storage/10/1/0/d/b/upload/558f0f34.png"></a></center><br>
Под кнопкой модерации вот это:
<center><a href="http://thetwilighttrilogy.rolka.su/profile.php?id=6" title="Afenodora Volturi"><img src="http://xmages.net/storage/10/1/0/f/d/upload/bbc90c13.png"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=43" title=" Alec Volturi"><img src="http://xmages.net/storage/10/1/0/7/e/upload/4ff8e837.png"> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=79" title="Heidi Volturi"><img src="http://xmages.net/storage/10/1/0/b/d/upload/5655815b.png"></a></center>
Под кнопкой рейтинги вот это:
<a href="http://top.roleplay.ru/8507" target="top_"> <img src="http://img.rpgtop.su/rpgtop4.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a> <script language="JavaScript"> d = new Date(); var m = d.getTime(); m=m+'&url='; m=m+self.location; var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=9206&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=9206&rand=' + m; a=a+'" width="88" height="31" border="0"></a>'; document.write(a); </script> <noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=9206" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=9206" width="88" height="31" border="0"></a></noscript><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=9206' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=9206&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=9206&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a><a href="http://toponline.msk.ru/"><img src="http://toponline.msk.ru/button.php?u=ORANGE" alt="TopOnline - Рейтинг ролевых игр" border="0" /></a>
Скролл:
<div style="overflow:auto; overflow-x:hidden; height: 200px; scrollbar-face-color: #040404; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #040404; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #040404; scrollbar-arrow-color: #ffffff;">
Под кнопкой навигации вот это:
<select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option value="#">Навигация</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=639#p72827">Правила</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=402#p42151">Шаблон анкет</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=735#p73125">Шаблон акционных анкет</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=674#p72968">Основной сюжет</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=629#p72745">Занятые внешность</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=627#p72742">Список способностей</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=797#p79244">Список персонажей</option> <option value="ссылка">Название</option>
P.S.Надеюсь, что все коды правильные)))
Заранее благодарствуем)
Отредактировано G.rande (Вт, 29 Мар 2011 04:21:39)
Доброго дня! При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы,сделанный в любом графическом редакторе( Пэинт, Фотошоп и т.д.)
http://s014.radikal.ru/i326/1103/27/c21967eebacf.jpg
2) Ссылка на ваш форум
http://inei.mybb.ru/
Можно такую таблицу? желательно чтобы названия: Администраторы, модераторы, игрок недели добро пожаловать и об игре были написаны каким нибудь красивым шрифтом и по цвету сочетался с этим форумом))) http://theoc.rolka.su/
Адрес: http://cotiwoitely.rolka.su/
Скрин таблицы:
Пожелания: Таблица без границ. Всплывающие окна такого цвета:#FFDEAD
Картинки:
№1
№2
№3
№4
№5
№6
Отредактировано Ullia (Вт, 29 Мар 2011 20:26:00)
Ansate
<table width="100%" border="1"> <tr align="center"> <td>Навигация </td> <td>Офицеры </td> </tr> <tr align="center"> <td rowspan="2"> <img src="Адрес картинки"> </td> </tr> <tr align="center"> <td>Часы </td> <td>Полезные ссылки </td> </tr> </table>
Отредактировано Акина (Вт, 29 Мар 2011 19:23:53)
G.rande, Ваша таблица:
В HTML-верх
<style> /* Стиль всплывающего меню */ .splLink {width: 100%; height: 90px; text-align: center; padding-top: 22px;} .splCont {height: auto; width: 260px; background: #e8eaeb; padding: 5px; z-index: 1000; margin-top: -24px; margin-left: -12px; border: 2px solid #333333; font-size: 12px; font-family: Lucida Sans Unicode; text-align: left;} .splCont.center {margin-left:15px;} /* Тень, Прозрачка и Скругление углов во Всплывающем меню */ .splCont {background-color: #e8eaeb; 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;*/ } /* Конец Стиля всплывающего меню */ </style>
Скрипт ставить в самый низ HTML-низ
<!--Спойлер - контейнер--> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Таблица в Объявление:
<center><table width="820" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="255"><DIV><div class=splLink><img alt="admin" src="http://xmages.net/storage/10/1/0/b/6/upload/492a3e5b.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- содержимое окна админы --> <center><a href="http://thetwilighttrilogy.rolka.su/profile.php?id=2" title="Vladimir Arborre"><img src="http://xmages.net/storage/10/1/0/2/7/upload/6e1aa1d8.png"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=4" title="Rosalie Hale"><img src="http://xmages.net/storage/10/1/0/7/4/upload/a5fee55b.png"> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=15" title="Marcus Volturi"><img src="http://xmages.net/storage/10/1/0/d/b/upload/558f0f34.png"></a></center> <!-- конец содержимого окна админы --> </DIV></DIV></td> <td width="310"><DIV><div class=splLink><img alt="adverts" src="http://xmages.net/storage/10/1/0/9/5/upload/1503098d.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class="splCont center"> <!-- содержимое окна рекламы --> контент реклама <!-- конец содержимого окна рекламы --> </DIV></DIV></td> <td width="255"><DIV><div class=splLink><img alt="we need" src="http://xmages.net/storage/10/1/0/8/6/upload/fe118271.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- содержимое окна нам нужны --> нужны <!-- конец содержимого окна нам нужны --> </DIV></DIV></td> </tr> <tr> <td width="255"><DIV><div class=splLink><img alt="moders" src="http://xmages.net/storage/10/1/0/4/3/upload/0da98393.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- содержимое окна модеры --> <center><a href="http://thetwilighttrilogy.rolka.su/profile.php?id=6" title="Afenodora Volturi"><img src="http://xmages.net/storage/10/1/0/f/d/upload/bbc90c13.png"></a> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=43" title=" Alec Volturi"><img src="http://xmages.net/storage/10/1/0/7/e/upload/4ff8e837.png"> <a href="http://thetwilighttrilogy.rolka.su/profile.php?id=79" title="Heidi Volturi"><img src="http://xmages.net/storage/10/1/0/b/d/upload/5655815b.png"></a></center> <!-- конец содержимого окна модеры --> </DIV></DIV></td> <td rowspan="2"><div align="center" style="overflow:auto; overflow-x:hidden; width:98%; height: 223px; padding: 3px; text-align:left; scrollbar-face-color: #040404; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #040404; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #040404; scrollbar-arrow-color: #ffffff;"> <!-- содержимое окна с прокруткой --> прокрутка <!-- конец содержимого окна с прокруткой --> </div></td> <td width="255"><DIV><div class=splLink><img alt="in game" src="http://xmages.net/storage/10/1/0/3/d/upload/e1af6b02.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- содержимое окна в игре --> Контент в игре <!-- конец содержимого окна в игре --> </DIV></DIV></td> </tr> <tr> <td width="255"><DIV><div class=splLink><img alt="ratings" src="http://xmages.net/storage/10/1/0/5/8/upload/68957654.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- содержимое окна рейтинги --> <a href="http://top.roleplay.ru/8507" target="top_"> <img src="http://img.rpgtop.su/rpgtop4.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a> <script language="JavaScript"> d = new Date(); var m = d.getTime(); m=m+'&url='; m=m+self.location; var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=9206&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=9206&rand=' + m; a=a+'" width="88" height="31" border="0"></a>'; document.write(a); </script> <noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=9206" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=9206" width="88" height="31" border="0"></a></noscript><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=9206' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=9206&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=9206&today_hits=1&today_hosts=1&total_hosts=1&cid=special_blue.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a><a href="http://toponline.msk.ru/"><img src="http://toponline.msk.ru/button.php?u=ORANGE" alt="TopOnline - Рейтинг ролевых игр" border="0" /></a> <!-- конец содержимого окна рейтинги --> </DIV></DIV></td> <td width="255"><DIV><div class=splLink><img alt="navigation" src="http://xmages.net/storage/10/1/0/8/b/upload/b57dc953.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> <!-- содержимое окна навигация --> <center><select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option value="#">Навигация</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=639#p72827">Правила</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=402#p42151">Шаблон анкет</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=735#p73125">Шаблон акционных анкет</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=674#p72968">Основной сюжет</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=629#p72745">Занятые внешность</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=627#p72742">Список способностей</option> <option value="http://thetwilighttrilogy.rolka.su/viewtopic.php?id=797#p79244">Список персонажей</option> <option value="ссылка">Название</option></center> <!-- конец содержимого окна навигации --> </DIV></DIV></td> </tr> </table></center>
Отредактировано Кофеман (Вт, 29 Мар 2011 20:47:24)
Здравствуйте, сделайте пожалуйста вот такую таблицу.
Отредактировано Susy (Вт, 29 Мар 2011 20:58:13)
L@почka
<table width="100%" cellspacing="0" cellpadding="0" border="1"><tr><td width="35%" valign="top"><div align="center" style="font: bold 15px;"> Администраторы </div><div align="center"> <img src="Адрес фото администраторов 1" alt="" border="0"> <img src="Адрес фото администраторов 2" alt="" border="0"> <img src="Адрес фото администраторов 3" alt="" border="0"> </div></td><td rowspan="2" valign="top"><div align="center" style="font: bold 15px;"> Игрок недели </div><div align="center"> <img src="Адрес фото игрока недели" alt="" border="0"> </div></td><td width="35%" valign="top"><div align="center" style="font: bold 15px;"> Модераторы </div><div align="center"> <img src="Адрес фото модераторов 1" alt="" border="0"> <img src="Адрес фото модераторов 2" alt="" border="0"> <img src="Адрес фото модераторов 3" alt="" border="0"> </div></td></tr><tr><td width="35%" valign="top"><div align="center" style="font: bold 15px;"> Добро пожаловать! </div><div> *** текст *** </div></td><td width="35%" valign="top"><div align="center" style="font: bold 15px;"> Об игре </div><div><strong> Время: </strong> тут время <br><strong> Погода: </strong> тут погода <br><strong> Действия в игре: </strong> тут действия </div></td></tr></table>
Susy, изучите внимательно пост №488
Отредактировано Кофеман (Вт, 29 Мар 2011 21:02:40)
Ullia
HTML верх
<style> /* Стиль всплывающего меню */ .splLink {width: 100%; height: 120px; text-align: center; } .splCont {height: auto; width: 260px; background: #FFDEAD; padding: 5px; z-index: 1000; margin-top: 10px; margin-left: -5px; border: 2px solid #F4A460; font-size: 12px; font-family: Lucida Sans Unicode; text-align: left;} /* Тень, Прозрачка и Скругление углов во Всплывающем меню */ .splCont {background-color: #FFDEAD; 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;*/ } /* Конец Стиля всплывающего меню */ </style>
Скрипт в сам низ HTML-низ
<!--Спойлер - контейнер--> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
Таблица в Объявление
<center><table width="98%" cellspacing="0" cellpadding="0" border="0"> <tr> <td rowspan="2" colspan="3"> <img src="http://s54.radikal.ru/i143/1103/83/f8bf0df4f1e9.jpg" alt="" border="0" style="width: 100%;"> </td> <td colspan="2" valign="top" style="padding: 1%;"><strong> Новости и объявления: </strong><div style="width: 98%; height: 200px; overflow: auto; overflow-x: hidden;"> тут пишем новости и объявления </div></td></tr><tr><td colspan="2" valign="top" style="padding: 1%;"><strong> События в игре: </strong><div style="width: 98%; height: 200px; overflow: auto; overflow-x: hidden;"> тут пишем о событиях в игре </div></td></tr><tr><td width="20%"> <DIV><div class=splLink><img src="http://s007.radikal.ru/i301/1103/08/991a5ce86405.jpg" alt="" border="0"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент погоды </DIV></DIV> </td> <td width="20%"> <DIV><div class=splLink><img src="http://s011.radikal.ru/i316/1103/69/4171e26ad897.jpg" alt="" border="0"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент администрации </DIV></DIV> </td> <td width="20%"> <DIV><div class=splLink><img src="http://i011.radikal.ru/1103/4c/61d4f8b977ca.jpg" alt="" border="0"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент полезных ссылок </DIV></DIV> </td> <td width="20%"> <DIV><div class=splLink><img src="http://s45.radikal.ru/i110/1103/55/9a10246a8ed0.jpg" alt="" border="0"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент рекламы </DIV></DIV> </td> <td width="20%"> <DIV><div class=splLink><img src="http://s47.radikal.ru/i115/1103/89/ee0302f5c02c.jpg" alt="" border="0"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Ваш Контент баннеров </DIV></DIV> </td> </tr> </table></center>
Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (11)