понедельник, 06 августа 2012
01:36

все записи пользователя в сообществе Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
Адаптирую дизайн с сайта под дневники. По ходу возникло несколько вопросов:
1. И блок записей, и меню, взяты в рамку, при этом между ними слишком большой зазор, при том то враппер -980, блок - 680, а меню - 200. Пытаюсь увеличить меню - оно съезжает вниз, поднимаю, на главной - все в порядке, на странице избранного - съезжает. Как это устранить?
2. Блок записей, опять же, обведен в рамку и задан фон, как задать фон блоку комментариев?
3. Скорее всего, тут где-о уже было, но я не нашел. Как перед каждым пунктом меню поставить значок?
4. Поставил перед комментариями значок ( .postLinks { background: url("secure.diary.space/userdir/3/0/3/9/3039034/7563...") no-repeat; padding: 0px 15px 0px;} ), в тоге вся строка коментариев и т.д. сдвинулась влево, как ее можно сдвинуть обратно вправо, всю строчку вместе со значком7
Спасибо, решено благодаря  winterwolf.
5. Поставил иконки перед пунктами меню и заменил названия разделов меню на картинки. В принципе, стандартно, и в Хроме все в порядке, в Фоксе же такое.
С вылезающими из-под картинок названиями я разобрался, а вот что с иконками делать...
6. Как сделать так, чтобы при наведении на текст в МОRE и внешние ссылки в посте, а также теги, подчеркивание не пропадало?
Опять же, решено благодаря  winterwolf.
7. Можно ли сделать так, чтобы при том, что ссылки в меню подчеркнуты, не подчеркивались цифры комментариев/у-мыла/дискуссий? Это, вроде бы, . count_box, но .count_box {text-decoration: none !important; } ничего не дает, и то же самое с комментариями (.comments_count_link).
Спасибо  winterwolf в очередной раз.

@темы: меню, diaryCSS, платный сервис

URL
Комментарии
03.08.2012 в 12:08

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
1. Я думаю вы заметили, что в избранном слева есть аваторки, так они и занимают дополнительное место. Как это исправить решать вам. Увеличить ширину, поменять только там ширину или в избранном убрать аваторки?
2. Это про страницу комментариев? #commentsArea
3. Сделать отступ слева и сделать бекграунд - не повторяющийся шириной в этот отступ. Ну есть еще другой способ, но он сложнее.

Вы умете искать ид и классы элементов?
F12, и выделяем нужный блок, смотрим класс или ид.
URL
03.08.2012 в 20:34

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
Вы умете искать ид и классы элементов?
Умею, разумеется. Это не проблема.

1. То есть, сдвинуть page-c без ущерба для меню никак не получится? Меню я я расширил, блок записи уменьшил, но все равно между ними расстояние больше, чем хотелось бі. Впрочем, если никак - пусть остается, как есть. Глупость сейчас спрошу, т.к. в кодах методом научного тіка разбираюсь: а как аватарки влияют-то, если они внутри блока, т.е. сами по себе его не расширяют, но даже если и убрать, останутся же ники.
2. По аналогии с #postsArea делаю так: #commentsArea {background:#FFFFFF !important; width:620px !important;} - и ничего, в том-то и проблема. Накосячил? Прописываю то же для #addCommentArea - заливается, но справа остается полоса незалитая.
3. Спасибо, с этим уже разобрался.

Спасибо за ответ)
URL
03.08.2012 в 21:10

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
2. По аналогии с #postsArea делаю так: #commentsArea {background:#FFFFFF !important; width:620px !important;} - и ничего, в том-то и проблема. Накосячил? Прописываю то же для #addCommentArea - заливается, но справа остается полоса незалитая.
Таки накосячил, в итоге все вышло, так что вопрос снят.
URL
03.08.2012 в 21:19

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
4. Может влево?
.postLinksBackg {
text-align: left;
}
URL
03.08.2012 в 21:27

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
1. #side {
margin: -30px 0 0 !important;
padding: 19px 19px 19px 0 !important;
width: 260px !important;
}
#page-c {
margin: 1px 0 20px 20px !important;
width: 650px !important;
}
width - меняем на нужное

у #postsArea тоже меняем ширину и блок стал шире и меню не улетело - просто удрали лишние отступы
URL
03.08.2012 в 21:59

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
4. Может влево?
.postLinksBackg {
text-align: left;
}
Да, спасибо, как-то не додумался, а оно так и правда даже аутентичнее)
За первый пункт - вдвойне спасибо, все убралось и никуда и правда не съехало)
URL
04.08.2012 в 02:52

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
Все правильно, там на все li стоит, надо убрать на лишние.
#myDiaryLink, #allDiaryLink{
background: none;
}

подчеркивание на ссылки
a:hover{
text-decoration: underline;
}
URL
04.08.2012 в 03:18

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
winterwolf, к сожалению,в обоих случаях ничего не меняется(((
URL
04.08.2012 в 03:22

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
не обратил внимания - там не бекграунд
#myDiaryLink, #allDiaryLink {
list-style: none outside none !important;
}

a:hover{
text-decoration: underline !important;
}
URL
04.08.2012 в 03:26

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
Так, подчеркивание отдельно прописал для ссылок и MORE - работает, спасибо.
URL
04.08.2012 в 03:28

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
winterwolf, а вот так работает, спасибо огромное, я раньше просто иконки не ставил, так что совсем ноль конкретно в этом)
URL
06.08.2012 в 09:38

winterwolf
Ходят слухи, что он, танцуя по небу разит мечом словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
1 поменять
.postLinks {
text-decoration: underline;
}

на

.postLinks a{
text-decoration: underline;
}

тогда будет работать
.comments_count_link a{
text-decoration: none;
}

Это для комментариев.
URL
06.08.2012 в 10:12

Dr. John H. Watson
...улыбка влюбленного, автомат. До семейной рутины в его истории далеко. ©
winterwolf, спасибо. По аналогии так же и с комментариями/дискуссиями/у-мылами поступил - работает.
URL