Если не нашли темы для заказа, то Вам сюда.
Другие мелкие графические заказы
Сообщений 1 страница 7 из 7
Поделиться22010-10-18 18:14:12
Выполнено
Картинка в таблицу:
Напишу просто описание...Нужно зделать в таблице "кнопку". Например кнопка администратор: на нее нажимаешь и она выдает тебе список админов, вот так и мне надо три кнопки: (на англиском) 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)
Поделиться32010-10-18 18:55:48
Нэнси Дрю
Хорошо, сделаю, только сейчас мало времяни. Где-то после завтра будет готово.
Поделиться42010-10-18 19:51:44
Beam.
Хорошо=)
Поделиться52010-10-19 13:54:10
Основное я сделала, Вам останится только настроить:
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; - выравнивание текста в выпадающих блоках (по-умолчанию: центр).
Внимание! Производить какие-либо изменения во второй части кода ЗАПРЕЩЕНО!
На месте "Новости форума", "Список админов\модераторов", "пиар" вписывать соответствующий текст!
Поделиться62010-10-20 13:19:52
Хотелось бы заказать спойлер и если можно несколько вариантов кнопок=)
Поделиться72010-10-20 18:09:58
Хотелось бы заказать спойлер и если можно несколько вариантов кнопок=)
Честно сказать не поняла заказа Оо
Давайте начнём с того, что скриптов спойлеров очень много и найти среди них работающий бывает очень сложно.
Теперь объясните, пожалуйста, какую именно кнопку Вы имеете введу? Вам нужно кнопку в стоке ВВ кодов или "показать/скрыть спойлер"? Дайте работающий скрипт и я сделаю.
Я только что пыталась найти работающий скрипт, но такового не нашлось( Если Вы найдёте, то пожалуйста, дайте его мне и я сделаю Ваш заказ.