Скрипт - зміна іміджу

# 9679; Зміна дизайну! Висловлюємо подяку t # 248; rst vinden!

# 9679; Були підведені підсумки непристойно тривалих конкурсів.
А ще Зефір шукає креативних, розумних людей, які люблять і вміють конкурси влаштовувати.

# 9679; Зефір в пошуках письменників! Чекаємо з нетерпінням в наборі персоналу.


Клікабелье версія знаходиться нижче, в самому кінці інструкції

Скрипт складається з трьох частин:
- графічна (два види меню і кнопка активації меню),
- кодова (та частина, яку необхідно прописати в HTML-верх і HTML-низ),
- віддалена (розташовується на сторонньому хостингу, необхідно залити туди, де підтримується можливість отримати пряме посилання на файл, чи то пак Яндекс.Діск не підійде, але відмінно підійде сам ваш форум).

1. Почнемо з графіки. Потрібно намалювати обидва меню і кнопку в стилі свого форуму. Так як скрипт приписує одному зображенню кілька посилань, важливо зберігати ті ж розміри і положення пунктів меню. Якщо рухати, то написи змістяться, а області щось будуть посилатися на колишні координати.

[Float = right] [/ float] Для наочності розглянемо .psd-файл, в якому і потрібно малювати меню під свій проект. Червоним виділена стара підкладка для меню, зеленим - нова. Як видно, текст не рухався ні на піксель. це принципово важливо. можна тільки поміняти вид і колір шрифту. Розміри в ширину (123 пікселів) не треба чіпати, можна збільшити трохи в висоту.

Розмір дрібної кнопки виклику менюшки - не настільки важливий. Скрипт сам піджене під потрібний розмір, тому можна зробити картинку побільше.

Як тільки графіка готова, заливаємо її на сторонній хостинг або прямо на форум в розділі Адміністрування - Файли.

Власне, вписавши посилання, зберігаємо файл, заливаємо його в Адміністрування - Файли.

3. Залишилося розмістити потрібні частини коду в HTML-верх і HTML-низ:

У HTML-верх написав (а):

Зеленим виділені прямі посилання на файли change_ava.css і change_avatar_Nic_Status.js. залиті в Адміністрування - Файли. Про них окремо було вище. Самі файли є в доданому архіві.

У HTML-низ написав (а):

Невеликий нюанс: якщо хочете повністю змінити імідж, то розміщуйте всі коди після тексту самого поста, інакше з незрозумілої причини міжрядковий інтервал зменшується і пост виглядає не так, як повинен.

Кінцевий результат зміни іміджу виглядає так (клікабельно):

Здрастуйте, шановна Nazara!
Вже сподіваюся, що пишу куди можна писати, просто питання саме по цій інструкції.
Якщо сюди було не можна - я переміщені своє повідомлення.

Ассамбоссам. Добрий день. Скиньте під спойлери все коди: для ХТМЛ-верху, низу і файлу change_avatar_Nic_Status.js, який повинен бути залитий на ваш форум. В останньому точно щось не так. Я б ще припустив, що код посилається на Deff'овскій файл .js.

Nazara. як я і сказав, я на даний момент залив тупо ваш код з вашої гри (. Тому що зі своїм взагалі нічого не вийшло, думав, мовляв, поставлю ваш, авось запрацює. А воно і так не спрацювало. Так що все, що у вас в описі інструкції варто і у мене. Все одно копіпаст вставлю верхньої та нижньої частини, може щось конфліктує, а я слепошарий і не бачу.

$ ( "# Pun-index div.category h2, # pun-index # pun-stats h2"). Each (function (i) for (q = 0; qvar cssObj = "height": "57px",
"Background-color": "transparent",
"Background-image": "url (" + myarray [q + 1] + ")",
"Background-position": "50% 50%",
"Background-repeat": "no-repeat" // Останній елемент без коми!
>

if ($ (this) .children ( "span"). text () == myarray [q]) $ (this) .css (cssObj);
q ++>
>);
>);

якщо вам буде простіше полазити безпосередньо на пробники і там подивитися чому не оре пароль 12345. я убогий дизайнер, красти там у мене нічого.

Схожі статті