• Авторизация


Редактирование внешнего вида панели плагина “wp-sliding-login-dashboard-panel” для wordpress’а 16-04-2010 16:13 к комментариям - к полной версии - понравилось!


Оригинал сообщения

На днях nord_tramper сделал нам обоим замечательный подарок — зарегистрировал доменное имя. В связи с этим у меня появилось небольшое личное пространство в Инернет на созданном для меня субдомене. В сайтостроении я — полный ноль, но что-то делать надо было. Движком был выбран wordpress, потому что проще некуда. Да и для ведения блога — самое то. За основу оформления взята была взята милая туристическая двухколоночная тема  с левым сайдбаром Travelling logbook от EZwpthemes, переведенная BlogStyle. Доработка этой темы под мои запросы пока еще в процессе. Хотелось мне, конечно, трехколоночную тему, но такой, что внешне понравилась так же сильно, как и Travelling logbook, не нашлось.  Конечно, я наустанавливала всяких плагинов, которые тоже доделываю под себя при необходимости. Один из таких доработанных плагинов —

WP Sliding Login. Плагин красивый, но цвет панели совершенно не подходил по цветовой гамме к Travelling logbook. В общем, пришлось лезть в cssку и править ручками, что не нравится.




Вот, что было:


[500x228]




И вот, что получилось:


[500x224]





Нужный для редактирования файл называется slide.css и находится в папке, где лежат файлы wordpressа, далее wp-content/plugins/wp-sliding-logindashboard-panel/css/. Открываем файл через админскую панель Вашего хостера, собственный редактор wordpressа, текстовый редактор, типа notepadа (главное, чтобы поддерживал utf-8), программу-редактор web (например, HomeSite) и т.д.


Для смены цветов в cssке нам потребуются их html-коды. Я узнаю их через Яndex. Вводим в строку поиска коды цветов html, и вот, что нам выдает поисковик. Нужные нам коды пишутся в строчке со знаком #. Как выбрать нужный цвет, думаю, разберетесь сами — там все интуитивно понятно.


[499x331]


Здесь можно скачать rtf-файл, в котором я отметила и пояснила измененные места. Однако, если мы ограничим изменения только css, то язычок, за который мы вытаскиваем панель, и ее нижняя граница, останутся по-прежнему черными, а кнопка регистрации и открытия панели  синей. Если Вас это устраивает  то ничего не трогаем, а если нет  идем по адресу wp-content/plugins/wp-sliding-logindashboard-panel/images/. Тут лежат графические файлы, используемые данным плагином. Выбираем нужный цвет и Photoshop Вам в помощь!


Названия графических файлов для редактирования:


Tab_m.png — вертикальная черточка, расположенная между «Выйти» и кнопкой закрытия\открытия  панели.


Bt_close.png и Bt_open.png — кнопки закрытия и открытия панели.


Tb_l.png и Tb_r.png — левая и правая закругленные границы «язычка», выдвигающего панель.


Bt_login.png — кнопка логина (не менялась, но может Вам потребоваться).


Bt_register.png — кнопка регистрации.


Tab_b.png — линейка, ограничивающая панель снизу.


Остальные скриншоты плагина.


Старый вид:


[500x226]


[500x227]


Новый вид:


[500x226]


[500x226]


В ходе редактирования изменены  цвет текста, размер шрифта, цвет панели, раскраска графических элементов, цвет окон ввода, увеличена высота панели, так как текст не умещался на нее. В целом, мне нравится.:)


Я сейчас нахожусь: home
Мой настрой: креатиффный


LIci WP
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Редактирование внешнего вида панели плагина “wp-sliding-login-dashboard-panel” для wordpress’а | lstoma - Lazy Sturman's notes | Лента друзей lstoma / Полная версия Добавить в друзья Страницы: раньше»