Alice15
background="ссылка на картинку"
В самое начало таблицы после border="1"
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
Alice15
background="ссылка на картинку"
В самое начало таблицы после border="1"
Toshiroизвянки,а каким размером надо фон,я собираюсь в фотошопе делать фон а какой размер надо чтобы все гладко и ровно было?
1. ссылка на форум -
http://shugoshugo.rolevaya.net/
2. эскиз таблицы.:
и отдельно если можно 3 выдвигающиеся ячейки при наведении мышкой...(над картинкой)
1 - В игре; 2 - Навигация; 3 - Реклама
4. дополнительные предпочтения -
чтобы обе графы на картинке прокручивались...
Отредактировано Рицка-кун (11.08.10 16:42)
Рицка-кун
Код:<table width="772" border="0"> <tr> <td><div align="center"><a href="" onMouseOver="part1ON()" onMouseOut="part1OFF()"><img src="http://i049.radikal.ru/1008/e9/fd3bb59872fe.png"></a> </div> <div id="part1" style="height: auto; width:200px" onMouseOver="part1ON()" onMouseOut="part1OFF()"> <div align="center">Текст выплывает</div></div></td> <td><div align="center"><a href="" onMouseOver="part2ON()" onMouseOut="part2OFF()"><img src="http://s47.radikal.ru/i118/1008/68/e802ca03acef.png"></a> </div> <div id="part2" style="height: auto; width:200px" onMouseOver="part2ON()" onMouseOut="part2OFF()"> <div align="center">Текст выплывает</div></div></td> <td><div align="center"><a href="" onMouseOver="part3ON()" onMouseOut="part3OFF()"><img src="http://s43.radikal.ru/i099/1008/2c/76e0a6de83d3.png"></a> </div> <div id="part3" style="height: auto; width:200px" onMouseOver="part3ON()" onMouseOut="part3OFF()"> <div align="center">Текст выплывает</div></div></td> </tr> </table> <table width="772" height="485" border="0" background="http://s08.radikal.ru/i181/1008/3a/f57255d00ef9.png"> <tr> <td width="270" height="224" rowspan="2"><div style="margin:50px 0px 0px 50px; left: 79px; top: 221px; scrollbar-face-color: #c3c2c7; scrollbar-highlight-color: #51a9e9; scrollbar-3dlight-color: #c3c2c7; scrollbar-shadow-color: #51a9e9; scrollbar-darkshadow-color: #c3c2c7; scrollbar-track-color: #c3c2c7; scrollbar-arrow-color: #51a9e9; overflow: auto; width: 220px; height: 245px;"> <br><div align="center"><img src="http://i072.radikal.ru/1008/69/ba80b64615a6.png"><br> <font color="#000000">Мисаки</font></div> <br> <div align="center"><img src="http://s53.radikal.ru/i140/1008/3f/e8b1bd820de8.png">Takumi Usui<br> <font color="#000000">Кайн Хаттер</font> </div> <br><div align="center"><img src="http://s58.radikal.ru/i162/1008/35/548424bcf198.png"><br> <font color="#000000">Charlotte</font> </div> </div></td> <td width="60" height="216"> </td> <td width="303"> </td> <td width="121"> </td> </tr> <tr> <td height="84"> </td> <td rowspan="2"><div style="margin:0px 0px 25px 0px; left: 79px; top: 221px; scrollbar-face-color: #7c365b; scrollbar-highlight-color: #fefefe; scrollbar-3dlight-color: #7c365b; scrollbar-shadow-color: #fefefe; scrollbar-darkshadow-color: #7c365b; scrollbar-track-color: #7c365b; scrollbar-arrow-color: #fefefe; overflow: auto; width: 300px; height: 210px;"><font color="#000000">Текст</font> </div></td> <td> </td> </tr> <tr> <td height="177"> </td> <td> </td> <td> </td> </tr> </table>
Код:<script language="JavaScript"> function part1ON() {document.getElementById("part1").style.visibility='visible'} function part2ON(){document.getElementById("part2").style.visibility='visible'} function part3ON(){document.getElementById("part3").style.visibility='visible'} function part1OFF() {document.getElementById("part1").style.visibility='hidden'} function part2OFF(){document.getElementById("part2").style.visibility='hidden'} function part3OFF(){document.getElementById("part3").style.visibility='hidden'} </script>
Код:<style type="text/css"> #part1,#part2,#part3 { z-index: 2; position: absolute; background: url(); border: 1px dotted #002000; visibility: hidden} </style>
делать фон а какой размер надо чтобы все гладко и ровно было?
843 в ширину
Toshiro
еще раз спасибо)
1. ссылка на форум - http://psihonutyevampirchiki.rolka.su/
2. эскиз таблицы.:
4. дополнительные предпочтения - можно сделать вот такой фон в таблице?-
Красными стрелками обозначены прокрутки и их направления.Где Бегущая строка она должна сама прокручиваться и всё.А где администраторы и модераторы. должно быть так,чтобы человек сам прокручивал.
Элизабет
Если с фоном
Код:<table width="100%" border="1" background="http://i078.radikal.ru/1008/76/00ada797bb5a.jpg"> <tr> <td colspan="4"><marquee direction="left" scrollamount="3"><b>Бегущая строка</b></marquee></td> </tr> <tr> <td width="17%" rowspan="2"><div style="overflow-y: auto; overflow-x: hidden; height: 160px"> <div align="center">Администраторы</div><br> <p align="center">Текст</p><br> <div align="center">Модераторы</div><br> <p align="center">Текст</p> </div></td> <td width="43%" rowspan="2"><div align="center">Навигатор</div></td> <td width="40%" height="89" colspan="2"><div align="center">Время в игре</div><br> <p align="center">Текст</p></td> </tr> <tr> <td colspan="2"><div align="center">Реклама</div><br> <p align="center">Текст</p></td> </tr> <tr> <td colspan="2"><div align="center">События в игре</div><br> <p align="center">Текст</p></td> <td colspan="2"><div align="center">Новости</div><br> <p align="center">Текст</p></td> </tr> </table>
Если без
<table width="100%" border="1" >
<tr>
<td colspan="4"><marquee direction="left" scrollamount="3"><b>Бегущая строка</b></marquee></td>
</tr>
<tr>
<td width="17%" rowspan="2"><div style="overflow-y: auto; overflow-x: hidden; height: 160px">
<div align="center">Администраторы</div><br>
<p align="center">Текст</p><br>
<div align="center">Модераторы</div><br>
<p align="center">Текст</p>
</div></td>
<td width="43%" rowspan="2"><div align="center">Навигатор</div></td>
<td width="40%" height="89" colspan="2"><div align="center">Время в игре</div><br>
<p align="center">Текст</p></td>
</tr>
<tr>
<td colspan="2"><div align="center">Реклама</div><br>
<p align="center">Текст</p></td>
</tr>
<tr>
<td colspan="2"><div align="center">События в игре</div><br>
<p align="center">Текст</p></td>
<td colspan="2"><div align="center">Новости</div><br>
<p align="center">Текст</p></td>
</tr>
</table>
Toshiro
огромное спасибо то,что нужно
1. ссылка на форум - http://yaoiterra.mybb.ru/
2. эскиз таблицы.: http://s03.radikal.ru/i176/1008/08/6b44e4922215.jpg
4. дополнительные предпочтения - размер 800*600. В локации "баннеры" - прокрутка баннеров. шрифт и цвет шрифта сделать как здесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)