•●Anime Crossroads●• - проект помощи и поддержки аниме ролевых |
|
Объявляться повторный набор:Модераторов, Журналистов, Пиарщиков, Мастеров, Техников, Архивистов, Учителей, Критиков.
|
 Админы гл. админ - ~Yukiko админ - shiza Модераторы ... PR - щики ...... |
 •●Ресепшн●• •●Отдел технической поддержки●• •●Мастерская●• Стол заказов отдельных элементов дизайна Стол заказов элементов для профиля •●Отдел критики●• •●Учебный отдел ●• •●Лаборатория PS●• •●Архив●• •●Отдел кадров●• •●Каталог●• Научная фантастика/Фэнтези/Апокалиптика •●Курилка●• •●PR- отдел●• •●Кладовка●• |
•●Конкурс №3●• «Мне приснилось небо Лондона» |
мы вас ждём~
|
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » •●Anime Crossroads●• - проект помощи и поддержки аниме ролевых » Помощь с HTML » Таблицы на заказ
о1. Вам необходимо подробно описать таблицу (ширина бордюров, размеры ячеек и т.д)
4 верхние ячейки выдвигаются при наведении мышью (учитывать, что вместо надписи будут картинки)
о2. Нарисуйте! Описание это хорошо, но наглядная картинка лучше. В программе Paint нарисуйте табличку и выложите эту картинку сюда!
Отредактировано Рицка (2010-07-24 19:58:00)
toshiro-kun
Спасибо ещё раз ))
Алин
Объясняю как делаются ссылки
<a href="Адрес ссылки">Название</a>
Адрес ссылки - это то что вы найдете в окне браузера в адресной строке открыв нужный вам раздел
Название - это просто наименование ссылки которую вы вставляете к примеру тут
http://animecrossroads.rolka.me/viewtopic.php?id=89&p=6
- адрес сылки
Таблицы на заказ - название
вместе в коде будет так <a href="http://animecrossroads.rolka.me/viewtopic.php?id=89&p=6">Таблицы на заказ</a>
Вот и все пироги, заполняйте внимательно не кушая начало ссылки ><
Отредактировано toshiro-kun (2010-07-24 23:02:15)
Рицка
Объява
<table width="100%" border="1">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"><img src="ссылка на картинку1"></div>
</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 align="center"><img src="ссылка на картинку2"></div>
</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 align="center"><img src="ссылка на картинку3"></div>
</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 align="center"><img src="ссылка на картинку4"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
</table>
<table width="100%" border="1">
<tr>
<td><div align="center"><img src="ссылка на картинку"></div></td>
</tr>
</table>Верх
<style>
div .splLink {width: 140px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 170px; height: 50px; }
.spll div .splCont {height: auto; width: 200px; background: #AAAAAA; padding: 5px; z-index: 1000; border: 2px solid #002000; 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>toshiro-kun
премного благодарна
http://i28.tinypic.com/14wgty.jpg
Рамка прозрачная. Размер маленьких окошек 186х186
1, 3 - колесо прокрутки
заранее спасибо)
.bomi
<table width="100%" border="1" cellspacing="20">
<tr>
<td rowspan="2"> </td>
<td width="186" height="186"><div style="overflow-y: auto; overflow-x: hidden; height: 186px" >
Текст
</div></td>
<td width="186" height="186">Текст</td>
</tr>
<tr>
<td width="186" height="186"><div style="overflow-y: auto; overflow-x: hidden; height: 186px" >
Текст
</div></td>
<td width="186" height="186">Текст</td>
</tr>
</table>простите...вы сможете сделать табличку вот под эту картинку???
http://forumupload.ru/uploads/000d/49/7c/30-1-f.png
4 верхние ячейки показывают меню при нажатии, а где выделение - прокрутка
Рицка
Объявление
<table width="800" height="570" border="0" background="http://forumupload.ru/uploads/000d/49/7c/30-1-f.png">
<tr>
<td width="258" height="119"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td width="185"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td width="169"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td width="170"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
<tr>
<td height="88"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="310" colspan="2"><div style="margin:0px 0px 0px 50px; left: 79px; top: 221px; scrollbar-face-color: #c3c2c7; scrollbar-highlight-color: #454445; scrollbar-3dlight-color: #c3c2c7; scrollbar-shadow-color: #454445; scrollbar-darkshadow-color: #c3c2c7; scrollbar-track-color: #c3c2c7; scrollbar-arrow-color: #454445; overflow: auto; width: 310px; height: 300px;">текст
</div></td>
<td> </td>
<td> </td>
</tr>
</table>Верх
<style>
div .splLink {width: 170px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 130px; height: 50px; }
.spll div .splCont {height: auto; width: 150px; padding: 5px; z-index: 1000; border: 1px solid #454445; 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>Можете сделать код на:
Пожаалуста?
Тилифон4ег
<table width="100%" border="1">
<tr>
<td rowspan="3"><div align="center"><img src="ссылка на картинку"></div></td>
<td colspan="3"><div align="center">Название форума</div></td>
<td rowspan="3"><div align="center"><img src="ссылка на картинку"></div></td>
</tr>
<tr>
<td colspan="3"><div align="center"><img src="ссылка на картинку"></div></td>
</tr>
<tr>
<td>Текст</td>
<td>Текст</td>
<td>Текст</td>
</tr>
</table>Доброй ночи >< ))
Можно попросить вас сделать ещё одну таблицу, вот к этой картинке ?
Заранее, спасибо!
Sazz
Объява
<table width="782" height="301" border="0" background="http://s57.radikal.ru/i157/1008/7d/b165ea2fb732.png">
<tr>
<td width="282" height="79" rowspan="3"><div style="margin:5px 0px 0px 15px; left: 79px; top: 221px; scrollbar-face-color: #d1b6a3; scrollbar-highlight-color: #070809; scrollbar-3dlight-color: #d1b6a3; scrollbar-shadow-color: #070809; scrollbar-darkshadow-color: #d1b6a3; scrollbar-track-color: #d1b6a3; scrollbar-arrow-color: #070809; overflow: auto; width: 245px; height: 150px;">Текст
</div></td>
<td width="258" height="71"> </td>
<td width="218"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
<tr>
<td height="69"> </td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
<tr>
<td height="75"> </td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
<tr>
<td height="77"> </td>
<td> </td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
</tr>
</table>верх
<style>
div .splLink {width: 150px; height: 20px; font-weight: bold; background: transparent; }
.spll {width: 120px; height: 20px; }
.spll div .splCont {height: auto; width: 250px; padding: 5px; z-index: 1000; border: 2px solid #002000; 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>toshiro-kun
Спасибо большое! )
Эх.. это снова я ><""
Пожалуйста, сделайте таблицу с этой картинкой
Спасибо ^__^
Sazz
Объявление
<table width="780" height="307" border="0" background="http://i060.radikal.ru/1008/34/1808eda547e5.png">
<tr>
<td width="277" height="71"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td width="272"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td width="217"> </td>
</tr>
<tr>
<td height="69"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
</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 align="center"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div style="margin:15px 0px 0px 55px; left: 79px; top: 221px; scrollbar-face-color: #d1b6a3; scrollbar-highlight-color: #070809; scrollbar-3dlight-color: #d1b6a3; scrollbar-shadow-color: #070809; scrollbar-darkshadow-color: #d1b6a3; scrollbar-track-color: #d1b6a3; scrollbar-arrow-color: #070809; overflow: auto; width: 435px; height: 100px;">Текст
</div></td>
<td> </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: 120px; height: 20px; }
.spll div .splCont {height: auto; width: 250px; padding: 5px; z-index: 1000; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>toshiro-kun
что бы я без вас делал *______*
спасибо огроменное!!!! ))
toshiro-kun, ты не мог бы сделать мне вот эту рамку и спасибо за советы!
Алин
<table width="100%" border="1">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td> </td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>Спасибо!
Так...
нормального размера НЕ ЗНАЮ.
Здравствуйте
Сил моих уже нет возится с этой таблицей
не могли бы вы подогнать под эту картинку
Блоки "Администрация","Навигация","Партнеры" и "PR-линия"были выпадающими
там где объявление колесо прокрутки.
Отредактировано Misaki (2010-08-15 17:11:38)
Misaki
Могу только выдвигающимися, выпадающими в данном варианте сделать невозможно
Вас устраивает?
Rosette Christopher
Вы уверенны что такой и хотите вариант оставить? Для начала ни чего не будет видно, и второе, как то слишком сильно виден шаблон, на обработку не отдавали?. Для текста нужно картинка с 50х50 Половина картинка половина пустующее пространство, тогда будет все видно и понятно, тут же какой я вам цвет не сделаю - не разберешь. Но если все же уверенны - тогда подтверждайте, но я вам сказал если что
toshiro-kun
Да,конечно
Misaki
Объявление
<table width="756" height="601" border="0" background="http://i082.radikal.ru/1008/24/04b5ef52a157.png">
<tr>
<td width="224" height="156"><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="147"><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="143"><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="224"><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="86"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"><div style="margin:0px 0px 10px 30px; left: 79px; top: 221px; scrollbar-face-color: #c3c2c7; scrollbar-highlight-color: #454445; scrollbar-3dlight-color: #c3c2c7; scrollbar-shadow-color: #454445; scrollbar-darkshadow-color: #c3c2c7; scrollbar-track-color: #c3c2c7; scrollbar-arrow-color: #454445; overflow: auto; width: 300px; height: 300px;">текст
</div></td>
<td> </td>
<td> </td>
</tr>
</table>Верх
<style>
div .splLink {width: 200px; height: 40px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 50px; }
.spll div .splCont {height: auto; width: 200px; padding: 5px; z-index: 1000; border: 1px solid #002000; 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>toshiro-kun
большое вам спасибо,но у меня что-то с расположением.
http://youfairytale.rolka.su/ можете подсказать как это исправить?
Misaki
Для начала в структуре css
/* C2.16 */
.punbb table div.icon {
font-size: 1.05em;
position: absolute;
margin-left: -2.2em;
}Находите удаляете
Ну а ошибка главная тут
#pun-announcement .container {background-image: url(" ");
background-repeat : no-repeat;
height: 300px;}
css-цвета самом начале почти - найти и удалить!
Что-то вот такое, позязя *-* (В пустых колоночках там текст)
Отредактировано Yusa (2010-08-18 15:11:14)
Yusa
<table width="100%" border="1">
<tr>
<td colspan="3"><marquee direction="left" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3">Бегущая строка</marquee></td>
</tr>
<tr>
<td width="29%"><div align="center">Объявления</div><br>
<p align="center">Текст </p></td>
<td width="41%" rowspan="2"><div align="center"><img src="Ссылка на картинку"></div></td>
<td width="30%" rowspan="2"><div align="center">Время и погода</div><br>
<p align="center">Текст </p></td>
</tr>
<tr>
<td><div align="center">Для гостей</div><br>
<p align="center">Текст </p></td>
</tr>
</table>Вай!! ^_______^ Как быстро!!! Спасибочки большое!!!!!
Вы здесь » •●Anime Crossroads●• - проект помощи и поддержки аниме ролевых » Помощь с HTML » Таблицы на заказ
![[VK]](http://s46.radikal.ru/i113/1003/28/1f2fa494e3ac.gif){kind=small}
