воскресенье, 21 октября 2007
Здравствуйте.
Сделала я себе новый дизайн, не слишком от стандартного отличающийся, ибо я не гений css и вообще люблю дайры ^___^
И вот, в этот дизайн вкрались некоторые недочеты, приятные и не очень. А то и вовсе подлежащие устранению. Посему прошу вашей помощи и подсказок, дабы улучшить и усовершенствовать имеющееся
(м-да, что-то я сегодня многословна..)итак..
на этом скриншоте обозначены основные проблемы, да еще и пронумерованы. Пойду не по порядку, но по хронологии и коду
2. Решила я сделать фиксированную ширину, дабы потом картинку сверху повесить. или не повесить.
в любом случае, включила я генератор - бжжжж! - готово.
однако мне не совсем по душе оказалась толщина сдвоенной линии на стыке меню и постов.
Вопрос: какие изменения нужно внести в код, чтобы они накладывались друг на друга так, чтобы линия казалась такой же толщины, как и остальные?
Код:
body.left {padding-left:10px !important;}
.left #wrapper {width:700px;margin: 0 0 0 -400px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side {width:180px !important;margin:0 !important;}
.left #page-c {width:620px !important;padding:0 !important;}
7. Нарисовала разделители для записей, нашла в сообществе как поставить рисунок вместо полосок. Поставила. Что я вижу? Стоит прекрасно, но стандартная линия тоже осталась. В принципе, не так уж она и мешает и вообще подчеркивает (в прямом смысле) мой узорчик, но непорядок!
Вопрос 1: как убрать стандартную линию разделения постов?
3, 5-6. После вставки сих полосочек эпиграф странно съехал.. о.О Что вы и можете наблюдать на скриншоте. Если сверху (пункт 5) – это ерунда, то вот полоска разделяющая эпиграф и записи (пункт 6) образовал весьма неприятную глазу картину.
К тому же, можно еще понять, почему картинка вбок съехала, но почему линия-то удлинилась? О.о тем страньше это, если учесть, что на эпиграф никаких свойств не накладывалось...
Вопрос 1: как подвинуть линию в эпиграфе на надлежащий ей уровень?
Код:
.singlePost {background: url('/userdir/5/6/1/3/56134/24047206.png') no-repeat; background-position:bottom; !important; padding:25px;}
1-4. После успешной (хотя это как посмотреть) вставки полос в основной блок, решила вставить подобные и в меню. Нарисовала. Готового кода для вставки полос туда не было, ну да я не растерялась, просто заменив .singlepost на .menusection
Результат получился несколько неожиданный: в меню вдруг появились чудные отступы! Ну то же, отступы меня удивили, но порадовали, и я решила их оставить себе. Хотя они, конечно, местами неровные, т.е. не равны сверху и снизу (особливо заметно в списке пч)
Однако в одном месте, под ником, цветочков просто не оказалось! Да наверху, перед названием дневника появилось пустое место, которое, конечно, не мешает, но тоже хотелось бы заполнить.
Вопрос: как взрастить недостающие цветочки на вышеуказанных местах??
Код:
.menuSection {background: url('/userdir/5/6/1/3/56134/24048046.png') no-repeat; background-position:bottom; !important; padding:22px;}
+Код «большой фотографии»:
#thisDiaryInfo{background:url('/userdir/5/6/1/3/56134/25440535.png') no-repeat;background-position: 50% 50%;}
#thisDiaryPhoto{height:240px;}
Если пролистать меню вниз, то увидишь ссылку на статистику, которую я обозначила как «Кто тут? о.О» Посмотрите, как интересно это стало выглядеть после осуществления предыдущего шага. И действительно не поймешь, кто тут и что написано))))
Вопрос: как увеличить отступ от строчки статистики или убрать оттуда цветочки вообще?
Ну и еще хотелось бы задать вопрос, который давно висит, но жизнь не портит
Я поставила себе «красную строку» следующим кодом: br:after {content:'0';visibility:hidden;} После каждого переноса строки стоит невидимый нолик, что и создает сей эффект. Проблема единственно в том, что самый первый абзац, который, разумеется, не содержит переноса строки перед собой, остается на прежнем уровне. Меня это несколько напрягает.
Вопрос: Есть ли какой-нибудь способ сделать подобное и с первым абзацем записи?
Пожалуйста, зайдите посмотреть, а то у меня только 1 броузер, опера, может быть, у вас это будет выглядеть как-то по-другому, скажите мне пожалуйста здесь или там.
И буду очень благодарна предложениям по усовершенствованию и любым отзывам, да ^________^Заранее спасибо! ^______________^
@темы:
эпиграф,
отступы,
фоновые картинки,
рамки и полоски,
diaryCSS
-
-
21.10.2007 в 19:24-
-
21.10.2007 в 19:48Вопрос: какие изменения нужно внести в код, чтобы они накладывались друг на друга так, чтобы линия казалась такой же толщины, как и остальные?
Ответ:
body.left {padding-left:10px !important;}
.left #wrapper {width:700px;margin: 0 0 0 -400px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;} .left #side {width:180px !important;margin:0 !important;}
.left #page-c {width:620px !important;padding:0 !important;}
Вопрос: как убрать стандартную линию разделения постов?
Ответ:
Пропишите вот такое:
#side div.menuSection, .singlePost {border: none !important;}
Вопрос: как подвинуть линию в эпиграфе на надлежащий ей уровень?
Ответ:
чисто предположение
можно эпиграфу попробывать прописать ширину постов
#epigraph {width:620px !important;}
я не уверенна, что сработает, но попытка - не пытка=)
Вопрос: как взрастить недостающие цветочки на вышеуказанных местах??
Ответ:
Попробуйте прописать эту картинку блоку меню #thisDiaryOwner (кажется, так называется) также как и отдельному посту
типа такого:
#thisDiaryOwner {background: url('/userdir/5/6/1/3/56134/24047206.png') no-repeat; background-position:bottom; !important; padding:25px;}
это опять-таки предположение.
Вопрос: как увеличить отступ от строчки статистики или убрать оттуда цветочки вообще?
Ответ:
И снова можно экспериментировать с этим как с отдельным блоком. #Stats
и после всего...
смотрела в двух браузерах - ИЕ 6 и Мозилла 2.0.0.8. Смотрится одинаково.
новый дизайн, не слишком от стандартного отличающийся - серьезно?=)
-
-
21.10.2007 в 19:55вот Вам скрины:
http://static.diary.ru/userdir/5/2/6/0/526029/24055878.jpg
http://static.diary.ru/userdir/5/2/6/0/526029/24055890.jpg
-
-
21.10.2007 в 20:55ох, спасибо огромное!!! И правда золотце ^________________^
оххо!!! ждите) щас почитаю)
омФ) может быть, на "ты"? а то как-то неловко даже... ничего, если я буду тыкать? *немного смущается*
Вопрос: какие изменения нужно внести в код, чтобы они накладывались друг на друга так, чтобы линия казалась такой же толщины, как и остальные?
Я скопировала код один-в-один (ибо разбираться крайне лень), однако меню совсем уползло вниз XD кароч. я снова сделала "бжжж!" и теперь у меня отступ в 10 пикселей. пусть будет. не жалко) по крайней мере, пока не придумается решение
Вопрос: как убрать стандартную линию разделения постов?
Ответ: Пропишите вот такое: #side div.menuSection, .singlePost {border: none !important;}
Сработало, большое спасибо! ^_____^
Вопрос: как подвинуть линию в эпиграфе на надлежащий ей уровень?
Ответ: чисто предположение можно эпиграфу попробывать прописать ширину постов #epigraph {width:620px !important;}я не уверенна, что сработает, но попытка - не пытка=)
Оно сработало, только наоборот XD то есть. улезло еще правее) Уменьшение ширины до 600 тоже ничего не дало =( ну ладно, по крайней мере без линии это выглядит нормально))
Вопрос: как взрастить недостающие цветочки на вышеуказанных местах?
Ответ:Попробуйте прописать эту картинку блоку меню #thisDiaryOwner (кажется, так называется) также как и отдельному посту
Прописалось ниже "тем сообщений", то есть, там, где оно уже есть. очень жаль. конечно, но, по крайней мере, стала понятна причина)) кстати, прописались цветочки как в постах, серединка, так что я серьезно задумалась, не оставить ли именно их везде))
Вопрос: как увеличить отступ от строчки статистики или убрать оттуда цветочки вообще?
Ответ:И снова можно экспериментировать с этим как с отдельным блоком. #Stats
Поэкспериментировала, прописав ему {padding:22px;}. сработало ^________^ спасибо ^_____^
новый дизайн, не слишком от стандартного отличающийся - серьезно?=)
ну да) серьезно) а что? меню на месте, посты тоже. из нестандартного - ширина, полоски да фотка большая. и та на месте на родном))) ну и по мелочи, оффтоп и подписи размером поменьше, некоторые пункты меню убраны... хотя можно конечно считать авторские элементы дизайна чем-то уникальным, но я бы не сказала что из-за них дизайн больше отличается от стандартного)))
а то насмотришься на такие дизайны, в которых и дайры родные не узнаешь, так и менять ничего не хочется как-то... из зависти к их талантам)))
хотя нет... в ИЕ 6 меню уезжает вниз, но зато остальных багов нет
ой ну надо же)) даже не знаю, хорошо это или плохо что у меня ИЕ не работает с интернетом)))
а то я смотрю, там полоски-то развезло, у левого края скромненько толпятся, а справа дырка))) ну хоть выглядит удобоваримо и то радует %))
и вот очень любопытно, как теперь выглядит блок статистики там, с прописанным дополнительно padding'ом =)
ну и еще раз спасибо за грамотную помощь и подсказки ^__________^
-
-
21.10.2007 в 21:04на счет того, что что-то не сработало ночью разберусь=)
сейчас убегаю)
на все твои спасибо - на здоровье=)