На днях nord_tramper сделал нам обоим замечательный подарок — зарегистрировал доменное имя. В связи с этим у меня появилось небольшое личное пространство в Инернет на созданном для меня субдомене. В сайтостроении я — полный ноль, но что-то делать надо было. Движком был выбран wordpress, потому что проще некуда. Да и для ведения блога — самое то. За основу оформления взята была взята милая туристическая двухколоночная тема с левым сайдбаром Travelling logbook от EZwpthemes, переведенная BlogStyle. Доработка этой темы под мои запросы пока еще в процессе. Хотелось мне, конечно, трехколоночную тему, но такой, что внешне понравилась так же сильно, как и Travelling logbook, не нашлось. Конечно, я наустанавливала всяких плагинов, которые тоже доделываю под себя при необходимости. Один из таких доработанных плагинов —
WP Sliding Login. Плагин красивый, но цвет панели совершенно не подходил по цветовой гамме к Travelling logbook. В общем, пришлось лезть в cssку и править ручками, что не нравится.
Нужный для редактирования файл называется slide.css и находится в папке, где лежат файлы wordpressа, далее wp-content/plugins/wp-sliding-logindashboard-panel/css/. Открываем файл через админскую панель Вашего хостера, собственный редактор wordpressа, текстовый редактор, типа notepadа (главное, чтобы поддерживал utf-8), программу-редактор web (например, HomeSite) и т.д.
Для смены цветов в cssке нам потребуются их html-коды. Я узнаю их через Яndex. Вводим в строку поиска коды цветов html, и вот, что нам выдает поисковик. Нужные нам коды пишутся в строчке со знаком #. Как выбрать нужный цвет, думаю, разберетесь сами — там все интуитивно понятно.
Здесь можно скачать 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 — линейка, ограничивающая панель снизу.
В ходе редактирования изменены цвет текста, размер шрифта, цвет панели, раскраска графических элементов, цвет окон ввода, увеличена высота панели, так как текст не умещался на нее. В целом, мне нравится.:)