•●Anime Crossroads●• - проект помощи и поддержки аниме ролевых

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Таблицы на заказ

Сообщений 181 страница 210 из 275

181

о1. Вам необходимо подробно описать таблицу (ширина бордюров, размеры ячеек и т.д)
4 верхние ячейки выдвигаются при наведении мышью (учитывать, что вместо надписи будут картинки)
о2. Нарисуйте! Описание это хорошо, но наглядная картинка лучше. В программе Paint нарисуйте табличку и выложите эту картинку сюда!

увеличить

Отредактировано Рицка (2010-07-24 19:58:00)

0

182

toshiro-kun
Спасибо ещё раз ))

0

183

Алин
Объясняю как делаются ссылки
<a href="Адрес ссылки">Название</a>

Адрес ссылки - это то что вы найдете в окне браузера в адресной строке открыв нужный вам раздел

Название - это просто наименование ссылки которую вы вставляете к примеру тут

Код:
http://animecrossroads.rolka.su/viewtopic.php?id=89&p=6

- адрес сылки
Таблицы на заказ - название

Код:
вместе в коде будет так
<a href="http://animecrossroads.rolka.su/viewtopic.php?id=89&p=6">Таблицы на заказ</a>

Вот и все пироги, заполняйте внимательно не кушая начало ссылки ><

Отредактировано toshiro-kun (2010-07-24 23:02:15)

0

184

Рицка

Объява

Код:
<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>

+1

185

toshiro-kun
премного благодарна

0

186

http://i28.tinypic.com/14wgty.jpg

Рамка прозрачная. Размер маленьких окошек 186х186
1, 3 - колесо прокрутки

заранее спасибо)

0

187

.bomi

Код:
<table width="100%" border="1" cellspacing="20">
  <tr>
    <td rowspan="2">&nbsp;</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>

0

188

простите...вы сможете сделать табличку вот под эту картинку???
http://testal.rolka.su/uploads/000d/49/7c/30-1-f.png

4 верхние ячейки показывают меню при нажатии, а где выделение - прокрутка

0

189

Рицка

Объявление

Код:
<table width="800" height="570" border="0" background="http://testal.rolka.su/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">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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>&nbsp;</td>
    <td>&nbsp;</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>

0

190

Можете сделать код на:
http://i065.radikal.ru/1008/9b/dd2fe705877f.jpg
Пожаалуста?

0

191

Тилифон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>

0

192

Доброй ночи >< ))

Можно попросить вас сделать ещё одну таблицу, вот к этой картинке ?

Заранее, спасибо!

0

193

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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
    <td>&nbsp;</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>

+1

194

toshiro-kun
Спасибо большое! )

0

195

Эх.. это снова я ><""
Пожалуйста, сделайте таблицу с этой картинкой
Спасибо ^__^

0

196

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">&nbsp;</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>&nbsp;</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>&nbsp;</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>

+1

197

toshiro-kun
что бы я без вас делал *______*
спасибо огроменное!!!! ))

0

198

toshiro-kun, ты не мог бы сделать мне вот эту рамку и спасибо за советы!
http://s004.radikal.ru/i208/1008/a3/70fc68bc84ec.jpg

0

199

Алин

Код:
<table width="100%" border="1">
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

0

200

Спасибо!

0

201

Так...
http://i069.radikal.ru/1008/cd/a90b2f037ceb.jpg
нормального размера НЕ ЗНАЮ.

0

202

Здравствуйте
Сил моих уже нет возится с этой таблицей
не могли бы вы подогнать под эту картинку
Блоки "Администрация","Навигация","Партнеры" и "PR-линия"были выпадающими
там где объявление колесо прокрутки.

Отредактировано Misaki (2010-08-15 17:11:38)

0

203

Misaki
Могу только выдвигающимися, выпадающими в данном варианте сделать невозможно
Вас устраивает?
Rosette Christopher
Вы уверенны что такой и хотите вариант оставить? Для начала ни чего не будет видно, и второе, как то слишком сильно виден шаблон, на обработку не отдавали?. Для текста нужно картинка с  50х50 Половина картинка половина пустующее пространство, тогда будет все видно и понятно, тут же какой я вам цвет не сделаю - не разберешь. Но если все же уверенны - тогда подтверждайте, но я вам сказал если что

+1

204

toshiro-kun
Да,конечно

0

205

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">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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>&nbsp;</td>
    <td>&nbsp;</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>

0

206

toshiro-kun
большое вам спасибо,но у меня что-то с расположением.
http://youfairytale.rolka.su/ можете подсказать как это исправить?

0

207

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-цвета самом начале почти - найти и удалить!

+1

208

Что-то вот такое, позязя *-* (В пустых колоночках там текст)

увеличить

Отредактировано Yusa (2010-08-18 15:11:14)

0

209

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>

+1

210

Вай!! ^_______^ Как быстро!!! Спасибочки большое!!!!!

0



Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC