Elle Riht
ищем
#pun-announcement .container {
background-image : url();
background-repeat : no-repeat;
}там вставляем ссылку
#pun-announcement .container {
background-image : url(Ссылка на картинку);
background-repeat : no-repeat;
}
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
Elle Riht
ищем
#pun-announcement .container {
background-image : url();
background-repeat : no-repeat;
}там вставляем ссылку
#pun-announcement .container {
background-image : url(Ссылка на картинку);
background-repeat : no-repeat;
}vuvko
Спасибо дальше уж думаю разберусь)))
1. ссылка на форум - http://bmnu.rolka.su/
2. эскиз таблицы.: 
4. дополнительные предпочтения - Вобщем так. Фон: оставить прозрачным; шрифт: похож на тот что на эскизе; желательно ячейки с прокруткой сделать поровнее (сами видите как криво); с ячейками "бегущая строка" понятно; При клике на надписях: "Наши партнёры", "Ректорат" и "Самые важные места" появляются всплывающие окна (при клике на "Ректорат" и "Самые важные места" - вспылающие окна, а в них ссылки). И ещё - у всплывающих окон фон серовато-голубого цвета. Заранее спасибо.
Germiona
Не весь красивый шрифт доступен глазу пользователей.
Код:<table width="100%" border="1"> <tr> <td colspan="3"><marquee direction="left" scrollamount="3">Бегущая строка</marquee></td> </tr> <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"> <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></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"> <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></DIV></DIV> </div></td> </tr> <tr> <td><div style="overflow-y: auto; overflow-x: hidden; height: 160px"> <div align="center"><b>Школьная газета</b> </div></td> <td><div style="overflow-y: auto; overflow-x: hidden; height: 160px"> <div align="center"><b>Сюжет и погода сегодня</b> </div></td> <td><div style="overflow-y: auto; overflow-x: hidden; height: 160px"> <div align="center"><b>Для новоприбывших</b> </div></td> </tr> <tr> <td colspan="3"><marquee direction="left" scrollamount="3">Бегущая строка</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: 150px; height: 20px; font-weight: bold; background: transparent; } .spll {width: 170px; height: 20px; } .spll div .splCont {height: auto; width: 180px; background: #b8d0fc; padding: 5px; z-index: 1000; border: 1px solid #020000; font-size: 12px; font-family: Century Gothic; text-align: center; color: #020000} </style>
вот табличка гыгы не смейтесь у меня пэинт сломался а с фотошопом не дружу ну как смогла так и сделала мне самой смешно))xd
Alice15
В следующий раз заполняйте заказ по шаблону
Код:<table width="100%" border="1"> <tr> <td rowspan="2"><div align="center">1</div></td> <td height="79"><div align="center">2</div></td> <td><div align="center">3</div></td> </tr> <tr> <td rowspan="2"><div style="overflow-y: auto; overflow-x: hidden; height: 160px"> <p align="center">5</p></div></td> <td rowspan="2"><div align="center">6</div></td> </tr> <tr> <td><div align="center">4</div></td> </tr> <tr> <td colspan="3"><div align="center">7</div></td> </tr> </table>
Toshiro спасибо огромное!
Toshiro,посмотри что получилось((http://lomayrasvet.0pk.ru/
Alice15
пробелы между словами ставьте
Toshiro,ой спасибо, а как картинку на фон поставить извини задолбала уже
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)