ой забыла сама картинка
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
ой забыла сама картинка
Рицка-кун
прошу в следующий раз указывать как будет выподать и что и будит ли вообще, мог просто сделать ячейками, я не экстрасент, а вариатов ну прото масса.
Код:<table width="100%" border="1"> <tr> <td 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 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 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 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 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> <table width="100%" border="1"> <tr> <td width="50%"><div align="center"><img src="http://upforme.ru/uploads/000d/fa/5a/62-1-f.png"></div></td> <td width="50%"><div style="overflow:auto; overflow-x:hidden; height:300px">Прокрутка </div></td> </tr> </table>
Код:<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> div .splLink {width: 140px; height: 20px; font-weight: bold; background: transparent;} .spll {width: 140px; height: 18px; } .spll div .splCont {height: auto; width: 200px; background: #цвет фона; padding: 5px; z-index: 1000; border: 1px solid #FFFFFF; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
Toshiro
ой...извиняюсь...спешил и забыл...простите валенка(((
спасибо вам)))
1. ссылка на форум - http://detixmen.rolka.su/
2. эскиз таблицы.:http://savepic.net/39283.jpg
3. дополнительные предпочтения - Нужно чтобы верхние 4 ячейки по щелчку открывались и показывали информацию.
Ichigo
Текст в таблице будет по картинки идти если да тогда прокрутка будет жду картинку, без нее не делаю.
1. ссылка на форум - http://miy1livi.spybb.ru/
2. эскиз таблицы.: 
3. дополнительные предпочтения -
В пронумерированных ячейках написать:
1.Администрация
2.Навигация
3.События
4.Дата и время
Ячейки открывающиеся по клику мышки.
Фон, если можна, то серого цвета...
И еще вопрос... Можете надписи сделать в готическом стила? Если нет, то курсивом. Зарание спасибо!
Текст в таблице будет по картинки идти если да тогда прокрутка будет жду картинку, без нее не делаю.
Картинка будет только с справой стороны, так что там где прокрутка не будет картинки, а лишь текст.И можно пока без картинки, так как я ее еще не сделал.
Ichigo
Код:<style> div .splLink {width: 140px; height: 20px; font-weight: bold; background: transparent; } .spll {width: 170px; height: 13px; } .spll div .splCont {height: auto; width: 200px; background: #AAAAAA; padding: 5px; z-index: 1000; border: 1px solid #020000; font-size: 12px; font-family: Century Gothic; 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%" border="1"> <tr> <td width="25%" 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%" 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%" 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%" 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> <table width="100%" border="1" cellspacing="25"> <tr> <td width="57%"><div style="overflow:auto; overflow-x:hidden; height:400px" > <p align="center">Текст</p></div></td> <td width="43%"><div align="center"><img src="ссылка на картинку"></div></td> </tr> </table>
Код:<table width="100%" border="1"> <tr> <td colspan="4" style="font-family: Century Gothic"><marquee direction="left" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3">Бегущая строка </marquee></td> </tr> <tr> <td width="25%" align="center" style="font-family: Century Gothic"><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%" align="center" style="font-family: Century Gothic"><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%" align="center" style="font-family: Century Gothic"><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%" align="center" style="font-family: Century Gothic"><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 colspan="3"><div align="center"><img src="ссылка на картинку"></div></td> <td><marquee direction="down" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3"> <div align="center">Баннеры </div> </marquee></td> </tr> </table>
Код:<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> div .splLink {width: 140px; height: 20px; font-weight: bold; background: transparent; } .spll {width: 170px; height: 18px; } .spll div .splCont {height: auto; width: 200px; background: #AAAAAA; padding: 5px; z-index: 1000; border: 1px solid #020000; font-size: 12px; font-family: Century Gothic; text-align: center;} </style>
Toshiro
Спасибо. То что надо.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)