Toshiro-kun
вот
http://xmages.net/storage/10/1/0/b/e/up … b234a2.png
Заказ таблиц №7
Сообщений 241 страница 270 из 999
Поделиться2412011-02-16 18:26:48
Поделиться2422011-02-16 21:33:37
пробел
Объявление
<table width="843" height="345" border="0" background="http://savepic.org/1353790.png"> <tr> <td width="294" height="74" align="center"><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="276"align="center"><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="259"align="center"><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> </tr> <tr> <td height="265"><div style="margin:25px 0px 0px 10px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 240px;">текст </div></td> <td><div style="margin:25px 0px 0px 0px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 240px;">текст </div></td> <td><div style="margin:25px 0px 0px 0px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 240px;">текст </div></td> </tr> </table>
HTML-верх
<style> div .splLink {width: 170px; height: 55px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 50px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </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>
Поделиться2432011-02-16 21:44:29
Киря
в каких именно окнах будет прокрутка и где будут окна выплывающие - подробнее пожалуйста.
Vergessene
лупой бы вам за такой скрин т___Т
<table width="100%" border="1"> <tr> <td width="26%" height="156"><div align="center">Админы</div><br> <p align="center">текст </p><br> <div align="center">Модеры</div><br> <p align="center">текст </p></td> <td width="48%" rowspan="2"><div align="center"><img src="ссылка на картинку" height="400"></div></td> <td width="26%"><div style="overflow:auto; overflow-x:hidden; height:150px;" > <div align="center">Новости</div><br> <p align="center">текст</p> </div></td> </tr> <tr> <td rowspan="2"><div style="overflow:auto; overflow-x:hidden; height:200px;" > <div align="center">Действия в игре</div><br> <p align="center">текст</p> </div></td> <td rowspan="2"><div align="center">Акции</div><br> <p align="center"><a href="адрес">Ссылка</a></p> <p align="center"><a href="адрес">Ссылка</a></p> <p align="center"><a href="адрес">Ссылка</a></p> <p align="center"><a href="адрес">Ссылка</a></p> <p align="center"><a href="адрес">Ссылка</a></p></td> </tr> <tr> <td><marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=3"> бегущая строка </marquee></td> </tr> </table>
Поделиться2442011-02-16 21:55:58
Toshiro-kun
спасибо.спасибо))))
а не подскажете ещё как сделать так чтобы, где написано "текст всплывает" фон был залит каким либо цветом
Поделиться2452011-02-16 22:01:25
пробел
<style>
div .splLink {width: 170px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 50px; }
.spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; background: #цвет; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>
в этой часте выделенное на цвет свой
Поделиться2462011-02-17 13:51:36
1. Ссылка на форум
http://beautifulife.rolka.su
2. Скрин таблицы
таблица
3.
вот эта таблица у меня, но мне нужно партнеры и победители с выпадающим меню по клику, и так же чтобы по клику закрывалось.
Помогите пожалуйста
Поделиться2472011-02-17 15:10:28
в каких именно окнах будет прокрутка и где будут окна выплывающие - подробнее пожалуйста.
Мне нужно чтобы все ячейки таблицы были всплывающими: открывались по клику и по клику закрывались)) Про прокрутку подумал и, думаю, не стоит)
Отредактировано Киря (2011-02-17 15:11:47)
Поделиться2482011-02-17 16:24:49
Киря
Объявление
<table width="100%" border="1"> <tr> <td width="33%" ><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="34%" ><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="33%" ><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> </tr> <tr> <td ><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 ><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 ><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> </tr> </table>
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>
HTML-верх
<style> div .splLink {width: 170px; height: 25px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 20px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
Поделиться2492011-02-17 16:28:54
1. Ссылка на форум
http://yurilife.anihub.ru/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
облако тэгов, "выпадающее меню" (4 спойлера сверху)
4. Форматирование текста
всё стандартное, потом сама настрою.
5. Картинки для вставки.
потом сама вставлю.
Поделиться2502011-02-17 20:22:55
Яна_Ясная
без картинки с выделенными полями для ссылок (картинка для таблицы полностью готовая) не делаю
ne_angel05
Объявление
<center><table border="0" ><tr><td><div align="center"><img src="http://savepic.ru/2146807.png"></div></td><td><div align="center"><img src="http://savepic.ru/2109940.png"></div></td><td><div align="center"><img src="http://savepic.ru/2145783.png"></div></td> </tr> <tr><td><div align="center"><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a> <br> <img src="http://savepic.ru/2121204.png"></div> <div style="overflow: scroll; overflow-x: hidden; height:100px; width: 330px"> <p align="justify" style="font-family: arial; font-size: 13px; line-height: 7.5px; padding: -1px;"> <br><b>Гостям!</b><br> Игра еще не началась, но вы уже можете выбрать себе персонажа по душе, и заполнить на него анкету. Все готово для начала, остались небльшие технические доработки. Устраивайтесь поудобнее, мы скоро начнем. Кроме того, места в составе администрации еще вакантны. <br><b>Игрокам!</b><br> Нас пока мало, но это нестрашно. Буквально последние штрихи, и начнем играть. Не скучайте, кто еще не оформился, оформляемся. Анкеты, профили. Кроме того, флеши и игры никто не отменял. Активизируемся!!!</div> <center><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://savepic.ru/2120970.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></center></td> <td width="280px" > <div align="center"><br> <img src="..."><br> Каждую неделю администрация выбирает лучшего из лучших, самого выделившегося игрока. На этой неделе это <a href="ссыль на перса">имя</a>. </div> <div align="center"> <form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option>-- Actions --</option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=79"><small>Акция № 1.Скорость</small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=50"><small>Акция 2. Правители мира</small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=51"><small> Акция №3. Ученье-свет.</small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=52"><small>Акция №4. Бойтесь нас. </small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=53"><small>Акция №5 Наше золото</small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=54"><small> Акция № 6. Все для вас </small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=81"><small>Акция №7. Ты с нами</small></option> </select> </form> </div> <div align="center"><form> <select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> <option>-- Navigation --</option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=66"><small>сюжет</small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=67"><small>занятые внехи</small></option> <option value="http://beautifulife.rolka.su/viewtopic.php?id=65"><small>правила</small></option> <option value="http://beautifulife.rolka.su/viewforum.php?id=38"><small>регистрация</small></option> <option value="http://beautifulife.rolka.su/viewforum.php?id=11"><small>организация</small></option> <option value="http://beautifulife.rolka.su/viewforum.php?id=9"><small>профиль</small></option> <option value="http://beautifulife.rolka.su/viewforum.php?id=12"><small>квесты</small></option> <option value="http://beautifulife.rolka.su/viewforum.php?id=26"><small>реклама</small></option> <option value="http://beautifulife.rolka.su/viewforum.php?id=27"><small>парнтерство</small></option> </select> </form> </div><br> </td><td> <div align="center"><br> <a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a><a href="ссылка"><img src="http://i028.radikal.ru/1102/20/334edc641522.jpg"></a> <br> <img src="http://savepic.ru/2157826.png"></div> <div style="overflow: scroll; overflow-x: hidden; height:100px; width:270px"> <p align="justify" style="font-family: arial; font-size: 13px; line-height: 7.5px; padding: -1px;"> <br> <b>Дата, время: </b>............<br> <b>Погода: </b>................<br> <b>Действия в игре:</b> пока тишина)<br></p></div> <center><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="http://savepic.ru/2120970.png"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><b>Мисс ролевая</b> - Serena van der Woodsen <br> <b>Мистер ролевая</b> - Christopher Fuller <br> <b>Самый сексуальный</b> - Chuck Bass <br> <b>Самая сексуальная</b> - Jennifer Gill <br> <b>Лучшая пара</b> - Alex Stone+Max Rhein <br> <b>Душа компании</b> - Victoria Emily Reed <br> <b>Флудильщик</b> - Katarina Neumann <br> <b>Лучший админ</b> - Jennifer Gill <br> <b>Лучший модер</b> - Victoria Emily Reed <br> <b>Кульный авмейкер</b> - Michelle Moffett<br> <b>Быстрый прорыв</b> - Austin Ames<br></DIV></DIV> </div></center> </td></tr> </table></center>
HTML-верх
<style> div .splLink {width: 170px; height: 45px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 40px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; background: #цвет фона; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </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>
Поделиться2512011-02-18 10:58:34
1. Ссылка на форум
http://hotd.rusff.me/
2. Скрин таблицы
http://imagepost.ru/images/647/QMBlYG1wNoYtry5SZKgS.png
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
не требуется
4. Форматирование текста
подогнать под стиль самого форума.
5. Картинки для вставки.
желательно, чтобы указанные надписи "пиар", "администрация" и так далее, были выполнены в фотошопе (небольшие картинки). Если требуется шрифт, как на NEW (и прочих иконках), то это Crazy Killer, но можно и что-то другое. не говорю, что обязательны картинки.
Поделиться2522011-02-18 12:03:08
Toshiro-kun
Спасибо
Поделиться2532011-02-18 12:21:13
Toshiro-kun, извините, что сразу не указал, а можно без границ таблицу? И чтобы выползающие менюшки были непрозрачными х)
Поделиться2542011-02-18 12:29:12
Bernkastel Frederika
мне желательны картинки - иначе, я не подгоню как следует
Поделиться2552011-02-18 12:40:33
Toshiro-kun
Возможно, вопрос не в тему (и не в той теме, но другой я не нашел), но почему окна слишком быстро скрываются? 0о
Поделиться2562011-02-18 12:45:05
Отаку
в место этого
<table width="100%" border="1">
это
<table width="100%" border="0">
и далее находиье в HTMlверху то что ставили
<style>
div .splLink {width: 170px; height: 85px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 80px; }
.spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; background: #цвет; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>
и добовляете выделенное слово "цвет" меняете на код нужного вам цвета
Поделиться2572011-02-18 12:55:16
Toshiro-kun, спасибо за помощь х)
Поделиться2582011-02-18 13:24:02
Toshiro-kun
бог с ними, с картинками, просто сделайте, пожалуйста, там шрифт надписи покрупнее и, желательно, любым другим шрифтом (чтоб стандартным не был), лишь бы глаза не резал. Простите, если это не было понятно сразу, но Administration и прочее - это спойлеры, с появляющимися по щелчку окошками.
Отредактировано Bernkastel Frederika (2011-02-18 16:31:54)
Поделиться2592011-02-18 16:20:52
1. Ссылка на форум
http://yurilife.anihub.ru/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
облако тэгов, "выпадающее меню" (4 спойлера сверху)
4. Форматирование текста
всё стандартное, потом сама настрою.
5. Картинки для вставки.
background - http://s012.radikal.ru/i319/1102/05/95e0ac94380a.png
Поделиться2602011-02-18 16:47:54
1. Ссылка на форум
http://theynext.rolka.su/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Прокрутка, Выпадающее меню по клику
4. Форматирование текста
Шривт Comic Sans Ms
5. Картинки для вставки.
сама вставлю
Поделиться2612011-02-18 20:02:12
Яна_Ясная
Объявление
<table width="600" height="568" border="0" background="http://s012.radikal.ru/i319/1102/05/95e0ac94380a.png"> <tr> <td width="160" height="102" align="center"><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="136" align="center"><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="137" align="center"><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="149" align="center"><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> </tr> <tr> <td height="415" colspan="2" align="center"> </td> <td colspan="2"><div style="margin:0px 0px 0px 10px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 270px; height: 430px;"> <div align="center"><img src="ссылка на картигу"> </div><br> <p align="center">текст </p><br> <div align="center"><img src="ссылка на картигу"> </div><br> <div id="yoblako" align="center"><noindex> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a> </noindex></div> </div> </td> </tr> </table>
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> <script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '9'; flashvars.maxFontSize = '20'; flashvars.tcolor = '0xb22222'; flashvars.tcolor2 = '0xb22222'; flashvars.hicolor = '0x9400d3'; flashvars.distr = 'true'; flashvars.tspeed = '100'; eTagz = document.getElementById('yoblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#FFFFFF'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'yoblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '180', '9.0.0', false, flashvars, params, attributes); </script>
HTML-верх
<style> div .splLink {width: 170px; height: 45px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 40px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
Поделиться2622011-02-18 20:11:55
Bernkastel Frederika
Объявление
<table width="100%" border="0" cellspacing="25"> <tr> <td width="50%" style="border: solid 1px #020000"><div align="center">Текст</div></td> <td width="50%" style="border: solid 1px #020000"><div style="overflow:auto; overflow-x:hidden; height:150px;" > <div align="center">Баннеры</div><br> <p align="center">. . .</p> </div></td> </tr> </table> <table width="100%" border="0" cellspacing="25"> <tr> <td width="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><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="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><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="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><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="25%" style="border: solid 1px #020000; font-family: Century Gothic" align="center"><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> </tr> </table>
HTML-верх
<style> div .splLink {width: 170px; height: 25px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 20px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </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>
Поделиться2632011-02-18 20:19:17
Silence
Объявление
<table width="100%" border="0"> <tr> <td width="22%" style="border: solid 1px #020000; font-family: Comic Sans Ms"><div style="overflow:auto; overflow-x:hidden; height:200px;" > <div align="center">Информация</div><br> <p align="center">Текст</p> </div></td> <td width="56%" style="border: solid 1px #020000; font-family: Comic Sans Ms"><div align="center"><img src="ссылка на картинку"></div></td> <td width="22%" style="border: solid 1px #020000; font-family: Comic Sans Ms"><div style="overflow:auto; overflow-x:hidden; height:200px;" > <div align="center">Информация</div><br> <p align="center">Текст</p> </div></td> </tr> </table> <table width="100%" border="0"> <tr> <td width="33%" style="border: solid 1px #020000; font-family: Comic Sans Ms" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="ссылка ан картинку"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="34%" style="border: solid 1px #020000; font-family: Comic Sans Ms"align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="ссылка ан картинку"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> <td width="33%" style="border: solid 1px #020000; font-family: Comic Sans Ms" align="center"><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"> <img src="ссылка ан картинку"></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV> </div></td> </tr> </table>
HTML-верх
<style> div .splLink {width: 170px; height: 40px; font-weight: bold; background: transparent; } .spll {width: 140px; height: 35px; } .spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;} </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>
Поделиться2642011-02-18 22:55:48
блин... у меня какая то фигня. Те картинки что ниже они у меня за таблу вылезли, что делать?
http://theynext.rolka.su/
Поделиться2652011-02-19 03:00:49
Silence
потому что картинки нужно было указывать сразу же.
<style>
div .splLink {width: 170px; height: 77px; font-weight: bold; background: transparent; }
.spll {width: 140px; height: 72px; }
.spll div .splCont {height: auto; width: 180px; padding: 5px; z-index: 1000; border: 1px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>
исправляйте верхний код - на это
Поделиться2662011-02-19 12:45:31
1. Ссылка на форум
вот - http://funschool.anihub.ru/
2. Скрин таблицы
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
часы, календарик
4. Форматирование текста
Пурпуровый цвет - Гл.Админ и Гл.Модератор
Бордовый цвет - оъявление, сюжет и погода.
Чёрный цвет (под наклоном) - текст.
5. Картинки для вставки.
Отредактировано Tamu (2011-02-19 12:50:26)
Поделиться2672011-02-19 13:35:34
Tamu
<table width="100%" border="1"> <tr> <td width="25%"><div align="center"><font color="#990099">Гл. Админ</font></div><br> <p align="center"><i>текст</i></p></td> <td colspan="3" rowspan="2"><div align="center"><img src="http://s005.radikal.ru/i209/1102/f6/a8751c1de5e1.jpg" width="571" height="390"></div></td> <td width="22%"><div align="center"><font color="#990099">Гл. Модератор</font></div><br> <p align="center"><i>текст</i></p></td> </tr> <tr> <td><div align="center">Администраторы</div><br> <p align="center"><i>текст</i></p></td> <td><div align="center">Модераторы</div><br> <p align="center"><i>текст</i></p></td> </tr> <tr> <td><div align="center">Календарик</div></td> <td width="190"><div align="center"><font color="#990033">Погода</font></div><br> <p align="center"><i>текст</i></p></td> <td width="190"><div align="center"><font color="#990033">Сюжет</font></div><br> <p align="center"><i>текст</i></p></td> <td width="190"><div align="center"><font color="#990033">Объявления</font></div><br> <p align="center"><i>текст</i></p></td> <td><div align="center">Часики</div></td> </tr> </table>
Поделиться2682011-02-19 13:39:23
Toshiro-kun
пасибки))) эм... вам "+", как и говорили))
Поделиться2692011-02-19 16:20:33
1. Ссылка на форум
http://wots.rolka.su/
2. Скрин таблицы
http://s013.radikal.ru/i325/1102/2a/3fc0ac098ef1.jpg
3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Чтобы при нажании на все кнопки открывалось окно с текстом и ссылками как вот тут http://s58.radikal.ru/i160/1102/ee/32552ddd3dde.jpg
4. Форматирование текста
#2e2927 – цвет обычного текста
#857167 – цвет ссылок, при наведении на них
5. Картинки для вставки.
http://www.10pix.ru/img1/3950/3569577.png
http://www.10pix.ru/img1/3390/3569580.png
http://www.10pix.ru/img1/3406/3569582.png
http://www.10pix.ru/img1/917241/3569584.png
http://www.10pix.ru/img1/3326/3569585.png
http://www.10pix.ru/img1/1916/3569588.png
http://www.10pix.ru/img1/1964/3569590.png
надеюсь, это не слишком невыполнимо) Заранее огромное спасибо)
Поделиться2702011-02-19 16:22:57
Ссылка на сайт
Таблица
Картинка в таблицу
Границы черным, если можно и надписи тем цветом которым выделены. Заранее огромное спасибо)))
Похожие темы
Заказ таблиц 4 < | Архив тем | 2010-02-12 |
Заказ таблиц 3 | Архив тем | 2009-09-20 |
Заказ таблиц №6 | Архив тем | 2011-01-09 |
Заказ таблиц №2 | Архив тем | 2009-05-04 |
Заказ таблиц №8 | Архив тем | 2012-02-07 |