Help Forums ND | Поддержка форумов НД

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

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


Вы здесь » Help Forums ND | Поддержка форумов НД » Мелкие графические заказы » Другие мелкие графические заказы


Другие мелкие графические заказы

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

1

Если не нашли темы для заказа, то Вам сюда.

0

2

Выполнено

Картинка в таблицу:

Напишу просто описание...Нужно зделать в таблице "кнопку". Например кнопка администратор: на нее нажимаешь и она выдает тебе список админов, вот так и мне надо три кнопки: (на англиском) admins/moders  ,  news/info  ,  piar/friends/
Написать красивым шрифтом на:
1.  http://www.gameguru.in/images/nancy-drew-1.jpg  admins/moders
2.  http://tv.ukr.net/i/uploads/Image/10(403).jpg    news/info
3.  http://www.flickdirect.com/images/movie … drew_1.jpg  piar/friends/
Шрифт должен выделятся. Удачи=)
Розмер - на ваше усотрение, Где-то в два раза больше баннера)

Отредактировано Нэнси Дрю (2010-10-18 18:16:40)

0

3

Нэнси Дрю
Хорошо, сделаю, только сейчас мало времяни. Где-то после завтра будет готово.

0

4

Beam.
Хорошо=)

0

5

Основное я сделала, Вам останится только настроить:

1. Установка.
В HTML-верх ставите код:

Код:
<style> 
div .splLink {width: 135px; height: 90px; border: 0px solid #e9bb7a ; ; 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(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 1px solid #e9bb7a;background-color: #e9bb7a;
 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"><img src="http://ipicture.ru/uploads/101019/S64Tci420E.gif" border="0"></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"><img src="http://ipicture.ru/uploads/101019/yBJxXEOT4o.gif"></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"><img src="http://ipicture.ru/uploads/101019/TsK40otyPS.gif"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Пиар</DIV></DIV>
</div></td>

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

1.Чтобы заменить информацию в выпадающих блоках, найдите в коде слова "Тут будет что-то" и замените на нужную Вам информацию. Это может быть как текстовая информация, так и графическая (картинки). Можно использовать любой HTML.
2.Оформление меню.
Оформление выпадающего меню необходимо менять в первой части кода.
Ниже приведены доступные для пользователей изменения в дизайне:
А)Отвечает за дизайн основных блоков.
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: auto; - высота выпадающих блоков. По-умолчанию осуществляется автоподгон по ширине. При необходимости можно заменить auto на любое числовое значение с указанием единиц измерения.
width: 300px; - ширина выпадающих блоков.
background: url(http://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; - выравнивание текста в выпадающих блоках (по-умолчанию: центр).
Внимание! Производить какие-либо изменения во второй части кода ЗАПРЕЩЕНО!

На месте "Новости форума", "Список админов\модераторов", "пиар" вписывать соответствующий текст!

+1

6

Хотелось бы заказать спойлер и если можно несколько вариантов кнопок=)

0

7

Нэнси Дрю написал(а):

Хотелось бы заказать спойлер и если можно несколько вариантов кнопок=)

Честно сказать не поняла заказа Оо
Давайте начнём с того, что скриптов спойлеров очень много и найти среди них работающий бывает очень сложно.
Теперь объясните, пожалуйста, какую именно кнопку Вы имеете введу? Вам нужно кнопку в стоке ВВ кодов или "показать/скрыть спойлер"? Дайте работающий скрипт и я сделаю.
Я только что пыталась найти работающий скрипт, но такового не нашлось( Если Вы найдёте, то пожалуйста, дайте его мне и я сделаю Ваш заказ.

0


Вы здесь » Help Forums ND | Поддержка форумов НД » Мелкие графические заказы » Другие мелкие графические заказы