понедельник, 31 мая 2010
19:02

все записи пользователя в сообществе Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Почти все доделала. Осталась пара мелочей))))



Как сделать, чтобы ссылки меню вписались в картинку, которая прописана фоном меню.
Как расположить саму картинку меню по центру?
Можно ли сделать для эпиграфа закругленные края? При помощи может фонового изображения?

@темы: эпиграф, фоновые картинки

URL
Комментарии
31.05.2010 в 19:28

Aloria
Не сахар
#side {background:url("secure.diary.space/userdir/1/4/0/3/1403238/5607...") no-repeat scroll transparent; background-position: top center; font-size:9pt !important; height:157px !important; position:absolute !important; top: Xpx; left: Ypx; text-transform:lowercase; width:800px !important; }
Попробуйте так. X и Y замените на свои значения.
У эпиграфа закругленные уголки можно сделать так же, как у записей.

Но вообще, хочу вам сказать, что дизайн крайне неудачный. Не в плане красоты. Вы считали, сколько суммарно весят ваши картинки, которые вы сохраняли в .png?
У меня при скорости 5 Мбс ваш дневник грузился почти минуту.
URL
31.05.2010 в 19:32

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria спс - уже дома попробую... картинки все вместе весят пол мегабайта... с рабочего тухлого компа все грузится быстро. дома проверю как будет)
URL
31.05.2010 в 19:33

Aloria
Не сахар
Ksunny Wazowski, полмегабайта - это очень много для странички в интернете.
URL
31.05.2010 в 19:56

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
по центру получилось сделать сам фон меню... но я так поняла что left: Ypx; = будт на разных разрешениях и размерах экрана смотреться по-разному... а вот сама ссылки меню не встали на место...

по поводу эпиграфа... если ему сделать такой же фон -он накладывается на тот, что уже есть... с постами проще. там отдельно для даты кусочек картинки можно прописать и для постлимбек тоже... а вот что прописывать для эпиграфа?)
URL
31.05.2010 в 20:32

Aloria
Не сахар
Ksunny Wazowski, пропишите #wrapper {position: relative; top: 0; left: 0; }
Тогда все, что внутри него (в том числе и меню) будет позиционироваться относительно враппера, а не body.
Еще можно обойтись вообще без позиционирования меню. Например так:
#side {background:url("secure.diary.space/userdir/1/4/0/3/1403238/5607...") no-repeat scroll transparent; background-position: top center; font-size:9pt !important; height:157px !important; text-transform:lowercase; width:800px !important; margin: 100px auto 0px auto; }
100px - это отступ сверху, сделайте его таким, чтоб фон встал прямо под ссылки.

Что касается эпиграфа, то я бы не мучилась и просто сделала целиком фон-картинку фиксированного размера и поставила ее на эпиграф. Конечно, при изменении размера эпиграфа придется менять и фоновую картинку.
А еще у эпиграфа тоже есть header, в котором расположена кнопка редактирования эпиграфа. И еще header есть ниже - в нем расположены кнопки сортировки постов. Можно углы попробовать привязать к ним.
URL
31.05.2010 в 20:46

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria
#side {background:url("secure.diary.space/userdir/1/4/0/3/1403238/5607...") no-repeat scroll transparent; background-position: top center; font-size:9pt !important; height:157px !important; text-transform:lowercase; width:800px !important; margin: 100px auto 0px auto; }

при этом коде меню (и ссылка и картинка) уползает под самый низ дневника.... хм. у меня в соо сразу меня в картинку встало. а тут оно горизантальное... может придется мучиться и прописывать для каждой ссылки отдельно положени Т____Т

на счет эпиграфа... вот на данныфй момент - он фоном замощен, как у поста... если я ставлю на эпиграф готовфый фон, он накладывается на тот что уже есть и месиво получается... пробовала убрать фон у эпика... тогда новый не становится... чо то я замудрила, конечно, но хочется доделать)
URL
31.05.2010 в 20:50

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
вот - у эпика получилось верх прописать)
#post0, .postTitleheader{ background: url('/userdir/1/4/0/3/1403238/56070908.png')no-repeat ; margin: 0px !important; padding-top: 90px;width:770px; }

а вот низ - не знаю как - у меня нет кнопочек сортировки записей(
URL
31.05.2010 в 21:25

MysteryLove
We renounce ever knowing ourselves. But you can't deny yourself forever.©
Меню:
попробуйте так: #side .bordered {position:relative; top:70px; }
или так: #side {padding-top: 70px; }

а вот низ - не знаю как - у меня нет кнопочек сортировки записей(
Кнопок нет (#sortOrder), а блок .order_button остался. Попробуйте с ним, только не забудьте, что у этого блока сверху и у эпика снизу есть паддинги.
URL
31.05.2010 в 21:50

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
MysteryLove я вал люблю!!!!! :squeeze:

и еещ вроде послденднее по эпику - как его весь подвинуть влево на 2-3пикселя?))))

и можно ли прописать форме добавления коммента - внизу фоновую закругленную картинку?)))
URL
31.05.2010 в 22:07

MysteryLove
We renounce ever knowing ourselves. But you can't deny yourself forever.©
Ksunny Wazowski
и еещ вроде послденднее по эпику - как его весь подвинуть влево на 2-3пикселя?))))
#epigraph {padding-left: 0; padding-right: 0; width:770px;}
.order_button {margin:5px 0 -80px !important;}

и можно ли прописать форме добавления коммента - внизу фоновую закругленную картинку?)))
Попробуйте картинку снизу прописать #addCommentArea с паддингом снизу (позиционирование картинки снизу), а картинку сверху - #addCommentArea_title. Должно получиться.
URL
01.06.2010 в 10:32

Aloria
Не сахар
Ksunny Wazowski, просто совет: сделайте так, чтоб при наведении ссылки в меню подчеркивались или изменялись другим образом, иначе очень сложно понять, куда вообще нажимаешь.
URL
01.06.2010 в 10:37

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria ааа. это да, это я обязательно сделаю. просто сейчас с блоками доразбираюсь.)))
осталось только форму заполнения коммента дооформить. чтото никак с ней)
URL
01.06.2010 в 10:43

Aloria
Не сахар
Ksunny Wazowski, а не получится сделать для этого поля закругленный низ. У вас там уже все занято, что только можно.
Единственный вариант - эдд_блоками попробовать, с z-индексами поиграться и позиционированием относительно нижнего края страницы. Но, честно говоря, сомневаюсь.
URL
01.06.2010 в 10:47

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria а, ну ладно... в принципе не так сильно важно))))
про ленту еще хотела узнать...



этот пробел как может называться?) а то как то не целостно смотрится. хотя тоже не суть важно - ибо только мне видно но все равно)
URL
01.06.2010 в 11:02

Aloria
Не сахар
Ksunny Wazowski, это .communityName, ему тоже надо фон задать.
URL
01.06.2010 в 11:04

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria jо, спс) а ссылки я сдлела подчеркиванием при наведении)
URL
02.06.2010 в 10:27

Aloria
Не сахар
А в ИЕ6 ваш дизайн выглядит печально:

URL
02.06.2010 в 10:28

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria ИЕ не пользуюсь. тем более таки древним)
в последнем почти все нормально видно) кроме заголовков записи Оо
URL
02.06.2010 в 10:29

Aloria
Не сахар
Ksunny Wazowski, гм... н вообще, я им тоже не пользуюсь. Но всегда проверяю, чтобы хотя бы читабельно было - мой дневник ведь не только я читаю.
URL
02.06.2010 в 10:30

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria ну это да. но как бе это изначально почти все знают, что дайры полность не поддерживают ИЕ, тем более такой не безопасный браузер.
Поэтому никогда не беру его в расчет)
URL
02.06.2010 в 10:41

Aloria
Не сахар
это изначально почти все знают, что дайры полность не поддерживают ИЕ
Почти все? Уверяю вас, пользватели ИЕ6 этого не знают, потому и не переходят на другой браузер и не обновляют свой.
Кроме того, утверждение, что "дайры полностью не поддерживают" ИЕ6, во-первых, неверно (ИЕ6 частично таки поддерживается), а во-вторых, отображение файлов .png в старых браузерах не имеет к дневникам и их поддержке никакого отношения. Старые браузеры (и к ним, кроме ИЕ6, относится еще и ФФ2, например) просто не поддерживают полупрозрачность.
URL
02.06.2010 в 10:44

Ksunny
Отпечатки наших пальцев на жизнях, которых мы касаемся, не тускнеют.
Aloria эм. я просто не очень умею выражать свои мысли))) Кроме того, утверждение, что "дайры полностью не поддерживают" ИЕ6, во-первых, неверно (ИЕ6 частично таки поддерживается), а во-вторых, отображение файлов .png в старых браузерах не имеет к дневникам и их поддержке никакого отношения. Старые браузеры (и к ним, кроме ИЕ6, относится еще и ФФ2, например) просто не поддерживают полупрозрачность. - вот как то так и хотела сказать) когда народ жалуется, что чтото не так - сразу спрашиваю про браузер и советую или обновить или поменять. но это бывает крайне редко)
URL