Jewel Stretch 2.3: новая версия шаблонов Emerald, Sapphire и Ruby
Обновил все шаблоны для WordPress семейства Jewel Stretch до версии 2.3. Видимых изменений не много: в основном улучшен стиль отображения календаря. Зато исправлен ряд досадных ошибок, в том числе ошибка выпадающих меню в Internet Explorer.
- Посмотреть Emerald Stretch в действии »
- Скачать Emerald Stretch
- Скачать Ruby Stretch
- Скачать Sapphire Stretch
Постовой
Ищете квартиры в обнинске, найдёте их там, где есть доска бесплатных объявлений.
24.07.2009 в 12:26
· Ссылка
Николай, спасибо за отличные темы! Похоже, в них есть всё, чего мне хотелось :) Особенно теперь в 2.3, когда исправлен режущий взгляд календарь.
Баг репорт:
в sidebar.php надо поменять местами строки:
А то не выводится реклама в левом сайдбаре. Отступы уже правильно стоят :)
24.07.2009 в 12:28
· Ссылка
Упс, кто-то сожрал строки:
<?php include_once (TEMPLATEPATH.»/_linkads_left.php»); ?>
<?php endif; ?>
24.07.2009 в 12:32
· Ссылка
Не заметил. Спасибо большое! Сейчас исправлю и перезалью.
25.07.2009 в 19:32
· Ссылка
Ещё один момент: для смайликов нужен отдельный стиль, а то их поля раздвигают строки текста. Что-то типа этого:
#content img.wp-smiley {
border: none;
padding: 0px;
margin: 0px;
vertical-align: text-top;
}
26.07.2009 в 11:47
· Ссылка
Спасибо за наводку!
Включу в следующую версию.
26.07.2009 в 17:29
· Ссылка
Привет. Большое спасибо за тему.
Вопрос: как приподнять горизонтальное меню (Главная, О сайте)? А то лежит слишком нижко – хотелось бы повыше немного, но в css найти так и не смог. Помогите плз
26.07.2009 в 17:35
· Ссылка
@Петрович:
Пожалуйста.
Приподнять меню можно, уменьшив параметр «height» вот в этом блоке:
#header-title {
margin: 0 0 0 126px;
text-align: left;
height: 65px;
border: 0;
}
Но придётся ещё подогнать фоновую картинку «header_back.gif»
26.07.2009 в 17:45
· Ссылка
Уменьшил параметр «height», но ничего не изменилось. Можно поподробнее плз?
И что там насчёт:
2)
3) «для смайликов нужен отдельный стиль»
26.07.2009 в 17:46
· Ссылка
Насчёт 2):
строки пропали:
26.07.2009 в 17:47
· Ссылка
Извините, но не могу вставить нормально строки – смотрите пост Allex’а – 25.07.2009
26.07.2009 в 17:54
· Ссылка
@Петрович:
Чтобы можно было вставлять теги, прогоняйте код через, например, http://www.elliotswan.com/postable
Прежде чем написать предыдущий комментарий, я само-собой всё проверил — меню сдвигается вверх. Попробуйте сначала восстановить оригинальный style.css, а уже затем вносить в него изменения.
Предложение из коммента №2 внесено 24 июля. Если вы скачали тему после этого, то они у вас есть.
Предложение из коммента №4 будет внесено в следующую версию темы. Если вы хотите, вы можете вставить его самостоятельно в файл style.css.
26.07.2009 в 18:59
· Ссылка
Ясно, спасибо.
Насчёт «height»:
возможно у меня этот параметр ни на что не влияет, т.к. я не «подогнал фоновую картинку «header_back.gif»»? Как это сделать?
Если нет, то что же может влиять на работу этого («height») параметра?
P.S.- есть ещё догадка, что я слишком грубо заменил код гаватара просто картинкой с лого. Как это посоветуете сделать элегантнее? (т.е. мне не нужен гаватар, нужна лого-картинка)
26.07.2009 в 19:28
· Ссылка
Петрович писал:
Нет, эти вещи никак не связаны. Изменение height в оригинальной теме делает то, что вам нужно. Проверяйте свои изменения.
В любом графическом редакторе. Мне нравится Paint.NET
Какие-то ваши изменения.
Сначала восстановите оригинальные файлы header.php, style.css и все остальные. Затем нарисуйте ваш логотип прямо в файле left_logo.png. Теперь подредактируйте файл header.php следующим образом:
замените вот этот код:
<div id="header-logo">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>">
<div id="header-logo-gravatar">
<?php $defgrav = get_bloginfo('template_directory') .
'/img/gravatar_light.png'; ?>
<?php echo get_avatar(get_bloginfo('admin_email'), '78', $defgrav); ?>
</div>
</a>
</div>
на вот этот:
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>">
<div id="header-logo"></div>
</a>
Это всё.
26.07.2009 в 19:31
· Ссылка
@Петрович:
Подтверждаю, изменение header работает в IE7 и FF3.5. Подгонка картинки нужна для соответствия фона тексту, то есть текст сместится и без изменения фоновой картинки.
Насчет лого-картинки. Если граватар для адреса администрирования, указанного в Основных настройках WordPress, не найдется, то будет выведена картинка из каталога темы: img/gravatar_light.png Просто замените ее на свой логотип.
Николай, еще предложение и вопрос:
1. Для code ставить padding: 5px; display: block; мне кажется не очень правильным – это не обязательно блочный стиль. Я, например, выделяю им какие-нибудь имена функций, упоминаемые в тексте. До сих пор везде работало, а в теме пришлось убрать.
2. Как все-таки быть, если для админ.адреса есть граватар, но хочется использовать другую картинку не меняя адреса?
26.07.2009 в 19:35
· Ссылка
@Allex:
Мой коммент выше (похоже, почти одновременно запостили :)
26.07.2009 в 19:37
· Ссылка
Allex писал:
Этот блок там, мне кажется, не просто так. Я уже точно не помню, почему воткнул его. Поставлю этот вопрос в ту-ду лист, чтобы решить его, когда буду заниматься новой версией темы. Хорошо?
26.07.2009 в 21:57
· Ссылка
Подскажите плз где в стилях найти оформление тегов?
(они изначально подчёркнутые, а мне бы хотелось сделать так, чтобы они подчёркивались лишь при наведении)
26.07.2009 в 22:03
· Ссылка
Если вы имеете в виду стиль тега ссылки «a», то его довольно просто найти поиском в текстовом редакторе:
строка №62:
a {
border: 0px;
color: #115588;
text-decoration: none;
}
a:hover {
color: #4477bb;
text-decoration: underline;
}
Это вам не нужно, это общий стиль ссылок. Вам нужны ссылки в основном контенте:
строка №277
#content a {
text-decoration: underline;
}
#content a:visited {
color: #800080;
}
#content a:hover {
color: #4477bb;
}
вместо «text-decoration: underline;» напишите «text-decoration: none;»
26.07.2009 в 22:16
· Ссылка
@Петрович:
Говорят, что невыделенные ссылки – это неправильно с точки зрения usability. В 2.2 они как раз такими и были, если не ошибаюсь, я наоборот порадовался, что в 2.3 стали подчеркиваться.
26.07.2009 в 22:23
· Ссылка
Ага, так и было. Но чтобы не захламлять сайдбары полосками, которых там и так хватает, оставил там ссылки неподчёркнутыми.
26.07.2009 в 23:39
· Ссылка
У знакомого стоит Ваша тема, но старой версии (1.5) – как ему можно обновиться?
В смысле у него уже много разных изменений в теме, но т.к. уже вон какая новая версия – очевидно, что кроме дизайна менялось что-то ещё – можно узнать, как именно и что нужно залатать/исправить? т.е. чтобы внести изменения частно, а не всё разом…
С уважением.
26.07.2009 в 23:58
· Ссылка
@Петрович:
Даже и не знаю, как ответить на ваш вопрос…
Наверное так: если он сделал больше изменений чем я, то пусть переносит мои изменения в свой вариант. Если же моих изменений больше (кое-что о правках темы можно почерпнуть из заголовка файла style.css), выгоднее перенести его код.
27.07.2009 в 00:10
· Ссылка
Понятно.
А можно тогда подробнее про важные изменения, касающиеся восприятия браузерами? критичные изменения, так сказать
27.07.2009 в 00:15
· Ссылка
@Петрович:
Вы шутите!? Вы, правда, думаете, что я всё это помню? Шаблону уже больше года, за это время было выпущено с десяток версий.
У продвинутых текстовых редакторов и некоторых файловых менеджеров есть функция построчного сравнения файлов (также есть и специальные утилиты). Нужно взять такой вот инструмент и методичненько сравнить больше тысячи строк кода.
27.07.2009 в 20:05
· Ссылка
А где изменить фон, который появляется, когда мышка наводится на горизонтальное меню, например, на Главная?
(он изначально белый)
27.07.2009 в 20:52
· Ссылка
@Петрович:
Если ты дашь человеку рыбу, он будет сыт один день. Если ты научишь его ловить рыбу, он будет сыт всю жизнь.
Учу ловить рыбу. Есть расширение Web Developer. Устанавливаем его (надеюсь, Firefox?), открываем нужную страницу, заходим в меню Tools->Web Developer->CSS->View Style Information. Тычем мышью в элемент, про который хочется все узнать.
Открывается окошко с информацией о стилях для этого элемента. Ищем hover – стиль для ссылки, над которой висит мышка. Получаем сам стиль и номер строки в CSS файле.
27.07.2009 в 20:57
· Ссылка
Спасибо за информацию, но у меня Mac OS и Сафари. Уверен, что и для него плагин есть – позже поищу, но сейчас только эта небольшая вещь (инфа насчёт белого фона) нужна :)
27.07.2009 в 21:18
· Ссылка
Тогда просто ищите в style.css файле
#header-navi li a:hoverиbackground-colorвнутри него.Вот тут про Web Inspector говорят, судя по картинке, CSS показывает.
28.07.2009 в 11:44
· Ссылка
Firefox, если не ошибаюсь, есть и под Макось.
29.07.2009 в 01:41
· Ссылка
Спасибо :)
Кстати, с этим 2.8.2 у меня перестал нормально работать плагин изменения дизайна авторизации (вход/регистрация) – BM Custom Login
А другой, Themed Login and Register, вообще отказывается сохранять данные, ссылаясь на то, чо у меня недостаточно прав.
Что посоветуете, чтобы изменить дизайн авторизации?
29.07.2009 в 02:01
· Ссылка
Петрович писал:
Дождаться обновления соответствующих плагинов.
29.07.2009 в 02:06
· Ссылка
А вы тоже такими пользуетесь или какие другие можете посоветовать?
29.07.2009 в 02:08
· Ссылка
@Петрович:
Нет, я не пользуюсь ничем таким. Пока как-то нужды не возникало.
29.07.2009 в 08:36
· Ссылка
Если я правильно понял, вот аналогичный плагин: MiniMeta Widget, у меня работает.
29.07.2009 в 23:28
· Ссылка
Спс, но виджет это не то