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

Страница: « 1 … 16 17 18 19 20 … 50 »

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

Поделиться341Вт, 1 Май 2012 16:51:33

Автор: Леди Джулия
Стремящийся
Зарегистрирован: Ср, 18 Апр 2012
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Вс, 20 Май 2012 14:00:34

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

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

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

Поделиться342Вт, 1 Май 2012 17:45:51

Автор: Катрин из Мексики**
Стремящийся
Зарегистрирован: Вт, 1 Май 2012
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Пт, 11 Май 2012 15:01:47

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

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

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

Поделиться343Вт, 1 Май 2012 21:42:26

Автор: Я и только Я
Заслуженный
Зарегистрирован: Чт, 3 Ноя 2011
Сообщений: 28
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Сб, 5 Май 2012 22:03:40

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

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

Поделиться344Ср, 2 Май 2012 00:13:56

Автор: Katherine Pierce
Заслуженный
Зарегистрирован: Сб, 31 Мар 2012
Сообщений: 33
Уважение: +3
Позитив: +1
Пол: Женский
Последний визит:
Вс, 23 Сен 2012 00:33:40

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

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

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

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

(оформлю как правильно)
1.вот

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

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

Поделиться345Ср, 2 Май 2012 00:15:59

Автор: Ура!
Заслуженный
Зарегистрирован: Пн, 16 Май 2011
Сообщений: 252
Уважение: +54
Позитив: +45
Пол: Женский
Последний визит:
Сб, 5 Сен 2015 18:26:22

1) Эскиз вашей будущей таблицы

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

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

Поделиться346Ср, 2 Май 2012 05:54:59

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

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

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

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

Поделиться347Ср, 2 Май 2012 11:38:14

Автор: Aira
Заслуженный
Зарегистрирован: Вс, 21 Авг 2011
Сообщений: 86
Уважение: 0
Позитив: +17
Последний визит:
Пн, 1 Дек 2014 23:25:54

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

Поделиться348Ср, 2 Май 2012 12:08:56

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Леди Джулия,

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

Код:

<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>

Поделиться349Ср, 2 Май 2012 13:37:00

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

Код:

<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>

Поделиться350Ср, 2 Май 2012 13:44:46

Автор: Катрин из Мексики**
Стремящийся
Зарегистрирован: Вт, 1 Май 2012
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Пт, 11 Май 2012 15:01:47

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

Поделиться351Ср, 2 Май 2012 16:39:03

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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>

Поделиться352Ср, 2 Май 2012 16:52:15

Автор: Aira
Заслуженный
Зарегистрирован: Вс, 21 Авг 2011
Сообщений: 86
Уважение: 0
Позитив: +17
Последний визит:
Пн, 1 Дек 2014 23:25:54

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

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

216х65 пикселей

Поделиться353Ср, 2 Май 2012 16:57:21

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Я и только Я,

Код:

<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>

Поделиться354Ср, 2 Май 2012 17:18:13

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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>

Поделиться355Ср, 2 Май 2012 17:51:09

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Таня (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="https://forumupload.ru/uploads/000b/6e/c9/38-5.png"> На время майский праздников открыта беспроигрышная <a href="http://eldorado.rusff.ru/viewtopic.php?id=301">ЛОТЕРЕЯ</a>. Принимаем участие и получаем небольшие призы.<br>
<img src="https://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="https://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="https://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>

Поделиться356Ср, 2 Май 2012 18:00:30

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

Поделиться357Ср, 2 Май 2012 18:06:02

Автор: Леди Джулия
Стремящийся
Зарегистрирован: Ср, 18 Апр 2012
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Вс, 20 Май 2012 14:00:34

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

Поделиться358Ср, 2 Май 2012 18:17:59

Автор: Ура!
Заслуженный
Зарегистрирован: Пн, 16 Май 2011
Сообщений: 252
Уважение: +54
Позитив: +45
Пол: Женский
Последний визит:
Сб, 5 Сен 2015 18:26:22

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

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

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

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

Поделиться359Ср, 2 Май 2012 18:32:06

Автор: Я и только Я
Заслуженный
Зарегистрирован: Чт, 3 Ноя 2011
Сообщений: 28
Уважение: 0
Позитив: +2
Пол: Женский
Последний визит:
Сб, 5 Май 2012 22:03:40

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

Поделиться360Ср, 2 Май 2012 18:35:11

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

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

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

Ура!,

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

Код:

<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>

Страница: « 1 … 16 17 18 19 20 … 50 »

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

Меню навигации

Пользовательские ссылки

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

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

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

Поделиться341Вт, 1 Май 2012 16:51:33

Поделиться342Вт, 1 Май 2012 17:45:51

Поделиться343Вт, 1 Май 2012 21:42:26

Поделиться344Ср, 2 Май 2012 00:13:56

Поделиться345Ср, 2 Май 2012 00:15:59

Поделиться346Ср, 2 Май 2012 05:54:59

Поделиться347Ср, 2 Май 2012 11:38:14

Поделиться348Ср, 2 Май 2012 12:08:56

Поделиться349Ср, 2 Май 2012 13:37:00

Поделиться350Ср, 2 Май 2012 13:44:46

Поделиться351Ср, 2 Май 2012 16:39:03

Поделиться352Ср, 2 Май 2012 16:52:15

Поделиться353Ср, 2 Май 2012 16:57:21

Поделиться354Ср, 2 Май 2012 17:18:13

Поделиться355Ср, 2 Май 2012 17:51:09

Поделиться356Ср, 2 Май 2012 18:00:30

Поделиться357Ср, 2 Май 2012 18:06:02

Поделиться358Ср, 2 Май 2012 18:17:59

Поделиться359Ср, 2 Май 2012 18:32:06

Поделиться360Ср, 2 Май 2012 18:35:11