Как плавающий отправить сообщение в блоге
Здравствуйте, мы часто видим на нескольких блогах, которые показывают нам о том, плавающих сообщение подписаться, чтобы приветствовать нас в свой блог или некоторые другие полезные причине. На этот раз мы это сделаем, мы будем плавать сообщение, которое будет показано, когда посетитель заходит на наш блог. К делу:
1. Скачанные JQuery которые, после загрузки вы оставите имя jquery.js
2. Jquery.js влез в папке темы мы используем.
3. Мы открыли наш header.php файл (один в нашей теме), а после <head> пишет:
<Сценария SRC = "<? Php bloginfo ('template_url');?> / jquery.js" Тип = "текст / JavaScript"> </ SCRIPT> <script type="text/javascript"> JQuery (документ). готовых (функция ($) ( $ (Window). Scroll (функция () ( $ ('# Message_box'). Анимации ((вверху: $ (окна). ScrollTop () + "пикселей"), (очереди: ложные, продолжительность: 350)); )); $ ('# Close_message'). Нажмите кнопку (функция () ( $ ('# Message_box'). Анимации ((сверху: "+ = 15px", непрозрачность: 0), "медленно"); )); JQuery (функция () ( JQuery ('ul.sf меню'). SUPERFISH (); )); )); </> Script
4. Мы открываем файл style.css и, наконец, положить следующий код:
# Message_box ( позицию: абсолютная; Топ: 0; слева: 0; г-индекс: 10; фон: # FFC; обивка: 5px; границы: 1px твердых # CCCCCC; Текст-драйвер; начертание шрифта: жирный; ширина: 99%; )
5. Abrimons header.php файл снова и только после <head> место:
<div id="message_box"> <img /> ID = "close_message" стиль = "плавать: права; курсора: указатель" SRC = "cualquierimagen.png" Наше послание. </> Div
Это все люди, это очень трудно сделать, если у вас есть какие-либо вопросы или предложения, вы можете прокомментировать. С уважением
