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

Поделиться361Сб, 27 Авг 2011 14:50:36

Автор: Ангора
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 136
Уважение: +1
Позитив: +27
Пол: Женский
Последний визит:
Вс, 18 Май 2014 23:17:38

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

Ангора, между тегами ячейки - значит в ячейке,
а вы поставили под! ячейками: из кода вашей же таблицы:
<td>Часы (код должен был быть здесь)</td>
<код часов>

поняла)

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

Что нидь из табличек - пост 345 - Не подойдет (В Качестве верхней части ?

ну... если только первая ссылка.

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

фоновую картинку воткнём Вашу? или без фона совсем - как скажете...?

лучше уж с фоном =)

0

Поделиться362Сб, 27 Авг 2011 15:05:16

Автор: kizzi
Заслуженный
Зарегистрирован: Ср, 29 Сен 2010
Сообщений: 40
Уважение: 0
Позитив: +7
Пол: Мужской
Последний визит:
Пн, 28 Ноя 2022 21:55:44

Помогите поожалуйста с таблицей пост 233

0

Поделиться363Сб, 27 Авг 2011 16:27:26

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

acid [av], здравствуйте. Высота-то какая?..

kizzi, здравствуйте, вопросы по поводу вашего заказа:
1. Какова высотааа вашей таблицы ~~(желательно в пикселях)~~?
2. Вам принципиальна эта толстенная граница вокруг окна под кнопками?
3.

что бы при нажатии на наждую открывалось новое объявление

Это собственно всплывающие онка над таблицей

Це я, собственно, не понял, что вы хотите увидеть... если это окна, всплывающие над таблицей, то в окне под кнопками будет картинка? Или при нажатии на кнопку в окошке под кнопками будет меняться инфа?

Отредактировано Rion Leonheart (Пн, 29 Авг 2011 04:46:06)

0

Поделиться364Сб, 27 Авг 2011 16:29:16

Автор: Шериан
Заслуженный
Зарегистрирован: Сб, 16 Апр 2011
Сообщений: 40
Уважение: 0
Позитив: 0
Последний визит:
Пт, 5 Апр 2013 23:30:07

пост 190...

0

Поделиться365Сб, 27 Авг 2011 17:00:29

Автор: cruzo
Заслуженный
Зарегистрирован: Пт, 22 Июл 2011
Сообщений: 19
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 23:34:54

Rion Leonheart
да спасибо, только когда я на контейнер нажимаю он открывается, а потом обратно пропадает)

0

Поделиться366Сб, 27 Авг 2011 17:07:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51362
Уважение: +15322
Позитив: +11784
Последний визит:
Пт, 27 Сен 2024 19:10:35

cruzo :glasses: Уберите Один из спойлеров (Либо в Объявлении - Либо в HTML ~~верх~~
низ
(Один открывает - другой закрывает!

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

Отредактировано Deff (Сб, 27 Авг 2011 17:48:51)

0

Поделиться367Сб, 27 Авг 2011 17:29:29

Автор: cruzo
Заслуженный
Зарегистрирован: Пт, 22 Июл 2011
Сообщений: 19
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 23:34:54

Deff
что конкретно убрать из объявления? ячейку?

0

Поделиться368Сб, 27 Авг 2011 17:37:29

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

cruzo, да не ячейку, а именно вот этот скрипт:

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

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

Отредактировано Rion Leonheart (Сб, 27 Авг 2011 17:51:31)

0

Поделиться369Сб, 27 Авг 2011 18:07:24

Автор: cruzo
Заслуженный
Зарегистрирован: Пт, 22 Июл 2011
Сообщений: 19
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 23:34:54

Rion Leonheart
все спасибо разобралась, еще вопрос, где можно задать цвет выплывающему столбику?

0

Поделиться370Сб, 27 Авг 2011 18:17:21

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

cruzo, ищем строчку с выделенным красным:

и вместо transparent пишем свой цвет в формате - #ffffff (допустим белый фон)

0

Поделиться371Сб, 27 Авг 2011 18:28:18

Автор: cruzo
Заслуженный
Зарегистрирован: Пт, 22 Июл 2011
Сообщений: 19
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 23:34:54

Rion Leonheart
благодарю)

0

Поделиться372Сб, 27 Авг 2011 22:27:22

Автор: acid [av]
Стремящийся
Зарегистрирован: Сб, 27 Авг 2011
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Вс, 28 Авг 2011 01:06:57

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

здравствуйте. Высота-то какая?..

350px или же чуть больше можно.

0

Поделиться373Сб, 27 Авг 2011 23:28:53

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

Шериан, ну задали задачку :cool: ...

Теперь внимательно смотрим цюда ~~инструкцию по эксплуатации~~:

1. В html-верх ставим:

Код:

<style type="text/css">
.scroll {
 overflow: hidden;
 overflow: auto;
 height: 230px;
}
</style>

<style>	
#menu span {
margin: -5px;
width: 113px;
text-decoration: none;
}
#menu .tabactive {
color: transparent; 
background: transparent; 
}

#submenu {
margin-top: -20px;
padding: 2px;
height: 230px;
text-align: left;
font-size: 12px;
width: 520px;
}

.submenutext {
display: none; 
height: 50px;
}

#MenuTxT {
 background: transparent;
}
</style>

2. В html-низ пойдет вот это:

Код:

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


<script type="text/javascript" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12';
flashvars.maxFontSize = '19';
flashvars.tcolor = '0x000000';
flashvars.tcolor2 = '0x000000';
flashvars.hicolor = '0x000000';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>

3. Сама ваша таблица - ставите в объявление ~~(вместо того, что там у вас сейчас)~~ - це вот такой код:

Код:

<center>
<table width="800" height="400" background="http://i062.radikal.ru/1108/3a/1dc3fcb1ba71.gif" border="0">

<tbody>
  <tr>
   <td height="105" valign="bottom">
    <div id="menu">
<span alt=#sm1 "style="cursor: pointer;"><img src="http://10pix.ru/img1/27363/5264711.png"></span>

<span alt=#sm2 "style="cursor: pointer;"><img src="http://10pix.ru/img1/997664/5264671.png"></span>

<span alt=#sm3 "style="cursor: pointer;"><img src="http://10pix.ru/img1/2090/5264701.png"></span>

<span alt=#sm4 "style="cursor: pointer;"><img src="http://10pix.ru/img1/5004/5264695.png"></span>

<span alt=#sm5 "style="cursor: pointer;"><img src="http://10pix.ru/img1/1946/5264662.png"></span>
    </div>
   </td>
  </tr>
  <tr>
   <td height="295" id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<div class="scroll">

<img align="center" src="http://10pix.ru/img1/4940/5264666.png">
<br><br>

События

</div>
</center>
</div>

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

Пример 2

</center>
</div>

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

Пример 3

</center>
</div>

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

<table cellpadding="0" cellspacing="0" width="520" height="230" border="0">
<tr height="25%">
<td width="33%">

<a href="ссылка"><img src="http://i25.fastpic.ru/big/2011/0818/bf/c6af7a78bf11fca55f24a062074bbabf.png"></a>

</td>

<td width="33%" rowspan="4">

<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 1</a>
 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 2</a> 

<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 3</a> 

<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 4</a> 

<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 5</a> 

<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 6</a>

<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Навигация 7</a>
</noindex></div>

</td>

<td width="33%">

<a href="ссылка"><img src="http://i24.fastpic.ru/big/2011/0818/f7/45667f3da29fea2e079958bc66b865f7.png"></a>

</td></tr>

<tr height="25%">
<td>

<a href="ссылка"><img src="http://i24.fastpic.ru/big/2011/0818/19/a3ea063decff4c9a8bfb83f098673e19.png"></a>

</td>

<td>

<a href="ссылка"><img src="http://i24.fastpic.ru/big/2011/0818/a9/f546baa615643924c60a13deb668cfa9.png"></a>

</td></tr>

<tr height="25%">
<td>

<a href="ссылка"><img src="http://i26.fastpic.ru/big/2011/0818/94/6bd93b0de2e8a5684eaa28d15bd05194.png"></a>

</td>

<td>

<a href="ссылка"><img src="http://i24.fastpic.ru/big/2011/0818/fe/1d91356a21c5afb131a1001f96b953fe.png"></a>

</td></tr>

<tr valign="top" height="25%">

<td>

<a href="ссылка"><img src="http://i24.fastpic.ru/big/2011/0818/73/fc69b9746be5c726db356bc6a53d4e73.png"></a>

</td>

<td>

<a href="ссылка"><img src="http://i26.fastpic.ru/big/2011/0818/c4/bc0fe250f8503551daf6c6903f4f2bc4.png"></a>

</td></tr>

</table>
</center>
</div>

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

<center>

<table width="520" height="230" border="0" cellpadding="0" cellspacing="0">

<tr valign="center" height="70">

<td>ник 1</td>

<td>ник 2</td>

<td>ник 3</td>

<td>ник 4</td>

</tr>

<tr align="center" valign="center" height="160">

<td>

<img height="100%" width="100%" src="ссылка на аватар">

</td>

<td>

<img height="100%" width="100%" src="ссылка на аватар">

</td>

<td>

<img height="100%" width="100%" src="ссылка на аватар">

</td>

<td>

<img height="100%" width="100%" src="ссылка на аватар">

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

</center>

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

</table></center>

Теперь самое важное: я имел наглость немного поменять вашу фоновую картинку - просто вырезал белый фон ~~(зашел к вам и подумал, что свиток на белом фоне не будет смотреться ошень красиво на фоне вашего форума)~~

Окно "События". Там есть прокрутка и она появится, как только ваш текст превысит размеры поля. А пока без надобности.

Окно "Навигация". Ссылки сделаете сами (требуемые картинки кликабельны, облачко парит)

Окно "Админы". Ники впишите и картинки администраторов вставите.

Все ваши пожелания учли?

Отредактировано Rion Leonheart (Вс, 28 Авг 2011 10:33:30)

0

Поделиться374Вс, 28 Авг 2011 00:19:10

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

acid [av], как нарисовали, получите код :

В html-верх ставите:

Код:

<style type="text/css">
.scroll {
 overflow: hidden;
 overflow: auto;
 height: 280px;
}
</style>

<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: transparent !important; 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;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/
    }
.splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } /* Конец Стиля всплывающего меню */
</style>

А вот и сама таблица (в Объявление):

Код:

<table width="100%" height="70">

<tr align="center">

<td><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент администрации

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

<td><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент навигации

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

<td><DIV><div class=splLink>Новости</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент новостей

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

<td><DIV><div class=splLink>Партнёры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент партнеров

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

</tr>
</table>


<table width="100%" height="280" border="0" cellspacing="40" cellpadding="0">

<tr>

<td align="center" width="50%">

<div class="scroll">

Текст 

</div>

</td>

<td align="center" valign="center" width="50%">
<img src="ссылка на картинку">
</td>

</tr>

</table>

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

Отредактировано Rion Leonheart (Вс, 28 Авг 2011 01:46:21)

0

Поделиться375Вс, 28 Авг 2011 01:06:39

Автор: acid [av]
Стремящийся
Зарегистрирован: Сб, 27 Авг 2011
Сообщений: 3
Уважение: 0
Позитив: 0
Последний визит:
Вс, 28 Авг 2011 01:06:57

Rion Leonheart
Спасибо.

0

Поделиться376Вс, 28 Авг 2011 03:57:11

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

Finnish goose, что есть кружки на вашем эскизе?
Це кнопки? кнопки в ячейках таблицы без границ? или вообще такое всплывающее меню само круглое, а кнопки тогда какие, просто текст?
~~Можете еще указать размеры таблицы~~...

Отредактировано Rion Leonheart (Пн, 29 Авг 2011 11:27:57)

0

Поделиться377Пн, 29 Авг 2011 08:04:36

Автор: Finnish goose
Заслуженный
Зарегистрирован: Ср, 20 Июл 2011
Сообщений: 29
Уважение: 0
Позитив: +4
Последний визит:
Ср, 1 Май 2013 14:07:01

я прошу прощения, но мне все еще ждать заказанную таблицу или же оставить эту затею?
http://forum.mybb.ru/viewtopic.php?id=2 … 12#p699176
я не понимаю, может я что-то указал неверно или же не доуказал, а от этого вам как-то жду не хочется этим заниматься, так вы бы предупреждали что ли.. :dontknow: