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

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

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



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

Сообщений 61 страница 90 из 275

61

|Ami|

вверх

<style type="text/css">
#part1,#part2,#part3,#part4 {
z-index: 2;
position: absolute;
visibility: hidden}
</style>

вниз

<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 part4ON(){document.getElementById("part4").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'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
</script>

В обьяву

<table background="http://o.imm.io/ExF.jpg" width="650" height="422" border="0" >
  <tr>
    <td width="126" height="41">&nbsp;</td>
    <td width="150"  onMouseOver="part2ON()" onMouseOut="part2OFF()">
  </td>
    <td width="211">&nbsp;</td>
    <td width="145" onMouseOver="part1ON()" onMouseOut="part1OFF()">&nbsp;</td>
  </tr>
  <tr>
    <td height="375">&nbsp;</td>
    <td valign="top"><div id="part2" class="container">
Контейнер номер 2
</div></td>
    <td><div style="margin: 10px 0px 150px 10px; overflow: auto; height: 150px; left: 25px; top: 96px; width: 200px;">
      <div align="center">Текст</div>
    </div></td>
     <td valign="top"><div id="part1" class="container">
Контейнер номер 1
</div></td>
  </tr>
</table>

Отредактировано toshiro-kun (2010-06-09 00:28:12)

+1

62

01 размер таблицы 718х530
Можно сделать чтобы в разделах For Guests и News можно было написать текст, а остальные разделы (Администрация, Реклама, События в игре и Навигация) сделать выдвижными ячейками.
02 картинка
http://s51.radikal.ru/i132/1006/59/8b38cac65193t.jpg

Заранее благодарна

0

63

toshiro-kun
Спасибо**

0

64

Я плохо в пикселях разбираюсь,но хотелось бы,чтоб всё симетрично получилось

увеличить

Отредактировано Windstorm (2010-06-09 15:01:03)

0

65

Lili-chan

Код:
<table width="719" height="480" border="0" background="http://s51.radikal.ru/i132/1006/59/8b38cac65193.jpg">
  <tr>
    <td height="441" colspan="2"><div style="margin:182px 0px 0px 62px; left: 79px; top: 221px; overflow: auto; width: 197px; height: 222px;">
      <div align="center">Текст</div>
    </div></td>
    <td colspan="2"><div style="margin:182px 0px 0px 105px; left: 79px; top: 221px; width: 197px; overflow: auto; height: 222px;"><div align="center">Текст</div> </div></td>
  </tr>
  <tr>
    <td width="196" height="23"><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="140"><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="128"><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="223"><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="2"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Вверх

Код:
<style> 
div .splLink {width: 140px; height: 50px; font-weight: bold; background: transparent;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background: #e5d2a8; padding: 5px; z-index: 1000; margin-top: 5px; 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 (2010-06-16 17:56:29)

+1

66

toshiro-kun
Огромное спасибо)) +

0

67

Изображение
Так в левой ячейке можно сделать поле с прокруткой? Во второй просто текст, а под картинкой бегущую строку?
Картинку на задний фон я смогла поставить, а вот с таблицей проблема. Помогите, пожалуйста. :flirt:

Отредактировано Лилит (2010-06-09 16:16:02)

0

68

Windstorm
Сожалею ваша фантазия за гранями моего понимания, вы хотите показать вот этой нижней фигурой, что у вас будет администрация прописываться в строчку? предлагаю такой вариант

http://i074.radikal.ru/1006/15/504c487dce3d.jpg
или
http://s53.radikal.ru/i139/1006/00/c0f31335a310.jpg

Если устраевает пропишите где что хотите по низу. Если нет ждите нашего мастера по нестандартным заказам

Лилит написал(а):

Во второй просто текст,

Забейте, сделаем как хотите, за одно ограничитель поставлю ><

Отредактировано toshiro-kun (2010-06-09 16:29:00)

0

69

toshiro-kun Спасибики

0

70

toshiro-kun написал(а):

Если устраевает пропишите где что хотите по низу

Можно по первому варианту?Тогда наверное пусть слева будут модеры,справа админы,а по середине сомодераторы и соадминистраторы.

0

71

Лилит

Код:
<table width="850" height="411" border="0" background="http://s40.radikal.ru/i088/1006/26/3de454bb6ab9.jpg">
  <tr>
    <td width="425" valign="top"><div style="margin:35px 0px 70px 9px; height: 294px; left: 10px; top: 36px; width: 263px;overflow: auto;" >Текст</div></td>
    <td width="425" valign="top"><div style="margin-top:33px; margin-left:148px; left: 578px; top: 52px; width: 258px; height: 293px;">Текст</div></td>
  </tr>
</table>
<table width="850" border="0">
  <tr>
    <td><marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="850" height="20">
Бегущая строка
      </marquee></td>
  </tr>
</table>

Ограничитель поставить не смог, просто не вставляйте туда много текста. И все будет ОК)
Windstorm
Хорошо я понял, сделаем

+1

72

Windstorm

Код:
<table border="1" width="100%" height="100%" cellspacing="20">
  <tr>
    <td colspan="3" height="20%"><marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="100%" height="20">
Бегущая строка
      </marquee></td>
  </tr>
  <tr>
    <td width="22%"><div align="center">Объявление</div>
    <p align="center">Текст</p></td>
    <td width="62%" rowspan="2" height="50%"><div align="center"><img src="Ссылка на картинку"></div></td>
    <td width="16%"><div align="center">Погода</div>
    <p align="center">Текст</p></td>
  </tr>
  <tr>
    <td rowspan="2" height="50%"><div align="center">Модеры</div>
    <p align="center">Текст</p></td>
    <td rowspan="2" height="50%"><div align="center">Админы</div>
    <p align="center">Текст</p></td>
  </tr>
  <tr>
    <td height="30%"><div align="center">Соадмины сомодеры</div>
    <p align="center">Текст</p></td>
  </tr>
</table>

0

73

toshiro-kun
Ой большое спасибо!!!! ^^

0

74

01 размер 816х246
Ячейки: действия в игре, администрация, полезные ссылки, погода и время сделать выдвежными.
под надписями: для гостей и объявление написать текст.
02 картинка

http://s002.radikal.ru/i199/1006/4a/fa195367bde3.png

0

75

Aino

Код:
<table width="816" height="246" border="0" background="http://s002.radikal.ru/i199/1006/4a/fa195367bde3.png">
  <tr>
    <td width="155" height="30">&nbsp;</td>
    <td width="119">
<div class="spll">
<DIV jQuery1259073801391="4">
<div class=splLink href="javscript://" jQuery1259073801391="2"><p align="center"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">тескт</DIV></DIV></div>
    </td>
    <td width="119"><div class="spll">
      <div jquery1259073801391="4">
        <div class="splLink" href="javscript://" jquery1259073801391="2">
          <p align="center"></p>
        </div>
        <div style="DISPLAY: none; position: absolute;" class="splCont" jquery1259073801391="5">тескт</div>
      </div>
    </div></td>
    <td width="117"><div class="spll">
      <div jquery1259073801391="4">
        <div class="splLink" href="javscript://" jquery1259073801391="2">
          <p align="center"></p>
        </div>
        <div style="DISPLAY: none; position: absolute;" class="splCont" jquery1259073801391="5">тескт</div>
      </div>
    </div></td>
    <td width="108"><div class="spll">
      <div jquery1259073801391="4">
        <div class="splLink" href="javscript://" jquery1259073801391="2">
          <p align="center"></p>
        </div>
        <div style="DISPLAY: none; position: absolute;" class="splCont" jquery1259073801391="5">тескт</div>
      </div>
    </div></td>
    <td width="172">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2" valign="top"><div style="margin:0px 0px 0px 4px; left: 10px; overflow: auto; top: 97px; width: 170px; height: 140px;">
      <div align="center">Текст</div></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" valign="top" align="right"><div style="margin:0px 4px 0px 100px; left: 10px; overflow: auto; top: 97px; width: 185px; height: 150px;">
      <div align="center">Текст</div></div></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: 100px; height: 20px; font-weight: bold; background: transparent;}
.spll {width: 60px; height: 50px; }
.spll div .splCont {height: auto; width: 100px; background: #e5d2a8; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

Отредактировано toshiro-kun (2010-06-16 18:00:52)

+1

76

Подгоните пожалуйста таблицу под >>эту<< картинку

0

77

Sten :3

Код:
<table width="800" height="589" border="0" background="http://o.imm.io/HZW.png">
  <tr>
    <td width="155" height="63"><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="123"><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="161" ><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="148"><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="191"><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="310" colspan="2"><div style="margin:25px 0px 0px 9px; left: 10px; overflow: auto; top: 97px; width: 265px; height: 275px;">
      <div align="center">текст</div></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

то что вниз верх смотрите выше

Отредактировано toshiro-kun (2010-06-16 17:49:45)

+1

78

01 размер 811 х 372
Ячейки: действия в игре, администрация, полезные ссылки, погода и время сделать выдвежными.
под надписями: для гостей и объявление написать текст. по середине картинку размером 811х161
02 картинка http://s45.radikal.ru/i109/1006/26/afa8426391f3.png
и ещё кое -что - линии и полоски в таблице убрать ^ ^
заранее спс

Отредактировано Aino (2010-12-09 15:58:14)

0

79

Aino

Объявление

Код:
<table width="100%" border="0">
  <tr>
    <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><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><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>
  </tr>
</table>
<table width="100%" border="0">
  <tr>
    <td colspan="2"><div align="center"><img src="Ссылка на картинку"></div></td>
  </tr>
  <tr>
    <td width="50%"><div align="center">Объявления и новости</div></td>
    <td width="50%"><div align="center">Для гостей</div></td>
  </tr>
  <tr>
    <td><div align="center">Текст</div></td>
    <td><div align="center">Текст</div></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: 140px; height: 20px; font-weight: bold; background: transparent;}
.spll {width: 100px; height: 50px; }
.spll div .splCont {height: auto; width: 180px; background: #ababab; padding: 2px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>

0

80

Подгоните, пожалуйста под эту картинку.
Внизу, в серой полоске, расположить 5 выдвижных ячеек, дес.
Под надписями: For quests и News написать текст.
Заранее спасибо.

0

81

•.snowdia
Объявление

Код:
<table width="780" height="547" border="0" background="http://s51.radikal.ru/i133/1006/97/581f28ae072d.png">
  <tr>
    <td colspan="2" rowspan="2"><div style="margin:35px 0px 205px 50px; height: 250px; left: 10px; top: 36px; width: 220px;overflow: auto;" >Текст</div></td>
    <td width="186">&nbsp;</td>
    <td colspan="2" rowspan="2"><div style="margin:35px 0px 245px 100px; height: 220px; left: 10px; top: 36px; width: 200px;overflow: auto;">Текст</div></td>
  </tr>
  <tr>
    <td height="491">&nbsp;</td>
  </tr>
  <tr>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №1</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №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">
  <br><div align="center">Ячейка №3</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №4</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="156"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <br><div align="center">Ячейка №5</div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
  </tr>
</table>

Верх

Код:
<style> 
div .splLink {width: 140px; height: 40px; font-weight: bold; background: transparent;}
.spll {width: 100px; height: 50px; }
.spll div .splCont {height: auto; width: 170px; background: #ababab; padding: 2px; z-index: 1000; margin-top: 5px; 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

82

01 размер 902х334
Ячейки: действия в игре, администрация, полезные ссылки, погода и время сделать выдвежными.
под надписью объявления написать текст.
02 картинка

0

83

Aino
Хм, интересный вариант. Выпадать будут исключительно в правую сторону. и вниз, могу конечно немного сдвинуть, но совсем уж немного что бы вываливались в сторонку а не на ряд. Это если при клике, если же при наведении, хм, можно попробовать но вероятность что они будут выпадать влево и нормально, слишком мала. Как именно вы хотет

0

84

Aino
Обьява

Код:
<table width="902" height="337" border="0" background="http://s001.radikal.ru/i194/1006/12/6acbf60b1119.png">
  <tr>
    <td width="694" height="102" rowspan="4"><div style="margin:0px 0px 150px 50px; height: 100px; left: 10px; top: 36px; width: 300px;overflow: auto;" >Текст</div></td>   
    <td width="47" onmouseover="part1ON()" onmouseout="part1OFF()">&nbsp;</td>
    <td width="147" height="102"><div style="visibility:hidden" id="part1">текст</div></td>
  </tr>
  <tr>
    <td height="79" onmouseover="part2ON()" onmouseout="part2OFF()">&nbsp;</td>
    <td height="79"><div style="visibility:hidden" id="part2" >текст</div></td>

  </tr>
  <tr>
    <td height="44" onmouseover="part3ON()" onmouseout="part3OFF()">&nbsp;</td>
    <td><div style="visibility:hidden" id="part3" >текст</div></td>

  </tr>
  <tr>
    <td height="102" onmouseover="part4ON()" onmouseout="part4OFF()">&nbsp;</td>
    <td><div style="visibility:hidden" id="part4" >текст</div></td>

  </tr>
</table>

Низ

Код:
<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part1OFF(){document.getElementById("part1").style.visibility='hidden'}
function part2ON() {document.getElementById("part2").style.visibility='visible'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
function part3ON() {document.getElementById("part3").style.visibility='visible'}
function part3OFF(){document.getElementById("part3").style.visibility='hidden'}
function part4ON() {document.getElementById("part4").style.visibility='visible'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
</script>

0

85

toshiro-kun написал(а):

Хм, интересный вариант. Выпадать будут исключительно в правую сторону. и вниз, могу конечно немного сдвинуть, но совсем уж немного что бы вываливались в сторонку а не на ряд. Это если при клике, если же при наведении, хм, можно попробовать но вероятность что они будут выпадать влево и нормально, слишком мала. Как именно вы хотет

большое спасиб, но мне достаточно, что вы сейчас сделали)

Отредактировано Aino (2010-06-27 09:52:16)

0

86

toshiro-kun
да я ещё кое что, не могли бы вы посмотреть. таблица чуть съехала..
http://0desing00.0pk.ru/

0

87

Aino
Не вижу где именно съехала. Отступ с лева - это стандартный отступ а справа просто некуда более. У вас широкая картинка, вот и все.

0

88

toshiro-kun написал(а):

Не вижу где именно съехала. Отступ с лева - это стандартный отступ а справа просто некуда более. У вас широкая картинка, вот и все.

А можешь тода сделать что бы меню выпадало при нажати?

0

89

Aino написал(а):

А можешь тода сделать что бы меню выпадало при нажати?

Можно но выпадать будет, скорее вниз. Можно и при наведении вниз, без погрешностей должно быть.

0

90

а можно как у вас.Токо как картинку свою вставить?

0



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