среда, 28 июля 2010
You can and you will.
Я не злая. Я — хаотично добрая.
Есть вот такая проблемма: надо разобраться с параметром left:ИКСpx а я не могу никак понять что к чему. Не подскажите?
здесь код
здесь код
вторник, 27 июля 2010
Добрый вечер, господа (: Я уже попросту взбесился, терзая бедные коды. Банально желаю поставить картинки вместо ссылок, все удачно отображается, но самого пути в дневнике-нет. То есть просто болтается картинка без ссылки.
помогите, а?
UPD: проблема решена, спасибо Шельн!
помогите, а?

UPD: проблема решена, спасибо Шельн!
понедельник, 26 июля 2010
В море соли и так до чёрта, морю не надо слёз.
Небольшой, но очень толковый, буквально "на пальцах".
Например:
Свойства блока
vvz.nw.ru/Lessons/CSS/block.htm
vvz.nw.ru/Lessons/CSS/examples/block/block.htm
Позицонирование блоков:
vvz.nw.ru/Lessons/CSS/position.htm
vvz.nw.ru/Lessons/CSS/examples/block/position.h...
Предлагаю доавить в "полезные ссылки" эпиграфа
Например:
Свойства блока
vvz.nw.ru/Lessons/CSS/block.htm
vvz.nw.ru/Lessons/CSS/examples/block/block.htm
Позицонирование блоков:
vvz.nw.ru/Lessons/CSS/position.htm
vvz.nw.ru/Lessons/CSS/examples/block/position.h...
Предлагаю доавить в "полезные ссылки" эпиграфа
пятница, 23 июля 2010
Человек с толстой мордой и тонкой душой.
Прощу прощения, может, я прошу помочь не там, где следовало бы, но если кто поймет, подскажите, пожалуйста.
Делала изображения с текстом для эпиграфа, чтобы при нажатии переходить на необходимые ссылки. Однако фон изображений и фон эпиграфа заметно отличаются, хотя везде брала один и тот же код для цвета (то есть что в фотожабе, что на дайрах).

Делала изображения с текстом для эпиграфа, чтобы при нажатии переходить на необходимые ссылки. Однако фон изображений и фон эпиграфа заметно отличаются, хотя везде брала один и тот же код для цвета (то есть что в фотожабе, что на дайрах).
- FUS RO DAH! - Что ты сказал о моей маме?! ©
Извините за беспокойство, вопросы уже обсуждались на сообществе, однако взятые оттуда коды не помогают.
1. Вместо названия дневника поставлена картинка, однако само название напрочь отказывается убираться. Видимо, что-то код перекрывает, а что - не пойму.
2. Можно ли сделать так, чтобы картинка была на фоне самого дневника, а не враппера? Фон у нее прозрачный.

Код
Еще раз приношу извинения за беспокойство.
1. Вместо названия дневника поставлена картинка, однако само название напрочь отказывается убираться. Видимо, что-то код перекрывает, а что - не пойму.
2. Можно ли сделать так, чтобы картинка была на фоне самого дневника, а не враппера? Фон у нее прозрачный.
Код
Еще раз приношу извинения за беспокойство.
четверг, 22 июля 2010
В море соли и так до чёрта, морю не надо слёз.
Мне нужно, чтобы заголовок отображался с отступом, как остальные в дневнике.
Страница для примера a1b2c3.diary.ru/?tag=2865830
Код вот такой, но не работает. Что не так?
#header_left {text-align:left; padding: 0 0 0 50px; margin: 10px 0: line-height: 40px; background: url('/userdir/5/8/5/2/585232/57909296.jpg') no-repeat; }
Страница для примера a1b2c3.diary.ru/?tag=2865830
Код вот такой, но не работает. Что не так?
#header_left {text-align:left; padding: 0 0 0 50px; margin: 10px 0: line-height: 40px; background: url('/userdir/5/8/5/2/585232/57909296.jpg') no-repeat; }
В море соли и так до чёрта, морю не надо слёз.
Чтобы все аватары в комментариях отображались в прилегающей к ним рамке.
.avatar img { border-width:3px; border-color:#1894b5; border-style:double; padding:2px; display: block; }
border-width:3px; - ширина рамки
border-color:#1894b5; - цвет
border-style:double; - стиль рамки. Может быть [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]
www.htmlbook.ru/css/border-style.html
padding:2px; - отступ вокруг акатара
display: block; блочный элемент.
Остальные свойства: www.htmlbook.ru/css/display.html
Проверено в IE 7. 8; Safari 4.0
.avatar img { border-width:3px; border-color:#1894b5; border-style:double; padding:2px; display: block; }
border-width:3px; - ширина рамки
border-color:#1894b5; - цвет
border-style:double; - стиль рамки. Может быть [none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]
www.htmlbook.ru/css/border-style.html
padding:2px; - отступ вокруг акатара
display: block; блочный элемент.
Остальные свойства: www.htmlbook.ru/css/display.html
Проверено в IE 7. 8; Safari 4.0
В море соли и так до чёрта, морю не надо слёз.
Итак, оказалось, что большой список "любимых тем", который выводится в "новой записи" можно не только упорядочить (для этого нужно на соответствующей странице расставить их с том порядке, что нужно ) но и расцветить во все цвета радуги. Например, вот так:
скриншот
Делается это просто. Заходите в "Дизайн дневника", выбираете тему, в которой вам нужно такое новшество, нажимаете "редактировать" и в оконо для CSS вставляете для выделяемой темы строчку:
#my_tags input[value="назание темы"]+label { свойство; свойство; свойство; }
точка с запятой обязательна после каждого свойства, как и пробелы вокрух фигурных скобок { }
Для примера возьмём тему "графика" (см, скриншот), там самый большой набор свойств.
#my_tags input[value="графика"]+label { font-weight:bold; font-size: 125%; font-family:"Century Gothic"; color: #1894b5; }
читать дальше
скриншот
Делается это просто. Заходите в "Дизайн дневника", выбираете тему, в которой вам нужно такое новшество, нажимаете "редактировать" и в оконо для CSS вставляете для выделяемой темы строчку:
#my_tags input[value="назание темы"]+label { свойство; свойство; свойство; }
точка с запятой обязательна после каждого свойства, как и пробелы вокрух фигурных скобок { }
Для примера возьмём тему "графика" (см, скриншот), там самый большой набор свойств.
#my_tags input[value="графика"]+label { font-weight:bold; font-size: 125%; font-family:"Century Gothic"; color: #1894b5; }
читать дальше
В море соли и так до чёрта, морю не надо слёз.
Как средствами CSS выделить отдельный пост? Или его часть.
Мой способ.
Основываемся на DIV. Придумываем название класса (я выбрала "vazhno"). Пишем такую конструкцию:
Идём в дизайн, и пишет в CSS
.vazhno { свойство1; свойство1; свойство2; свойство3; }
Теперь рассмотрим примеры. У меня получилось четыре селектора, для каждого примера свой.
А чтобы не писать каждый раз вручную, программируем кнопку. Вот так:
Код
CSS .vazhno1 { background: #ffcccc; border: 2px dotted #ff0000; }
background: #ffcccc; - цвет фона выделенной записи
border: 2px dotted #ff0000; - рамка на 2 пикселя, тип линии "точки", цвет рамки
читать дальше
Чужой способ. Автор Roldo
читать дальше
Мой способ.
Основываемся на DIV. Придумываем название класса (я выбрала "vazhno"). Пишем такую конструкцию:
Идём в дизайн, и пишет в CSS
.vazhno { свойство1; свойство1; свойство2; свойство3; }
Теперь рассмотрим примеры. У меня получилось четыре селектора, для каждого примера свой.
А чтобы не писать каждый раз вручную, программируем кнопку. Вот так:
Код
CSS .vazhno1 { background: #ffcccc; border: 2px dotted #ff0000; }
background: #ffcccc; - цвет фона выделенной записи
border: 2px dotted #ff0000; - рамка на 2 пикселя, тип линии "точки", цвет рамки
читать дальше
Чужой способ. Автор Roldo
читать дальше
В море соли и так до чёрта, морю не надо слёз.
Вопрос практический: можно ли в CSS писать пояснения, комментарии (особенно полезно, когда код большой).
Если да, то как оформлять?
Если да, то как оформлять?
среда, 21 июля 2010
В море соли и так до чёрта, морю не надо слёз.
Я сейчас довольно плотно взялась за CSS. Много чего надёргала по чужим дизайнам и структурирую знания. Действие это вылилось в небольшие "уроки", которыми я собираюсь пугать своих ПЧ, в надежде, что им тоже пригодится. А здесь - целевая аудитория в количестве 
Скажите, уважаемые участники, будет ли вам интересна серия мини-уроков? Например, первый из написанных - как выделить темы в том списке, что в "новой записи".
читать дальше
Если идея интересна и её поддержат другие, (а администрация выделит отдельную тему) то у нас получится небольшая, но толковая энциклопедия по основным эффектам, которые здесь возможны.

Скажите, уважаемые участники, будет ли вам интересна серия мини-уроков? Например, первый из написанных - как выделить темы в том списке, что в "новой записи".
читать дальше
Если идея интересна и её поддержат другие, (а администрация выделит отдельную тему) то у нас получится небольшая, но толковая энциклопедия по основным эффектам, которые здесь возможны.
Вопрос: Что скажете?
| 1. хорошо, когда теорию не нужно собирать по комментариям. | 92 | (93.88%) | |
| 2. это лишнее - здесь люди опытные и всё это давно прошли. | 6 | (6.12%) | |
| Всего: | 98 | ||
We Shepard or we Wrex, that's the plan.
Решила попробовать так:
1. Ссылки "Мой дневник", "U-mail" и "Дискуссии" заменить на картинки
2. Тире между ссылкой и цифрой, отображающей количество новых сообщений, убрать
3. Цифру отпозиционировать и бэкграунд ей какой-нибудь прописать
Для ссылки "Мой дневник" все получилось отлично
Что касается умыл и дискуссий, с пунктами 2 и 3 проблем не было, но какой id у собственно ссылок "U-mail" и "Дискуссии"? Firebug показывает вот что:

Но я никак не могу взять в толк, как в коде обратиться к этой ссылке. #umailLink a - но тогда свойства прописываются и количеству новых сообщений тоже. Помогите, пожалуйста.
1. Ссылки "Мой дневник", "U-mail" и "Дискуссии" заменить на картинки
2. Тире между ссылкой и цифрой, отображающей количество новых сообщений, убрать
3. Цифру отпозиционировать и бэкграунд ей какой-нибудь прописать
Для ссылки "Мой дневник" все получилось отлично
Что касается умыл и дискуссий, с пунктами 2 и 3 проблем не было, но какой id у собственно ссылок "U-mail" и "Дискуссии"? Firebug показывает вот что:

Но я никак не могу взять в толк, как в коде обратиться к этой ссылке. #umailLink a - но тогда свойства прописываются и количеству новых сообщений тоже. Помогите, пожалуйста.
вторник, 20 июля 2010
Habeas Corpus
У меня подключен Css, когда вставляю код, структура страницы изменяется. Загрузила все изображение к себе в библиотеку изображений. И на картинки вставляю ссылки именно от туда, но после сохранения ссылки на картинки исчезают ((( Подскажите в чем может быть проблема. Заранее спасибо.
Ain't no rest for the wicked...
столкнулась с чем-то необъяснимым для себя:
часть меню в файрфоксе:

в остальных браузерах (эксплорер, хром, сафари) строчка *написать на ю-мейл* переносится адекватно, в две строчки:

почему она не хочет вставать по-человечьи в лисе - не могу понять. пробовала менять ширину, убирать ширину совсем, задавать ширину конкретно для ссылки, отступы. причем *темы записей* тоже свернуты в две строчки искусственно, и с ними сработало банальное изменение ширины на меньшее значение + пэддинги. тот же самый метод на ссылке ю-мейла не работает. уже и не знаю, что можно придумать.
часть меню в файрфоксе:

в остальных браузерах (эксплорер, хром, сафари) строчка *написать на ю-мейл* переносится адекватно, в две строчки:

почему она не хочет вставать по-человечьи в лисе - не могу понять. пробовала менять ширину, убирать ширину совсем, задавать ширину конкретно для ссылки, отступы. причем *темы записей* тоже свернуты в две строчки искусственно, и с ними сработало банальное изменение ширины на меньшее значение + пэддинги. тот же самый метод на ссылке ю-мейла не работает. уже и не знаю, что можно придумать.
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Добрый день!
У меня в дневнике список тем всегда развернут (#TagsList{display:block !important;visibility:visible !important; }).
У меня вопрос - можно ли сделать так, чтобы для меня он был развернут, а для читателей выглядел как обычно, просто ссылка "Темы записей"?
У меня в дневнике список тем всегда развернут (#TagsList{display:block !important;visibility:visible !important; }).
У меня вопрос - можно ли сделать так, чтобы для меня он был развернут, а для читателей выглядел как обычно, просто ссылка "Темы записей"?
воскресенье, 18 июля 2010
В море соли и так до чёрта, морю не надо слёз.
Уважаемые знатоки, подсикажите, пожалуйста:
1. ID заголовков: "новая запись", "комментарии" и "добавить новый комментарий"
2. как в экстратопе совместить картинку, которая будет в левой части, и фон, что займёт остальную часть и будет обеспечивать "растягивание" для всех возможных вариантов ширины экрана?
3. можно ли темы записей (под самими записями) сделать отличным от ссылок цветом и на каком-нибудь фоне?
4. отчего при добавлении того, что выделено жирным, эффект стал отображаться не навсех датах? Без "добавки" всё работало
*.postDate {height:29px; text-align:right; font-family:"Century Gothic"; font-size:150%; color: #025c7f; background: url('/userdir/5/8/5/2/585232/57909158.jpg') no-repeat }*
5. Почему при добавлении "буквицы" в случае цитирования через "написать у себя" появляются странные цифры? Вот примеры:
a1b2c3.diary.ru/p116638403.htm
a1b2c3.diary.ru/p117000752.htm
* .paragraph div:first-letter { font-size: 35px; float: left !important; float: none; font-family:"Century Gothic"; color: #025c7f; line-height:100% !important; line-height:140%; }*
По сообществу искала, но если есть вопросы, то ответов я не нашла.
1. ID заголовков: "новая запись", "комментарии" и "добавить новый комментарий"
2. как в экстратопе совместить картинку, которая будет в левой части, и фон, что займёт остальную часть и будет обеспечивать "растягивание" для всех возможных вариантов ширины экрана?
3. можно ли темы записей (под самими записями) сделать отличным от ссылок цветом и на каком-нибудь фоне?
4. отчего при добавлении того, что выделено жирным, эффект стал отображаться не навсех датах? Без "добавки" всё работало
*.postDate {height:29px; text-align:right; font-family:"Century Gothic"; font-size:150%; color: #025c7f; background: url('/userdir/5/8/5/2/585232/57909158.jpg') no-repeat }*
5. Почему при добавлении "буквицы" в случае цитирования через "написать у себя" появляются странные цифры? Вот примеры:
a1b2c3.diary.ru/p116638403.htm
a1b2c3.diary.ru/p117000752.htm
* .paragraph div:first-letter { font-size: 35px; float: left !important; float: none; font-family:"Century Gothic"; color: #025c7f; line-height:100% !important; line-height:140%; }*
По сообществу искала, но если есть вопросы, то ответов я не нашла.
суббота, 17 июля 2010
Танец - это вертикальное выражение горизонтального желания.
Здравствуйте. У меня новый дизайн начал выходить за границы экрана.
Это можно как-нибудь исправить? искал по сооществу, нечего не нашёл.

XImageTransform.Microsoft.AlphaImageLoader(src='//userdir/9/7/7/4/977436/57884027.png', sizingMethod='scale');zoom: 1;}