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

Поделиться21Вт, 12 Июл 2011 11:20:06

Автор: thomasss
Стремящийся
Зарегистрирован: Вт, 12 Июл 2011
Сообщений: 1
Уважение: 0
Позитив: 0
Последний визит:
Вт, 6 Мар 2012 16:09:29

Надеюсь на эскизе все достаточно подробно) Рамки в таблице сделайте невидимыми, пожалуйста.
Там где 1 и 2 поставьте пожалуйста такие штуки, где будут выводиться ссылки:

в 3, если это конечно возможно, какое-нибудь окно, всплывающее только при нажатии, где будут "храниться" баннеры, чтобы глаза не мозолили.
ссылка: http://miami.7bb.ru/
заранее благодарю)

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

0

Поделиться22Вт, 12 Июл 2011 12:44:40

Автор: УМКА
Заслуженный
Зарегистрирован: Сб, 9 Апр 2011
Сообщений: 342
Уважение: +12
Позитив: +54
Пол: Женский
Последний визит:
Пн, 2 Сен 2013 14:51:53

Здравствуйте!Если возможно,хотелось бы такую таблицу в объявление:

форум

0

Поделиться23Вт, 12 Июл 2011 13:59:51

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

при нажатии на так называемую "конпку" должно выезжать меню

0

Поделиться24Вт, 12 Июл 2011 14:03:03

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

0

Поделиться25Вт, 12 Июл 2011 14:04:02

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

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

0

Поделиться26Вт, 12 Июл 2011 14:06:28

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

0

Поделиться27Вт, 12 Июл 2011 14:10:02

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

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

Код:

 /* Стиль всплывающего меню */
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Вт, 12 Июл 2011 15:24:12

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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Вт, 12 Июл 2011 15:45:48

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

УМКА

Код:

<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Вт, 12 Июл 2011 15:47:45

Автор: УМКА
Заслуженный
Зарегистрирован: Сб, 9 Апр 2011
Сообщений: 342
Уважение: +12
Позитив: +54
Пол: Женский
Последний визит:
Пн, 2 Сен 2013 14:51:53

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

0

Поделиться31Вт, 12 Июл 2011 16:38:54

Автор: УМКА
Заслуженный
Зарегистрирован: Сб, 9 Апр 2011
Сообщений: 342
Уважение: +12
Позитив: +54
Пол: Женский
Последний визит:
Пн, 2 Сен 2013 14:51:53

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

0

Поделиться32Вт, 12 Июл 2011 18:53:40

Автор: Jam22
Заслуженный
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пн, 17 Окт 2011 23:07:30

Дубль два х)

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

1) Эскиз будущей таблицы.

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

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

0

Поделиться33Вт, 12 Июл 2011 21:08:32

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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Вт, 12 Июл 2011 21:56:04

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

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

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

Таблица:

Код:

<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Вт, 12 Июл 2011 22:03:11

Автор: Jam22
Заслуженный
Зарегистрирован: Пн, 11 Июл 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Пн, 17 Окт 2011 23:07:30

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

0

Поделиться36Вт, 12 Июл 2011 23:38:11

Автор: Элоритиа
Заслуженный
Зарегистрирован: Пт, 24 Июн 2011
Сообщений: 6
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 8 Янв 2012 01:01:40

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

0

Поделиться37Ср, 13 Июл 2011 16:52:49

Автор: Светлана Мирчева
Заслуженный
Зарегистрирован: Ср, 4 Май 2011
Сообщений: 70
Уважение: +1
Позитив: +7
Последний визит:
Ср, 31 Июл 2013 18:41:18

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

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

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

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

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

0

Поделиться38Ср, 13 Июл 2011 19:26:26

Автор: Оширо
Заслуженный
Зарегистрирован: Пн, 8 Дек 2008
Сообщений: 104
Уважение: +5
Позитив: +12
Пол: Женский
Последний визит:
Пн, 25 Мар 2013 18:26:56

Кофеман
спасибо)

0

Поделиться39Ср, 13 Июл 2011 23:01:19

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

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

<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Ср, 13 Июл 2011 23:54:42

Автор: Светлана Мирчева
Заслуженный
Зарегистрирован: Ср, 4 Май 2011
Сообщений: 70
Уважение: +1
Позитив: +7
Последний визит:
Ср, 31 Июл 2013 18:41:18

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

+1

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

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

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

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

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

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

Поделиться21Вт, 12 Июл 2011 11:20:06

Поделиться22Вт, 12 Июл 2011 12:44:40

Поделиться23Вт, 12 Июл 2011 13:59:51

Поделиться24Вт, 12 Июл 2011 14:03:03

Поделиться25Вт, 12 Июл 2011 14:04:02

Поделиться26Вт, 12 Июл 2011 14:06:28

Поделиться27Вт, 12 Июл 2011 14:10:02

Поделиться28Вт, 12 Июл 2011 15:24:12

Поделиться29Вт, 12 Июл 2011 15:45:48

Поделиться30Вт, 12 Июл 2011 15:47:45

Поделиться31Вт, 12 Июл 2011 16:38:54

Поделиться32Вт, 12 Июл 2011 18:53:40

Поделиться33Вт, 12 Июл 2011 21:08:32

Поделиться34Вт, 12 Июл 2011 21:56:04

Поделиться35Вт, 12 Июл 2011 22:03:11

Поделиться36Вт, 12 Июл 2011 23:38:11

Поделиться37Ср, 13 Июл 2011 16:52:49

Поделиться38Ср, 13 Июл 2011 19:26:26

Поделиться39Ср, 13 Июл 2011 23:01:19

Поделиться40Ср, 13 Июл 2011 23:54:42