Форум администраторов игровых серверов › MMO › Другие игры / Other games › World of WarCraft › Web-обвязки v
PuShKinG выручай =)

Рейтинг темы:
  • 0 Голос(ов) - 0 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
Каскадный режим
PuShKinG выручай =)
Yura Не в сети
Junior Member
**
Сообщений: 38
Тем: 7
Зарегистрирован: Jan 2010
Репутация: 0
#1
02-11-2010, 03:24 AM
В общем , рылся в нэте , искал очень долго нормальный сайт для мангоса , остановился именно на твоей обвязке !

1-PuShKinG родной выручай )) очень понравилась твоя обвязка , не мог бы ты создать ещё пару картинок к обвязке таких как (userbar.png , rules.png , reg.png , office.png , login.png и тому подобное)
А именно меня интересуют слова ( Турниры , Сервер , Статистка , Файлы , Журнал банов . Библиотека . Как начать играть . Калькулятор Арены . Календарь ) Я мог бы сделать их сам с большой радостью , но мне очень понравился именно твой стиль , и как назло у меня нету такого шрифта(

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

А я уже знаю что у команды ZG-Team самые лучшие серваки вова и обвязки ! Big Grin:p:p
Поиск
Ответ
PuShKinG Не в сети
Senior Member
****
Сообщений: 643
Тем: 44
Зарегистрирован: Mar 2009
Репутация: 3,268
#2
02-11-2010, 01:43 PM
1. Открой вложение, в архиве все что ты просил:
[Изображение: image-097F_4B73DF0C.jpg]
2. Работаем.


Файлы вложений
.zip   titles.zip (Размер: 77.81 KB / Загрузок: 9)
Вебсайт Поиск
Ответ
Yura Не в сети
Junior Member
**
Сообщений: 38
Тем: 7
Зарегистрирован: Jan 2010
Репутация: 0
#3
02-11-2010, 10:42 PM (Сообщение последний раз редактировалось: 02-12-2010, 03:01 AM Yura.)
1-Ооо ! Спасибо огромное ! Я перед тобой в долгу !Wink Реально рад , супер , спасибо!

2-Буду ждать Wink

Ещё былобы не плохо увидеть в твоей следующей обвязке выдвигающиеся пункты менюшек , тоесть например статистика не сразу открывалась для общего просмотра , а после кликания на кружок с эмблемкой ZG , также и закрывалась после кликания на эмблемку. Я попробую поискать подобные html скрипты на эту тему , если они тебе уже известны то прошу написать в этой теме =) Буду ещё больше рад.
Поиск
Ответ
PuShKinG Не в сети
Senior Member
****
Сообщений: 643
Тем: 44
Зарегистрирован: Mar 2009
Репутация: 3,268
#4
02-12-2010, 08:35 AM
Да, идея хорошая, только у меня сейчас нет времени.
Если есть желание сделать самому, то вот тебе небольшой урок по созданию выпадающих меню на jQuery, которое можно переделать под всё что угодно.

Шаг №1 - XHTML, врезаем его туда, где должно находится меню.

<li class="menu">
<ul>
<li class="button"><a href="#"><img src="skins/Happy/img/stat.png" width="242" height="82" alt="Realms Info"></a></li>
<li class="dropdown">
<ul><!-- Этот список содержит опции, которые выпадают с помощью jQuery -->
<li><?php include("./blocks/stat.php") ?></li><!-- Содержимое меню -->
</ul>
</li>
</ul>
</li>

Шаг №2 - CSS, сохраняем его как demo.css в шапке сайта.

PHP код:
<?php 

ul{

margin:0;

padding:0;

}



ul.container{

/* главный UL */

width:242px;

margin:0 auto;

padding:50px;

}



li{

list-style:none;

text-align:left;

}



li.menu{

/* Главные элементы списка */

width:100%;

}



li.button a{

display:block;

height:82px;

overflow:hidden;

padding:10px 20px 0;

position:relative;

width:242px;

}



li.button a:hover{

text-decoration:none;

}



.dropdown{

/* Расширяющиеся списки */

display:none;

width:100%;

}



.dropdown li{

/* Каждый элемент в таких списках */

color:#CCCCCC;

}

Шаг №3 - jQuery, подключаем все необходимые скрипты в шапке документа.

<link rel="stylesheet" type="text/css" href="demo.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.easing.1.3.js"></script>

<script type="text/javascript" src="script.js"></script>

Содержимое файла jquery.easing.1.3.js, сохраняем его в шапке сайта.

PHP код:
<?php 

// t: current time, b: begInnIng value, c: change In value, d: duration

jQuery.easing['jswing'] = jQuery.easing['swing'];



jQuery.extend( jQuery.easing,

{

    def: 'easeOutQuad',

    swing: function (x, t, b, c, d) {

        //alert(jQuery.easing.default);

        return jQuery.easing[jQuery.easing.def](x, t, b, c, d);

    },

    easeInQuad: function (x, t, b, c, d) {

        return c*(t/=d)*t + b;

    },

    easeOutQuad: function (x, t, b, c, d) {

        return -c *(t/=d)*(t-2) + b;

    },

    easeInOutQuad: function (x, t, b, c, d) {

        if ((t/=d/2) < 1) return c/2*t*t + b;

        return -c/2 * ((--t)*(t-2) - 1) + b;

    },

    easeInCubic: function (x, t, b, c, d) {

        return c*(t/=d)*t*t + b;

    },

    easeOutCubic: function (x, t, b, c, d) {

        return c*((t=t/d-1)*t*t + 1) + b;

    },

    easeInOutCubic: function (x, t, b, c, d) {

        if ((t/=d/2) < 1) return c/2*t*t*t + b;

        return c/2*((t-=2)*t*t + 2) + b;

    },

    easeInQuart: function (x, t, b, c, d) {

        return c*(t/=d)*t*t*t + b;

    },

    easeOutQuart: function (x, t, b, c, d) {

        return -c * ((t=t/d-1)*t*t*t - 1) + b;

    },

    easeInOutQuart: function (x, t, b, c, d) {

        if ((t/=d/2) < 1) return c/2*t*t*t*t + b;

        return -c/2 * ((t-=2)*t*t*t - 2) + b;

    },

    easeInQuint: function (x, t, b, c, d) {

        return c*(t/=d)*t*t*t*t + b;

    },

    easeOutQuint: function (x, t, b, c, d) {

        return c*((t=t/d-1)*t*t*t*t + 1) + b;

    },

    easeInOutQuint: function (x, t, b, c, d) {

        if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;

        return c/2*((t-=2)*t*t*t*t + 2) + b;

    },

    easeInSine: function (x, t, b, c, d) {

        return -c * Math.cos(t/d * (Math.PI/2)) + c + b;

    },

    easeOutSine: function (x, t, b, c, d) {

        return c * Math.sin(t/d * (Math.PI/2)) + b;

    },

    easeInOutSine: function (x, t, b, c, d) {

        return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;

    },

    easeInExpo: function (x, t, b, c, d) {

        return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;

    },

    easeOutExpo: function (x, t, b, c, d) {

        return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;

    },

    easeInOutExpo: function (x, t, b, c, d) {

        if (t==0) return b;

        if (t==d) return b+c;

        if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;

        return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;

    },

    easeInCirc: function (x, t, b, c, d) {

        return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;

    },

    easeOutCirc: function (x, t, b, c, d) {

        return c * Math.sqrt(1 - (t=t/d-1)*t) + b;

    },

    easeInOutCirc: function (x, t, b, c, d) {

        if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;

        return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;

    },

    easeInElastic: function (x, t, b, c, d) {

        var s=1.70158;var p=0;var a=c;

        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;

        if (a < Math.abs(c)) { a=c; var s=p/4; }

        else var s = p/(2*Math.PI) * Math.asin (c/a);

        return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;

    },

    easeOutElastic: function (x, t, b, c, d) {

        var s=1.70158;var p=0;var a=c;

        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;

        if (a < Math.abs(c)) { a=c; var s=p/4; }

        else var s = p/(2*Math.PI) * Math.asin (c/a);

        return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;

    },

    easeInOutElastic: function (x, t, b, c, d) {

        var s=1.70158;var p=0;var a=c;

        if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);

        if (a < Math.abs(c)) { a=c; var s=p/4; }

        else var s = p/(2*Math.PI) * Math.asin (c/a);

        if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;

        return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;

    },

    easeInBack: function (x, t, b, c, d, s) {

        if (s == undefined) s = 1.70158;

        return c*(t/=d)*t*((s+1)*t - s) + b;

    },

    easeOutBack: function (x, t, b, c, d, s) {

        if (s == undefined) s = 1.70158;

        return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;

    },

    easeInOutBack: function (x, t, b, c, d, s) {

        if (s == undefined) s = 1.70158; 

        if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;

        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;

    },

    easeInBounce: function (x, t, b, c, d) {

        return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;

    },

    easeOutBounce: function (x, t, b, c, d) {

        if ((t/=d) < (1/2.75)) {

            return c*(7.5625*t*t) + b;

        } else if (t < (2/2.75)) {

            return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;

        } else if (t < (2.5/2.75)) {

            return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;

        } else {

            return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;

        }

    },

    easeInOutBounce: function (x, t, b, c, d) {

        if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;

        return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;

    }

});

Содержимое script.js, сохраняем его в шапке сайта.

PHP код:
<?php 

$(document).ready(function(){

    /* This code is executed after the DOM has been completely loaded */



    /* Changing thedefault easing effect - will affect the slideUp/slideDown methods: */

    $.easing.def = "easeOutBounce";



    /* Binding a click event handler to the links: */

    $('li.button a').click(function(e){

    

        /* Finding the drop down list that corresponds to the current section: */

        var dropDown = $(this).parent().next();

        

        /* Closing all other drop down sections, except the current one */

        $('.dropdown').not(dropDown).slideUp('slow');

        dropDown.slideToggle('slow');

        

        /* Preventing the default event (which would be to navigate the browser to the link's address) */

        e.preventDefault();

    })

    

});

Всё Smile
Вебсайт Поиск
Ответ
Yura Не в сети
Junior Member
**
Сообщений: 38
Тем: 7
Зарегистрирован: Jan 2010
Репутация: 0
#5
02-13-2010, 01:24 AM (Сообщение последний раз редактировалось: 02-13-2010, 02:05 AM Yura.)
Ёмаё ты гений ! Спс большое , сейчас чёнить намудрю Big Grin

И ещё если не сильно затруднит , я наверно достал уже :hummer: Дружище дай ссылку где можно шрифты скачать подобные как в твоей обвязке , или свои скинь , чёт я в инэте рылся рылся , так и не нарыл что мне нужно.... :ravvin:
Поиск
Ответ
PuShKinG Не в сети
Senior Member
****
Сообщений: 643
Тем: 44
Зарегистрирован: Mar 2009
Репутация: 3,268
#6
02-13-2010, 10:27 AM
А ты зайди в папку с клиентом WoW, найди там папку Fonts и будет тебе счастье.
Вебсайт Поиск
Ответ
Yura Не в сети
Junior Member
**
Сообщений: 38
Тем: 7
Зарегистрирован: Jan 2010
Репутация: 0
#7
02-13-2010, 11:54 PM (Сообщение последний раз редактировалось: 02-14-2010, 11:24 PM Yura.)
Да прибудет мне счастье ! Big GrinBig Grin Даа... Ты буквально исполнил все мои мечты !
Брат спасибо огромное , у меня есть ещё один вопрос пока , я его может быть сам решу , но если что то напишу потом сюда , а пока всё хорошо Cool
Поиск
Ответ
Yura Не в сети
Junior Member
**
Сообщений: 38
Тем: 7
Зарегистрирован: Jan 2010
Репутация: 0
#8
02-20-2010, 02:31 AM
PuShKinG вот ещё вопрос к тебе есть...

Скажи пожалуйста где в скриптах нужно указать размер сайта.....
Всмысле у меня сайт на весь монитор растянут , а вот у нескольких моих друзей снизу появился колёсик и сайт приходится двигать то влево , то вправо...
Поиск
Ответ
Yura Не в сети
Junior Member
**
Сообщений: 38
Тем: 7
Зарегистрирован: Jan 2010
Репутация: 0
#9
03-05-2010, 10:50 PM (Сообщение последний раз редактировалось: 03-06-2010, 12:15 AM Yura.)
PuShKinG Написал:1. Открой вложение, в архиве все что ты просил:
[Изображение: image-097F_4B73DF0C.jpg]
2. Работаем.

Пожалуйста дружище , если не затруднит , прости что не написал сразу ! Ну не умею я фотошопить Smile Сделай плиз слова *Новости , Калькулятор талантов , Карта мира*

Буду оооочень благодарен тебе !
Незаменимых людей нет, есть цена их замены. Порядок прежде всего.©
Поиск
Ответ
Legion
Unregistered
 
#10
06-17-2010, 08:01 PM
Yura, я конечно не PuShKinG, но думаю он не обидится, если я скину пару заголовков... вложение ниже

P.S. стиль, который использовал PuShKinG, я не знаю, поэтому попытался сделать максимально ближе к его Smile


Файлы вложений
.zip   words.zip (Размер: 27.47 KB / Загрузок: 1)
Ответ


Перейти к форуму:


Пользователи, просматривающие эту тему: 3 Гость(ей)