29.08 Чиби пришла, чтобы проститься и передать свою корону в надежные руки урсы. Всех люблю и буду скучать, котики ♥

30.06 В связи с отсутствием Чибимун примерно до сентября, главной по тарелочкам пока будет урса (⁄ ⁄•⁄ω⁄•⁄ ⁄) Так что функционируем в обычном режиме, не забывая про тему исправлений!

12.01 С новым годом, ребятки! немного юбилеев, новых крутых дизайнов и мандаринок в ваш дом ヽ(・∀・)ノ

17.10 Чибимун тут болела серьезно, периодами училась и впадала в реальную жизнь, а на ролевых все так же ничего не меняется. Но вы не теряйте, котики!

27.08 Новый дизайн, спасибо великолепной полтергейст ♥

18.08 Чиби уходит в отпуск до 24 числа (даже заходить не будет возможности), так что не грустите и новые ролочки не делайте :")

07.05 Светло, розово (и немного непривычно), но все по-старому футурно, не переживайте! А за дизайн спасибо большое cannibals circus. Надеюсь, он растопит ваши холодные сердца и подарит чуточку тепла и весны вам, господа любители посплетничать ♥

02.04 Стряхну пыль с колонки новостей (тут должна быть шутка про то, что какая активность на аниме сообществе, такие и мы), напомню неравнодушным про тему исправления в каталоге, где Чибимун горячо желает видеть ссылки на новые форумы, поскольку сама не успевает все отслеживать. Спасибо, что остаетесь с нами, ребятки, даже в такие тяжелые времена. Всех люблю, не стесняйтесь писать, обращаться с вопросами и проявлять признаки жизни ♥
just one story
В городе начали происходить похищения и убийства людей, а преступника не могут поймать даже самые опытные офицеры полиции. По этому поводу городской совет решает вызвать команду детективов из ближайшего большого города, чтобы наконец закончить этот ад на земле.
ONCE IN MADRID
Добро пожаловать в Мадрид! Город, где кипят настоящие испанские страсти, строятся и рушатся судьбы, а самое главное, что вы лично сможете в этом поучаствовать.
Noster
Уже много лет люди, вампиры, оборотни и гаргульи сожительствуют бок о бок в мире и гармонии.
ЦОАР
Совсем юное микрогосудартсво в один город на берегах Мертвого мора (территория Израиля) в своей официальной и независимой регистрации – всего около 50 лет. Политический режим (официально): султанат, абсолютная монархия.
ЭНСК
В чёрном-чёрном городе на чёрной-чёрной улице стояло чёрное-чёрное здание. Многие из вас наверняка слышали подобную историю. На самом деле Энск вовсе не чёрный и пестрит множеством оттенков серого, от тёмных тонов побитого асфальта до белёсого смога металлургического завода. И чёрное-чёрное здание, в котором, кстати, располагается школа, тоже вовсе не чёрное, а посеревшее от времени некогда жёлтое.
Clockwork Heaven
Вот уже тринадцать лет, Таргар является основной точкой для добычи всевозможных материалов, которые могли бы вернуть в мир магию - пути, пролегающие в таинственное подземелье, были найдены именно здесь. Всё это время, в городе поддерживался мирный договор; всё благодаря представителю древних героев, которого назначили наместником от империи.
PGSM: L'Ascension
Их история не была окончена. Трагедия, разлучившая принцесс в далеком прошлом, не сумела отнять у них право на второй шанс. На новое рождение и новый путь, который им вновь предстояло пройти рука об руку.
Naruto: After War
Год назад закончилась Четвертая Великая Война Шиноби. Альянс Шиноби в силе и процветает, Скрытые деревни отстраиваются и разрастаются. После войны многое изменилось, люди стали добрее друг к другу. Однако там, где есть Инь, всегда будет Ян. И там, где есть сила, всегда будут те, кто возжелают ее. История нового мира только начинается, а какой она окажется — решать лишь настоящим ниндзя.
Eternal Blaze - Naruto FRPG
Чем ярче горит пламя надежды, тем сильнее клубится тьма неизвестности. В то время, когда Великие Деревни забывают старые обиды и стараются всячески наладить дипломатические связи, призрачная угроза становится всё отчётливей...
Naruto. Everything is changing.
Един закон мироздания: все имеет свое начало и конец, Мирное время, установленное после Четвертой мировой войны шиноби, подходит к концу. Мир меняется, и люди меняются вместе с ним.
BLEACH. IMPOSSIBLE
Прошел ровно год с того памятного дня, когда была дерзко вырвана победа в кровопролитной войне над Ванденрейхом. Победа была неоспорима. И всё же, часть силы Юха Баха уничтожить не удалось - она разлетелась по всем мирам...
Soul Taker
Приключение Кида и его товарищей подошло к концу. Много воды с тех пор утекло, и если прежде они были обычными учениками Академии Шибусен с необычными силами, то теперь они спасли мир, заточив могущественного Асуру Кишина на чёрной луне.

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

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

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


Вы здесь » 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