Выполненные заказы на техническое оснащение

Страница: « 1 … 59 60 61 62 63 … 83 »

Тема закрыта

Сообщений 601 страница 610 из 821

Поделиться60125.06.11 11:22

Автор: Him
Призрак
Последний визит:
09.07.11 18:54
Уважение: +142

Тайрис
Как то так.
П.С. Надписи расположить одной строчкой нельзя было, т.к. каждая надпись идет к отдельной ячейке.

хтмл-верх

Код:

<style> 
div .splLink {width: 130px; height: 40px; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(https://upforme.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px;  font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

хтмл-низ

Код:

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

объявление

Код:

<center><table style="width:826px; height: 226px; background: url(http://s008.radikal.ru/i306/1106/00/189100cd0335.png);">
<tr>
<td valign="top"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i036.radikal.ru/1106/f1/b686dd59f409.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td></td>
<td valign="top"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i038.radikal.ru/1106/c5/a3da75823aa5.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td></tr>
<tr valign="bottom">
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s001.radikal.ru/i196/1106/da/698b1689cf84.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i050.radikal.ru/1106/8f/c3c213eb9781.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s007.radikal.ru/i301/1106/d5/95ad2ea90919.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>

Подпись автора: Внимание! Уважаемые пользователи, когда заказываете таблицы, если в таблице будет фон-изображение (обычно оно идет сразу с окошечками для текста), пожалуйста, сразу скидывайте этот фон.

Поделиться60225.06.11 18:35

Автор: Saku
Призрак
Последний визит:
11.12.11 19:21
Уважение: +19

1. ссылка на форум -
http://narutowarofshinobi.anihub.ru/

2. эскиз таблицы.:
http://i025.radikal.ru/1106/19/fb3f616ad7f7.jpg

3. дополнительные предпочтения -
Кнопки и фон.картинку я поставлю сама. Там где текст сделать прокрутку.

Поделиться60325.06.11 20:24

Автор: Эрми
Призрак
Последний визит:
03.07.11 18:58
Уважение: 0

Здравствуйте.

1. ссылка на форум -
http://getyourinspiration.ru/
2. эскиз таблицы.:
http://i035.radikal.ru/1106/23/a8b2524ca2e9.jpg
3. дополнительные предпочтения -
Под 4-ым заголовком - выпадающее меню навигации.
Остальной текст должен прокручиваться (текст 1,2,3)
Таблица должна быть без разделительных границ.

И еще.. Если такое возможно, то хотелось бы что бы таблица была встроена на картинке. Вот сама картинка:
http://s56.radikal.ru/i154/1106/6a/e0f812d52abf.png
Она прозрачная.
Таблица в ней должна выглядеть примерно так:
http://s45.radikal.ru/i110/1106/4f/32b070beba63.jpg
(размер должен быть таким-же)
Картинка как-бы в качестве рамки.

И если возможно все-же, то не будет ли она (таблица) съезжать у других пользователей из-за разных разрешений мониторов?

Поделиться60425.06.11 22:03

Автор: Him
Призрак
Последний визит:
09.07.11 18:54
Уважение: +142

Saku

хтмл верх

Код:

<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 467px;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 0px dotted #000000;
    border-bottom: 0px dotted #000000;
        border-right: 0px dotted #000000;
        border-left: 0px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 540px;
    height: 450px;
    background-image : url(http://s008.radikal.ru/i304/1106/e0/b60c796e4541.png);
  
background-color: #FFFFFF;  
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
position: relative;
    top: 185px; 
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

хтмл низ

Код:

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

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

объявление

Код:

<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
    <li><a href="#tab3">Вкладка 3</a></li>
<li><a href="#tab4">Вкладка 4</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст1
</div></div>
</td></tr></table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст2
</div></div>
</td></tr></table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст3
</div></div>
</td></tr></table>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<table style="height:240px; width:300px;"><tr>
<td valign="bottom"><div style="padding-left:125px; width:200px;"><div style="overflow: scroll; overflow-x: hidden; height: 190px;">
текст4
</div></div>
</td></tr></table>
</div>

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

Подпись автора: Внимание! Уважаемые пользователи, когда заказываете таблицы, если в таблице будет фон-изображение (обычно оно идет сразу с окошечками для текста), пожалуйста, сразу скидывайте этот фон.

Поделиться60525.06.11 22:25

Автор: Saku
Призрак
Последний визит:
11.12.11 19:21
Уважение: +19

Him
прошу прощения, а можно сделать чтобы при нажатии на кнопку текст вылетал как тут, например?

Поделиться60626.06.11 13:29

Автор: Him
Призрак
Последний визит:
09.07.11 18:54
Уважение: +142

Saku

хтмл верх

Код:

<style> 
div .splLink {width: 130px; height: 40px; border: 0px; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; padding: 5px; z-index: 1000; margin-top: 5px; border: 0px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

хтмл низ

Код:

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

объявление

Код:

<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>
<center> 
<table style="width: 540px; height: 450px;background-image :url(http://s008.radikal.ru/i304/1106/e0/b60c796e4541.png);"> 
<tbody align="left" > 
<tr><tr><tr><tr><tr><tr><tr>
<tr> <td height="0px"></td> 
<tr> <td width="100px"></td> 
<td><div style="overflow: scroll; overflow-x: hidden; height: 200px; width: 230px"> 
 <center><font color=#000000>текст
</font></center> 
</div></td> 
</tr> 
</table>

Чтобы настроить выпадающие окна по своему усмотрению читаем тему: Выпадающее меню для форума (с) rps

Подпись автора: Внимание! Уважаемые пользователи, когда заказываете таблицы, если в таблице будет фон-изображение (обычно оно идет сразу с окошечками для текста), пожалуйста, сразу скидывайте этот фон.

Поделиться60726.06.11 14:00

Автор: Him
Призрак
Последний визит:
09.07.11 18:54
Уважение: +142

Эрми
А почему она должна съезжать? Ширина и высота фиксирована, так что съезжать он не должна.

Код:

<table style="width: 765px; height: 257px;background-image :url(http://s56.radikal.ru/i154/1106/6a/e0f812d52abf.png);">
<tr><td colspan="3"><br><div align="center">Общий заголовок</div></td>
</tr>
<tr><td rowspan="2"><div align="center">Заголовок 1 <br><div style="overflow: scroll; overflow-x:hidden;  height: 170px; width:225px;">текст 1 </div></div></td><td rowspan="2"><div align="center">Заголовок2 <br><div style="overflow: scroll; overflow-x:hidden;  height: 170px; width:225px;">текст 2 </div></div></td><td><div align="center">Заголовок 3<br><div style="overflow: scroll; overflow-x:hidden;  height: 120px; width:225px;">текст 3 </div></div></td></tr>
<tr><td><div align="center">Заголовок4<form>
        <select name="select" class="forminput" onChange="location.href=(form.select.options[form.select.selectedIndex].value)">
     <option value="#">Навигация</option>
<option value="ссылка на страничку">название</option>
    <option value="ссылка на страничку">название</option>
    </optgroup>
</select>
</form></div></td></tr>
</table>

Подпись автора: Внимание! Уважаемые пользователи, когда заказываете таблицы, если в таблице будет фон-изображение (обычно оно идет сразу с окошечками для текста), пожалуйста, сразу скидывайте этот фон.

Поделиться60826.06.11 21:43

Автор: Канаме Куран
Призрак
Последний визит:
26.11.11 18:49
Уважение: +7

1. ссылка на форум - http://academykross.rolevaya.ru/

2. эскиз таблицы.:http://imglink.ru/show-image.php?id=8a25f0fc04e775431b63616d347ca260
3. дополнительные предпочтения - Где " администраторы" можно установить черно- белые аватары админов, но при наведении курсора на них, они становились цветными? И нужно ли сразу картинки тогда в таком случае, или можно потом установить?http://cs10251.vkontakte.ru/u27368006/-5/m_16780a08.jpg - картинка таблицы. Сделайте пожалуйста рамки слегка подсвечивающиеся.Остальное на вкус мастера ) Прокрутку не надо

Поделиться60927.06.11 15:34

Автор: Him
Призрак
Последний визит:
09.07.11 18:54
Уважение: +142

Канаме Куран

Канаме Куран написал(а):

Где " администраторы" можно установить черно- белые аватары админов, но при наведении курсора на них, они становились цветными?

Мне, к сожалению, скрипт, чтобы сделать так, как вы хотите не попадался, поэтому в таблице, когда вы вставите в коды свои ссылки на картинки, они будут как обычные не меняющиеся картинки.

Код:

<table style="width: 100%;background: url(http://i031.radikal.ru/1106/b1/19853de723b5.jpg);">
<tr><td style="width:60%";><div align="center"><b>Важное</b><br>Текст важного </div></td>
<td><div align="center"><b>Администраторы</b><br><img src="ссылка на картинку"> 
<img src="ссылка на картинку">  <img src="ссылка на картинку"></div></td></tr><tr><td>
<div align="center"><b>Ссылки</b><br><a href="ссылка">название</a><br>
<a href="ссылка">название</a><br><a href="ссылка">название</a><br></div></td><td></td></tr></table>

Подпись автора: Внимание! Уважаемые пользователи, когда заказываете таблицы, если в таблице будет фон-изображение (обычно оно идет сразу с окошечками для текста), пожалуйста, сразу скидывайте этот фон.

Поделиться61027.06.11 15:47

Автор: Him
Призрак
Последний визит:
09.07.11 18:54
Уважение: +142

Тайрис
А вы где высоту меняете?
Нужно менять здесь

<center><table style="width:826px; height: 226px; background: url(http://s008.radikal.ru/i306/1106/00/189100cd0335.png);">

Выделенное нужно изменить на 284.
Проверяю по вашим кодам, все работает.

Подпись автора: Внимание! Уважаемые пользователи, когда заказываете таблицы, если в таблице будет фон-изображение (обычно оно идет сразу с окошечками для текста), пожалуйста, сразу скидывайте этот фон.

Тема закрыта

Страница: « 1 … 59 60 61 62 63 … 83 »

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

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

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

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

Выполненные заказы на техническое оснащение

Сообщений 601 страница 610 из 821

Поделиться60125.06.11 11:22

Поделиться60225.06.11 18:35

Поделиться60325.06.11 20:24

Поделиться60425.06.11 22:03

Поделиться60525.06.11 22:25

Поделиться60626.06.11 13:29

Поделиться60726.06.11 14:00

Поделиться60826.06.11 21:43

Поделиться60927.06.11 15:34

Поделиться61027.06.11 15:47