Так это принято называть - облако тэгов, а на самом деле это плавающие ссылки. Хотя, собсно, какая разница.

Я решил ничего попусту не объяснять, а просто выложить исходник. Там в скрипте первого и единственного кадра поменяете адреса URL, перепишете надписи "написать мне" и прочие, цвета и размеры под себя подстроите и вуаля. СКАЧАТЬ oblako (для версии 7.2.0; для остальных версий - увы, читайте урок дальше).

Ну что ж, начнем.
1. Делаем фон. Movie - background color - ставим нужный цвет.

2. Чтобы он был не просто однородным цветом, а цветастым да еще размытым,


3. Внутри клипа рисуем 3-4 произвольные фигуры разных цветов. Возвращаемся на основную сцену, заходим в эффекты и ставим Flash8 filters - Blur.

4. Теперь сделаем непосредственно плавающую ссылку. Я опишу одну, а вы потом по аналогии добавите остальные. Итак, вновь создаем мувиклип. Оказавшись внутри, ничего пока не пишем, а еще раз жмем на "Create movieclip", и только внутри уже этого вложенного клипа пишем с помощью инструмента , например, "Написать мне".

Теперь берем и растягиваем его поверх надписи. Это будет кликабельная область, чтобы пользователю не приходилось метиться в буквы, а приходилось смело жать на всю надпись. Перекрыли прямоугольником надпись, теперь заходим в его - Color/fill и ставим прозрачность на 100% вместо умолчательного 0% (четвертое сверху окошечко; при наведении мышки на 0 появляется надпись Transparency).

5. Ну, теперь дело за скриптами. Тут их дофига, главное - не запутаться. А чтобы не путаться, начнем с начала, с основной сцены. В первый клип (mc) ничего не ставим. Во второй и последующие ставим скрипты.

6. Кликаем на mc2, открываем его , заходим внутрь через кнопку Frames. На временной шкале переименовываем этот внутренний mc в snow. Здесь нам надо поставить два скрипта - один в кадр, другой в свойства.

6.1. Открываем свойства клипа "snow", находим строку Actions, открываем ее, жмем зеленый плюс, Action Script и вставляем вот такое:

 onClipEvent (load) {
    //variables
    width = 500;
    height = 500;
    //random x,y, and alpha
    this._xscale = this._yscale=50+Math.random()*100;
    this._alpha = 20+Math.random()*50;
    //random x and y for flakes
    this._x = -width+Math.random()*(3*width);
    this._y = -10+Math.random()*height;
    //speed and trigonometric value
    i = 1+Math.random()*2;
    k = -Math.PI+Math.random()*Math.PI;
    rad = 0;
}
onClipEvent (enterFrame) {
    // horizontal movement
    rad += (k/180)*Math.PI;
    xmovement = _root._xmouse;
    this._x -= Math.cos(rad)+(xmovement-(width/2))/100;
    // vertical movement
    this._y -= i;
    // remove clips when they misbehave (overstep boundaries)
    if (this._x>(width+50)) {
        this._x = -45;
        this._y = Math.random()*height*2;
    }
    if (this._x<-50) {
        this._x = width+45;
        this._y = Math.random()*height*2;
    }
    if (this._y>=height) {
        this._y = -50;
        this._x = -width+Math.random()*(3*width);
    }
}

6.2. Никуда не уходим из этого клипа, а переключаемся на - зеленый плюс - Action Script - вставляем вот это:

for (i=1; i<7; i++) {
    var clip = snow.duplicateMovieClip("snow"+i, i);
    clip._x += (i%10)*25;
    clip._y += Math.floor(i/10)*25;
}

И только теперь возвращаемся на основную сцену.

7. Итак, мы имеем mc (который цветастый расплывчатый фон) и mc2 (который надпись "Напишите мне"). Но пока погодите тестировать мувик, ничего не заработает. Не хватает еще одного скрипта.
Этот скрипт надо вставить в первого (и единственного) кадра на основной сцене -  - плюс - Action Script - вставляем:

mc2.onRollOver=function(){
}

mc2.onPress=function(){
getURL("http://farsage.ru/index.php/2010-04-16-18-19-44");
}
////////////////////////////////////////////////

mc3.onRollOver=function(){
}

mc3.onPress=function(){
getURL("http://www.magmaps.ru", "_blank");
}
/////////////////////////////////////////////////

mc4.onRollOver=function(){
}

mc4.onPress=function(){
getURL("http://farsage.ru/index.php/2010-04-16-03-36-17");
}
///////////////////////////////////////////////////

mc5.onRollOver=function(){
}

mc5.onPress=function(){
getURL("http://farsage.ru/index.php/-koolmoves");
}
/////////////////////////////////////////////////////

Как видите, у меня здесь четыре мувиклипа, по количеству плавающих ссылок в примере. Мы с вами в уроке сделали пока только один. Ну вы поняли принцип - остальное дело времени. Не забудьте в этом последнем скрипте поменять адреса ссылок на свои.
Вот и все. Удачного и многообразного секса с Koolmoves.

P.S. Если же вам хочется стандартное облако тэгов, то посмотрите вправо на "Другое облако". Это модуль, который можно скачать здесь.

< Предыдущая		Следующая >