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

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

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


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


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

Сообщений 421 страница 440 из 1000

421

А можно этой таблице сделать границы/обводку каждой кнопки и выплывающего по клику окна?
http://savepic.org/2170777.png

Код:
<style>	
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#1E1B2D;
margin: 9px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#D8DBBC;
}

#menu .tabactive {
color: #1E1B2D;
    background:#C9CCAF;
}

#submenu {
padding: 0px;
height: 220px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table style="width: 615px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<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>
<span alt="#sm5" style="cursor: pointer;">Партнеры/реклама</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;padding:10px;height:200px;overflow-y: auto;">
<br/>
<p>новости
тексттекстекстекстекс<br>
тексттекстекстекстекст<p>
тексттекстекстекстекст</p>


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

<p><justify>погода</justify> </p>

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

ссылки<br>

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

<b>Администрация форума:</b>
</p>

</div>
     <div id="sm5" class="submenutext"><br/><br/>
партнеры/реклама </p>


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

форум http://tlklost.rusff.ru/

Отредактировано maya_day (Ср, 31 Авг 2011 15:28:31)

0

422

maya_day
:glasses:  Добавьте строки красным

<style>
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
border:1px dashed #000;;
text-align:left;
display:block;
color:#1E1B2D;
margin: 9px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#E4E8C5;
}

#menu .tabactive {
color: #1E1B2D;
    background:#A6BD88;
}

#submenu {
padding: 0px;
height: 220px;
border:1px solid #000;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none;
height: 40px;
}
</style>

Поправил на точечную в меню

Отредактировано Deff (Ср, 31 Авг 2011 16:12:16)

+2

423

Deff
спасибо) :flirt:

0

424

http://s43.radikal.ru/i101/1108/c3/d84658b64ecc.jpg - картинка. размер: 886 x 543 пик.,
Размер окошек:
Верхнее первое 240*180 (сделать бегущую строку (снизу вверх))
Верхнее второе и верхнее третье размерами 208*260, Последнее: 430*195 (сделать с полосой прокрутки. Хотелось бы, чтобы полоса прокрутки помещалась внутри границ окон. И текст не должен идти впритык. Сайт еще не готов, могу скинуть адрес тестовика.)

0

425

Локки написал(а):

могу скинуть адрес тестовика.

Це обязательно надо давать при заказе)

Локки написал(а):

И текст не должен идти впритык.

В каком плане - впритык?  :surprise:

0

426

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

могу скинуть адрес тестовика.

http://catstown.mybb.ru/ - но это черновик

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

В каком плане - впритык?

не прямо возле границ

0

427

Локки, домучил наконец-то...

Код:
<table width="886" height="543" background="http://s43.radikal.ru/i101/1108/c3/d84658b64ecc.jpg" border="0">

<tr height="312"><td width="334" align="center">

<table border="0" cellpadding="10" width="240px" height="180px" style="margin-top: -30px; margin-left: -5px;">
<tr height="100%"><td width="100%"><marquee direction="up"><font color="#ffffff"><center>


Текст прокрутки!


</center></font></marquee></td></tr></table></td>

<td align="center" width="276"><table border="0" cellpadding="10" width="208px" height="260" style="margin-left: 10px; margin-top: 10px;"><tr height="100%"><td width="100%"><div style="width:100%; height:240px; overflow:auto;"><font color="#ffffff"><br/>


Текст первой колонки


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

<td align="center" width="276"><font color="#ffffff"><table border="0" cellpadding="10" width="208px" height="260" style="margin-left: 10px; margin-top: 10px;"><tr height="100%"><td width="100%"><div style="width:100%; height:240px; overflow:auto;"><font color="#ffffff"><br/>


Текст второй колонки


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

<tr height="231"><td colspan="3"><table border="0" cellpadding="10" width="430px" height="195px" style="margin-left: 406px;"><tr><td><div style="width:100%; height:170px; overflow:auto;"><center><font color="#ffffff">


Текст 1 


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

</table>

Вот такая получилась. Таблица на картинке. Прокрутка появится, когда размер шрифта превысит заданный лимит. Как я вкурил, прокрутка вам нужна была во всех колонках, кроме той что с прокручиванием текста http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

Отредактировано Rion Leonheart (Вс, 4 Сен 2011 08:22:59)

0

428

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

Вот такая получилась. Таблица на картинке. Прокрутка появится, когда размер шрифта превысит заданный лимит. Как я вкурил, прокрутка вам нужна была во всех колонках, кроме той что с прокручиванием текста

Да, спасибо, то что надо. Только, как сделать, чтобы текст прокрутки останавливался при наведении курсора?

0

429

Локки, (сразу бы сказали) в коде найдите строку:

<marquee __ direction="up">

И на месте красного подчеркивание допишите вот это:

onMouseOver="this.stop()" onMouseOut="this.start()"

Отредактировано Rion Leonheart (Чт, 1 Сен 2011 17:33:13)

0

430

Спасибо )

0

431

1. Ссылка на форум
http://doggi.rolka.su/
2. Скрин таблицы
http://s11.radikal.ru/i184/1108/ec/7fc61c54e623.png
3.
Выплывающие окошки и прокрутка, при нажатии на каждое из слов, при нажатии на Links вот такой навигатор http://s009.radikal.ru/i310/1108/27/c8d0229d0f4e.jpg
4. Форматирование текста
Текст черный
5.
Окошко, которое открытось цвета как подложка форума

Отредактировано Никaндра (Сб, 3 Сен 2011 16:27:00)

0

432

Никaндра, здравствуйте.

Только что доделал...  http://i053.radikal.ru/0806/7f/8b80a2497566.gif Читаем внимательно инструкцию по эксплуатации:

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

Код:
<style> 
/* Стиль всплывающего меню */
.splLink {width: 100px; height: 72px; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 200px; padding: 5px; z-index: 1000; background-color: #DDD1B0; margin-top: 3px; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center;}

.splCont { 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
 /* Конец Стиля всплывающего меню */
</style>

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

Код:
<center><table width="600" height="150" background="http://s11.radikal.ru/i184/1108/ec/7fc61c54e623.png" border="0">
<tr>

<td width="153"><DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width:100%; height:200px; overflow:auto;">

Ваш Контент 1

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

<td width="198"><DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width:100%; height:200px; overflow:auto;">

Ваш Контент 2

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

<td width="138"><DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><form><select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">

<option>Ваш контент 3</option>
 
<option value="ссылка на тему">Название 1</option> 

<option value="ссылка на тему">Название 2</option> 

<option value="ссылка на тему">Название 3</option> 

<option value="ссылка на тему">Название 4</option> 

<option value="ссылка на тему">Название 5</option> 

</select></form></DIV></DIV></td>

<td width="110"><DIV><div class=splLink></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width:100%; height:200px; overflow:auto;">

Ваш Контент 4

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

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

Теперь такой момент. У вас в html-низу уже есть спойлер-контейнер, но вы просите, чтобы окна всплывали при нажатии на слово, а не появлялись при наведении курсора:

Ищем код:

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

});
});
  </script>

И выделенное красным заменяете на такое:

    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;

Собственно, если вам без разницы - выплывает по клику, или при нажатии, можете не трогать скрипт спойлера  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

0

433

Rion Leonheart
Спасибо, но у меня не такой код спойлера

У меня такой:

Код:
<div id="html-footer" class="section">
 <div class="container"><div class="container">
<div class="container"><div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<img src="http://i051.radikal.ru/1109/b2/c3c896786a60.png" ></a><div style="display: none">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->


<!-- END CBOX -->

0

434

Никaндра... у вас их 2 тогда...

0

435

Rion Leonheart
я нашла. заменила. все так же, только при наведении

0

436

Rion Leonheart
все сделала. у меня еще один такой же код, а как теперь сделать так. чтобы он мгновенно не убирался?

0

437

Rion Leonheart
спасибо за таблицу, сама разобралась, можно только код от полосы прокрутки для ячеек

0

438

Никaндра, в вашей таблице есть указанные полосы прокрутки!!! Они появятся, когда размеры инфы превысят допустимый лимит!  http://mybb.ru/f/collection/0224.gif

0

439

Rion Leonheart
Спасибо огромное) Вы мастер, спасибо за быстроту выполнения и качество работы.

Удачи http://mybb.ru/f/collection/0211.gif

0

440

Пост 150
Адрес форума:
http://petzfive.mybb.ru/
Эскиз таблицы:
http://savepic.net/1755048.jpg
Комментарии:
Заранее большое спасибо.

0


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