Заказ таблиц №8

Страница: « 1 … 7 8 9 10 11 … 34 »

Тема закрыта

Сообщений 241 страница 270 из 1000

Поделиться2412011-07-17 02:42:00

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Новичочек написал(а):

посмотрите пожалуйста, форум,темы сообщений,последнее сообщение они сдавлены ну и тому подобное. вот ссылка - ссылка

Новичочек, это моя ошибка. Простите и смените таблицу в объявлении

Код:

<table width="100%" cellspacing="1" cellpadding="1" border="1">
<tr>
	<td rowspan="2" width="25%" align="center" valign="top">Текст</td>
	<td width="50%" align="center" height="50">Мигающий текст</td>
	<td rowspan="2" width="25%" align="center" valign="top">
<!--Облако Тегов Начало заполнения-->
<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
</noindex></div>
<!--ХХ Конец Заполнения пункта -->
<br>
<div style="width: 98%; height: 250px; overflow: auto; overflow-x: hidden; padding: 2px;">
Новости с прокруткой. Прокрутка появится автоматически.

</div>
	
	</td>
</tr>
<tr>
	<td width="50%" align="center">меняющаяся картинка</td>
</tr>
</table>

Отредактировано Кофеман (2011-07-17 02:42:43)

Поделиться2422011-07-17 10:01:12

Автор: Дорсель
Форумчанин
Зарегистрирован: 2011-02-06
Приглашений: 0
Сообщений: 119
Уважение: +13
Позитив: +28
Пол: Женский
Провел на форуме:
4 дня 10 часов
Последний визит:
2013-06-20 23:28:47

1. Ссылка на форум
http://spiritlegend.mybb.ru/

2. Скрин таблицы
Вот на Радикале: http://s40.radikal.ru/i090/1107/f1/c9d8e701223d.png
+ прикреплёна)

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Хм... Только всплывающие окна, да и кликабельные аватарки администрации.... (Всё на скрине показано)

4. Форматирование текста
Шрифт обыкновенный, русский и желательно понятный^^

5. Картинки для вставки.
Я сама вставлю)

Поделиться2432011-07-17 14:49:39

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Дорсель

В окно HTML-верх

Код:

<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 40px; border: 0px solid #FFD700; text-align: center; font-size: 16px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid #D2B48C; font-size: 12px; 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 width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td width="28%" align="center" >
<!-- Выпадающее меню -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td align="center" height="88">
<DIV><div class=splLink>Меню 1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 1

</DIV></DIV>
	</td>
</tr>
<tr>
	<td align="center" height="88">
<DIV><div class=splLink>Меню 2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 2

</DIV></DIV>
	</td>
</tr>
<tr>
	<td align="center" height="88">
<DIV><div class=splLink>Меню 3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 3

</DIV></DIV>
	</td>
</tr>
<tr>
	<td align="center" height="88">
<DIV><div class=splLink>Меню 4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 4

</DIV></DIV>
	</td>
</tr>
<tr>
	<td align="center" height="88">
<DIV><div class=splLink>Меню 5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 5

</DIV></DIV>
	</td>
</tr>
</table>
<!-- Конец выпадающего меню -->	
	</td>
	<td width="44%" align="center" height="450">
<!-- Центральная картинка -->
<img src="адрес картинки" alt="" border="0">
	</td>
	<td width="28%" align="center" valign="top">
<!-- Блоки с аватарами -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td align="center" height="225">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td width="50%" align="center" height="100">
<a href="адрес ссылки"><img src="адрес картинки" alt="" border="0"></a>
	</td>
	<td width="50%" align="center">ник</td>
</tr>
<tr>
	<td align="center" height="100">
<a href="адрес ссылки"><img src="адрес картинки" alt="" border="0"></a>
	</td>
	<td align="center">ник</td>
</tr>
</table>

	</td>
</tr>
<tr>
	<td align="center" height="225">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
	<td width="50%" align="center" height="100">
<a href="адрес ссылки"><img src="адрес картинки" alt="" border="0"></a>
	</td>
	<td width="50%" align="center">
<a href="адрес ссылки"><img src="адрес картинки" alt="" border="0"></a>
	</td>
</tr>
<tr>
	<td align="center" height="100">
<a href="адрес ссылки"><img src="адрес картинки" alt="" border="0"></a>
	</td>
	<td align="center">
<a href="адрес ссылки"><img src="адрес картинки" alt="" border="0"></a>
	</td>
</tr>
</table>
	</td>
</tr>
</table>
<!-- конец блоков с аватарами -->	
	</td>
</tr>
<tr>
	<td colspan="3" align="center" height="40">
<!-- Тут навигация -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="width: 300px;">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>
	</td>
</tr>
</table></center>

Поделиться2442011-07-17 15:09:55

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

mika-san

Ваша таблица

Код:

<table width="100%" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td width="50%" align="center" height="50">
Другие навигации
	</td>
	<td rowspan="4" width="50%" align="center" valign="top">
<div style="width: 98%; height: 250px; overflow: scroll; overflow-x: hidden;">
(Топы)
<br><br>
Объявления
<br>
<font style="font-size: 10px;">текст</font>
<br><br>
Администрация
<br>
<font style="font-size: 10px;">текст
<br>
текст
<br>
текст
<br>
текст
<br><br></font>
Игра
<br>
<font style="font-size: 10px;">текст</font>
<br>
</div>
	</td>
</tr>
<tr>
	<td align="center">
<div style="width: 98%; height: 120px; overflow: scroll; overflow-x: hidden;">Приветствие
<br><font style="font-size: 10px;">текст</font>
</div>
	</td>
</tr>
<tr>
	<td align="center">
Реклама
<br><font style="font-size: 10px;">текст</font>
	</td>
</tr>
<tr>
	<td align="center">
	<!-- картинка -->
<img src="адрес картинки" alt="" border="0">
	</td>
</tr>
</table>

Я не совсем понял какие именно заголовки Вы хотите делать каринками, сделаете сами так -
где нужно вставить картинку, вставляете такой код:

Код:

<img src="Адрес картинки" alt="" border="0">

Поделиться2452011-07-17 15:24:48

Автор: mika-san
Форумчанин
Зарегистрирован: 2010-05-22
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +14
Провел на форуме:
1 день 5 часов
Последний визит:
2011-07-17 21:00:27

Кофеман
Спасибо Большое

Поделиться2462011-07-17 16:30:31

Автор: mika-san
Форумчанин
Зарегистрирован: 2010-05-22
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +14
Провел на форуме:
1 день 5 часов
Последний визит:
2011-07-17 21:00:27

1. Ссылка на форум
http://cityoffear.mybb.ru
2. Скрин таблицы

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Там где выплывающие окна, где выплавит окно вставьте слово текст, куда бы я могла написать
4. Форматирование текста
шрифт везде, кроме выплывающих окон:

Код:

[size=10][/size]

название выплывающих окон шрифт:

Код:

[size=12][font=Georgia][/font][/size]

рамка прозрачная
5. Картинки для вставки.
сама вставлю

Поделиться2472011-07-17 18:03:34

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

mika-san

В окно HTML-верх

Код:

<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 25px; border: 0px solid #FFD700; text-align: center; font-family: Georgia; font-size: 12px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 10px; 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 width="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
	<td colspan="2" align="center">
<!--  Всплывающее Меню-->
<table width="100%" height="40" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td width="20%" align="center">
<DIV><div class=splLink>Меню 1</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 1

</DIV></DIV>
	</td>
	<td width="20%" align="center">
<DIV><div class=splLink>Меню 2</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 2

</DIV></DIV>
	</td>
	<td width="20%" align="center">
<DIV><div class=splLink>Меню 3</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 3

</DIV></DIV>
	</td>
	<td width="20%" align="center">
<DIV><div class=splLink>Меню 4</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 4

</DIV></DIV>
	</td>
	<td width="20%" align="center">
<DIV><div class=splLink>Меню 5</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 5

</DIV></DIV>
	</td>
</tr>
</table>
<!-- Конец меню -->
	</td>
</tr>
<tr>
	<td width="50%" align="center" valign="top" style="padding: 5px;">
	<div style="width: 80%; height: 190px;">
Приветствие
<br>
<font style="font-size: 10px;">текст</font><br>
	</div>
	<div align="center" style="width: 80%; ">
Другие Баннеры
	</div>
	
	
	</td>
	<td width="50%" align="center" valign="top" style="padding: 5px;">
<div style="width: 98%; height: 250px; overflow: scroll; overflow-x: hidden;">
Объявления
<br>
<font style="font-size: 10px;">текст</font>
<br><br>
Счетчики
<br>
<font style="font-size: 10px;">текст</font>
<br><br>
Реклама
<br>
<font style="font-size: 10px;">текст</font>
<br><br>
<font style="font-size: 10px;">другой текст</font>
</div>
	</td>
</tr>
</table>
</center>

Поделиться2482011-07-17 19:57:51

Автор: mika-san
Форумчанин
Зарегистрирован: 2010-05-22
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +14
Провел на форуме:
1 день 5 часов
Последний визит:
2011-07-17 21:00:27

А можно сделать рамку сделать прозрачную ? "

Поделиться2492011-07-17 20:12:17

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

mika-san написал(а):

А можно сделать рамку сделать прозрачную ?

Можно.
В коде таблицы исправьте так:

<center>
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-bottom: 3px double; border-left: 3px double; border-right: 3px double; border-top: 3px double;" >
<tr>

Поделиться2502011-07-17 20:27:17

Автор: mika-san
Форумчанин
Зарегистрирован: 2010-05-22
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +14
Провел на форуме:
1 день 5 часов
Последний визит:
2011-07-17 21:00:27

огромное спасибо *О*!!

Поделиться2512011-07-17 20:44:20

Автор: mika-san
Форумчанин
Зарегистрирован: 2010-05-22
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +14
Провел на форуме:
1 день 5 часов
Последний визит:
2011-07-17 21:00:27

Кофеман
А можно убрать рамку вокруг обьявления. И как исправить цвет выплывающей страницы ? )

Поделиться2522011-07-17 20:54:09

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

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

зы. ведь не даром в требованияъ написано -

4. Форматирование текста (Все равно все это делается ==" А если уж так, то указывайте как именно, каким цветом и что четко - можно на скрине таблицы, но желательно подробно расписать, нет так нет, тогда без лишних вопросов в дальнейшем)

:flirt:

Поделиться2532011-07-17 20:55:22

Автор: mika-san
Форумчанин
Зарегистрирован: 2010-05-22
Приглашений: 0
Сообщений: 68
Уважение: +1
Позитив: +14
Провел на форуме:
1 день 5 часов
Последний визит:
2011-07-17 21:00:27

хорошо, но вся равно спасибо. )

Поделиться2542011-07-18 08:37:51

Автор: Дорсель
Форумчанин
Зарегистрирован: 2011-02-06
Приглашений: 0
Сообщений: 119
Уважение: +13
Позитив: +28
Пол: Женский
Провел на форуме:
4 дня 10 часов
Последний визит:
2013-06-20 23:28:47

Кофеман
спасибо большое =3
*плюс вчера поставила*

Можно заказать ещё?

1. Ссылка на форум:
http://spiritnewadventures.rolka.su/
На стиль не обращайте внимания ><''' Он будет таким же кофейным, как тут: http://spiritlegend.mybb.ru/ ))

2. Скрин таблицы:
находится в низу - прикреплённый файл.

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.:
Так, ну чтобы выплывающие окна-картинки выплывали и кликабельные аватарки нажимались)
Потом, чтобы таблица сама была прозрачная, а вот рамка - закруглённая (как нарисована) и толщиной 1 px. (это не обязательно, но желательно...)

4. Форматирование текста:
Хм... Ну текст такого (#211402) цвета, а фон (бекграунд выплывающих окон, именно то, что появляется при нажатии!) такого - #dbc19c.

5. Картинки для вставки:
https://forumupload.ru/uploads/000f/e9/23/66-1.png - для первого выплывающего окна
https://forumupload.ru/uploads/000f/e9/23/66-2.png - для второго
https://forumupload.ru/uploads/000f/e9/23/66-3.png - для третьего
https://forumupload.ru/uploads/000f/e9/23/66-4.png - для четвёртого выплывающего окна.

Отредактировано Дорсель (2011-07-18 13:24:58)

Поделиться2552011-07-18 11:43:34

Автор: Yondame7
Новичок
Откуда: я взяла что ежи умеют летать?
Зарегистрирован: 2010-12-31
Приглашений: 0
Сообщений: 7
Уважение: 0
Позитив: 0
Пол: Женский
Возраст: 28 [1996-10-28]
Провел на форуме:
8 часов 16 минут
Последний визит:
2012-03-28 13:54:02

Кофеман, спасибо большое ^ ^
Только у меня почему-то выплывающие окна не появляются((

Поделиться2562011-07-18 13:14:56

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

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

Только у меня почему-то выплывающие окна не появляются((

Yondame7, а коды скриптов старого меню кто будет удалять?)

Найдите у себя в HTML-низ этот код и удалите его совсем

Код:

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

Дорсель написал(а):

2. Скрин таблицы:находится в низу - прикреплённый файл.

Дорсель, низ понятие растяжимое. ) или я ослеп или скрина нет. :glasses:

Отредактировано Кофеман (2011-07-18 13:17:51)

Поделиться2572011-07-18 13:26:05

Автор: Дорсель
Форумчанин
Зарегистрирован: 2011-02-06
Приглашений: 0
Сообщений: 119
Уважение: +13
Позитив: +28
Пол: Женский
Провел на форуме:
4 дня 10 часов
Последний визит:
2013-06-20 23:28:47

Кофеман написал(а):

Дорсель, низ понятие растяжимое. ) или я ослеп или скрина нет

Просто забываю нажать кнопку "готово" при выставлении файлов с компа^^
Простите...

Поделиться2582011-07-18 13:34:56

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Дорсель, размер картинок кликабельных аватаров какой? Необходимо знать, что прикинуть ширину и высоту ячеек, где они размещаются.

Поделиться2592011-07-18 13:45:47

Автор: Дорсель
Форумчанин
Зарегистрирован: 2011-02-06
Приглашений: 0
Сообщений: 119
Уважение: +13
Позитив: +28
Пол: Женский
Провел на форуме:
4 дня 10 часов
Последний визит:
2013-06-20 23:28:47

Кофеман написал(а):

размер картинок кликабельных аватаров какой

Примерно 50*60px... Можно 55*70)

Отредактировано Дорсель (2011-07-18 13:47:33)

Поделиться2602011-07-18 16:33:27

Автор: Vergessene
Форумчанин
Зарегистрирован: 2010-05-31
Приглашений: 0
Сообщений: 56
Уважение: +1
Позитив: +15
Пол: Женский
Провел на форуме:
1 день 0 часов
Последний визит:
2014-01-31 16:54:16

Здравствуйте, помогите мне пожалуйста.. Можете сделать скелет вот этой таблицы?

http://haosmest.spybb.ru/

Я просто с исходного кода вставляла, а она не работает, всё как-то в одно сливается... Помогите, пожалуйста :disappointed:

Поделиться2612011-07-18 16:43:22

Автор: Simmmyla
Новичок
Откуда: москва
Зарегистрирован: 2011-06-01
Приглашений: 0
Сообщений: 6
Уважение: 0
Позитив: +1
Пол: Женский
Возраст: 28 [1996-04-01]
Провел на форуме:
6 часов 20 минут
Последний визит:
2011-11-22 22:06:17

1. Ссылка на форум
http://simssyper1.rusff.me/
2. Скрин таблицы

3. Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
ненужно
4. Форматирование текста
обычный шрифт
5. Картинки для вставки.
сама поставлю

Отредактировано Simmmyla (2011-07-18 16:52:15)

Поделиться2622011-07-18 17:13:02

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

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

Здравствуйте, помогите мне пожалуйста.. Можете сделать скелет вот этой таблицы?

Vergessene, вот здесь описано как сделать такое меню - Контейнер с вкладками для информации

Поделиться2632011-07-18 20:49:13

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Дорсель

В окно HTML-верх

Код:

<style type="text/css">
.av1 {
	width: 204px;
	height: 75px;
	padding: 5px;
	margin: 7px;
	border: 1px solid grey;
}

.ramka {
	border: 1px solid grey;
}

.av1, .ramka { 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px; }
	
/* Стиль всплывающего меню */
.splLink {width: 160px; height: 115px; text-align: center; font-size: 15px; }
.splCont {height: auto; width: 260px; color: #211402; background: #dbc19c; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #6C5E52; font-size: 12px; text-align: center; margin-left: -60px;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.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;
    }
 /* Конец Стиля всплывающего меню */
</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="675" cellspacing="1" cellpadding="1" border="0">
<tr>
	<td colspan="2" align="center">
<!-- Таблица меню -->
<table width="100%" height="120" cellspacing="2" cellpadding="2" border="0">
<tr>
	<td width="25%" align="center">
<DIV><div class=splLink><img src="https://forumupload.ru/uploads/000f/e9/23/66-1.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Welcome

</DIV></DIV>
	</td>
	<td width="25%" align="center">
<DIV><div class=splLink><img src="https://forumupload.ru/uploads/000f/e9/23/66-2.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Story

</DIV></DIV>
	</td>
	<td width="25%" align="center">
<DIV><div class=splLink><img src="https://forumupload.ru/uploads/000f/e9/23/66-3.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Weather

</DIV></DIV>
	</td>
	<td width="25%" align="center">
<DIV><div class=splLink><img src="https://forumupload.ru/uploads/000f/e9/23/66-4.png" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Advertisement

</DIV></DIV>
	</td>
</tr>
</table>
<!-- Конец таблицы меню -->
	</td>
</tr>
<tr>
	<td width="480" align="center" style="padding: 20px;">
<!-- каринка 440 х 230 -->
<img src="Адрес картинки" alt="" width="440" height="230" border="0" class="ramka">
	</td>
	<td width="236" align="center" valign="top" style="padding-top: 10px;">
<div align="center" class="av1">
<a href="ссылка на профиль"><img src="Адрес картинки аватара" alt="" border="0" style="width: 55px; height: 70px; margin: 2px;"></a>
<a href="ссылка на профиль"><img src="Адрес картинки аватара" alt="" border="0" style="width: 55px; height: 70px; margin: 2px;"></a>
<a href="ссылка на профиль"><img src="Адрес картинки аватара" alt="" border="0" style="width: 55px; height: 70px; margin: 2px;"></a>
</div>
<div align="center" class="av1">
<a href="ссылка на профиль"><img src="Адрес картинки аватара" alt="" border="0" style="width: 55px; height: 70px; margin: 2px;"></a>
<a href="ссылка на профиль"><img src="Адрес картинки аватара" alt="" border="0" style="width: 55px; height: 70px; margin: 2px;"></a>
<a href="ссылка на профиль"><img src="Адрес картинки аватара" alt="" border="0" style="width: 55px; height: 70px; margin: 2px;"></a>
</div>
<!-- Тут навигация -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="width: 185px; margin-top: 15px;">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>
	</td>
</tr>
</table>

</center>

Только у Вас первая картинка (Welcome) меньше по высоте на 5 пикс, чем остальные.

Поделиться2642011-07-18 21:03:36

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Simmmyla

В окно HTML-верх

Код:

<style> /* Стиль всплывающего меню */
.splLink {width: 100px; height: 60px; text-align: center; font-family: Gothic century; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin-top: -5px; border: 2px solid #6D5F52; 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 width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td width="33%" align="center">
<DIV><div class=splLink><img src="адрес картинки меню" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 1

</DIV></DIV>
</td>
<td width="34%" align="center">
<DIV><div class=splLink><img src="адрес картинки меню" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 2

</DIV></DIV>
</td>
<td width="33%" align="center">
<DIV><div class=splLink><img src="адрес картинки меню" alt="" border="0"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент меню 3

</DIV></DIV>
</td>
</tr>
<tr>
<td colspan="3" align="center">

<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)" style="width: 220px; margin: 15px;">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>
</td>
</tr>
</table>

</center>

Поделиться2652011-07-18 22:42:46

Автор: Дорсель
Форумчанин
Зарегистрирован: 2011-02-06
Приглашений: 0
Сообщений: 119
Уважение: +13
Позитив: +28
Пол: Женский
Провел на форуме:
4 дня 10 часов
Последний визит:
2013-06-20 23:28:47

ИИИииии!!!
Кофеман, я Вас обожаю)) +++++

Поделиться2662011-07-19 01:23:18

Автор: Vergessene
Форумчанин
Зарегистрирован: 2010-05-31
Приглашений: 0
Сообщений: 56
Уважение: +1
Позитив: +15
Пол: Женский
Провел на форуме:
1 день 0 часов
Последний визит:
2014-01-31 16:54:16

Кофеман
Ничего( теперь она выползает из границ.....

Поделиться2672011-07-19 01:34:33

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

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

Ничего( теперь она выползает из границ.....

Vergessene, это Вы о чем?
Вот скрин с форума, который Вы указали в заказе

Чиво и куда выползает? Давайте так, если у Вас что-то не так, так Вы или скрин сделайте для наглядности, или опишите о чем Вы. Я мысли угадывать не умею.

Поделиться2682011-07-19 14:45:05

Автор: Джула
Форумчанин
Зарегистрирован: 2011-07-01
Приглашений: 0
Сообщений: 140
Уважение: +2
Позитив: +13
Пол: Женский
Провел на форуме:
3 дня 9 часов
Последний визит:
2013-03-16 17:03:49

Извините все равно то не получилось.Но этот почти такой-же только всплывающие окна другие и тут без картинки, тут вместо картинки сразу выплывает первое окно (Новости)
1.Ссылка на форум
http://kotyvoitelli.rolka.su/
2.Скрин таблица

3.Скрипты и всевозможные примочки. Чат, плеер, часы, календарь, прокрутка, бегущая строка и пр.
Ну вот где выплывают выплывающие окна там вначале новости, а потом что нажмут
Вставите где
Новости:
В игре утро...Лето 09.56 07.06.11.Дует ветер.Капает маленький дождь.И где-то в далеке сверкает молния.Коты прячються поглубже в норки.В нашей ролевой много игр, тем, сообщений, пользователей.Мы очень будет вам благодарны, если вы будете звать друзей.Внимание:Регистрация в грозовое племя будет не надолго прекращена.Потому что в других племенах мало котов.

Администрация:
Администраторы:
Пылинка
Набор по конкурсам

Модераторы:
Набор по конкурсам

Код:

<center>Design by #sp<br>
All right reserved</center>
<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://savepic.ru/2695113.jpg" ></a><div style="display: none">
<center><i>Наш баннер</i>
<br>
<a href="http://kotyvoitelli.rolka.su/" target="_blank" title="FRPG по котам-воителям 'Жизнь - игра'"><img src="http://savepic.ru/2692041.gif"></a>
<br><textarea><a href="http://kotyvoitelli.rolka.su/" target="_blank" title="FRPG по котам-воителям 'Жизнь - игра'"><img src="http://savepic.ru/2692041.gif"></a></textarea> 
<br><i>Ваши баннеры</i>
<br><a href="http://klyaksa.0pk.ru/" target="_blank"><img src="http://s42.radikal.ru/i098/0904/48/6953d5b936ab.gif" border="0" alt="Форум в помощь новичку" /></a>
<br><i>Каталоги</i><br>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t54.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров и"+
" посетителей за 24 часа' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script></div></div>
<br>
</center>

<style type="text/css">
.punbb table Div.icon {float: left; display: block; width: 110px; height: 110px; border-style: none none none none;} 
Div.icon {
background-image : url(http://savepic.ru/937446.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://savepic.ru/926182.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://savepic.ru/930278.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://savepic.ru/924134.png);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(http://savepic.ru/978425.png);
background-repeat: no-repeat;
}
</style>

<script src="/export.php?type=js&max=10" type="text/javascript"></script>
<script type="text/javascript">
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
	ts = new Date();
	ts.setTime(1000*content[i][0]);
	mo = ts.getMonth()+1;
	if (mo<10) mo='0'+mo;
	hh = ts.getHours();
	mm = ts.getMinutes()+'';
	if (mm<10) mm='0'+mm;
	ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h2>Последние 10 сообщений форума</h2><div class=\"container\"><table cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td>'+content[i][1]+'</td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}

var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if((str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") && arr[i].className=="statscon"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+html1+""+html+""+html2+"<br><h2>Общая статистика</h2>"+name+""
}
i++
}
</script>

<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 div").click(function() {
    $("div.#menu div").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

Навигатор:

Код:

<FORM>
<SELECT size=1 name='navigation'>
  <OPTION value='http://kotyvoitelli.rolka.su/viewtopic.php?id=7#p7'>Анкетник</OPTION>
  <OPTION value='http://kotyvoitelli.rolka.su/viewtopic.php?id=2#p2'>F.A.O.</OPTION>
  <OPTION value='http://kotyvoitelli.rolka.su/viewtopic.php?fid=10'>Племена</OPTION>
  <OPTION value='http://kotyvoitelli.rolka.su/viewforum.php?id=12'>Битвы</OPTION>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value=*Мяукнуть!" name=button>
</FORM>

Время, погоду и чат сама вставлю. (Напишите только где)

4.Форматирование текста
Черный
5.Картинки для вставки.
Не надо

Поделиться2692011-07-19 14:53:06

Автор: Vergessene
Форумчанин
Зарегистрирован: 2010-05-31
Приглашений: 0
Сообщений: 56
Уважение: +1
Позитив: +15
Пол: Женский
Провел на форуме:
1 день 0 часов
Последний визит:
2014-01-31 16:54:16

Кофеман
Тут тестила.. Хотела вставить сюда: http://logos1.rolka.su/

Поделиться2702011-07-19 15:36:15

Автор: Кофеман
Форумчанин
Зарегистрирован: 2011-04-20
Приглашений: 0
Сообщений: 233
Уважение: +98
Позитив: +17
Пол: Мужской
Провел на форуме:
2 дня 21 час
Последний визит:
2013-02-12 18:48:27

Vergessene, искать ошибку я по фотографиям тоже не умею. )) Поставьте таблицу и дайте ссылку. Тогда можно будет что-то говорить..
А по фото я могу только посоветовать в фотошопе вытереть лишнее. :flirt:

Тема закрыта

Страница: « 1 … 7 8 9 10 11 … 34 »

Заказ таблиц 4 <	Архив тем	2010-02-12
Заказ таблиц 3	Архив тем	2009-09-20
Заказ таблиц №6	Архив тем	2011-01-09
Заказ таблиц №2	Архив тем	2009-05-04
Заказ таблиц №7	Архив тем	2011-06-13

Форум поддержки пользователей ZeroParking

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

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

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

Заказ таблиц №8

Сообщений 241 страница 270 из 1000

Поделиться2412011-07-17 02:42:00

Поделиться2422011-07-17 10:01:12

Поделиться2432011-07-17 14:49:39

Поделиться2442011-07-17 15:09:55

Поделиться2452011-07-17 15:24:48

Поделиться2462011-07-17 16:30:31

Поделиться2472011-07-17 18:03:34

Поделиться2482011-07-17 19:57:51

Поделиться2492011-07-17 20:12:17

Поделиться2502011-07-17 20:27:17

Поделиться2512011-07-17 20:44:20

Поделиться2522011-07-17 20:54:09

Поделиться2532011-07-17 20:55:22

Поделиться2542011-07-18 08:37:51

Поделиться2552011-07-18 11:43:34

Поделиться2562011-07-18 13:14:56

Поделиться2572011-07-18 13:26:05

Поделиться2582011-07-18 13:34:56

Поделиться2592011-07-18 13:45:47

Поделиться2602011-07-18 16:33:27

Поделиться2612011-07-18 16:43:22

Поделиться2622011-07-18 17:13:02

Поделиться2632011-07-18 20:49:13

Поделиться2642011-07-18 21:03:36

Поделиться2652011-07-18 22:42:46

Поделиться2662011-07-19 01:23:18

Поделиться2672011-07-19 01:34:33

Поделиться2682011-07-19 14:45:05

Поделиться2692011-07-19 14:53:06

Поделиться2702011-07-19 15:36:15

Похожие темы