Futura: каталог аниме форумов

Объявление

SECTOR-15
2022 г. Швейцария. Город Монтрё, ныне Мардо. Мир недалекого будущего. Научные открытия, технологии, достижения цивилизации – каждый месяц в мире становится известно о том или ином новейшем достижении современности. Городок Мардо шагает гораздо быстрей всех остальных своих соседей из других стран.
Бесконечное приключение
Сто двадцать девять лет назад известные земли этого мира покорились уникальному в своем роде существу именовавшему себя Демоном. Более ста лет находились они под узурпаторской властью демона Даха`ага. Приспешники и создания Даха`ага, именуемые низшими демонами, мучали и истязали покоренные народы. Но в один день, небо осветила победоносная вспышка.
07ARK: Oberon
Общество будущего сделало своей целью очиститься от тысячелетий кровавой истории. Равные возможности и всеобщая справедливость - таков курс нового человечества. Человечество бросило вызов даже той несправедливости, которая зависела исключительно от случая. Неизлечимо больные от рождения, жертвы несчастных случаев - политика нового общества не позволяла просто развести руки и сказать: "Прости, но такова жизнь!" Именно для них был создан проект "Ковчег".
Shinsei School
Хоккайдо – самый северный остров Японии, очаровывающий красотой заснеженных горных вершин, диких лесов и скованных льдами берегов с обнаженными ветром и водой скалами. Именно здесь, где богатейшая природа поражает воображение разнообразием форм и буйством красок, вдали от шумных мегаполисов и мирской суеты, было основано уникальное в своем роде учебное заведение – школа Shinsei.
30.06 В связи с отсутствием Чибимун примерно до сентября, главной по тарелочкам пока будет урса (⁄ ⁄•⁄ω⁄•⁄ ⁄) Так что функционируем в обычном режиме, не забывая про тему исправлений!
12.01 С новым годом, ребятки! немного юбилеев, новых крутых дизайнов и мандаринок в ваш дом ヽ(・∀・)ノ
17.10 Чибимун тут болела серьезно, периодами училась и впадала в реальную жизнь, а на ролевых все так же ничего не меняется. Но вы не теряйте, котики!
27.08 Новый дизайн, спасибо великолепной полтергейст ♥
18.08 Чиби уходит в отпуск до 24 числа (даже заходить не будет возможности), так что не грустите и новые ролочки не делайте :")
07.05 Светло, розово (и немного непривычно), но все по-старому футурно, не переживайте! А за дизайн спасибо большое cannibals circus. Надеюсь, он растопит ваши холодные сердца и подарит чуточку тепла и весны вам, господа любители посплетничать ♥
02.04 Стряхну пыль с колонки новостей (тут должна быть шутка про то, что какая активность на аниме сообществе, такие и мы), напомню неравнодушным про тему исправления в каталоге, где Чибимун горячо желает видеть ссылки на новые форумы, поскольку сама не успевает все отслеживать. Спасибо, что остаетесь с нами, ребятки, даже в такие тяжелые времена. Всех люблю, не стесняйтесь писать, обращаться с вопросами и проявлять признаки жизни ♥
Футура — это форум поддержки аниме ролевых. Мы оказываем помощь на различных уровнях для различных категорий людей: от рядовых игроков до администрации всевозможных проектов. Футура объединяет все форумы аниме тематики и их игроков в одном месте, так что мы всегда будем вам рады!

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

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


Вы здесь » Futura: каталог аниме форумов » Таблицы » Заказ таблиц и помощь с ними


Заказ таблиц и помощь с ними

Сообщений 31 страница 48 из 48

1

Если вдруг вы совсем не умеете работать с таблицами, а скрипты даже после объяснений кажутся темным лесом, вы можете таблицу на форум заказать. Можно нарисовать в любом редакторе внешний вид или просто подробно описать все словами.
Все перестановки и видоизменения таблиц тоже можем помочь провернуть.

0

31

chibi
да нет, таблица все та же, просто с содержимым уже
едет сама таблица вместе с переключаемыми страницами, а переключатели остаются на месте

0

32

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

0

33

chibi
все потому что красненькая хреновый кодер, лол

табличка
Код:
<ul class="tabs">
              <li class="active"><a href="#tab1">Вкладка 1</a></li>
              <li><a href="#tab2">Вкладка 2</a></li>
              </ul>

<table style="padding: 5px; width: 825px; height: 400px; margin-left: 35px; color: #1b182d; border:1px solid #c22035;">
  <tbody>
<tr>
      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;"> 
<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">лучшие месяца</div>
   <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>
  </div>
    <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">акции</div>
  <div style="text-align: center;">
                                        <a href="ссылка" class="tvm" target="">нужные </a>
        	<a href="ссылка" class="tvm" target="">день красного заката</a>
        	<a href="ссылка" class="tvm" target="">н.и.п.с.</a>
        	<a href="ссылка" class="tvm" target="">каноны</a>
        	<a href="ссылка" class="tvm" target="">7 сестер чистилища</a>
  </div>

   <div style="margin-top:10px;"><a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/18026">
<img width="88" border="0" height="31" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x7.gif">
</a></div>
  
      </td>

      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;">
              

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
   <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">активисты</div>

  <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>
  </div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">статистика</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Основная игра:</span> 1 пост;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Флешбэки:</span> 8 постов;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Цитата недели от Макс Блишвик:</span></div>
<div><span style="font-size:12px; color:#cc848f; font-weight:bold;">"ВМЕСТЕ СТАРЕЛИ, ВМЕСТЕ И МОЛОДЕЕМ."</span></div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">дата и погода</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Время:</span> 15.03.2013, пт. - 17:00 - 23:00 </div>
<div><span style="font-weight:bold; letter-spacing:1px;">Погода:</span> на улице +14. Пасмурно. Временами шквальный ветер.</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Фаза луны:</span> полнолуние.</div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">объявления</div>

<div style="text-align: justify; width: 275px; "><div style="height: 80px;  overflow:auto; padding-right: 3px;">
<b>01.07</b> Зато более оригинально другое – смерть здесь связана с известными трудностями. Впрочем, трудность – это не то слово, правильнее было бы сказать некомфортабельность. Болеть всегда неприятно, но существуют города и страны, которые поддерживают вас во время недуга и где в известном смысле можно позволить себе роскошь поболеть. Больной нуждается в ласке, ему хочется на что-то опереться, это вполне естественно.
<br><br><b>02.06</b> Но в Оране все требует крепкого здоровья: и капризы климата, и размах деловой жизни, серость окружающего, короткие сумерки и стиль развлечений. Больной там по-настоящему одинок… Каково же тому, кто лежит на смертном одре, в глухом капкане, за сотнями потрескивающих от зноя стен, меж тем как в эту минуту целый город по телефону или за столиками кафе говорит о коммерческих сделках, коносаментах и учете векселей. И вы поймете тогда, до чего же некомфортабельна может стать смерть, даже вполне современная, когда она приходит туда, где всегда сушь.</div></div>

</div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="position: relative; width:275px; height: 300px; overflow:auto; text-align:center; padding:5px;">баннеры</div>
</div>

      </div>
      
      </td>
      
      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; ">  
      <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">администрация</div>

<div style="text-align: center;">

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: КОТОКО"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИНДЖИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: НАОКИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

</div>

<table style="width:210px; text-align:center; margin-left:24px;">
<tr>
      <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>

       <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>
</tr>
</table>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">навигация</div>

<div style="text-align: center; margin-left:10px;">
                                        <a href="ссылка" class="tvm" target="">сюжет </a>
        	<a href="ссылка" class="tvm" target="">правила</a>
        	<a href="ссылка" class="tvm" target="">занятые роли</a>
        	<a href="ссылка" class="tvm" target="">занятые внешности</a>
        	<a href="ссылка" class="tvm" target="">бестиарий</a>
                                        <a href="ссылка" class="tvm" target="">занятые имена</a>
                                        <a href="ссылка" class="tvm" target="">клубы и организации</a>
                                        <a href="ссылка" class="tvm" target="">гостевая</a>
  </div>

      </td>
</tr>
</tbody>
</table>
стиль переключателей
Код:
<style>
.container1 {width: 275px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin-left: 375px;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    width: 275px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border: 0px;
border-top: 1px solid #c22035;
    border-bottom: 1px solid #c22035;
        border-right: 1px solid #c22035;
        border-left: 1px solid #c22035;
    margin-bottom: 2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
 
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #1b182d;
        border-top: 0px solid #1b182d;    
        border-left: 0px solid #1b182d;    
        border-right: 0px solid #1b182d;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    
    width: 275px;
    height: 415px;
    background-image : url();   
 
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

  
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

0

34

kou
немного переделала ее, вроде все встало на место. с лисы у меня тоже ничего не едет

Код:
<table style="width: 825px; margin-left: 15px; color: #1b182d;"><tr>
<td colspan="3" style="text-align: center; width: 825px;"><ul class="tabs">
              <li class="active"><a href="#tab1">Вкладка 1</a></li>
              <li><a href="#tab2">Вкладка 2</a></li></ul></td></tr>

<table style="padding: 5px; margin-left: 35px; color: #1b182d; border: 1px solid #c22035; height: 400px;"><tr><td><tr>

      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;"> 
<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">лучшие месяца</div>
   <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s017.radikal.ru/i443/1508/4a/9796334bc404.png"/>
<a href="ссылка"><img class="image Down" src="http://s020.radikal.ru/i723/1508/54/5d8b56e0a740.png"/></a>
</div>
  </div>
    <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">акции</div>
  <div style="text-align: center;">
                <a href="ссылка" class="tvm" target="">нужные </a>
        	<a href="ссылка" class="tvm" target="">день красного заката</a>
        	<a href="ссылка" class="tvm" target="">н.и.п.с.</a>
        	<a href="ссылка" class="tvm" target="">каноны</a>
        	<a href="ссылка" class="tvm" target="">7 сестер чистилища</a></div>
   <div style="margin-top:10px;"><a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/18026">
<img width="88" border="0" height="31" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/88x31x11x7.gif">
</a></div>
</td>


      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; text-align: center;">
      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
   <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">активисты</div>

  <div>               
<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://s019.radikal.ru/i635/1508/fa/899acbf3e53f.png"/>
<a href="ссылка"><img class="image Down" src="http://s017.radikal.ru/i418/1508/d4/5b2445c6ac42.png"/></a>
</div>
  </div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">статистика</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Основная игра:</span> 1 пост;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Флешбэки:</span> 8 постов;</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Цитата недели от Макс Блишвик:</span></div>
<div><span style="font-size:12px; color:#cc848f; font-weight:bold;">"ВМЕСТЕ СТАРЕЛИ, ВМЕСТЕ И МОЛОДЕЕМ."</span></div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">дата и погода</div>

<div>
<div><span style="font-weight:bold; letter-spacing:1px;">Время:</span> 15.03.2013, пт. - 17:00 - 23:00 </div>
<div><span style="font-weight:bold; letter-spacing:1px;">Погода:</span> на улице +14. Пасмурно. Временами шквальный ветер.</div>
<div><span style="font-weight:bold; letter-spacing:1px;">Фаза луны:</span> полнолуние.</div>
</div>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px;">объявления</div>

<div style="text-align: justify; width: 275px; "><div style="height: 80px;  overflow:auto; padding-right: 3px;">
<b>01.07</b> Зато более оригинально другое – смерть здесь связана с известными трудностями. Впрочем, трудность – это не то слово, правильнее было бы сказать некомфортабельность. Болеть всегда неприятно, но существуют города и страны, которые поддерживают вас во время недуга и где в известном смысле можно позволить себе роскошь поболеть. Больной нуждается в ласке, ему хочется на что-то опереться, это вполне естественно.
<br><br><b>02.06</b> Но в Оране все требует крепкого здоровья: и капризы климата, и размах деловой жизни, серость окружающего, короткие сумерки и стиль развлечений. Больной там по-настоящему одинок… Каково же тому, кто лежит на смертном одре, в глухом капкане, за сотнями потрескивающих от зноя стен, меж тем как в эту минуту целый город по телефону или за столиками кафе говорит о коммерческих сделках, коносаментах и учете векселей. И вы поймете тогда, до чего же некомфортабельна может стать смерть, даже вполне современная, когда она приходит туда, где всегда сушь.</div></div>

</div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="position: relative; width:275px; height: 300px; overflow:auto; text-align:center; padding:5px;">баннеры</div>
</div>

      </div></td>


      <td style="width: 275px; height: 415px; vertical-align: top; font-size: 10px; ">  
      <div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">администрация</div>

<div style="text-align: center;">

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: КОТОКО"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>


<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: ШИНДЖИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

<div  class=ImgWrap>
<img class="image UP" src="http://i008.radikal.ru/1508/eb/e4e56fa93730.png"/>
<a href="ссылка" original-title="АДМИНИСТРАТОР: НАОКИ"><img class="image Down" src="http://s49.radikal.ru/i125/1508/01/c8be019468a6.png"/></a>
</div>

</div>

<table style="width:210px; text-align:center; margin-left:24px;">
<tr>
      <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>

       <td> <div>
<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>

<div  class=ImgWrap>
<img class="image UP" src="http://s018.radikal.ru/i502/1508/9a/7c03162e20a1.png"/>
<a href="ссылка"><img class="image Down" src="http://s018.radikal.ru/i525/1508/d3/9b59862ea428.png"/></a></div>
</div>
      </td>
</tr>
</table>

<div style="font-family: verdana; font-size: 12px; letter-spacing: 1px; text-align: center; padding-bottom:5px; padding-top:10px; text-align: center;">навигация</div>

<div style="text-align: center; margin-left:10px;">
                                        <a href="ссылка" class="tvm" target="">сюжет </a>
        	<a href="ссылка" class="tvm" target="">правила</a>
        	<a href="ссылка" class="tvm" target="">занятые роли</a>
        	<a href="ссылка" class="tvm" target="">занятые внешности</a>
        	<a href="ссылка" class="tvm" target="">бестиарий</a>
                                        <a href="ссылка" class="tvm" target="">занятые имена</a>
                                        <a href="ссылка" class="tvm" target="">клубы и организации</a>
                                        <a href="ссылка" class="tvm" target="">гостевая</a>
  </div>

      </td>
</div></tr>
</td></tr></table></table>

еще бы порекомендовала из стиля убрать все строчки "background: url();", если там нет изображений, то они затормаживают все и лучше не делают жизнь

+1

35

chibi
вы мой спаситель, серьезно
спасибо огромное

0

36

солнечного дня, драгоценные. будет волшебно, если слепите мои мечты .)
Так должна выглядеть таблица, поверх дизайна - http://s0.uploads.ru/J78gX.png
эскиз-картинка: http://sg.uploads.ru/QnhrP.png
переключающиеся вкладки (О форуме, Новости, В игре, Важное); Прокрутка в Погоде, а также во всех переключающихся вкладках, за исключением Важное;
высота таблицы: 345px фиксированная;
и кнопки:
http://s2.uploads.ru/yK7cW.png
http://s1.uploads.ru/URdQk.png
http://s2.uploads.ru/Lo4vz.png
http://s0.uploads.ru/RQE3k.png

0

37

Leonar
таки мне нужна общая фоновая картинка, которая с полупрозрачным фоном и границами (:
чтобы я под ее размеры подгоняла ячейки

0

38

chibi,

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

39

Leonar
нетнет, не то немного
именно так, как у вас на макете - http://uploads.ru/QnhrP.png
там же есть задний фон (: и границы у вас там зелененькие полупрозрачные

0

40

chibi

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

41

Leonar
да, оно!
быстро не обещаю, но до ночи сделаю :")

0

42

chibi
ох, спасибо большое~

0

43

Leonar
вроде как-то так, надеюсь ничего не поедет  http://s5.uploads.ru/9hPR8.gif

в свой стиль
Код:
.container1 {width: 430px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    width: 430px;
    width: 100%;
    margin-top: -30px;
    margin-left: 47px;}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 20px;
    overflow: hidden;
    position: relative;}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 4px;
    outline: none;}

.tab_container1 {
    clear: both;
    float: left; 
    width: 430px;
    height: 250px;}

.tab_content {
    padding: 5px;}
html-низ
Код:
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>
таблица
Код:
<table style="background: url(http://savepic.ru/10024392.png) no-repeat; height: 345px; width: 932px;"><tr>
        <td style="height: 145px;width: 215px;padding-top: 25px;padding-left: 20px;text-align: center;">
<!-- НАВИГАЦИЯ -->
<a href="ссылка">название</a><br>
и так далее
</td>

        <td rowspan="2" style="height: 280px;width: 430px; padding-left: 5px;text-align: center;">
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://s2.uploads.ru/d/yK7cW.png"></a></li>
    <li><a href="#tab2"><img src="http://s1.uploads.ru/d/URdQk.png"></a></a></li>
    <li><a href="#tab3"><img src="http://s2.uploads.ru/d/Lo4vz.png"></a></a></li>
    <li><a href="#tab4"><img src="http://s0.uploads.ru/d/RQE3k.png"></a></a></li>
</ul>
      <div class="tab_container1">

<div style="display: block; height: 265px; overflow:auto; padding-right: 3px;" id="tab1" class="tab_content">
<!-- О ФОРУМЕ -->
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. Come close and touch it, it's stronger than words. They say that it hurts, but I know it won`t hurt. I see her at night dancing at traffic lights, she's rasing her arms, but she's throwing the knives. She calls me again and I know it's no good. She writes rules for games they're never understood.
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. Come close and touch it, it's stronger than words. They say that it hurts, but I know it won`t hurt. I see her at night dancing at traffic lights, she's rasing her arms, but she's throwing the knives. She calls me again and I know it's no good. She writes rules for games they're never understood.
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. Come close and touch it, it's stronger than words. They say that it hurts, but I know it won`t hurt. I see her at night dancing at traffic lights, she's rasing her arms, but she's throwing the knives. She calls me again and I know it's no good. She writes rules for games they're never understood.
</div>

<div style="display: block; height: 265px; overflow:auto; padding-right: 3px;" id="tab2" class="tab_content">
<!-- НОВОСТИ -->
текст 2
</div>

<div style="display: block; height: 265px; overflow:auto; padding-right: 3px;" id="tab3" class="tab_content"> 
<!-- В ИГРЕ -->
текст 3
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<!-- ВАЖНОЕ -->
текст 4
</div>

      </div></td>
        <td style="height: 145px;width: 215px;padding-right: 20px;text-align: center;">
<!-- АМС -->
какой-то текст
</td></tr><tr>

        <td style="height: 145px;width: 215px;padding-top: 0px; padding-left: 20px;text-align: center;"><div style="height: 125px;overflow:auto; padding-right: 3px;">
<!-- ПОГОДА -->
She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. She hides in the trees, she gets lost in the dark. She hides in the trees, she gets lost in the dark. she`s never what seems, disappears like a spark. she calls me again and I know it`s no good. she writes rules for games, they're never understood. come close to fire, it won`t let you down. she`s getting up higher, she`s burning this town. She hides in the trees, she gets lost in the dark.
</div></td>

        <td style="height: 145px;width: 215px;padding-right: 20px;text-align: center;">
<!-- ДОСКА ПОЧЕТА -->
еще немного текста
</td></tr></table>

0

44

chibi
ох, вау. так здорово) огромное спасибо
было бы здорово сдвинуть её немножечко влево и убрать тот промежуток между меню и таблицей х)
http://s5.uploads.ru/q3Azr.png

0

45

Leonar
Это уже от самого форума зависит, так что мне ссылка нужна можно под скрытый текст

0

46

chibi

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

47

Leonar
заменить на это

/* D6.3 */
#pun-announcement .container {
  padding: 0em 1em 1em 1em;
  margin-left: -16px;}

0

48

chibi
волшебно, благодарю  http://s7.uploads.ru/qiRDp.gif

0


Вы здесь » Futura: каталог аниме форумов » Таблицы » Заказ таблиц и помощь с ними


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