то что красным цветом
ну я те и говорю, что и так и сяк, ваще не реагирует=\
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №7
то что красным цветом
ну я те и говорю, что и так и сяк, ваще не реагирует=\
ну я те и говорю, что и так и сяк, ваще не реагирует=\
посмотрите ещё раз 840 пост! если таки не получиться пишите заявку на новую таблицу но не факт что он её опять так не растянет!
Zoool! M?Lonely_wolf Попроще было бы вот так:
1. -Красным - табличка для обрамления
2. Синим левая табличка 4 ячеек
3. Зеленым правая табличка из 2-х ячеек
<center><table border="0" cellspacing="0" cellpadding="0" style="height:468px;background: no-repeat url(http://img-fotki.yandex.ru/get/5807/fire587.1/0_5a8df_d72e47ba_XL.jpg);"> <tr> <td width=445 valign="top" align="center"> <table cellspacing="3" cellpadding="10" border=0 height="390"> <tr> <td height="145" valign="top" align="center"> <font style="font-family:Monotype Corsiva;"><font size="+2"><b><font color= "red">Полезные ссылки</font></b></font><br><div style="margin:30px 0px 0px 15px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 182px; height: 145px;"> <a href="http://frpgnarutodrugayabitva.rolka.su/viewtopic.php?id=2"><font size= "4">Сюжет</font></a><br> <a href="http://frpgnarutodrugayabitva.rolka.su/viewtopic.php?id=4"><font size= "4">Правила</font></a><br> <a href="http://frpgnarutodrugayabitva.rolka.su/viewtopic.php?id=3"><font size= "4">Список занятых ролей</font></a><br> <a href="http://frpgnarutodrugayabitva.rolka.su/viewtopic.php?id=9"><font size= "4">Для новичков</font></a><br> </font></div> </td> <td height="145" valign="top" align="center"><font style="font-family:Monotype Corsiva;"><font size="+2"><font color= "fuchsia"><b>Администрация</b></font></font><br><div style="margin:30px 0px 0px 15px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 182px; height: 145px;"> <font size="3">Ya Zooool111!!1 - гл. админ<br> <font size="3">Yagura| | - гл. админ<br> <font size="3">_<br></font></div> </td> </tr> <tr> <td width="20%" height="66" valign="top" align="center"><font style="font-family:Monotype Corsiva;"><font size="+2"><font color= "lime"><b>Объявления</b></font></font><br><div style="margin:30px 0px 0px 15px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 182px; height: 145px;"> <font size= "3">Стартовали две акции. Первая акция на джинчууриков. За ними охотятся акацки, они должны спасти мир. Вторая акция распространяется на акацки. Они объявили войну всему миру, они хотят его захватить, но прежде им необходимо захватить могущественных носителей биджу.</font> </font></div> </td> <td width="20%" height="66" valign="top" align="center"> <font style="font-family:Monotype Corsiva;" size="+2"><font color= "aqua"><b>Баннеры</b></font><br> <div style="margin:30px 0px 0px 15px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 182px; height: 145px;"> <font size= "3"> <a href="http://top.roleplay.ru/13984" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x4.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> </font> </div> </td> </tr> </table> </td><td width=328 valign="top" align="center"> <table cellspacing="3" cellpadding="10" border=0 height="390"> <tr> <td align="center"><img src="http://img-fotki.yandex.ru/get/4515/fire587.1/0_5a8c5_63c068d3_L.jpg"></td> </tr> <tr> <td height="30"> <marquee><font color="red">F</font><font color="fuchsia">R</font><font color="lime">P</font><font color="blue">G</font> <font color="aqua">N</font><font color="purple">a</font><font color="olive">r</font><font color="teal">u</font><font color="red">t</font><font color="fuchsia">o</font>|<font color="lime">O</font><font color="blue">t</font><font color="aqua">h</font><font color="purple">e</font><font color="">r</font> <font color="">f</font><font color="olive">i</font><font color="teal">g</font><font color="red">h<font color="">t </font><font color="fuchsia">закрыта на ремонт</font></marquee> </td> </tr> </table> </td> </tr> </table></center>
Отредактировано Deff (2011-05-23 09:41:07)
Попроще было бы вот так:
вы думаете так не растянется!?
http://img-fotki.yandex.ru/get/5408/fir … 4_XXXL.jpg
стало чуть-чуть лучше, дело не стоит на месте=) еще чуть-чуть и будет все супер, Deff-сан=))
Zoool! M? Думаю эт уже связано именно с Вашим браузером
http://savepic.net/1218058.png (ИЕ6-7-8
- попробуйте чистить КЕШ ?
Zoool! M? Думаю эт уже связано именно с Вашим браузером
http://savepic.net/1218058.png (ИЕ6-7-8
- попробуйте чистить КЕШ ?
Оу=))) Какая прелесть. Спасибо Вулф-чану и Дефф-сану=)))
Zoool! M? Так выровнялось ?
Так выровнялось ?
Йес оф корз=))
1. Ссылка на форум
http://vampire2011.rolevka.ru/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
где нарисованны стрелочки,там прокрутка
4. Форматирование текста
слова "Адми-ия,модера-ы" выделить отдельным цветом и шрифтом.Все картинки кликабельны.Все слова в навигации в виде ссылок
5. Картинки для вставки.
в администрацию
http://s05.radikal.ru/i178/1105/33/0c3ae4ff0a33.jpg
http://s006.radikal.ru/i213/1105/7b/5e9435c4a61e.jpg
модератор
http://i056.radikal.ru/1105/ee/3ecad0b2e7f2.jpg
Отредактировано ЮлияШ (2011-05-24 10:58:11)
ЮлияШ
ну во первых врядли по середине получиться сделать такое большое расстояние, потом где у вас баннеры можно сделать просто одну ячейку не разделённую и так же вставить потом все ячейке разошлись кто куда) у меня если я это буду делать это будет ровнее и по другому! так что?
как сделаете)))
пусть будет ровнее и по-другому)
ЮлияШ
ну вот так у меня только получилось яж ещё не профи так что сильно не судите
<table cellspacing="16" cellpadding="10" border=0 width="100%" height="400"> <tr> <td valign="top" align="center"><font color="red">Администрация</font><br><br> <img src="http://s05.radikal.ru/i178/1105/33/0c3ae4ff0a33.jpg">_<img src="http://s006.radikal.ru/i213/1105/7b/5e9435c4a61e.jpg"> </td> <td valign="top" align="center">Навигация<br><br> <a href="ССЫЛКА">Правила /</a> <a href="ССЫЛКА">Сюжет /</a><br> <a href="ССЫЛКА">Список ролей /</a><br> <a href="ССЫЛКА">Акции /</a> <a href="ССЫЛКА">Анкеты /</a> <a href="ССЫЛКА">Наш чат /</a> </td> <td colspan="2" valign="top"><div style="overflow:auto; height:160px; width:350px; padding:8px; border:0px solid #ccc;"><center>Добро пожаловать!</center><br><br> Текст </div></td> </tr> <tr> <td valign="top" align="center"><font color="red">Модераторы</font><br><br> <img src="http://i056.radikal.ru/1105/ee/3ecad0b2e7f2.jpg"> </td> <td valign="top" align="center">Баннеры<br><br> <marquee direction="up" scrollamount="1" scrolldelay="0" height="140"><center> Код баннера<br><br> Код баннера<br><br> Код баннера<br><br> Код баннера<br><br> Код баннера<br><br> Код баннера<br><br> </center></marquee> </td> <td valign="top" align="center">Лучший игрок недели<br><br> <img src="ССЫЛКА НА КАРТИНКУ"> </td> <td valign="top" align="center"><div style="overflow:auto; height:200px; width:150px; padding:8px; border:0px solid #ccc;">Время и дата в игре<br><br> Текст </div > </tr> </table>
Когда заполните она красивее смотреться будет
А можно слова "Навигация,Добро пожаловать,Лучший игрок недели,Баннеры и погода и время в игре" сделать покрупнее,другим шрифтом и цветом?
И слова Админис-я и моде-ы любым красивым шрифтом и покрупнее?)
А и ещё чтобы при нажатии на фото адм-ов и моде-ов по ссылке пройти можно было))
ЮлияШ
можно!
"Навигация,Добро пожаловать,Лучший игрок недели,Баннеры и погода и время в игре" сделать покрупнее,другим шрифтом и цветом?
цвет какой? размер какой?
И слова Админис-я и моде-ы любым красивым шрифтом и покрупнее?)
да сделаю! только шрифт какой?
А и ещё чтобы при нажатии на фото адм-ов и моде-ов по ссылке пройти можно было))
тоже можно! но куда будет вести ссылка от какой картинки сюда пишите!
Навигация,Добро пожаловать,Лучший игрок недели,Баннеры и погода и время в игре" сделать покрупнее,другим шрифтом и цветом?
размер 20,шрифт-Georgia;цвет-жёлтый все эти слова кроме "Добро пожаловать",это каким-нибудь бледно розовым или похожим на него))
И слова Админис-я и моде-ы любым красивым шрифтом и покрупнее?)
да сделаю! только шрифт какой?
шрифт-Georgia
А и ещё чтобы при нажатии на фото адм-ов и моде-ов по ссылке пройти можно было))
тоже можно! но куда будет вести ссылка от какой картинки сюда пишите!
http://vampire2011.rolevka.ru/viewtopic.php?id=62-1 картинка
http://vampire2011.rolevka.ru/viewtopic.php?id=65-2 картинка
http://vampire2011.rolevka.ru/viewtopic.php?id=64-3 картинка
ЮлияШ
ждите сейчас сделаю!
размер 20,шрифт-Georgia;цвет-жёлтый все эти слова кроме "Добро пожаловать",это каким-нибудь бледно розовым или похожим на него))
не понял!?
ну слова "Добро пожаловать" сделать не жёлтым,а другим цветом.
ЮлияШ
Сделал и ещё сделано специально что бы вы сами смогли изменять цвета и размеры
<table cellspacing="16" cellpadding="10" border=1 width="100%" height="400">
<tr>
<td valign="top" align="center"><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="red">Администрация</font></font></font><br><br>
<a href="ССЫЛКА"><img src=http://s05.radikal.ru/i178/1105/33/0c3ae4ff0a33.jpg></a>
<a href="ССЫЛКА"><img src=http://s006.radikal.ru/i213/1105/7b/5e9435c4a61e.jpg></a>
</td>
<td valign="top" align="center"><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="Yellow">Навигация</font></font></font><br><br>
<a href="ССЫЛКА">Правила /</a> <a href="ССЫЛКА">Сюжет /</a><br>
<a href="ССЫЛКА">Список ролей /</a><br> <a href="ССЫЛКА">Акции /</a>
<a href="ССЫЛКА">Анкеты /</a> <a href="ССЫЛКА">Наш чат /</a>
</td>
<td colspan="2" valign="top"><div style="overflow:auto; height:160px; width:350px; padding:8px; border:0px solid #ccc;"><center><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="Orchid">Добро пожаловать!</font></font></font></center><br><br>
Текст
</div></td>
</tr>
<tr>
<td valign="top" align="center"><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="red">Модераторы</font></font></font><br><br>
<a href="ССЫЛКА"><img src=http://i056.radikal.ru/1105/ee/3ecad0b2e7f2.jpg></a>
</td>
<td valign="top" align="center"><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="Yellow">Баннеры</font></font></font><br><br>
<marquee direction="up" scrollamount="1" scrolldelay="0" height="140"><center>
Код баннера<br><br>
Код баннера<br><br>
Код баннера<br><br>
Код баннера<br><br>
Код баннера<br><br>
Код баннера<br><br>
</center></marquee>
</td>
<td valign="top" align="center"><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="Yellow">Лучший игрок недели</font></font></font><br><br>
<a href="ССЫЛКА"><img src=ССЫЛКА_НА_КАРТИНКУ></a>
</td>
<td valign="top" align="center"><div style="overflow:auto; height:200px; width:150px; padding:8px; border:0px solid #ccc;"><font style="font-family:Georgia;"><font style="font-size:20pt;"><font color="Yellow">Время и дата в игре</font></font></font><br><br>
Текст
</div >
</tr>
</table>
то что отмечено красным вместо этого можете вписать название цвета по английски!!!
А то что синим это менять размер шрифта!
спасибо большущее=)
+ вам)
1. Ссылка на форум
http://fancy.mybb.by
2. Скрин таблицы
(ровно у меня не получилось сделать, но все маленькие ячейки(администрация, лучшие авторы и т.п.) таблицы сделайте, пожалуйста, одинакового размера.
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
выпадающее меню: администрация, навигация, конкурсы, акции, лучшие авторы, лучшие художники, фанфик месяца, арт месяца, повесть/рассказ, стихотвор. месяца
прокрутка: интересная информация, цитаты, объявление
4. Форматирование текста
объявление выровнять по центру
5. Картинки для вставки.
http://s004.radikal.ru/i207/1105/d9/e340b5b44b7b.png (администрация)
http://s58.radikal.ru/i159/1105/da/d72eba515cbb.png (навигация)
http://s42.radikal.ru/i096/1105/90/acf6ea949f59.png (конкурсы)
http://i033.radikal.ru/1105/3a/ca5607fe528c.png (акции)
http://s45.radikal.ru/i109/1105/c0/261dfa9d0737.png (интересная информация)
http://i061.radikal.ru/1105/94/3282afefb409.png (объявление)
http://i039.radikal.ru/1105/da/77c70917307c.png (лучшие авторы)
http://i027.radikal.ru/1105/af/8737840bcaff.png (лучшие художники)
http://s46.radikal.ru/i114/1105/d1/535586b3f15d.png (фанфик месяца)
http://i016.radikal.ru/1105/5f/967982f97c32.png (арт месяца)
http://s012.radikal.ru/i320/1105/ed/76e13d3f0b92.png (повесть/рассказ)
http://s16.radikal.ru/i191/1105/18/1627773b50f9.png (стихотвор. месяца)
http://i060.radikal.ru/1105/89/b76bc4dd2afa.png (цитаты)
остальное вставлю сама
HarukoSan
взял а таблицу без границ или как??
Lonely_wolf
если можно, то без границ)
HarukoSan
В объявление
<table cellspacing="15" cellpadding="10" border=0 width="100%" height="600"> <tr> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://s004.radikal.ru/i207/1105/d9/e340b5b44b7b.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Администрация) </DIV></DIV> </div></td> <td rowspan="3" width="45%" valign="top" align="center"><div style="overflow:auto; height:230px; padding:8px; border:0px solid #ccc;"><img src="http://i061.radikal.ru/1105/94/3282afefb409.png"><br> Текст </td> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://i039.radikal.ru/1105/da/77c70917307c.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Лучшие авторы) </DIV></DIV> </div></td> </tr> <tr> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://s58.radikal.ru/i159/1105/da/d72eba515cbb.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Навигация) </DIV></DIV> </div></td> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://i027.radikal.ru/1105/af/8737840bcaff.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Лучшие художники) </DIV></DIV> </div></td> </tr> <tr> <td height="8" rowspan="2" align="center"><div class="spll"><DIV> <div class=splLink><img src="http://i033.radikal.ru/1105/3a/ca5607fe528c.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Акции) </DIV></DIV> </div> </td> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://s46.radikal.ru/i114/1105/d1/535586b3f15d.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Фанфик месяца) </DIV></DIV> </div></td> </tr> <tr> <td background="ссылка_на_картинку" rowspan="4" align="center"></td> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://i016.radikal.ru/1105/5f/967982f97c32.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Арт месяца) </DIV></DIV> </div></td> </tr> <tr height="20" > <td height="8" rowspan="2" align="center"><div class="spll"><DIV> <div class=splLink><img src="http://s42.radikal.ru/i096/1105/90/acf6ea949f59.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Конкурсы) </DIV></DIV> </div></td> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://s012.radikal.ru/i320/1105/ed/76e13d3f0b92.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Повесть/рассказ) </DIV></DIV> </div></td> </tr> <tr> <td align="center"><div class="spll"><DIV> <div class=splLink><img src="http://s16.radikal.ru/i191/1105/18/1627773b50f9.png"/></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont> Текст(Стихотвор. месяца) </DIV></DIV> </div></td> </tr> <tr> <td height="80%">Ячейка19</td> <td>Ячейка21</td> </tr> </table>
В html верх
<style> div .splLink {width: 170px; height: 25px; font-weight: bold; } .spll {width: 170px; height: 50px; } .spll div .splCont {height: auto; width: 200px;margin-top:20px; background: transparent; padding: 5px; z-index: 1000; border: 1px dotted #020000; font-size: 10px; text-align: center;} div .splCont {background-color: #D4C1A5!important; background-image: url(http://savepic.net/1220730.png)!important; 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;*/ } /* Прозрачка в Всплывающем меню */ #pun-announcement.section .container .html-box center table tbody tr td .spll div .splCont:first-letter { font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */ font-size: 200% !important; /* Размер шрифта первого символа */ color: red; /* Красный цвет текста */ } /* Конец Стиля всплывающего меню */ </style>
В html низ
<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>
получилось плохо но если вы сделаете другой заказ где ячеек справа и лева будет одинаковое количество то сделаю нормальна!
Отредактировано Lonely_wolf (2011-05-26 18:03:20)
Lonely_wolf
спасииибо)
плюс вам))
Lonely_wolf Делай при таком дизе табличек(когда много несимметричных ячеек в колонках) -
а). Табличку обрамления на колво ячеек равное числу колонок в одну строку с <table cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse!important;"> ( прописаны запрет отступов внутренних таблиц и нулёвый бордер)
б) Колоночные таблички для каждой колонке - тут уже бордеры свои ( но проще нулёвый бордер - пусть бордеры делают фоновым рисунком к обрамляющей табличке
Отредактировано Deff (2011-05-26 18:13:13)
Lonely_wolf Делай при таком дизе табличек(когда много несимметричных ячеек в колонках) -
хм... моя последняя таблица получилась "идиотски" так как две ячейки растянулись в высоту как поправить не в курсе!?
хм... моя последняя таблица получилась "идиотски" так как две ячейки растянулись в высоту как поправить не в курсе!?
Тут Для исправления просто нужна фоновая картинка к таблице - типо с обрамлением под кнопки - тень или ыщо шо нибудь - тады и огрехов не видно, к примеру - так > http://savepic.net/1297645.jpg
Отредактировано Deff (2011-05-26 18:31:11)
Deff
ну не спорю на скрине вашем выглядит норм) ног всё же расстояние не маленькое!
Заказ таблиц 4 < | Архив тем | 2010-02-12 |
Заказ таблиц 3 | Архив тем | 2009-09-20 |
Заказ таблиц №6 | Архив тем | 2011-01-09 |
Заказ таблиц №2 | Архив тем | 2009-05-04 |
Заказ таблиц №8 | Архив тем | 2012-02-07 |
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Заказ таблиц №7