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

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

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


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


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

Сообщений 521 страница 540 из 1000

521

`walking

<table>
<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>
<tr>
<td>
<img src="ссылка на картинку">
</td>
<td>
<img src="ссылка на картинку">
</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 rowspan="2">
<img src="ссылка на картинку">
</td>
</tr>
<tr>
<td>
текст1
</td>
<td>
текст2
</td>
</tr>
</table>

<!-- Стиль объявления -->

<style> заголовок выпадающего меню
div .splLink {
width: 130px;ширина
height: 40px;высота
border: 1px solid #FFF;толщина и стиль границы
background-image: url("ссылка на фон заголовка меню(ессли требуется)");
text-align: center;равнение(стоит по центру)
font-family: Comic Sans Ms;шрифт текста
font-size: 13px;размер
padding: 0px;} отступ(можно не трогать)
</style>

<style>выпавшее меню
.spll div .splCont {
height: auto;высота
width: auto;ширина
background-attachment: scroll;прокручиваемость картинки фона(если такая есть)
background-repeat: repeat;повторение картинки(если она меньше ячейки)
background-position: 0% 0%;Центрирование
background-color: #000;цвет ячейки выпавшего меню(при отсутствии картинки)
background-image: url("фон выпавшей части меню(если требуется)");
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
z-index: 1000;
margin-top: 5px;
border-color: #000000;цвет границы
border-width: 1px;толщина
border-style: solid;стиль
font-size: 12px;размер текста в меню
font-family: "Microsoft Sans Serif";шрифт
text-align: center;
</style>

Заменить на нужное
Настроить как требуется

Пояснения(удалить, чтоб не мешались)

Отредактировано Operation Exodus (Вс, 28 Ноя 2010 11:55:59)

0

522

`walking
и в НИЗ не забудь поставить

<!--Спойлер - контейнер-->
<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>

Отредактировано Operation Exodus (Вс, 28 Ноя 2010 11:58:02)

0

523

Operation Exodus
Cпасибо огромное! *обняла*! http://mybb.ru/f/collection/0230.gif  Попробую разобраться!

0

524

`walking
хе-хе, ну пробуй)

0

525

Белая и пушистая написал(а):

Вот такую,
http://s010.radikal.ru/i311/1011/e0/7dd51828f36dt.jpg
если можно, форум:
wwwouraklass.6bb.ru

Белая и пушистая во первых поправьте в HTML низ(почти в самом низу:

<script type="text/javascript">
var sex=document.getElementById('pun-main').getElementsByTagName("li")
var sx=0
for (sx=0; sx<=(sex.length-1); sx++)
{if (sex[sx].className=="pa-sex")
{if (sex[sx].innerHTML.indexOf("Мужской")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src='http://www.yoursmileys.ru/msmile/fun/m0102.gif' />"}
else if (sex[sx].innerHTML.indexOf("Женский")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src='http://www.yoursmileys.ru/msmile/girls/m05012.gif' />"}
}}
</script>
<a target="_blank" href="http://lavehorse.mybb.ru"><img src="http://s55.radikal.ru/i149/0812/46/9050870172f2.jpg" ></a>
<a target="_blank" href="http://twilightnewstory.1bb.ru/"><img src="http://s54.radikal.ru/i146/0909/9a/693603e27e9c.gif" ></a>

Добавьте тег красным


Cама табличка > Cкриншот:

http://savepic.ru/1991115.jpg

Рабочая модель > http://hostjs-mybb2011.narod.ru/Belaya_i_pushistaya.htm

Код:
<!--============== Табличка /для Белая и пушистая=========== -->
<style>
#TB_001 {
  width:740px;
  height:580px;
  background: url(http://savepic.ru/1918565.jpg) left top no-repeat;
  text-shadow:#5F76B2 0px 1px 0px!important;
}
#td02 img {
  height:224px;
  max-width:716!important;
  margin: -1px -3px 1px 3px;
}
#TB_001 a{
    color: #3E74FC!important;
    text-shadow:#5F76B2 0px 1px 0px!important;
}
#TB_001 a:hover{
    color: #0AA2A2!important;
    text-shadow:#A7B4B2 0px 1px 0px!important;
}
#TB_001 p:first-letter{
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
}
#TB_03,#TB_03 td{
    border:2px solid #86A2E0!important;
    border-collapse: collapse!important;
}
.td_01,.td_02{
    color:#C627D3;
    font-weight: bold!important;
}
</style>
<center>
	<table cols="3" valign="top" id="TB_001" border="0">
	  <tr>
	     <td height="52" colspan="3" valign="center" align="center">
	<center><marquee id="abc4" style="width:97%; margin: 4px 0px -4px 0px;" direction="left" behavior="scroll" scrollamount="2" scrolldelay="44" onmouseout="document.all.abc4.start()" onmouseover="document.all.abc4.stop()"><span style="color:red; text-shadow: #2E3E4D -1px 1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic; white-space:nowrap"><strong>

<!--Бегущая строка 1 == Начало Заполнения пункта -->

Добро пожаловать! Эта игра вам точно понравится! Настоящая жизнь лесных животных. Всё, как в реале. Регистрируйтесь и удачной игры!!! 

<!--ХХ Конец Заполнения пункта -->

</strong></span></span></span></span></marquee></center>
	     </td>
	  </tr>
	  <tr>
	     <td id="td02" height="225" colspan="3" valign="center" align="center">
<!--Вставка Картинок, 2-я строка == Начало Заполнения пункта -->

<img src="http://savepic.ru/1949299.jpg" alt="Школа" border="0"/>

<!--ХХ Конец Заполнения пункта -->
	     </td>
	  </tr>
	  <tr>
	     <td height="288" width="210" valign="top" align="right" cellpadding="0">

	<div align="left" style="overflow-y: auto; overflow-x: hidden; padding:0 6px; width:160px;height:257px; font-size:12px; margin: 12px 8px 0px -8px;color:#90159B;line-height:150%;">


	<!-- &&& Заголовок Полезные ccылки -->
<i><b>
<u><p style="font-size:14px;color:#B41AC1;text-shadow:#FFFFFF 1px 1px 2px;">
Полезные ccылки
</p></u>
<br/>
<p>	<!--&&& Конец Заголовка -->

<!-- Полезные Ccылки == Начало Заполнения пункта -->


<a href="http://lesrealnost.rolka.su/viewtopic.php?id=7">•°• Правила №1</a><br>

<a href="http://lesrealnost.rolka.su/viewtopic.php?id=12#p15">•°• Правила №2</a><br>

<a href="http://lesrealnost.rolka.su/viewtopic.php?id=9#p12">•°• Права и обязанности (помощь) •°• </a><br>

<a href="http://lesrealnost.rolka.su/viewforum.php?id=3">•°• Анкеты</a><br>

<a href="http://lesrealnost.rolka.su/viewtopic.php?id=6">•°• Животные леса</a><br>

<a href="http://lesrealnost.rolka.su/viewtopic.php?id=8">•°• Карта</a><br>

<a href="http://lesrealnost.rolka.su/viewforum.php?id=5">•°• Сюжеты и квесты</a><br>

<a href="http://lesrealnost.rolka.su/viewforum.php?id=15">•°• Флуд и игры</a><br>

<a href="http://lesrealnost.rolka.su/viewforum.php?id=12">•°• Реклама</a><br>


<!--ХХ Конец Заполнения пункта -->
</p>
</b></i>


	</div>

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

<font color=#B41AC1 style="font-size:11px;color:#B41AC1;text-shadow:#FFFFFF 1px 1px 2px;line-height:100%;">

	<!-- &&& Заголовок Погода и Время -->

<i><u><p style="margin:16px 0 26px 0!important;font-size:14px!important;text-shadow:#fff -1px 1px 1px"><b>
Погода и Время
</b></p></u></i>

	<!--&&& Конец Заголовка -->

	<table width="170" align="center" valign="top" cellspacing="0" id="02">
	  <tr style="padding:0 16px;">
	    <td valign="top" width="50%" style="padding:0 16px;border-right-style:solid!important; border-right-width:1px;border-color:#B41AC1;">
<b><span style="color: #5A67C1">Погодка</span></b><br>
<!-- Погода == Начало Заполнения пункта -->

 Погодка неплохая. Вроде пасмурно, но дождик льёт изредка

<!--ХХ Конец Заполнения пункта -->
	    </td>
	    <td valign="top" width="50%" style="padding:0 16px;">
<b><span style="color: #5A67C1">Время в игре</span></b>
<!-- Время == Начало Заполнения пункта -->

<br> 12-13 июня. Промежуток времени – 22:00-01:00

<!--ХХ Конец Заполнения пункта -->
	    </td>
	  </tr>
	</table>
</font>


	     </td>
	     <td width="295"  valign="top" align="right" cellpadding="0">
<font color=#B41AC1 style="font-size:11px;color:#B41AC1;text-shadow:#FFFFFF 1px 1px 2px;line-height:100%;">

	<!-- &&& Заголовок Список и Обязанности учеников -->

<i><u><p align="center" style="line-height:120%;margin:14px 0 26px 0!important;font-size:14px!important;text-shadow:#fff -1px 1px 1px"><b>
Список и обязанности
<br/>  учеников
</b></p></u></i>

	<!--&&& Конец Заголовка -->
	<div align="center" style="overflow-y: auto; overflow-x: hidden; width:275px;height:216px; font-size:11px; margin: -22px 15px 0px -15px">

<i><b><div  align="center" style="font-size:11px;margin-top: 0px; line-height:100%; color:#B41AC1;text-shadow:#FFFFFF 1px 1px 2px;" align="center"><font color=#B41AC1><br/>

	<table id="TB_03" width="256" align="center" valign="top" cellpadding="4" cellspacing="0">
<col width="10%" valign="center" align="center">
   <col width="45%" valign="center" align="left">
   <col width="45%" valign="center" align="center">
	<!--&&&Begin Заголовок Таблички -->
	  <tr style="color:#000;">
	    <td class="td_01">
<center style="color:#5A67C1;"><b>№-<br/>№</b></center>
	    </td>
	    <td class="td_02">
<center style="color:#5A67C1;"><b>ФИО<span style="color:#6A5D5D;">/</span>Ник</b></center>
	    </td>
	    <td class="td_03">
<center style="color:#5A67C1;"><b>Обязанности</b></center>
	    </td>
	  </tr><!--&&&End Заголовок Таблички-->

<!-- Начало Заполнения пункта Одного из участников -->
	  <tr>
	    <td class="td_01">
1
	    </td>
	    <td class="td_02">
Вася Пупкин
	    </td>
	    <td class="td_03">
Староста класса,Активист и вообще ...
	    </td>
	  </tr><!--ХХ Конец пункта -->

<!-- Начало Заполнения пункта Одного из участников -->
	  <tr>
	    <td class="td_01">
1
	    </td>
	    <td class="td_02">
Вася Пупкин
	    </td>
	    <td class="td_03">
Староста Класса
	    </td>
	  </tr><!--ХХ Конец пункта -->

<!-- Начало Заполнения пункта Одного из участников -->
	  <tr>
	    <td class="td_01">
1
	    </td>
	    <td class="td_02">
Вася Пупкин
	    </td>
	    <td class="td_03">
Староста Класса
	    </td>
	  </tr><!--ХХ Конец пункта -->

<!-- Начало Заполнения пункта Одного из участников -->
	  <tr>
	    <td class="td_01">
1
	    </td>
	    <td class="td_02">
Вася Пупкин
	    </td>
	    <td class="td_03">
Староста Класса
	    </td>
	  </tr><!--ХХ Конец пункта -->

<!-- Начало Заполнения пункта Одного из участников -->
	  <tr>
	    <td class="td_01">
1
	    </td>
	    <td class="td_02">
Вася Пупкин
	    </td>
	    <td class="td_03">
Староста Класса
	    </td>
	  </tr><!--ХХ Конец пункта -->

<!-- Начало Заполнения пункта Одного из участников -->
	  <tr>
	    <td class="td_01">
10
	    </td>
	    <td class="td_02">
Вася Пупкин
	    </td>
	    <td class="td_03">
Староста Класса
	    </td>
	  </tr><!--ХХ Конец пункта -->



  <!--&&&&End Список и Обязанности -->
<!--&&&&End&End Список и Обязанности -->
	</table><br/><br/>

</font></div></b></i>

	</div>

	     </td>
	  </tr>
	</table></center>
<!--============== Конец Таблички /для Белая и пушистая =========== -->


Пояснения:

Картинку вставляем сюда>

<td id="td02" height="225" colspan="3" valign="center" align="center">
<!--Вставка Картинок, строка 2 == Начало Заполнения пункта -->

<img src="http://savepic.ru/1949299.jpg" alt="Школа" border="0"/>

<!--ХХ Конец Заполнения пункта -->

Просто заменяем ссылку ( Картинка сама автонормируецо по высоте
поскольку пропорции текущего рисунка(716 x 223 пикселей) трудно подобрать одной картинкой

Можно устанавливать несколько рисунков вплотную друг-к другу, для этого дополнительно вставить вслед за кодом предыдущей картинки(с Вашей новой ссылкой) еще одну - две картинки такими кодами(кодом)

<img src="Ссылка на доп картинку 2" alt="Одноклассники-2" border="0"/>
<img src="Ссылка на доп картинку 3" alt="Одноклассники-3" border="0"/>

(*картинки должны сами отцентрироваться


Заполнение Таблицы

(Всё между  тегами
- начало заполнение пункта  -->
и
конец заполнения пункта  -->

правим как нам нужно

- внутри этих тегов моно всё убирать - менять как нравицо, - сами теги не трогаем
Пример:

<!--Новости п.п.5== Начало Заполнения пункта -->

<center>Новости и полезные ссылки.</center> <br>форум еще готов не полностью.Просим подождать с критикой, но регистрация, заполнение анкет и игра ждут Вас</br>

<!--ХХ Конец Заполнения пункта -->


Пояснения для самого последнего пункта:
"Список и обязанности учеников"
Для добавления очередного участника, ищем код:

</td>
    <td class="td_03">
Староста Класса
    </td>
  </tr><!--ХХ Конец пункта -->

  <!--&&&&End Список и Обязанности -->
<!--&&&&End&End Список и Обязанности -->
</table><br/><br/>

И вставляем между синими тегами
следущее:

<!-- Начало Заполнения пункта Одного из участников -->
  <tr>
    <td class="td_01">
1
    </td>
    <td class="td_02">
Вася Пупкин
    </td>
    <td class="td_03">
Староста Класса
    </td>
  </tr><!--ХХ Конец пункта -->

И у Вас в правой табличке внизу появится новый участник, (*затем тексты красным заменяем на свои),
табличка будет с прокруткой, если кол-во участников перевалит за страничку

Отредактировано Deff (Вс, 28 Ноя 2010 21:16:48)

0

526

Sennnehund, как доделаю КАрис, берусь за Вашу

Отредактировано Deff (Вс, 28 Ноя 2010 18:46:38)

0

527

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

Sennnehund, как доделаю КАрис, берусь за Вашу

А остальных так и пропустите чтоли?  o.O

0

528

Kira Fort Cоррь, - остальные это Вы, придецо делать...
______________________________

Kira Fort  o.O  А я не пойму, то что Вы заказываете, уже стоит на Вашем форуме = Вам чо дубликат нужен ? http://vdandloveagain.mybb.ru/  > http://s49.radikal.ru/i124/1011/05/e3ce14562b35.jpg

Отредактировано Deff (Вс, 28 Ноя 2010 23:04:34)

0

529

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

А я не пойму, то что Вы заказываете, уже стоит на Вашем форуме = Вам чо дубликат нужен ?

Нет у меня стоит другая, просто подогнанная под нужную. (Пришлось бедной девушке выворачиваться как умеет  :blush: )
Там разграничения на три сектора, а мне необходимо именно так как на эскизе. Можете просто ту доработать, добавив два сектора под навигаторы и рамки не убирайте плиз, я сама смогу это сделать если понадобится.

Отредактировано Kira Fort (Пн, 29 Ноя 2010 00:44:41)

0

530

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

Sennnehund, как доделаю КАрис, берусь за Вашу

:jumping:  :shine: здорово!

0

531

Kira Fort написал(а):

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


Поправил

Код:
	<center>
<table width="90%" border="0" cellspacing="0" cellpadding="4" style="font-family: arial; font-size: 13px; line-height: 11px" valign="top" width="30%" align="left">
<tbody>
	<tr>
	   <td width="30%" valign="top">
<!-- == Deff == Промежуточные Добавленые теги -->
<table  valign="top" border="1" cellspacing="0">
      <tr>
	  <td>
<!-- == Deff == End/Промежуточные Добавленые теги -->

<center><img src="http://s003.radikal.ru/i201/1011/dc/857ce87c3104.png" ></center><br />
<img src="http://s012.radikal.ru/i319/1011/17/bc31527a0d01.jpg" ><br>
<img src="http://s016.radikal.ru/i336/1011/28/ba8b4eadee82.jpg" >

<!-- == Deff == Промежуточные Добавленые теги -->
	  </td>
      </tr>
      <tr>
	  <td height="45" valign="center" align="center">
Заголовок
	  </td>
      </tr>
      <tr>
	  <td>
<!-- == Deff == End/Промежуточные Добавленые теги -->
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Навигатор</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=3#p21">Вопросы от гостей.</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=4#p23">Правила форума</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=5#p24">Список ролей</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=27#p102">Сюжет</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=8#p31">Шаблон анкеты.</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=13#p56">Занятые внешности</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=6#p28">Правила пиара</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=11#p36">Наша реклама</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=9#p32">Ваша реклама. 01</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=10#p33">Баннерообмен</option> 
</select> 
</form>
<!-- == Deff == Промежуточные Добавленые теги -->
	  </td>
      </tr>
</table>
<!-- == Deff == End/Промежуточные Добавленые теги -->
	   </td>
	   <td  width="40%"  valign="top">


<center><img src="http://s010.radikal.ru/i312/1011/1c/9973eb50adf9.png" ></center><br />
<div style="overflow: scroll; overflow-x: hidden; height: 210px; width:
400px"><b>Информация для гостей:</b><br>Уважаемые гости. Вы находитесь на форуме основанным на известных произведениях и сериале: "Дневники вампира". Форум наш новый, поэтому у нас много свободных ролей. Так что не засиживайтесь на главной странице, а выбирайте себе роль и регистрируйтесь. Если вы не нашли роль по своему вкусу, советую вам присмотреться к акциям форума или вы всегда можете взять не канонического персонажа.<br><br><br><b>Объявление для гостей:</b><br> В связи с нововведениями на mybb, при регистрации указывайте свой настоящий почтовый ящик, так как именно на него вам будет выслан пароль доступа на форум. При каких-либо заминках, связанных с получением пароля, обратитесь к администрации форума и тогда администратор лично вышлет вам новый пароль на почтовый ящик указанный вами при регистрации.<br><br><br><b>Погода и дата:</b><br> <b><i>Дата:</i></b> 15 сентября 2010 г <br><b><i>Погода:</i></b>Достаточно теплый и солнечный день. Небольшой ветерок нисколько не портит впечатления от погоды, но тучки постепенно появляющиеся на небе, говорят вполне определенно, что к вечеру возможен дождь<br><br><br> <b>Объявления для игроков:</b><br> Уважаемые игроки, игра пока не началась, но для вас всегда открыт ФлэшБэк. Сразу после принятия вашей анкеты и заполнения профильных темок, убедительная просьба посетить тему: Обсуждения/Предложения по квестам. Для включения вас в уже существующий или пишущийся квест.<br><br><br><b>События в игре:</b><br> Игра пока не началась и событий пока нет.</div>

	   </td>
	   <td  width="30%" valign="top">
<!-- == Deff == Промежуточные Добавленые теги -->
<table  valign="top" border="1" cellspacing="0">
      <tr>
	  <td>
<!-- == Deff == End/Промежуточные Добавленые теги -->

<center><img src="http://s45.radikal.ru/i110/1011/89/d07b25017238.png" ></center><br/>
<img src="http://i040.radikal.ru/1011/8c/794b4ee5c5be.jpg" ><br>
<img src="http://s13.radikal.ru/i186/1011/19/524393d19b17.jpg" >

<!-- == Deff == Промежуточные Добавленые теги -->
	  </td>
      </tr>
      <tr>
	  <td height="45" valign="center" align="center">
Заголовок
	  </td>
      </tr>
      <tr>
	  <td>
<!-- == Deff == End/Промежуточные Добавленые теги -->
<form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Наши акции</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=25#p79">[Сanon forever]</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=26#p81">[Formation Catherine]</option> 
<option value="http://vdandloveagain.mybb.ru/viewtopic.php?id=58#p726">[Formation Claus]</option> 

</select> 
</form>
<!-- == Deff == Промежуточные Добавленые теги -->
	  </td>
      </tr>
</table>
<!-- == Deff == End/Промежуточные Добавленые теги -->

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

http://mybb.ru/f/collection/0208.gif

0

532

Можно такую таблицу?
http://forumupload.ru/uploads/000d/f7/3d/28-1-f.jpg

0

533

КАрис написал(а):

сори что не  ровно.Хотелось бы такую таблицу. http://savepic.net/269768.png Там  где  границы отмечены  синим сделайте их не  видными*чтоб границ не было*верхние  тексты с прокруткой сделать   одинаковыми по размеру,просто не  ровно  сделала на  картинке.А насчет  *1  и *2не  знаю как это  делаетсявот пример на  этом  форуме.http://badapple.mybb.ru/Там  где Администрация: и Модераторы.сделаейте в *1 и *2  по  14 мест в каждом  на  такие  картинки с ссылками.

Карочь творческий кризис - ничо лучше чем вот это  http://hostjs-mybb2011.narod.ru/KAris.htm не придумалось

Код:
<!--============== Табличка /для КАрис=========== -->
<style>
#Div_001 {
  width:786px;
  height:550px;
  margin:0 5px 0 -5px;
  padding:6px 0 0 1px;
  background: url(http://savepic.net/270461.jpg) left top no-repeat;
}

#TB_001 {
  width:773px;
  height:527px;
  border-collapse: collapse!important;
  color:#502C1A!important;
  text-shadow:#E5D3BF 1px 0px 1px!important;
 }

#TB_001 td {
  /* border:1px #000 solid; Тест бордюров */
}

   /* Полупрозрачность кликабельных картинок */
#TB_001 a img{ 
  filter:alpha(opacity=40); 
  opacity: 0.4; 
  -moz-opacity: 0.4; 
  -khtml-opacity: 0.4; 
} 
#TB_001 a img:hover{ 
filter:alpha(opacity=100); 
opacity: 1.0; 
-moz-opacity: 1.0; 
-khtml-opacity: 1.0; 
}/* End Полупрозрачность*/

#TB_001 .TD_img {
  max-width:430px!important;
  max-height:370px!important;
}
.tbl,.tbl td{
  width:100%;
  text-align:right;
  vertical-align: top;
  padding:0!important;
  border-collapse: collapse!important;
 /*border:2px solid #86A2E0!important;      Тест бордюров    */
}
.tbl .hrTd {
  height:24px;
  text-align:center;
  padding-bottom:6px!important;
  vertical-align: bottom;

  font-size:20px;
  text-shadow:#000 0px 1px 0px!important;
  letter-spacing:0.04em;
  color:#F7F2F0;
  font-family: 'Times New Roman';
}

.Scroll_Div {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 2px 0px 10px;
  margin: 0px 0px 0px 0px;
}
</style>
<div id="Div_001" align="center">
	<table cols="3" valign="top" id="TB_001"  cellpadding="0" cellspacing="0"  border="0">
	  <tr>
	      <td  height="410" width="159" valign="top" align="right">
	    <!--&&&Begin: Левая Колонка -->
	    	<!--&&&левая колонка/Встроенная Табличка_02-->
<table class="tbl" width="100%" cols="1" border="0">
  <tr>
     <td class="hrTd">
<b><i>Заголовок</i></b>
     </td>
  </tr>
  <tr>
      <td>
<div class="Scroll_Div" align="left" style="height:112px;" >
<!-- Start == Начало Заполнения пункта -->

Админы
<br><b>Главный админ:</b><br>
<i>Жгучезвезд</i><br>
<b>Зам. главного админа:</b><br>
<i>Звёздная Бездна, Мартиша</i><br>
<b>Админы:</b><br>
<i> Майская,Тень, Хвоя, Ледозвёзд, Фортуна</i><br>

<!--ХХ Конец Заполнения пункта -->
</div><br>

     </td>
  </tr>
  <tr>
      <td class="hrTd">
<b><i>Заголовок</i></b>
     </td>
  </tr>
  <tr>
      <td>
<div class="Scroll_Div" align="center" style="height:235px;" >

<!-- Start == Начало Заполнения пункта -->

	<!-- 1-я картинка со Ссылкой -->
<a href="Ссылка"><img src="http://savepic.ru/1942189.png"/></a><br>

	<!-- 2-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 3-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 4-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 5-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 6-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 7-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 8-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 9-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 10-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 11-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 12-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 13-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 14-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

<!--ХХ Конец Заполнения пункта -->
</div>
	
     </td>
  </tr>
</table>
	    	<!--&&&Конец:/Встроенная Табличка_02-->

	     </td>
	     <td width="434" valign="top" align="center">
	    <!--&&&Begin: Центральная Колонка -->

	    	<!--&&&центральнаяколонка/Встроенная Табличка_03-->
<table class="tbl" cols="1"  border="0">
  <tr>
      <td height="54">
	<center><marquee id="abc4" style="width:98%; margin: 8px 0px -8px 0px;" direction="left" behavior="scroll" scrollamount="2" scrolldelay="44" onmouseout="document.all.abc4.start()" onmouseover="document.all.abc4.stop()"><span style="color:red; text-shadow: #2E3E4D -1px 1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic; white-space:nowrap"><strong>

<!--Бегущая строка 1 == Начало Заполнения пункта -->

Добро пожаловать! Эта игра вам точно понравится! Настоящая жизнь этих удивительных животных. Всё, как в реале. Регистрируйтесь и удачной игры!!! 

<!--ХХ Конец Заполнения пункта -->

</strong></span></span></span></span></marquee></center>
     </td>
  </tr>
  <tr>
      <td  class="TD_img" height="373" style="vertical-align: bottom;">
<!--Центр таблички, картинка == Начало Заполнения пункта -->

  <!--тут можно вставить рисунок, если текущий не по нраву -->

<!--ХХ Конец Заполнения пункта -->	
     </td>
  </tr>
</table>
	    	<!--&&&Конец:/Встроенная Табличка_03-->

	     </td>
	     <td valign="top" align="right">
	    <!--&&&Begin: Правая Колонка -->

	    	<!--&&&правая колонка/Встроенная Табличка_04-->
<table class="tbl" cols="1" border="0">
  <tr>
     <td class="hrTd">
<b><i>Заголовок</i></b>
     </td>
  </tr>
  <tr>
     <td  height="112">
<div class="Scroll_Div" align="left" style="height:112px;" >
<!-- Start == Начало Заполнения пункта -->

<b>Главный модер:</b><br>

<i>Veyla</i><br>
<b>Зам. главного модера:</b><br>
<i>Дождливый День</i><br>
<b>Модеры:</b><br>
<i>Льдинка, emmi, Каллиан, Отражение.</i><br>
<br>
<br>
<!--ХХ Конец Заполнения пункта -->
</div><br>


     </td>
  </tr>
  <tr>
     <td class="hrTd">
<b><i>Заголовок</i></b>

     </td>
  </tr>
  <tr>
      <td>
<div class="Scroll_Div" align="center" style="height:235px;" >

<!-- Start == Начало Заполнения пункта -->


Реклама<br/> 
Помним, что все только взаимно!<br/> 
Администрация все проверяет.<br/> 
И  оставляйте ссылку на нашу рекламу.<br/> 
Уважаемые пользователи! Рекламьте активнее.<br/> 
Реклама будет поощраться.<br/> 
Перс рекламы: Реклама пароль: 1111<br/> 
<br/>
<br/> 

	<!-- 1-я картинка со Ссылкой -->
<a href="Ссылка"><img src="http://savepic.ru/1942189.png"/></a><br>

	<!-- 2-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 3-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 4-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 5-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 6-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 7-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 8-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 9-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 10-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 11-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 12-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 13-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

	<!-- 14-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

<!--ХХ Конец Заполнения пункта -->
</div>
	
     </td>
  </tr>
</table>
	    	<!--&&&Конец:/Встроенная Табличка_04-->

	     </td>
	  </tr>
	  <tr>
	     <td height="110" colspan="3" valign="top" align="right">
<table class="tbl" cols="1" border="0">
  <tr>
     <td class="hrTd">
<div  style="margin: 3px 0 -3px 0!important;">
	<b><i>Заголовок</i></b>
</div>
     </td>
  </tr>
  <tr>
  <td valign="top">
	    <!--&&&Begin: Нижняя широкая часть таблички -->
<div class="Scroll_Div" align="center" style="height:74px;" >
<!-- Start == Начало Заполнения пункта -->
<i> Не суди по обложке какой-то киношке.Начни с новой строчки,написав первую точку...<br>
Прошлых времен окончив   рассказ. В мыслях  летает  мечтанья  о сказке, где жить ты  навечно будешь в  заботе,любви..<br>И наверно когда-то сердце  забьется в  такт последней капле  дождя. </i> <br>....<br/> <br/> 

<br><i> Не суди по обложке какой-то киношке.Начни с новой строчки,написав первую точку...<br>
Прошлых времен окончив   рассказ. В мыслях  летает  мечтанья  о сказке, где жить ты  навечно будешь в  заботе,любви..<br>И наверно когда-то сердце  забьется в  такт последней капле  дождя. </i> <br>....<br/> <br/> 

<!--ХХ Конец Заполнения пункта -->
</div>
     </td>
  </tr>
</table>


	     </td>
	  </tr>
	</table></div>
<!--============== Конец Таблички /для КАрис =========== -->

Как заполнить - смотрите в предыдущих сообщениях

Вместо Заголовков - свой текст

Картинку под Всю табличку меняем здесь(cсылка синим):

<style>
#Div_001 {
  width:786px;
  height:550px;
  margin:0 5px 0 -5px;
  padding:6px 0 0 1px;
  background: url(http://savepic.net/270461.jpg) left top no-repeat;
}

Размер картинки 786 Х 550 писксел

Отредактировано Deff (Пн, 29 Ноя 2010 22:35:28)

0

534

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

Можно такую таблицу?
http://probadizaina3.mybb.ru/uploads/00 … 28-1-f.jpg

сделаете?

0

535

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

Можно такую таблицу?http://probadizaina3.mybb.ru/uploads/00 … 28-1-f.jpg

Код:
<center><table width="100%" border="1"  CELLSPACING="0" >
	<tr>
	   <td colspan="2">

Картинка

	   </td>
	   <td colspan="2">

Объявление


	   </td>
	</tr>
	<tr>
	   <td width="33%">

Время

	   </td>
	   <td colspan="2" width="33%">

Пиар

	   </td>
	   <td width="33%">

Администраторы

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

Отредактировано Deff (Пн, 29 Ноя 2010 17:04:42)

+1

536

Deff
Спасибо, ты мой спаситель)))  :cool:

0

537

больше заказов вроде бы нет

0

538

Deff
спасибо огромное  :O
Один только вопрос  какой размер картинок кликабательных и можно ли увеличить их количество.
А и можно сменить цвет  движущегося  текста?

0

539

КАрис написал(а):

Один только вопрос  какой размер картинок кликабательных и можно ли увеличить их количество.

Свойства картинки смотрицо правым тыком мыши - по картинки и свойства изображения - там и размер

можно ли увеличить их количество.

Да - просто добавляете >

<!-- N-я картинка со Ссылкой -->
<a href="Ссылка"><img src="Ссылка на картинку"/></a><br>

Отредактировано Deff (Пн, 29 Ноя 2010 21:36:17)

0

540

КАрис написал(а):

А и можно сменить цвет  движущегося  текста?

Цвет меняецо тут (* могу помочь-если дадите скриншот с текстом нужного цвета

<span style="color:red; text-shadow: #2E3E4D -1px 1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic; white-space:nowrap"><strong>

<!--Бегущая строка 1 == Начало Заполнения пункта -->

Предлагаю еще поменять значение межбуквенного интервала (значение красным) в заголовках(ищите вверху кода объявления

.tbl .hrTd {
  height:24px;
  text-align:center;
  padding-bottom:6px!important;
  vertical-align: bottom;

  font-size:20px;
  text-shadow:#000 0px 1px 0px!important;
  letter-spacing:0.04em;
  color:#F7F2F0;
  font-family: 'Times New Roman';
}


Sennnehund Не раньше чем к послезавтра( прикидываю свои темпы

Отредактировано Deff (Пн, 29 Ноя 2010 22:58:27)

0


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