You mad? I do what I want!
XImageTransform.Microsoft.Shadow(color='gray', Direction=150, Strength=4); }The devil makes us sin, but we like it when we're spinning in his grin
Помогите.
Вот коды -
#myDiaryLink {background: url('/userdir/1/0/1/7/101749/24676462.gif') no-repeat; padding:0 0 0 15px !important;}
#mainpageLink {background: url('/userdir/1/0/1/7/101749/24676462.gif') no-repeat; padding:0 0 0 15px !important;}
#tagslistlink {background: url('/userdir/1/0/1/7/101749/24676462.gif') no-repeat; padding:0 0 0 15px !important;}
Картинка то появляется..но не по середине..не рядом с надписью..Что-то пробовала, вставляла, бред получался..((
Вот коды -
#myDiaryLink {background: url('/userdir/1/0/1/7/101749/24676462.gif') no-repeat; padding:0 0 0 15px !important;}
#mainpageLink {background: url('/userdir/1/0/1/7/101749/24676462.gif') no-repeat; padding:0 0 0 15px !important;}
#tagslistlink {background: url('/userdir/1/0/1/7/101749/24676462.gif') no-repeat; padding:0 0 0 15px !important;}
Картинка то появляется..но не по середине..не рядом с надписью..Что-то пробовала, вставляла, бред получался..((
воскресенье, 11 ноября 2007
The devil makes us sin, but we like it when we're spinning in his grin
У меня такая проблема. Написала код к картиночкам возле ссылок
.comments {background: url('/userdir/1/0/1/7/101749/24668850.gif'
no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: url('/userdir/1/0/1/7/101749/24669470.gif) no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: url('/userdir/1/0/1/7/101749/24669122.gif' no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: no-repeat; padding:0 0 0 20px!important;}
.diary {background: url('/userdir/1/0/1/7/101749/24669318.gif' no-repeat; padding:0 0 0 20px!important;}
.profile {background: url('/userdir/1/0/1/7/101749/24669318.gif' no-repeat; padding:0 0 0 20px!important;}
Но проблема в том, что отображается только картинка к комментариям.
Подскажите пожалуйста..что не так?
.comments {background: url('/userdir/1/0/1/7/101749/24668850.gif'
no-repeat; padding:0 0 0 20px!important;}.subscribe {background: url('/userdir/1/0/1/7/101749/24669470.gif) no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: url('/userdir/1/0/1/7/101749/24669122.gif'
no-repeat; padding:0 0 0 20px!important;}.umail, .email {background: no-repeat; padding:0 0 0 20px!important;}
.diary {background: url('/userdir/1/0/1/7/101749/24669318.gif'
no-repeat; padding:0 0 0 20px!important;}.profile {background: url('/userdir/1/0/1/7/101749/24669318.gif'
no-repeat; padding:0 0 0 20px!important;}Но проблема в том, что отображается только картинка к комментариям.
Подскажите пожалуйста..что не так?
You mad? I do what I want!
здравствуйте. у меня два вопроса)
1. как сделать что бы при просмотре дневника на каждом посту (как на комментах или в записях в сообществах) был аватар? ну например как у Рёцке.
2. как вставить вместо простого цвета фоновой записи (тоже самое с меню) картинку?) опять - таки увидела у Рё.
пример всего того что я прошу))))
если ответит Рёцке буду вообще в восторге)))
1. как сделать что бы при просмотре дневника на каждом посту (как на комментах или в записях в сообществах) был аватар? ну например как у Рёцке.
2. как вставить вместо простого цвета фоновой записи (тоже самое с меню) картинку?) опять - таки увидела у Рё.
пример всего того что я прошу))))
если ответит Рёцке буду вообще в восторге)))когда дело касается конфет, каждый сам за себя.
Простите глупую дурочку, но я че то не то стерла и терь у мя в дневе нет картинки сверху, хотя код прописан.
Вот он:.left
#wrapper {width:700px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 50%;}
.left #side {width:150px !important; margin: 0 !important;}
.left #page-c {width:600px !important; padding: 0 !important;}
body.left {padding-left: 10px !important;}
#side .menuSection{text-align:center;}
.left #wrapper{background:#ffffff;overflow:hidden;}
body{ background-attachment:fixed; }
#extratop { background: no-repeat; url('/userdir/2/1/8/2/218269/24566670.jpg' ); !important; background-position: 50% 50%; width:100%; height:400px; line-height:100% !important; }
#wrapper {background-image: url('/userdir/2/1/8/2/218269/24642506.jpg' ) !important;}
#page-c {background:url('/userdir/2/1/8/2/218269/24642506.jpg' ); }
Вот он:.left
#wrapper {width:700px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 50%;}
.left #side {width:150px !important; margin: 0 !important;}
.left #page-c {width:600px !important; padding: 0 !important;}
body.left {padding-left: 10px !important;}
#side .menuSection{text-align:center;}
.left #wrapper{background:#ffffff;overflow:hidden;}
body{ background-attachment:fixed; }
#extratop { background: no-repeat; url('/userdir/2/1/8/2/218269/24566670.jpg' ); !important; background-position: 50% 50%; width:100%; height:400px; line-height:100% !important; }
#wrapper {background-image: url('/userdir/2/1/8/2/218269/24642506.jpg' ) !important;}
#page-c {background:url('/userdir/2/1/8/2/218269/24642506.jpg' ); }
Сорри, если уже было...
Как сделать так, чтобы при наведении курсора на ссылку и "кусок" фона за ней, и сама ссылка поменяли цвет?
(как у Loss, к примеру)
Как сделать так, чтобы при наведении курсора на ссылку и "кусок" фона за ней, и сама ссылка поменяли цвет?
(как у Loss, к примеру)
горы кокаина и будут худые
помогите пожлст!!
мне сказали, что в ие у меня после rss не видно меню.
не знаю как в опере, но в мозилле все вроде работает.
что делать??
мне сказали, что в ие у меня после rss не видно меню.
не знаю как в опере, но в мозилле все вроде работает.
что делать??
суббота, 10 ноября 2007
я не держу зла. моё зло неудержимо.
Вы в css полный ноль? Вы просите о помощи, чтобы вам сделали дизайн? А самим?
Всё не так сложно, как кажется на первый взгляд. Эти коды еще никого не убили и не загрызли.
Итак, начнем с основы. Основные блоки. Вот здесь наглядно показана структура блочного дизайна. Тоесть глядя на неё можно понять, какому селектору прописать свойство, чтобы получился желаемый результат.
Если вы хотите применить фон только к контейнеру #page-c, значит прописываем #page-c { background: url('/userdir/трам-пам-пам.gif'); }
Но! В меню есть так же скрытые счетчики, под которыми также будет находиться фон, поэтому для того, чтобы фон был только для видимой части меню, нужно прописать код #side .bordered { background: url('/userdir/трам-пам-пам.gif'); }
Вместо /userdir/трам-пам-пам.gif вы должны поставить ссылку на изображение из вашей библиотеки изображений соответственно в том же формате, тоесть начиная с /userdir.
По аналогии можно прописывать свойства и другим селекторам.
Мануал "Прозрачность и полупрозначность"
Если вы хотите изменить размеры блоков и/или центрирование, то лучше всего использовать вот этот калькулятор. Считать по нему проще простого. У большинства пользователей разрешение экрана 1024х768. Значит нужно уложиться приблизительно в 1000 пикселей. Приведу пример: нужно, чтобы по ширине блоки меню и записей в сумме укладывались в 800 пикселей, значит ставим к примеру 190 пикселей на меню, 10 отступ и 600 пикселей на основной блок. Пишем в окошки 190 10 600 и прописываем положение (0 — слева, 50% — по центру, 100% — справа). Нажимаем Бжжж!
И обратите внимание, что взять нужно только половину кода. Если в вашем дневнике меню слева - берите первую половину кода, если справа - вторую.
Если у вас падает меню на главной странице вашего дневника при просмотре его в IE, значит что-либо растягивает блок записей. Как правило это большие изображения. Старайтесь не выкладывать изображение, ширина которых больше ширины блока записей. Если же они больше, то выкладывайте превью с открытием полного изображения в другом окне.
Если у вас падает меню только в комментариях, и у вас нет в записи ничего, что может растягивать блок, значит у вас растягивают блок добавления комментария поля для ввода логина и пароля, чтобы оставить комментарий от другого пользователя. Чтобы их уменьшить нужно прописать код #fromAnotherName, #fromAnotherPass { width:50px; }
Соответственно вместо 50 пикселей нужно прописать нужное вам число.
Если вы хотите поставить картинку над меню и блоком записей, значит вас интересует экстратоп. Поставить его тоже не составляет труда. Не нужно никаких line-height:100%. Не нужно.
Чтобы поставить экстратоп достаточно этого кода:
#extratop { background: url('/userdir/трам-пам-пам.gif') no-repeat; width: Xpx; height: Ypx; }
где userdir/трам-пам-пам.gif - картинка из вашей собственной библиотеки изображений
X - ширина изображения
Y - высота изображения
Если вы сохраняете настройки и ссылка на изображение пропадает, значит изображение не из вашей библиотеки изображений или вы написали её не в том формате, что я написала выше.
Картинка "под дневником", тоесть экстработтом, ставится аналогично с одним только отличием. Чтобы при просмотре дневника в браузере Opera экстработтом не съезжал вверх, нужно прописать к коду свойство clear:both;
тоесть это будет выглядеть так: #extrabottom { background: url('/userdir/трам-пам-пам.gif') no-repeat; width: Xpx; height: Ypx; float: left; }
p.s. что касается свойств, которые, как я говорила выше, нужно прописывать к селекторам, чтобы получить желаемый результат, всё можно вычитать в учебнике css
Их в яндексе достаточно много. Вот ссылка на один из них - htmlbook.ru/css/ Слева указаны свойства, справа их описание.
Всё не так сложно, как кажется на первый взгляд. Эти коды еще никого не убили и не загрызли.
Итак, начнем с основы. Основные блоки. Вот здесь наглядно показана структура блочного дизайна. Тоесть глядя на неё можно понять, какому селектору прописать свойство, чтобы получился желаемый результат.
Если вы хотите применить фон только к контейнеру #page-c, значит прописываем #page-c { background: url('/userdir/трам-пам-пам.gif'); }
Но! В меню есть так же скрытые счетчики, под которыми также будет находиться фон, поэтому для того, чтобы фон был только для видимой части меню, нужно прописать код #side .bordered { background: url('/userdir/трам-пам-пам.gif'); }
Вместо /userdir/трам-пам-пам.gif вы должны поставить ссылку на изображение из вашей библиотеки изображений соответственно в том же формате, тоесть начиная с /userdir.
По аналогии можно прописывать свойства и другим селекторам.
Мануал "Прозрачность и полупрозначность"
Если вы хотите изменить размеры блоков и/или центрирование, то лучше всего использовать вот этот калькулятор. Считать по нему проще простого. У большинства пользователей разрешение экрана 1024х768. Значит нужно уложиться приблизительно в 1000 пикселей. Приведу пример: нужно, чтобы по ширине блоки меню и записей в сумме укладывались в 800 пикселей, значит ставим к примеру 190 пикселей на меню, 10 отступ и 600 пикселей на основной блок. Пишем в окошки 190 10 600 и прописываем положение (0 — слева, 50% — по центру, 100% — справа). Нажимаем Бжжж!
И обратите внимание, что взять нужно только половину кода. Если в вашем дневнике меню слева - берите первую половину кода, если справа - вторую.
Если у вас падает меню на главной странице вашего дневника при просмотре его в IE, значит что-либо растягивает блок записей. Как правило это большие изображения. Старайтесь не выкладывать изображение, ширина которых больше ширины блока записей. Если же они больше, то выкладывайте превью с открытием полного изображения в другом окне.
Если у вас падает меню только в комментариях, и у вас нет в записи ничего, что может растягивать блок, значит у вас растягивают блок добавления комментария поля для ввода логина и пароля, чтобы оставить комментарий от другого пользователя. Чтобы их уменьшить нужно прописать код #fromAnotherName, #fromAnotherPass { width:50px; }
Соответственно вместо 50 пикселей нужно прописать нужное вам число.
Если вы хотите поставить картинку над меню и блоком записей, значит вас интересует экстратоп. Поставить его тоже не составляет труда. Не нужно никаких line-height:100%. Не нужно.
Чтобы поставить экстратоп достаточно этого кода:
#extratop { background: url('/userdir/трам-пам-пам.gif') no-repeat; width: Xpx; height: Ypx; }
где userdir/трам-пам-пам.gif - картинка из вашей собственной библиотеки изображений
X - ширина изображения
Y - высота изображения
Если вы сохраняете настройки и ссылка на изображение пропадает, значит изображение не из вашей библиотеки изображений или вы написали её не в том формате, что я написала выше.
Картинка "под дневником", тоесть экстработтом, ставится аналогично с одним только отличием. Чтобы при просмотре дневника в браузере Opera экстработтом не съезжал вверх, нужно прописать к коду свойство clear:both;
тоесть это будет выглядеть так: #extrabottom { background: url('/userdir/трам-пам-пам.gif') no-repeat; width: Xpx; height: Ypx; float: left; }
p.s. что касается свойств, которые, как я говорила выше, нужно прописывать к селекторам, чтобы получить желаемый результат, всё можно вычитать в учебнике css
Их в яндексе достаточно много. Вот ссылка на один из них - htmlbook.ru/css/ Слева указаны свойства, справа их описание.
В этом мире много психов, Каждый пятый-это псих. Говори со мною тихо... Может,я один из них?
у меня такой вопрос, может он не в тему или его у же задавали(возможности все сообщество пересмотреть у меня нет). Так вот:
На одном моем дневе после пополнения счета css появился сразу, а на др.он уже 2-й день не появляется. Можете сказать с чем это может быть связано?
На одном моем дневе после пополнения счета css появился сразу, а на др.он уже 2-й день не появляется. Можете сказать с чем это может быть связано?
I am the journey, I am the destination...
В общем.. Хелп..
Никак не могу отделаться от этой фигни слева...
До этого всегда старалась со всем разобраться сама, теперь не знаю что и делать.
Хелп. Хоть вешайте.
(можете назвать тупицей, но только покажите как это делать)
Заранее спасип)
Заявки приняты. С сегодняшнего дня начинается голосование, которое продлится 5 дней, то есть до 15 ноября. Напоминаем, что тема конкурса- Анимэ. Оставить голос, оценить дизайны и высказать своё мнение можно тут
пятница, 09 ноября 2007
never say die
скажите пожалуйста, как уменьшить размер блока, где комментарии писать?
просто оно у меня намного шире блока, там где пост получается..
просто оно у меня намного шире блока, там где пост получается..
Может кто-то когда-то поставит свечу мне на голый мой нерв на котором кричу
Здравствуйте.
Подскажите пожалуйста, как сделать так,чтобы все записи и все окна были в рамке из точек??
Подскажите пожалуйста, как сделать так,чтобы все записи и все окна были в рамке из точек??
альтер; сцуко; эго
у нас проблема. текст немного наехал на края фона записи, и мы не знаем как это исправить, не трогая картинку на фоне. т.е. нам нужно подвинуть текст.
вот как убого это выглядит:
+ не могли бы вы отметить еще какие-либо убогости в нашем дизайне, которых мы не заметили? и если у кого маленький экран, насколько сильно обрезается меню?
вот как убого это выглядит:
+ не могли бы вы отметить еще какие-либо убогости в нашем дизайне, которых мы не заметили? и если у кого маленький экран, насколько сильно обрезается меню?
But I'm a creep, I'm a weirdo
Здравствуйте. Наверное это вопрос уже задавался, но я просмотрела сообщество и пока ничего подходящего не нашла.
Как сделать так, чтобы меню была нверху (над эпиграфом) одной полосочкой. Вот к примеру как в дневнике у crazy dream
Как сделать так, чтобы меню была нверху (над эпиграфом) одной полосочкой. Вот к примеру как в дневнике у crazy dream
Доброго времени суток.
Ответьте, пожалуйста, вот на какой вопрос - есть ли среди админов diary.ru такие, у которых есть право удалять посты пользователей?
Прошу прощения, что не по теме CSS, просто именно здесь смогут ответить быстрее всего.
Ответьте, пожалуйста, вот на какой вопрос - есть ли среди админов diary.ru такие, у которых есть право удалять посты пользователей?
Прошу прощения, что не по теме CSS, просто именно здесь смогут ответить быстрее всего.
извините, что я говорю, когда вы перебиваете
у меня пропал эпиграф!!!!!!!!!!!!!!!!!!!!!!! как его вернуть? помогите пожалуйста! :'-(
- И да, Ника, вы тоже мистер! - Мистер Акасаги! / Гномий ассембл! ©
есть тэг, который темы записей выстраивает как в этом сообществе (в меню, по порядку)
а можно ли так выстроить только, допустим, две или три темы?
а можно ли так выстроить только, допустим, две или три темы?
четверг, 08 ноября 2007
" ..я не буду думать об этом сегодня, я подумаю об этом завтра..."
Не подскажите как убрать в конце меню последние комментарии?
В настройках можно отключить,но тогда около - Мой дневник- невидны цифорки, когда пишут комменты
Нашла в настройках
Как удалить Мои ссылки, или дайте пож. его код
Можно ли поставить картинки перед Главная стр. и т.д. в табличном диз., кот. находятся над эпиграфом?
Заранее спасибки
the girl who will destroyed the world.)
Как сделать чтобы меню не уезжало вниз?!Меняла уже и коды и размеры все бесполезно! ссылка на дневник: lilbaby.diary.ru/
вот коды:
#fromAnotherName {width:80px }
#fromAnotherPass {width:80px }
#codebuttons {font-size: 6px }
body { font-family:Century Gothic; font-style: normal;font-weight: normal;; font-size:12px; }
h2,.header { font-size:15px; font-style: normal;font-weight: bold;; }
.cbegun { font-weight:normal; font-size:87%; }
.cbegun:hover { text-decoration:underline; }
.offtop { font-size:9px; }
.calnd td.cal-head { color:#; font-style: normal;font-weight: bold; text-align:center; }
.calnd td.cal-mnth { font-style: normal;font-weight: bold;; text-align:center;}
.forCheck { float:right; }
.header.calHeader { text-align: left;}
#content { padding: 0px;font-size:13px;background-color:#;margin-bottom:1 }
.postLinksBackg {background-color:#; font-size:50%; padding: 5px;}
#but {font-size: 86%;}
A:hover {TEXT-DECORATION: none; text-transform: none; }
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -376px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:100px !important;margin:0 !important;}
.left #page-c{width:700px !important;padding:0 !important;}
.right #wrapper{width:700px;margin: 0 0 0 -376px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:150px !important;margin:0 !important;float:right}
.right #page-c{width:600px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
#side { text-transform: lowercase; }
#upInChart {display:none}
#albumLink {display:none}
#YaSearch { display: none; }
.header {text-align:center;}
#communityCatalogueLink { display: none; }
#randomDiaryLink { display: none; }
#diarySpiritLink { display: none; }
#diarySupportLink { display: none; }
#paySupportLink { display: none; }
#faqLink { display: none; }
#iAmQuit { display: none; }
#wrapper{background:#000000;overflow:hidden;}
#extratop { background: url('/userdir/5/5/1/3/551304/25803515.jpg') !important; width:80%; height:220px; line-height:'0static.diary.ru 100% !important;}
вот коды:
#fromAnotherName {width:80px }
#fromAnotherPass {width:80px }
#codebuttons {font-size: 6px }
body { font-family:Century Gothic; font-style: normal;font-weight: normal;; font-size:12px; }
h2,.header { font-size:15px; font-style: normal;font-weight: bold;; }
.cbegun { font-weight:normal; font-size:87%; }
.cbegun:hover { text-decoration:underline; }
.offtop { font-size:9px; }
.calnd td.cal-head { color:#; font-style: normal;font-weight: bold; text-align:center; }
.calnd td.cal-mnth { font-style: normal;font-weight: bold;; text-align:center;}
.forCheck { float:right; }
.header.calHeader { text-align: left;}
#content { padding: 0px;font-size:13px;background-color:#;margin-bottom:1 }
.postLinksBackg {background-color:#; font-size:50%; padding: 5px;}
#but {font-size: 86%;}
A:hover {TEXT-DECORATION: none; text-transform: none; }
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -376px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:100px !important;margin:0 !important;}
.left #page-c{width:700px !important;padding:0 !important;}
.right #wrapper{width:700px;margin: 0 0 0 -376px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:150px !important;margin:0 !important;float:right}
.right #page-c{width:600px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
#side { text-transform: lowercase; }
#upInChart {display:none}
#albumLink {display:none}
#YaSearch { display: none; }
.header {text-align:center;}
#communityCatalogueLink { display: none; }
#randomDiaryLink { display: none; }
#diarySpiritLink { display: none; }
#diarySupportLink { display: none; }
#paySupportLink { display: none; }
#faqLink { display: none; }
#iAmQuit { display: none; }
#wrapper{background:#000000;overflow:hidden;}
#extratop { background: url('/userdir/5/5/1/3/551304/25803515.jpg') !important; width:80%; height:220px; line-height:'0static.diary.ru 100% !important;}