А на этом компе всё работает) Спасибо, всё устраивает)
🎧 Подкаст «НЕТЕРОЛЕВЫЕ»
Рассказываем и обсуждаем Форумные Ролевые Игры (ФРПГ).
Telegram Обсудить
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)
А на этом компе всё работает) Спасибо, всё устраивает)
1. ссылка на форум -
http://dgmnh.anihub.ru/
2. эскиз таблицы.:
внизу
4. дополнительные предпочтения -
5 верхних ячеек показывают меню при наведении мышкой. справа полоса прокрутки.
размер картинки оставить. ширина форума составляет 732.
Рицка-кун
<center><table style="width: 100%">
<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>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">4 ое окошко</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><br><br>
<center>
<table width="100%">
<tr>
<td><img src=http://i036.radikal.ru/1002/69/f7f5f1a4db76.jpg></td>
<td width=30% height=170 valign="center" style="border: none; font-family: cambria; font-size: 14px; line-height: 11px; margin: 15px;"><div style="overflow: scroll; overflow-x: hidden; height: 210px;"><center>Полоса объявлений</center></div></td> </tr>
</table></center>скрин:
поясняю.
height=170 - высота прокручивающегося объявления.
width=30% ширина. я поставил в процентах, чтобы оно не заходило за края талицы. Можно чуть увеличить. это вы посмотрите по ширине форума, как смотрится и т.д.
font-size: 14px; margin: 15px;" высота шрифта, высота строчки
<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(https://upforme.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; 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>
Чтобы не переписывать и так очень подробно описанные действия, я буду хитрым...
https://forumd.ru/viewtopic.php?id=1053#p30515 об заполнении и оформлении выпадающих окошек
Отредактировано Призрак (04.08.10 17:26)
Призрак
благодарю)
Призрак
вопросик. почему блоки вот такого цвета???
http://dgmnh.anihub.ru/
...они выдвигаются при нажатии мышкой и если я поставлю картинку вместо слова, то ячейка не действует...
Отредактировано Рицка-кун (04.08.10 17:38)
Рицка-кун
Уважаемый, попрошу вас делать в следующий раз заказ в каком то одном месте, я трачу на это около получаса времени когда многим бы помочь многим другим людям http://forums.0pk.ru/viewtopic.php?id=5 … =4#p73995. И мало того вы гоняете других мастеров. Делаем все равно мы же, не важно в каком месте а получается по тысячу раз
...они выдвигаются при нажатии мышкой и если я поставлю картинку вместо слова, то ячейка не действует...
Вопрос актуален? если да то что именно?
Фон поставить это сюда добавить
<style type="text/css">
#part1,#part2,#part3,#part4,#part5 {
z-index: 2;
position: absolute;
background: url(ссылка на картинку);
visibility: hidden}
</style>
или же background: #цвет;
1. ссылка на форум - http://equestrianhorse.spybb.ru/
2. эскиз таблицы.:как на сайте http://horseland.spybb.ru/ но не точь в точь,а просто похожую...
4. дополнительные предпочтения - с анимационной картинкой посередине.Вот картинка лошадь
KyklaKsu
Вы хорошенько правила почитайте. Копирование чужих таблиц является плагиатом, на ТПх это карается. Потрудитесь нарисовать эскиз, это займет 5 минут от силы.
вот таблица
Если можно надписи сделать красивыми, а где написано *картинка* туда кртинку оторую я выложила в прошлом сообщении
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Таблицы для форумов (часть 2)