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

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

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


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


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

Сообщений 21 страница 40 из 1000

21

http://s41.radikal.ru/i092/1107/9a/be592d93dab6t.jpg
Надеюсь на эскизе все достаточно подробно) Рамки в таблице сделайте невидимыми, пожалуйста.
Там где 1 и 2 поставьте пожалуйста такие штуки, где будут выводиться ссылки:
http://s57.radikal.ru/i158/1107/f8/a245080bd265.jpg
в 3, если это конечно возможно, какое-нибудь окно, всплывающее только при нажатии, где будут "храниться" баннеры, чтобы глаза не мозолили.
ссылка: http://miami.7bb.ru/
заранее благодарю)

Отредактировано thomasss (Вт, 12 Июл 2011 11:21:21)

0

22

Здравствуйте!Если возможно,хотелось бы такую таблицу в объявление:
http://testov.maminforum.com/uploads/000f/9e/e8/318-1-f.jpg
форум

0

23

http://s45.radikal.ru/i108/1107/2f/934e6335ad1dt.jpg
при нажатии на так называемую "конпку" должно выезжать меню http://s011.radikal.ru/i318/1107/f1/707d8a45cae7.bmp

0

24

Оширо, ссылку на форум дайте.

0

25

Кофеман
http://warriorakademy.spybb.ru/

0

26

Оширо и еще, у Вас фон во всплывающем окне очевидно сделан картинкой. Выложите ссылку на фоновую картинку, чтоб сразу вставить ее..

0

27

Кофеман
всплывающее меню сделано таким вот образом:

Код:
 /* Стиль всплывающего меню */
div .splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.spll {position:relative; width: 130px; height: 70px;  margin: 0 0!important; }
.spll div .splCont {height: auto; width: 194px; 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;}

.spll div .splCont {background-color: #525251 !important; background-image: url("http://savepic.org/804123.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;*/
    }
 /* Прозрачка в Всплывающем меню */
.spll div .splCont:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: 000000; /* цвет текста */
   } /* Конец Стиля всплывающего меню */

В общем то фон можете и не делать

0

28

thomasss

В окно HTML-верх

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 150px; height: 40px; border: 0px solid #FFD700; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 330px; 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;
    }
</style>

В окно HTML-низ

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

Таблица в Объявление

Код:
<center>
<table border="0" width="100%">
<tr>
<td align="center" valign="top" style="width: 30%">
текст 1
<div style="width: 100%; height: 200px; overflow: auto; overflow-x: hidden;">
Текст текст 1
прокрутка появится автоматически</div>
</td>
<td align="center" valign="top" style="width: 40%">
ТЕКСТ<br><br>
<img alt="" src="Адрес картинки" /><img alt="" src="Адрес картинки" style="margin-left: 10px;" /><br><br>
ТЕКСТ<br><br>
<img alt="" src="Адрес картинки" /><img alt="" src="Адрес картинки" style="margin-left: 7px;" /><img alt="" src="Адрес картинки" style="margin-left: 7px;" />
</td>
<td align="center" valign="top" style="width: 30%">
ТЕКСТ<br><br>
<img alt="" src="Адрес картинки" />
</td>
</tr>
<tr>
<td align="center" valign="top" style="width: 30%">
ТЕКСТ<br><br>
ТЕКСТ ТЕКСТ ТЕКСТ<br>
ТЕКСТ ТЕКСТ ТЕКСТ<br>
</td>
<td align="center" valign="top" style="width: 40%">
<!-- Таблица с меню и баннерами -->
<table style="height: 100%; width: 100%;">
<tr><td height="50" align="center">
<!-- Тут навигация 1 -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>
</td></tr>
<tr><td height="50" align="center">
<!-- Тут навигация 2 -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Еще одна навигация </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>
</td></tr>
<tr><td height="50" align="center">
<!-- Кнопка с выпадающими баннерами -->
<DIV><div class=splLink>Баннеры партнеров</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент баннеров

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

<!-- Конец таблицы с баннерами -->
</td>
<td align="center" valign="top" style="width: 30%">
текст 2
<div style="width: 100%; height: 150px; overflow: auto; overflow-x: hidden;">
Текст текст 2
прокрутка появится автоматически</div>
</td>
</tr>
</table>
</center>

0

29

УМКА

Код:
<center><table summary="" border="1" style="width: 100%;">
<tr>
<td rowspan="5" align="center" valign="top" style="width: 40%;">
Новости
<div style="width: 98%; padding: 2px; height: 420px; overflow: auto; overflow-x: hidden;">
текст новостей прокрутка появится автоматически
</div>
</td>
<td align="center" style="width: 60%;" height="120">
Приветствие
</td>
</tr>
<tr>
<td align="center" height="5" style="border-top: none;">&nbsp;</td>
</tr>
<tr>
<td align="center" height="80">
Музыка (плеер)
</td>
</tr>
<tr>
<td align="center" height="30">
Название видеоролика
</td>
</tr>
<tr>
<td align="center" height="190">
Видеоролик
</td>
</tr>
</table></center>

+1

30

Спасибо!Сейчас попробую!

0

31

Кофеман,подскажи а видеоролик с ютуба туда можно вставить,если да,то как??

0

32

Дубль два х)

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

1) Эскиз будущей таблицы.
http://s41.radikal.ru/i091/1107/36/ce0479ee6fd9t.jpg

2) Ссылка на ваш форум
http://pallmall.mybb.ru/

3) Указать необходимые прокрутки, всплывающие окна, границы таблиц  и т.п.
Четыре всплывающих окошка (в них адреса с ссылками), таблица без границ, размеры - 700х350. Фон таблицы хотелось бы сделать картинкой, её я сам установлю, но мне нужно расположение кода правильное.

0

33

Jam22

В окно HTML-верх

Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 140px; height: 50px; border: 2px solid #7B8097; text-align: center; font-family: Gothic century; font-size: 16px; padding-top: 24px;}
.splCont {height: auto; width: 260px; background: #3C3A31; padding: 5px; z-index: 6000; margin-top: -5px; border: 2px solid #7B8097; font-size: 12px; font-family: Lucida Sans Unicode; text-align: center; margin-left: -50px;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont { 
    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;
    }
.splLink { 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
</style>

В окно HTML-низ

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

Таблица

<center>
<table width="700" height="350" border="0" cellspacing="2" cellpadding="2" style="background: url(Адрес картинки фона таблицы) no-repeat center;">
<tr>
<td width="25%" align="center">
<DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Администрации
<br>
<a href="Адрес ссылки">Название ссылки</a><br>
<a href="Адрес ссылки">Название ссылки</a><br>

</DIV></DIV>
</td>
<td rowspan="2" colspan="2"></td>
</tr>
<tr>
<td width="25%" align="center">
<DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Навигации
<br>
<a href="Адрес ссылки">Название ссылки</a><br>
<a href="Адрес ссылки">Название ссылки</a><br>

</DIV></DIV>
</td>
</tr>
<tr>
<td width="25%" align="center">
<DIV><div class=splLink>Объявления</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Объявлений
<br>
<a href="Адрес ссылки">Название ссылки</a><br>
<a href="Адрес ссылки">Название ссылки</a><br>

</DIV></DIV>
</td>
<td width="50%"></td>
<td width="25%" align="center">
<DIV><div class=splLink>Друзья форума</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент друзей
<br>
<a href="Адрес ссылки">Название ссылки</a><br>
<a href="Адрес ссылки">Название ссылки</a><br>

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

Красным - адрес фоновой картинки таблицы
Синим - адрес ссылки

0

34

Оширо написал(а):

всплывающее меню сделано таким вот образом:

Оширо, если скрипт и стили меню у Вас есть, то, как я понимаю, Вы их сами вставите.

Таблица:

Код:
<table width="840" cellspacing="0" cellpadding="0" border="1">
<tr>
	<td colspan="6" align="center">Мап карта</td>
</tr>
<tr>
	<td width="140" align="center">
<div class="spll">
<div class="splLink">Кнопка 1</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
содержимое кнопки 1
</div>
	</div>
	</td>
	<td width="140" align="center">
<div class="spll">
<div class="splLink">Кнопка 2</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
содержимое кнопки 2
</div>
	</div>
	</td>
	<td width="140" align="center">
<div class="spll">
<div class="splLink">Кнопка 3</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
содержимое кнопки 3
</div>
	</div>
	</td>
	<td width="140" align="center">
<div class="spll">
<div class="splLink">Кнопка 4</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
содержимое кнопки 4
</div>
	</div>
	</td>
	<td width="140" align="center">
<div class="spll">
<div class="splLink">Кнопка 5</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
содержимое кнопки 5
</div>
	</div>
	</td>
	<td width="140" align="center">
<div class="spll">
<div class="splLink">Кнопка 6</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
содержимое кнопки 6
</div>
	</div>
	</td>
</tr>
</table>

0

35

Кофеман
Спасибо огромное!)

0

36

Кофеман
Огромнейшее спасибо!

0

37

Здравствуйте, мне нужно что-то подобное, как на этом сайте
http://flowernisage.ru/specpredlozhenie … standarty/

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

Не могу уменьшить сриншот, извините.

http://savepic.org/2014599.jpg


это мой форум  http://flowerland.mybb.ru/viewforum.php?id=38
и здесь в ПРЕДЛОЖЕНИЯ мне очень нужна такая таблица.
Буду очень благодарна тому, кто сможет помочь.

Отредактировано Светлана Мирчева (Чт, 14 Июл 2011 00:09:14)

0

38

Кофеман
спасибо) http://mybb.ru/f/collection/0211.gif

0

39

Светлана Мирчева, Ваша таблица:

<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="25%" class="werh">СНИМКИ</td>
<td width="22%" class="werh">ИМЕТО НА СОРТА</td>
<td width="21%" class="werh">ПРЕДЛАГА СЕ</td>
<td width="8%" class="werh">ЦЕНА</td>
<td width="10%" class="werh">НАЛИЧИЕ НА ЛИСТЕНЦА</td>
</tr>
<tr>
<td width="25%" class="towar">11</td>
<td width="22%" class="towar">12</td>
<td width="21%" class="towar">13</td>
<td width="8%" class="towar">14</td>
<td width="10%" class="towar">15</td>
</tr>
<tr>
<td width="25%" class="towar">11</td>
<td width="22%" class="towar">12</td>
<td width="21%" class="towar">13</td>
<td width="8%" class="towar">14</td>
<td width="10%" class="towar">15</td>
</tr>
<tr>
<td width="25%" class="towar">11</td>
<td width="22%" class="towar">12</td>
<td width="21%" class="towar">13</td>
<td width="8%" class="towar">14</td>
<td width="10%" class="towar">15</td>
</tr>
<tr>
<td width="25%" class="towar">11</td>
<td width="22%" class="towar">12</td>
<td width="21%" class="towar">13</td>
<td width="8%" class="towar">14</td>
<td width="10%" class="towar">15</td>
</tr>
<tr>
<td width="25%" class="towar">11</td>
<td width="22%" class="towar">12</td>
<td width="21%" class="towar">13</td>
<td width="8%" class="towar">14</td>
<td width="10%" class="towar">15</td>
</tr>
<tr>
<td width="25%" class="towar">11</td>
<td width="22%" class="towar">12</td>
<td width="21%" class="towar">13</td>
<td width="8%" class="towar">14</td>
<td width="10%" class="towar">15</td>
</tr>

</table>

Выделенное красным размножаете столько, сколько понадобится.

А так же стиль ячеек для Вашей таблицы:

Код:
<style type="text/css">
.werh {
	text-align: center;
	background-color: Gray;
	color: #E7E0DF;
}
.towar {
	text-align: center;
	background-color: #E7E0DF;
}

</style>

Относительно всего остального - это не относится к таблицам. Сразу Вам скажу, что подобное Вы сможете реализовать только через опцию "Дополнительные страницы". Там уже Вам будет нужен HTML-код всего. И ссылок, и скриптов для увеличения изображений, и некого меню, как на примере справа.
Очевидно Вам лучше создать свою тему и попросить помощи оформить доп.страницы и помочь с реализацией скриптов.

0

40

Я очень Вам благодарна, что откликнулись на мою просьбу, но для меня это невероятно трудно /тайно надеялась, что это проще/ и я наверное откажусь от этой идеи, потому что и самый элеменарный вопрос мне задать некому, кроме как здесь. Не хочеться оказаться в глупом положении  с неуместными вопросами. :(
Спасибо! http://mybb.ru/f/collection/0211.gif

+1


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