Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)


Таблицы на заказ (14)

Сообщений 341 страница 360 из 1000

341

Rion Leonheart написал(а):

Леди Джулия, что-то у меня на вашем форуме реклама от сервиса сползает прямо на объявление - так и должно быть?

Ой, нет) Я вроде исправила, и реклама не закрывает объявление)

0

342

Rion Leonheart написал(а):

Кэтрин из Мексики**,
1) Кнопки. При наведении курсора должны менять цвет?
2) Картинка слева.
   а) статична по отношению к остальному контенту?
   б) на каждый контент - своя новая картинка?

1. Да, цвет должен менятся.
2. б. На каждый контент новая картинка)

0

343

1) Размер картинки?
2) Размер картинок кнопок?
3)
   а) Эта самая картинка будет в первой кнопке?
   б) Или она просто над кнопками?
4) Если 3-а, то это таблица с переменным контентом?
    Если 3-б, то это таблица с всплыв. вверх меню?

1.
2. 100х100
3. б)
4. Да забыла нарисовать... От каждой кнопки всплывает окно с прокруткой

0

344

Rion Leonheart написал(а):

Katherine Pierce, ну если нижний блок - который будет в графе объявления - я еще себе представляю, то верхний - можно поподробнее? Как внутренние элементы должны располагаться?

Или заказ уже неактуален ввиду боковых таблиц?

немножко другой заказ тогда теперь

(оформлю как правильно)
1.вот
http://s54.radikal.ru/i145/1205/cc/8a1f6cf7aca3.jpg
2.
http://inlosangeles.rolka.su/
3.
Границы таблицы пунктиром или же белым
Акции,реклама,правила и тд. -ссылками
Картинки для модераторов,админов,игроков ,помощников размером 60х60 (если можно сделать ,чтобы при наведение они увеличивались,то буду благодарна)
Где находится картинка по середине ,чтобы можно было писать текст ,который сам бы прокручивался снизу вверх (если нельзя вставить картинку ,то ничего )
Шрифт чтобы был коричневый или бежевый ,наклонный
Для ориентира можно просмотреть наш тестовик  http://hollywoodhistory.rolka.su/

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

0

345

1) Эскиз вашей будущей таблицы
http://uploads.ru/t/8/T/7/8T7Xa.jpg
2) Ссылка на ваш форум
http://selenamagic.mybb.ru/
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
нужна таблица высотой 400 пикселей для форума шириной 920 пикселей, с кнопками шириной 150 пикселей. Кнопки обозначить как "кнопка 1", "кнопка 2", ... а контент - "контент 1", "контент 2", ... . Начинку в таблицу засуну самостоятельно. 
... Или сделать проще - просто привести в рабочий вид мой некорректный скрипт таблицы на приведенном выше форуме.

Отредактировано Ура! (Ср, 2 Май 2012 00:24:13)

0

346

Rion Leonheart написал(а):

в итоге слайдер должен быть на 3 слайда?

Да... Первый - тот что уже есть и еще два)

0

347

Rion Leonheart
216х65 пикселей

0

348

Леди Джулия,

ваше в объявление:

Код:
<style>	
#menu {
margin-top: 3px;}

#menu span {
width: 100px;
height: 14px;
font-size: 14px;
font-family: 'Courier New';
text-align:center;
display: block;
margin-bottom: 3px;
padding: 15px 0 15px 0;}

#menu .tabactive {
color: #FFCC99;}

#submenu {
padding: 0px;
height: 200px;
width: 98%;}

.submenutext {
display: none;
text-align: center;
height: 200px;}

#menu span, #mybrd {
border: 1px dotted #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>


<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="width: 100px;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;">Главная</span>
<span alt="#sm2" style="cursor: pointer;">Игра</span>
<span alt="#sm3" style="cursor: pointer;">Актив</span>
<span alt="#sm4" style="cursor: pointer;">Реклама</span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table style="width: 100%; height: 100%;">
<tr>
<td id="mybrd" style="width: 50%;" align="center">
<div style="width: 96%; height: 190px; overflow-y: auto;">

Приветствие

</div>
</td>
<td id="mybrd" style="width: 50%;" align="center">
<div style="width: 96%; height: 190px; overflow-y: auto;">

Новости

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

</div>
     <div id="sm2" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr>
<td id="mybrd" style="width: 50%;" align="center" rowspan="2">
<div style="width: 96%; height: 190px; overflow-y: auto;">

Погода

</div>
</td>
<td id="mybrd" style="width: 50%; height: 95px;" align="center">

Творящееся в игре

</td>
</tr>
<tr>
<td id="mybrd" style="height: 95px;" align="center">

Активные игроки

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

</div>
     <div id="sm3" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr>
<td id="mybrd" style="width: 50%;" align="center" rowspan="2">
<div style="width: 96%; height: 190px; overflow-y: auto;">

Стих

</div>
</td>
<td id="mybrd" style="width: 50%; height: 95px;" align="center">

Активные участники

</td>
</tr>
<tr>
<td id="mybrd" style="height: 95px;" align="center">

Админ. состав

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

</div>
     <div id="sm4" class="submenutext">

<table style="width: 100%; height: 100%;">
<tr>
<td id="mybrd" style="width: 50%;" align="center" rowspan="2">

Каталоги

</td>
<td id="mybrd" style="width: 50%; height: 60px;" align="center">

Слово о рекламе

</td>
</tr>
<tr>
<td id="mybrd" style="height: 130px;" align="center">

Партнеры

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

</div>
</div>
</td>
</tr>
</tbody>
</table></center>


<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

349

Катрин из Мексики**,

в объявление:

Код:
<style type="text/css">
#pun-announcement .container {padding-top: 1em}
</style>

<style>

#menu {
margin: 0px;}

#menu span {
padding: 3px 20px 3px 20px;
margin: 0px 15px;
width: 100px;}

#shine:hover{background: #999; color: #fff;}

#menu .tabactive {
color: #000;}

#submenu {
padding: 3px;
height: 200px;}

.submenutext {
display: none;
text-align: center;
height: 200px;
width: 90%;}

#menu span, .submenutext {
background-color: #c1c1c1;
border: 1px solid #000;
border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}

.fsn h3 {
font-weight: bold;
font-size: 12px;
color: #000;
font-family: 'georgia';}
</style>

<center><table class="fsn" style="width: 100%; color: #55515D;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="height: 30px;" align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;" id="shine">Новости</span>
<span alt="#sm2" style="cursor: pointer;" id="shine">В игре</span>
<span alt="#sm3" style="cursor: pointer;" id="shine">Навигация</span>
<span alt="#sm4" style="cursor: pointer;" id="shine">Реклама и партнеры</span>
    </div>
   </td>
  </tr>
  <tr height="200">
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 1px solid #000;" align="center">

<h3>Новости</h3>

<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">

текст текст текст текст

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

     <div id="sm2" class="submenutext">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 1px solid #000;" align="center">

<h3>В игре</h3>

<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">

текст текст текст текст

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

     <div id="sm3" class="submenutext">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 1px solid #000;" align="center">

<h3>Навигация</h3>

<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">

<a href="ссылка">Правила</a>
<br/>
<a href="ссылка">Акции</a>
<br/>
<a href="ссылка">Шаблоны анкет</a>
<br/>
<a href="ссылка">Отношения</a>

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

     <div id="sm4" class="submenutext">
<center><table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 60%;" align="center">

<img src="ссылка на картинку">

</td>
<td style="width: 40%; border: 1px solid #000;" align="center">

<h3>Реклама</h3>

<div style="width: 99%; height: 76px; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow-y: auto;">

текст текст текст текст

</div>

<h3>Баннеры</h3>

<div style="width: 99%; height: 76px; border-top: 1px solid #000; overflow-y: auto;">

баннеры баннеры баннеры баннеры

</div>
</td>
</tr>
</table></center>
</div>
   </td>
</tr>
 </tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

350

Rion Leonheart
Спасибки***
Благодарю:*

0

351

Katherine Pierce, мерил на тестовик, в принципе резиновая. Цвет зависит от цветов форума, если будете переносить дизайн с тестовика, то объявление тоже изменит цвет. Бегущий сверху вниз текст не советую, как показывает практика, скачет по странице, + уже есть бегущая строка с баннерами. Поэтому хватит и картинки в центре.

в объявление:

Код:
<br/><br/><br/>
<style>
.imch img{width: 60px; height: 60px; margin: 0 0 -4px 0;}
.imch img:hover{
width: 70px; 
height: 70px;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;}

.mytbl h3 {font-size: 18px; font-weight: bold;}
</style>

<table class="mytbl" style="width: 100%; font-family: 'monotype corsiva'; font-size: 16px; border: 1px dashed #fff;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height: 30px; border: 1px dashed #fff;" align="center" colspan="3">

Добро пожаловать!

</td>
</tr>
<tr>
<td style="width: 30%; border: 1px dashed #fff;" align="center">


<table class="imch" cellpadding="1" cellspacing="0" border="0">
<tr>
<td style="width: 50%; height: 50%;" align="center" valign="top">

<h3>Админы</h3>
<img src="картинка">
<img src="картинка">

</td>
<td style="width: 50%;" align="center" valign="top">

<h3>Модеры</h3>
<img src="картинка">
<img src="картинка">

</td>
</tr>
<tr>
<td style="height: 50%;" align="center" valign="top">

<h3>Игрок месяца</h3>
<img src="картинка">

</td>
<td align="center" valign="top">

<h3>Помощники</h3>
<img src="картинка">
<img src="картинка">

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


</td>
<td style="width: 40%; border: 1px dashed #fff;" align="center" valign="top">

<img style="width: 400px; height: 250px;" src="картинка">
<br/>
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 33%; height: 50%;" align="center">

<a href="ссылка">Акции</a>

</td>
<td style="width: 33%;" align="center">

<a href="ссылка">F.A.Q.</a>

</td>
<td style="width: 33%;" align="center">

<a href="ссылка">Правила</a>

</td>
</tr>
<tr>
<td style="height: 50%;" align="center">

<a href="ссылка">Реклама</a>

</td>
<td align="center">

<a href="ссылка">Помощь</a>

</td>
<td align="center">

<a href="ссылка">Гостевая</a>

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

</td>
<td style="width: 30%; border: 1px dashed #fff;" align="center">

<h3>Игровое время</h3>

текст текст текст текст

<h3><a href="ссылка">Календарь</a></h3>
<h3>Погода</h3>

текст текст текст текст

<h3>Видео ролевой</h3>

тут что-то

</td>
</tr>
<tr>
<td style="border: 1px dashed #fff;" align="center" colspan="3">
<marquee style="width: 99%; height: 31px;">

Бегущая строка баннеров

</marquee>
</td>
</tr>
</table>

+1

352

Rion Leonheart написал(а):

а размер картинок какой

216х65 пикселей

0

353

Я и только Я,

Код:
<center><img src="картинка"></center>

<style>
.splLink {width: 100px; height: 100px;}
.splCont {height: auto; width: 260px; padding: 5px; z-index: 1000; margin-top: -385px; margin-left: -70px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; background-color: transparent; background-image: url("http://savepic.ru/2408258.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;}
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif;
    font-size: 200% !important; 
    color: red;} 
</style>


<center><table style="width: 90%">
<tr>

<td align="center"><DIV><div class=splLink><img src="пикча кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 250px; overflow-y: auto;">

Ваш Контент 1

</div>
</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="пикча кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 250px; overflow-y: auto;">

Ваш Контент 2

</div>
</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="пикча кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 250px; overflow-y: auto;">

Ваш Контент 3

</div>
</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="пикча кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 250px; overflow-y: auto;">

Ваш Контент 4

</div>
</DIV></DIV></td>

<td align="center"><DIV><div class=splLink><img src="пикча кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 250px; overflow-y: auto;">

Ваш Контент 5

</div>
</DIV></DIV></td>

</tr>
</table></center>


<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

0

354

Aira,

ваш макетик:

Код:
<style>	
#menu {
margin-top: 0px;}

#menu span {
width: 216px;
height: 65px;
display: block;
padding: 0px;}

#submenu {
padding: 0px;}

.submenutext {
display: none;
text-align: center;
height: 455px;
width: 96%;
overflow-y: auto;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
<tr>
<td style="height: 40px;" align="center" colspan="2">

<marquee style="width: 99%;">Добро пожаловать на форум ролевую "Аватар: История продолжается."</marquee>

</td>
</tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

Контент первой кнопки

</div>
     <div id="sm2" class="submenutext">

Контент второй кнопки

</div>
     <div id="sm3" class="submenutext">

Контент третьей кнопки

</div>
     <div id="sm4" class="submenutext">

Контент четвертой кнопки

</div>
     <div id="sm5" class="submenutext">

Контент пятой кнопки

</div>
     <div id="sm6" class="submenutext">

Контент шестой кнопки

</div>
     <div id="sm7" class="submenutext">

Контент седьмой кнопки

</div>
</div>
</td>
   <td valign="top" align="center" style="width: 25%;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
<span alt="#sm7" style="cursor: pointer;"><img src="ссылка на картинку кнопки"></span>
    </div>
   </td>
</tr>
</tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

355

Таня (1482),

в html-низ добавляем:

Код:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

И обновите объявление:

Код:
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120318/trPaKU1i.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120318/o1B82Doy.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120318/vPSV6P76.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120318/dyS1M66L.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s1.ipicture.ru/uploads/20120318/zWCnL4JV.png"></span>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">
<div style="width: 100%; height: 270px; overflow-y: auto;">

Знаете, каждому в жизни свое. Кто-то начинает свой день с Лунной сонаты Бетховена, а кто-то жить не может без хард-рока. Кто-то, имея красивые ноги, всю жизнь прячет их под джинсами и кроссовками, кто-то же даже представить себе не может, что кроме шпилек есть другая обувь. Для одних городок с тремя улицами – это самое лучше место на Земле, а другие почему-то выбирают суету больших городов. <br>
И знаете, почему? Здесь, в шумном и ярком Эльдорадо, не чувствуешь себя одинокой песчинкой в этой толпе, потому что благодаря ей есть ощущение, что Земля вертится, люди не вымерли и жизнь мчится вперед.<br><br>
<img src="http://i1074.photobucket.com/albums/w412/TanishaAgrawal/97e5ff0e01e6a0b0f286e905e25c946b.gif"> Напоминаем, что вечеринка по поводу Дня все влюбленных проходит в  <a href="http://eldorado.rusff.ru/viewtopic.php?id=281">Доме семьи Палмер</a>. Приглашаются все желающие.
<br>
<img src="http://forumupload.ru/uploads/000b/6e/c9/38-5.png"> На время майский праздников открыта беспроигрышная <a href="http://eldorado.rusff.ru/viewtopic.php?id=301">ЛОТЕРЕЯ</a>. Принимаем участие и получаем небольшие призы.<br>
<img src="http://forumupload.ru/uploads/000b/6e/c9/38-5.png"> На форуме действует  система бонусных баллов. Подробнее можно прочитать в <a href="http://eldorado.rusff.ru/viewtopic.php?id=223">ЭТОЙ ТЕМЕ</a>. <br>

</div>
</td>
<td style="width: 50%;" align="center" valign="top">
<b>Администрация:</b>
<br/><br/>

<a href="http://eldorado.rusff.ru/profile.php?id=2"><img src="http://s1.ipicture.ru/uploads/20120320/VrzKrkyv.jpg" title="Lalita Wilson"></a>
<a href="http://eldorado.rusff.ru/profile.php?id=3"><img src="http://s1.ipicture.ru/uploads/20120320/DWepR2gC.jpg" title="Irene Palmer"></a>

<br/><br/><b>Модераторы:</b><br/><br/>

<a href="http://eldorado.rusff.ru/profile.php?id=38"><img src="http://s1.ipicture.ru/uploads/20120320/USx24bn5.jpg" title="Alex Corman"></a>
<a href="http://eldorado.rusff.ru/profile.php?id=35"><img src="http://s1.ipicture.ru/uploads/20120320/Me2x5w3v.jpg" title="Jean Armstrong"></a>

<br/><br/>
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Полезные ссылки</option>
<option value='http://eldorado.rusff.ru/viewtopic.php?id=3'>Вопросы от гостей</option> 
  <option value='http://eldorado.rusff.ru/viewtopic.php?id=79#p85'>F.A.Q</option>
  <option value='http://eldorado.rusff.ru/viewtopic.php?id=2#p2'>Занятые внешности</option>
  <option value='http://eldorado.rusff.ru/viewtopic.php?id=56#p61'>Занятые фамилии</option>
  <option value='http://eldorado.rusff.ru/viewforum.php?id=5'>Акции</option>
  <option value='http://eldorado.rusff.ru/viewtopic.php?id=9'>Шаблон анкеты</option>
  <option value='http://eldorado.rusff.ru/viewtopic.php?id=81#p87'>Шаблон акционной анкеты</option>
</select> 
</form>

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

     <div id="sm2" class="submenutext">
<table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">
<div style="width: 100%; height: 270px; overflow-y: auto;">
<br/><br/><br/><br/>
В Эльдорадо наступил День святого Валентина.  Но ужасная погода не располагает к празднику, вот и сидят многие жители по своим домикам и не учавствуют в жизни города. А что вы хотели? Февраль - суровый месяц...

</div>
</td>
<td style="width: 50%;" align="center" valign="top">

<b>Время и погода:</b>
<br/><br/>

<center>14 февраля 2012 </center><br>
<center><img src="http://i260.photobucket.com/albums/ii30/Amri_ta/weather_rain-1.png" title="дождь" /> +10 °C: холодно и пасмурно, все время идет противный дождь. Город скоро забудет, как выглядит солнце. </center>

<br/><br/>

<b>Шоу "Неделя с..."</b>
<br/><br/>

<a href="http://eldorado.rusff.ru/viewtopic.php?id=297#p8278"><img src="http://i260.photobucket.com/albums/ii30/Amri_ta/tumblr_m392fk2q6V1rptzxvo1_500.gif" title="Violetta Davis"></a>

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

     <div id="sm3" class="submenutext">
<table style="width: 100%;">
<tr>
<td style="width: 50%;" align="center" valign="top">
<b>Пост недели:</b>
<br/><br/>
<a href="http://eldorado.rusff.ru/profile.php?id=55"><img src="http://i260.photobucket.com/albums/ii30/Amri_ta/th_tumblr_m2dy5tGXB41qe3fdlo1_250.gif" title="Alexandra Rox "></a>
<div style="width: 100%; height: 170px; overflow-y: auto;">
<p align="left"><b> Alexandra Rox: </b>Алекс все так же стояла в ванной комнате на первом этаже. Просто не могла поверить. Какие-то непонятные ощущения переполняли. Вроде страх, вроде переживание, а вроде радость… Даже не могла понять. Потеряла чувство реальности совсем.
Даже потеряла счет времени. Не понимала, сколько уже здесь простояла, просто смотря на две полоски.
Да, она решила проверить. Почему? Да просто стандартная процедура, которую Александра проводила раз на два месяца. Так, на всякий случай. И, кажется, тот случай все-таки насталу...
 </p> <p align="right"><a href="http://eldorado.rusff.ru/viewtopic.php?id=291#p8205"> <b>Читать дальше  </b> </a></p>
<br>
</div>

</td>
<td style="width: 50%;" align="center" valign="top">

<b>Игрок недели:</b>
<br/><br/>

<a href="http://eldorado.rusff.ru/profile.php?id=54"><img src="http://i260.photobucket.com/albums/ii30/Amri_ta/th_54-1335468492.gif" title="James Royal"></a>

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

     <div id="sm4" class="submenutext">

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:263px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:263px;
}
.control {
  display:block;
  width:40px;
  height:40px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:111px;
  left:0;
  background:transparent url(http://i1074.photobucket.com/albums/w412/TanishaAgrawal/a65279f6.png) no-repeat 0 0;
}
#rightControl {
  top:111px;
  right:0;
  background:transparent url(http://i1074.photobucket.com/albums/w412/TanishaAgrawal/f84d7342.png) no-repeat 0 0;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=152"><img src="http://s1.ipicture.ru/uploads/20120320/27A6kRQa.jpg"></a>

</td>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=138"><img src="http://s1.ipicture.ru/uploads/20120320/W3LUgeWg.jpg"></a>

</td>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=158"><img src="http://s1.ipicture.ru/uploads/20120320/alwYWJrJ.jpg"></a>

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

      </div>
<div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=152"><img src="http://s1.ipicture.ru/uploads/20120320/27A6kRQa.jpg"></a>

</td>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=138"><img src="http://s1.ipicture.ru/uploads/20120320/W3LUgeWg.jpg"></a>

</td>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=158"><img src="http://s1.ipicture.ru/uploads/20120320/alwYWJrJ.jpg"></a>

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

      </div>
<div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=152"><img src="http://s1.ipicture.ru/uploads/20120320/27A6kRQa.jpg"></a>

</td>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=138"><img src="http://s1.ipicture.ru/uploads/20120320/W3LUgeWg.jpg"></a>

</td>
<td style="width: 33%;" align="center">

<a href="http://eldorado.rusff.ru/viewtopic.php?id=158"><img src="http://s1.ipicture.ru/uploads/20120320/alwYWJrJ.jpg"></a>

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

      </div>
</div></div><!--End// Cлайдер-->

</div>

     <div id="sm5" class="submenutext">

<a href="http://utopiya.rolka.su/" title="Утопия 'Шанс выжить дается не каждому...'" target="blank"><img src="http://forumupload.ru/uploads/000a/ed/42/24658-1.jpg" border="0"></a> <a target="_blank" href="http://univer.rolevaya.ru/"><img src="http://s018.radikal.ru/i513/1202/3d/58927ee85234.gif" ></a> <a href="http://detroit.mybb.ru/" title="Реальная жизнь. Детройт" target="blank"><img  alt="Детройт" src="http://savepic.ru/3104864.gif"></a>
<a href=http://urchoice.ru/ target="_blank">
<img src="http://s005.radikal.ru/i212/1001/b3/a2328b18a862.gif" ></a> <a href="http://illumina.hutt.ru" target="_blank"><img src="http://uploads.ru/i/h/r/g/hrg6J.png" width="88" height="31" title="ИЛЛЮМИНА. Затерянный город. Сверхспособности."></a> <a href="http://moscowlife.rolka.su/" target="_blank">
<img src="http://uploads.ru/i/c/O/i/cOiA4.gif"
title="Глухарь. Москва. Бандитские войны."
border="0" width="88" height="31" ></a> <a href="http://supernaturalworlds.rolka.su/" target=_blank> <img src="http://forumupload.ru/uploads/000f/fc/1d/1232-1.gif" border="0" alt="Supernatural. Hope of the world"></a> <a href="http://adelaide.rusff.ru/" target=_blank title="Santos. Не звени ключами от тайн" /"><img src="http://savepic.net/1779370.gif" ></a> <a href="http://truegossip.rusff.ru/" target=_blank title="TRUE GOSSIP ©"><img src="http://s2.ipicture.ru/uploads/20120228/SwTTBLZL.gif"></a> <a href="http://pompey.f-rpg.ru" title="Твой мир"<target="blank"><img src="http://uploads.ru/i/7/1/q/71qLK.png"></a> <a href="http://veniceparadise.rusff.ru"><img src="http://uploads.ru/t/M/i/D/MiDj9.gif" border="0" /></a> <a href="http://allentown.rusff.ru/"><img src="http://uploads.ru/i/D/x/g/Dxgv1.gif" border=0 alt="ALLENTOWN"></a> <a target="_blank" href="http://theworld.rolka.su/"><img src="http://s018.radikal.ru/i524/1203/43/d5c946ac71c5.png" ></a> <a href="http://housefinal.rusff.ru/" title="HOUSE M.D"><img src="http://uploads.ru/i/E/m/2/Em2Ug.gif"></a> <a href="http://thgamesworld.rusff.ru/"><img src="http://uploads.ru/i/y/s/N/ysNaD.gif" ></a>

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

+1

356

Ура!, скажите, что в установленном исправить - быстрее будет?  :question:

Отредактировано Rion Leonheart (Ср, 2 Май 2012 18:20:22)

0

357

Rion Leonheart
Спасибо большое!  8-)

0

358

Rion Leonheart написал(а):

Ура!, а что в уже установленном не так?

При загрузке страницы в таблице изначально должен отображаться контент первой кнопки. У меня при загрузке там пусто - чтобы увидеть, надо в кнопки тыкать. Скрипт кривой. Я Деффа просила помочь, он меня к вам прислал.

Отредактировано Ура! (Ср, 2 Май 2012 18:18:23)

0

359

Rion Leonheart
Cпасибо)))
Это в  обьявление?

0

360

Я и только Я написал(а):

Это в  обьявление?

Да, в объявление.  :D


Ура!,

замените объявление

Код:
<style type="text/css">
#pun-announcement .container {padding-top: 1em}
</style>

<style>	
#menu {
margin-top: 0px;}

#menu span {
width: 150px;
height: 57px;
display: block;
padding: 0px;}

#submenu {
padding: 0px;}

.submenutext {
display: none;
text-align: center;
height: 400px;
width: 98%;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент первой кнопки

</div>
     <div id="sm2" class="submenutext"><br/>

Контент второй кнопки

</div>
     <div id="sm3" class="submenutext"><br/>

Контент третьей кнопки

</div>
     <div id="sm4" class="submenutext"><br/>

Контент четвертой кнопки

</div>
     <div id="sm5" class="submenutext"><br/>

Контент пятой кнопки

</div>
     <div id="sm6" class="submenutext"><br/>

Контент шестой кнопки

</div>
     <div id="sm7" class="submenutext"><br/>

Контент седьмой кнопки

</div>
</div>
</td>
   <td valign="top" align="center" style="width: 17%;">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/A/7/0/A70KI.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/d/2/n/d2nIY.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/c/r/7/cr79I.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/s/k/i/skitA.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://uploads.ru/i/8/T/f/8TfNu.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://uploads.ru/i/S/c/O/ScOiX.png"></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://uploads.ru/i/w/f/6/wf6OG.png"></span>
    </div>
   </td>
</tr>
</tbody>
</table></center>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+2


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)