Скрипт стрелок вверх и вниз

Модификации основанные на языке JavaScript.

Скрипты(Огромная галерея скриптов, на любой вкус и цвет)
Галина

Re: Скрипт стрелок вверх и вниз

Галина 10 май 2013, 13:40 Сообщение

BOJIK
СПАСИБО за стрелочку! Перезалить попробую.

Галина

Re: Скрипт стрелок вверх и вниз

Галина 10 май 2013, 14:25 Сообщение

BOJIK писал(а):Создайте в пеинте небольшое изображение и залейте нужным вам цветом, ну а перекрасить эту стрелочку потом не составит труда :)


Перекрасила Вашу стрелочку в нужный цвет, но, сохраняется она с белым фоном...
Изображение

Аватара пользователя
CabinetAdmin

Re: Скрипт стрелок вверх и вниз

CabinetAdmin 10 май 2013, 16:24 Сообщение

Галина
А в какой программе перекрасили?

Изображение Изображение

Если не разбираетесь в фотошопе, можно воспользоваться программами по проще, Paint.NET например, в ней фон убирается в два клика.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Галина

Re: Скрипт стрелок вверх и вниз

Галина 10 май 2013, 19:12 Сообщение

CabinetAdmin писал(а):Если не разбираетесь в фотошопе, можно воспользоваться программами по проще, Paint.NET например


Так в нём же родном и перекрашивала. Фон в нём тоже пыталась убрать. Фон кубиками делается,сохраняю в png но при вставке всё равно есть белый фон. И, что интересно, не на всех картинках. Одну картинку я всё-таки фон убрала, а на стрелках этих так и не получилось!
СПАСИБО ЗА СТРЕЛОЧКИ!!! :Rose:

Аватара пользователя
Uzanka

Re: Скрипт стрелок вверх и вниз

Uzanka 04 окт 2013, 13:58 Сообщение

Спасибо большое за скрипт :Rose: Благополучно установила кнопку "вверх" на форум.

Есть еще одна просьба. На многих форумах вижу либо кнопку, либо просто надпись "вверх" под каждым сообщением или под аватарой. В частности, очень хотелось бы сделать так, как реализовано у вас, на этом форуме. Т.е. после каждого сообщения идет белая полоса с номером сообщения слева и с кнопкой вверх справа.
Развернуть скрин того, что хочется увидеть


Это возможно сделать? Видимо принцип реализации тот же. Придется ли при этом удалить уже установленную на форум кнопку "вверх"?

Большое спасибо за помощь :Rose:
Форум Science-Леди www.scienceclub.listbb.ru

Аватара пользователя
CabinetAdmin

Re: Скрипт стрелок вверх и вниз

CabinetAdmin 04 окт 2013, 15:54 Сообщение

Эта полоска у вас уже есть, только её не видно.

Найдите в теме вашего стиля:

Код: Выделить всё

.back2top { clear: both; height: 11px; text-align: right; }


Замените на:

Код: Выделить всё

.back2top { background: url("http://cabinetadmina.ru/storage/up_4admins_ru/images/whiteBG.png") repeat scroll left top transparent; border: 1px solid #B8B8B8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; clear: both; height: 11px; text-align: right; }


Найдите:

Код: Выделить всё

a.top { background: none no-repeat top left; text-decoration: none; width: 11px; height: 11px; display: block; float: right; overflow: hidden; letter-spacing: 1000px; text-indent: 11px; }


В найденном:

Код: Выделить всё

background: none no-repeat top left;

Меняете на:

Код: Выделить всё

background: url("{IMG_ICON_BACK_TOP_SRC}") no-repeat top left;


http://cabinetadmina.ru/storage/up_4admins_ru/images/whiteBG.png - можно закачать к себе на форум и заменить на свою ссылку.


Номер сообщения в теме.
В шаблоне viewtopic_body.html находите:

Код: Выделить всё

<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

Меняете на:

Код: Выделить всё

<div class="back2top"> <span class="numberpost"> <script> page_number_str='{PAGE_NUMBER}'; posts_of_page=10; page_number=parseInt(page_number_str.substr(17)); post_number=posts_of_page*(page_number-1)+parseInt('{postrow.S_ROW_COUNT}'); document.write(''+ (post_number+1)); </script> </span> <a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a> </div>


В тему стиля, можно после предыдущих правок, можно просто в конец, добавляете:

Код: Выделить всё

/* Namber post */ .numberpost { text-align: left; padding: 0px 5px; float: left; line-height: 10px; }



зы. Кстати, эту стрелочку тоже можно использовать как стрелку в углу, чтобы подъём был плавным - Подъём вверх страницы на jQuery. У вас уже подключен jQuery, достаточно добавить только скрипт. Будет работать также как и здесь на форуме.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Uzanka

Re: Скрипт стрелок вверх и вниз

Uzanka 04 окт 2013, 16:06 Сообщение

CabinetAdmin
огромное спасибо! :Rose: :Rose: :Rose:

Попробую сегодня реализовать :)
Форум Science-Леди www.scienceclub.listbb.ru



Похожие темы

Вернуться в «JavaScript / jQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя