Creativity 'Life

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

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


Вы здесь » Creativity 'Life » 'скрипты; » поиск скриптов


поиск скриптов

Сообщений 1 страница 16 из 16

1

в этой теме оставляем заявку на поиск скрипта, и вам его найдут наши мастера.

о1. Адрес форума
о2. Наименование
о3. Основные цвета
о4. Как должно выглядеть
о5. Где должно находиться

Код:
о1. Адресс форума
о2. Наименование
о3. Основные цвета
о4. Как должно выглядеть
о5. Где должно находиться

Правильно, а главное точно заполняйте анкету, и вас обязательно обслужат!

0

2

о1. Адресс форума: http://grotterianna.rolka.su/
о2. Наименование: Выпадающие меню
о3. Основные цвета: Желтый, золотой, коричневый, белый.
о4. Как должно выглядеть: Горизонтальное. Просто текстом. При наведении курсора, из основного меню выплывают побочные.
о5. Где должно находиться: под Объявлением

0

3

Эго

Выпадающее меню для форума

1. Установка.

В HTML-верх ставите код:

Код:

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

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

А это ставите туда, где хотите увидеть само меню:

Код:

Код:
<center><table style="width: 90%">
<tr>

<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Первый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Второй контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Третий контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Четвёртый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Пятый контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Шестой контейнер</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>

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

2. Заполнение меню.
Чтобы заполнить меню своим содержимым, надо обратиться к третьей части кода.

а). По-умолчанию в коде содержится 6 блоков. По своему усмотрению Вы можете изменить это число, добавив новые или удалив какие-либо. Чтобы осуществить это, достаточно размножить (в случае увеличения числа блоков) или удалить (для уменьшения их числа) такой фрагмент:

Код:

Код:
<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>

Внимание! Не меняйте НИКАКИЕ числовые значения в этой части кода! В противном случае меню перестанет работать!

б). Чтобы заменить информацию в основных блоках, найдите в коде слова "Первый блок". Замените их на нужное Вам. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.

в). Чтобы заменить информацию в выпадающих блоках, найдите в коде слова "Тут будет что-то" и замените на нужную Вам информацию. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.

3. Оформление меню.
Оформление выпадающего меню необходимо менять в первой части кода.
Ниже приведены доступные для пользователей изменения в дизайне:

а).

Код:

Код:
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}

Отвечает за дизайн основных блоков.
width: 130px; - ширина основных блоков, в пикселах.
height: 40px; - высота основных блоков, в пикселах.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ основных блоков.
background: #FFFFCC; - цвет фона основных блоков.
text-align: center; - выравнивание текста в основных блоках (по-умолчанию: центр).
font-family: Comic Sans Ms; - шрифт в основных блоках меню.
font-size: 15px; - размер текста в основных блоках меню.
padding: 5px; - отступ от краёв основных блокв (поля).

б).

Код:

Код:
 .spll {width: 130px; height: 70px; }

Не рекомендовано для изменения неопытным пользователям!
Замечание: width: 130px; менять одновременно с предыдущим значением ширины (ширина основных блоков).

в).

Код:

Код:
 .spll div .splCont {height: auto; width: 300px; background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}

Отвечает за дизайн выпадающих блоков.
height: auto; - высота выпадающих блоков. По-умолчанию осуществляется автоподгон по ширине. При необходимости можно заменить auto на любое числовое значение с указанием единиц измерения.
width: 300px; - ширина выпадающих блоков.
background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); - фоновое изображение выпадающих блоков. При необходимости можно установить непрозрачный цвет, путём замены на background: #FFFFCC; с указанием нужного цвета.
padding: 5px; - отступ от краёв выпадающих блокв (поля).
z-index: 1000; не рекомендовано к изменению. Данный параметр отвечает за наложение выпадающих блоков на форум. При уменьшении этого значения меню будет открывыться под таблицу форума. Если какой-либо элемент форума закрывает собой выпадающии меню, это значение необходимо увеличить.
margin-top: 5px; - отступ, между основными и выпадающими блоками. При значении 0 - без отступа.
border: 2px solid #FFD700; - толщина, метод начертаний и цвет границ выпадающих блоков.
font-size: 12px; - размер текста в выпадающих блоках меню.
font-family: Microsoft Sans Serif; - шрифт в выпадающих блоках меню.
text-align: center; - выравнивание текста в выпадающих блоках (по-умолчанию: центр).

Внимание! Производить какие-либо изменения во второй части кода ЗАПРЕЩЕНО!

0

4

Вариант выпадающего меня при наведении мышки

Код:
<style> 
div.splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div.splCont {height: auto; width: 300px; background:  url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 0px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>

в хтмл-низ

Код:
<script type="text/javascript"> 
$(document).ready(function(){
	$('.splLink').parent().hover(function(){
$(this).children('div.splCont').toggle('normal');
	},
	function(){
$(this).children('div.splCont').toggle('normal');
	});
});
</script>

а это в любое удобное место на форуме

Код:
<center>
<table style="width: 90%">
<tr>
<td>
	<div class="spll">
<div class="splLink">Первый контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink">Второй контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink">Третий контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink">Четвертый контейнер</div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

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

0

5

Большое спасибо) Но проблема не в самом коде, вот она - самая продуктивная его часть:

<center><table style="width: 90%">
        <tr>
       
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<center>Администраторы: Татьяна Гроттер, Иван Валялкин<br>Модераторы: Света Зорная<br>
<br></center>
</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">
<center>Правила<br></center><center>Сюжет<br></center><center>Роли<br></center><center>Шаблон анкеты<br></center><center>Акции<br></center><center>Ваш профиль<br></center><center>Выяснение отношений<br></center><center>Занятые внешности<br></center></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">
<center>Время: 1 игровой день 3-4 обычных дня<br>События: тибидохцы готовятся к новому учебному году<br>Погода: +18-20</center></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">
<center>Конкурсы<br></center><center>Списки победителей<br></center></DIV></DIV>
</div></td>
                <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">PR - щикам</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<center>Реклама и баннерообмен должны быть взаимны и содержать ссылку, подтверждающую взаимность, если мы не найдём ссылку на нашем форуме, то ваша реклама и/или баннер будет удалены.nick: Реклама, pas: 1234</center></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">
<center>Баннеры партнеров</center></DIV></DIV>
</div></td>               

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

А в том, что я не могу подобрать цвет, размер, стиль шрифта и ссылки у меня половина не ссылятся(

0

6

Настя!!! пост#3!!! Кто-то был ооочень против плагиата! это прямо списано под копирку с муббовской поддержки)

0

7

Sharlott
слушай я че виновата что они скрипты пишут а не я??
научусь и буду писать))))

0

8

Кошка
Ты мне поможешь, а то я тону в этом скрипе?)

0

9

Кошка
пожтому именно я и создала эту тему))) зай там ошибка..одну нашла не дописан тег ...а вторую........где-то заблудилась)

0

10

Эго
это весь код или есть ещё что вверх что вниз?

0

11

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

пожтому именно я и создала эту тему))) зай там ошибка..одну нашла не дописан тег ...а вторую........где-то заблудилась)

Вполне может быть - я сам над ним импровизировал)

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

это весь код или есть ещё что вверх что вниз?

Нет, не весь, еще верх и низ)

HTM низ

<style>

.spll div .splCont {height: auto; width: 300px; background:  url(http://s55.radikal.ru/i148/1003/52/4bd8f3c91886.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #1a4780; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;  border: 2px solid #1a4780; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

HTM верх

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

0

12

Эх, похоже, с кодом тут все заглохло(

0

13

я сделала...ток они не кликабельны((((((

0

14

Sharlott
Посмотри у нас в админской - там работающий скрип, только его оформить надо)

0

15

я оформила, но сам код не преспособендля ссылок)))

0

16

Sharlott
Разберемся) Скинь мне его)

Отредактировано Эго (2010-05-04 21:50:25)

0


Вы здесь » Creativity 'Life » 'скрипты; » поиск скриптов