@CSS — стилизация дневников — Дайри (бывший Diary.ru)

воскресенье, 21 февраля 2010

19:39

отступы и список тегов

все записи пользователя в сообществе Finsternis

Авторегрессионная условная гетероскедастичность

Добрый день, столкнулась со следующий проблемой.

.postDate {height:46px !important; width:837px; background: url('/userdir/2/9/8/6/298602/52196654.png') no-repeat; letter-spacing: 5pt; text-align: Center; padding-top:10px !inmportant; }

Как сдвинуть текст на несколько пикселей ниже?

#globalLinks ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201103.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }

как сдвинуть ссылки левее?

По поводу списка Тегов на данном этапе выглядит это так:

#thisDiaryOwner ul {position:absolute; top:-15px; left:-195px; width:196px; height:225px; text-align:right !important; background: url('/userdir/2/9/8/6/298602/52201910.png') no-repeat; background-position: right top; font-size: 11px; text-margin: 20px; }
#TagsList { position:absolute; top:20px; left:85px; width:400px; text-align:left !important; font-size: 11px;}

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

И еще проблема, когда наводишь мышью на изображение, заменяющее название дневника первая запись дергается вниз, как сие побороть?
Весь код выглядит так:
читать дальше

Почему-в меню нет следующих ссылок: Вступить в сообщество, избранное сообщества, цитатник сообщества, альбом сообщества, добавить в избранное, подписаться на сообщество итд

URL

16:17

все записи пользователя в сообществе Buddy7Glass

A faith like a guillotine, as heavy, as light.

Я прописала несколько дизайнов css для своего дневника, но после того, как выбрала один из последних, стала замечать, что он автоматически меняется на старый. Удалили два первых дизайна, остался один, который собственно нужен, но он ОПЯТЬ меняется на первый.
Как исправить эту проблему? Подскажите, пожалуйста!

URL

суббота, 20 февраля 2010

22:04

все записи пользователя в сообществе elsanne

Life is an adventure~

Здравствуйте! У меня тут возник вопрос. Собственно, вот:

Вся правая часть страницы благополучно так урезана, чего естественно не хотелось бы. Не подскажите, что я там нагородила (или чего, наоборот, не сделала), что привело к такому вот печальному результату?

URL

07:13

все записи пользователя в сообществе Buddy7Glass

A faith like a guillotine, as heavy, as light.

Извиняюсь за банальный вопрос, но как убрать это?

URL

среда, 17 февраля 2010

11:11

все записи пользователя в сообществе Kikyou Gesso

Подскажите пожалуйста, что исправить в коде?
В ИЕ меню ушло в самый низ, как будто не помещается, и не отображается картинка экстработтома

код:
#wrapper{background:#e6eff5; min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#page-c{width:730px !important; padding:0 !important; margin:0 !important;}
#page-t {margin:0 !important; padding:0 !important;}
.singlePost { padding:0 !important; margin:0; width:auto;}
div.bordered {margin-bottom:0 !important; background:#e6eff5;}
#side{border-width:4px; border-color:#37539b;}
#side{text-align:center; width:150px !important; margin:0 !important;}
.right #wrapper{background:#e6eff5;overflow:hidden;}
#extratop {background: url('/userdir/1/6/1/8/1618843/52001063.jpg') no-repeat; height: 385px; width: 900px;}
#extrabottom {background: url('/userdir/1/6/1/8/1618843/52002368.jpg')no-repeat; height: 228px; width: 900px; padding:0 !important; margin:0 !important; clear:both;}

Дневник тут

URL

вторник, 16 февраля 2010

23:47

все записи пользователя в сообществе Шиль

Доброго утра/дня/вечера/ночи
я заранее признаюсь в своем идиотизме.
если такое было - ткните, пожалуйста, носом.
~~дизайн не доделан, так что не пугайтесь.~~
выделенную область красным - нужно убрать. /в css полный ноль, так что.../

#extratop{width:562px ;height:576px; background: #ffffff url('/userdir/7/0/5/7/705764/52015535.jpg');}
 #wrapper{min-width:562px!important; width:796px; right:50px;}
 #pchs {display:none;}
 #myDiaryLink A b {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:600px; top:200px;}
 #authorFav, #authorQuot, #authorAlbum, #authorRSS, #writeToAuthor, #postsCalendar, #albumLink, #rssLink, #joinThisComunity, #headlineList, #tagslistlink, #myDraftLink, #umailLink, #myQuotLink, #myProfileLink, #optionsLink, #photolibLink, #upInChart, #allDiaryLink, #favListLink, #communityCatalogueLink , #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #iAmQuit, #lastComments, #Stats{display:none;}
 #writeThisDiary {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:600px; top:225px;}
 #myFavLink {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:600px; top:250px;}
 #discussionLink {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:600px; top:275px;}
 #mainpageLink {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:600px; top:300px;}
 #pchListLink {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:600px; top:325px;}
 #authorName {font-family:"CyrillicGoth"; font-size:24px; position:absolute; left:800px; top:5px;}
 #side h1 A {font-family:"CyrillicGoth"; font-size:28px; position:absolute; left:230px; top:575px;}
 #topNav, #thisDiaryInfo{display:none;}

премного буду благодарен за решение проблемы.

@темы: diaryCSS, основные блоки

URL

понедельник, 15 февраля 2010

02:35

все записи пользователя в сообществе mukashibanashi

Диагноз: "стебанатор глумливый" (с) Dallas Levi

Здравствуйте, возникла вот такая вот проблема, прописываю название днева картинкой, ссылка все равно остается, хотя все остальные ссылки успешно были удалены кодом.

выглядит вот так:

код вот такой вот:

#side h1 a {top:-65px; left: 270px; z-index:20 !important; background: url('/userdir/1/3/0/9/1309845/51713384.png') no-repeat !important; no-repeat; position:absolute; width:400px; height:100px; line-height:0px; overflow: hidden}

@темы: меню

URL

среда, 10 февраля 2010

13:26

все записи пользователя в сообществе абонент не отвечает

нет, показалось

День добрый.
Хотелось бы зафиксировать меню справа, а не слева.
#side{position:fixed}
фиксирует левое меню. как зафиксировать правое меню?

URL

понедельник, 08 февраля 2010

17:53

все записи пользователя в сообществе Беллз

Короче, мну под вчепятлением(с)

Почему-то блок с меню наезжает на текст записей.
Вот код: читать дальше

@темы: меню

URL

17:36

Мелочь, а обидно.

все записи пользователя в сообществе чумной недодоктор

Попугай, летящий через Антарктиду.

Сделала дизайн. Все, вроде, нормально, но не пишется заголовок. Что делать?
Вот код:
читать дальше

 #wrapper{min-width:810px!important; width:810px!important; padding:0 !important; float: center !important;-moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80);}
 #page-c {min-width:810px !important; width:810px !important; padding:0 !important; margin:0 !important;}
 #page-t {margin:0 !important;}
 body{background: # #000000 no-repeat !important;background-position: left top !important; text-transform: none !important;}
 #extratop { background: url('/userdir/1/2/8/7/1287219/51683018.jpg') no-repeat !important; width: 810px !important; height: 292px !important; }
 #extrabottom {background: # no-repeat !important; width: 810px; height: 88px;}
 .commentAuthor { float:right !important; }
 #side { text-transform: lowercase; width: 910px !important; position: absolute !important; margin-top: -62px; margin-left: -10px; font-size: 9pt !important; }
 #side { text-transform: lowercase; width: 834px !important; position: absolute !important; margin-top: -2px; margin-left: -13px; font-size: 8pt !important; }
 #side a {color: #000000;border-bottom: none !important;text-decoration: none !important;}
 #side h1 { position: absolute !important;margin-top: -50px !important; font-size : 8pt !important; letter-spacing: 7pt; padding-left: 0px !important; width: 1390px;font-family: Courier New !important;}
 #side h1 a {color: #87B6EA !important;}
 #side h1 a:hover, #authorName:hover {color: #ffffff !important; text-decoration: none !important; border-bottom: none !important; font-weight: bold;}
 .menuSection {text-align:center; background: #93B5FA;-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);font-family: Verdana !important;}
 .menuSection:hover {-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90);}
 .menuSection div{margin-bottom: 10px;}
 .menuSection li {color #000000 !important; width: 400px !important; display: inline !important; letter-spacing: 0.2pt !important;}
 .count_box span, #discussionLink .count_box {color: #FF99FF !important; font-weight: bold;}
 #thisDiaryInfo {position: absolute !important; background: none !important;margin-top: -192px !important; margin-left: 90px; font-size: 14pt !important; letter-spacing: 7pt;-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90);}
 #authorName {font-family: Courier New !important; color: #6FA9EB !important;}
 #thisDiaryPhoto {position: absolute !important; border-style: solid; border-width: 7px; border-color: #ffffff; margin-top: 280px; margin-left: -300px !important; width: 100px !important; height: 100px !important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);}
 #thisDiaryPhoto img:hover { -moz-opacity:.65 !important;opacity:.65 !important; filter:alpha(opacity=65);}
 #thisDiaryOwner {margin-top: 45px;}
 #thisDiaryOwner #TagsList li{font-size: 8pt !important; margin-top: -10px !important;}
 #thisDiaryOwner #TagsList {padding-top: 15px !important;line-height: 21px !important;}
 #globalLinks div, #myDiaryLinks div, #thisDiaryOwner div {margin-top: -8px !important;}
 #globalLinks, #myDiaryLinks, #thisDiaryOwner {margin-top: -7px !important;}
 #Stats, #diarySupportLink, #allDiaryLink, #myNotepadLink, #side h1 img, #topNav, #authorName, #more_login, #pchs, #pchs ul, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #communityCatalogueLink, .postLinksOld, .quote_post, #myCommunity, #YaSearch,#myCommunity, #albumLink, #photolibLink, #favListLink, #pchListLink, #randomDiaryLink, #myCommunitiesLink, #thisDiaryLinks {display:none !important}
 #wrapper{ background: url('/userdir/1/2/8/7/1287219/51684638.jpg'); padding:0 !important; width:810px; min-width:810px!important; margin:0 auto !important;overflow:hidden !important; }
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; font-size: 95%; background: url('/userdir/1/2/8/7/1287219/51684770.jpg');}
 img {max-width: 540px !important;}
 img:hover {-moz-opacity:.60 !important;opacity:.60 !important; filter:alpha(opacity=60);}
 .avatar img, .avatarNew img {background-color: #fff;padding: 7px; }
 .authorName { float:none ; margin-bottom: 10px; }
 .avatar img, .avatarNew img{width: 80px; height: 80%;position: center !important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);margin-left: 8px !important; margin-top: 8px !important;}
 .avatar img:hover, .avatarNew img:hover{-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=0);}
 .commentAuthor {color: #F5EDFC!important;}
 #wrapper {border-width:7px; border-color:#E2F1FE; border-style:double;}
 .paragraph div:first-letter {font-size: 22px; float: none; color: #79BDFD; line-height:100% !important; line-height:140%;font-family:Mistral !important;}
 .header {font-size: 24px !important ; color: #6699C0 !important; font-family:Mistral !important;text-shadow: 2px 2px 3px #D0E8FF;text-align:center;}
 .postDate {display:block; width:100%; text-align:left; font-size: 8pt !important; color: #000000 !important; font-family: Comic Sans MC !important;}
 .postTitle span {font-size: 8pt !important;color: #000000 !important; font-family: tahoma !important;text-align:left;}
 .postLinksBackg {background: # no-repeat !important;background-position: center !important; height: 120px; margin-bottom: -7px; margin-top: 30px;}
 .postLinks {display:block; width:100%; text-align:center;text-transform: uppercase;margin-top: -20px; letter-spacing: 0.9pt; font-size: 5pt; }
 .postLinks span {color: #2C6895 !important;font-weight: bold;font-family: Arial !important; text-}
 .postLinks span:hover {color: #A8D5FD !important;font-weight: bold;font-family: Arial !important; border-bottom-color: #A8D5FD !important;}
 .postLinksBackg prevnext{background: none !important; height: 7px !important}

@темы: текст, основные блоки

URL

14:58

все записи пользователя в сообществе lavlien

ты никакой как все.

Дискуссии и темы записей не хотят передвигаться, причем все время, с остальными ссылками все в порядке .

 #myProfileLink A {position:absolute; top: 120px; right:50%; margin-right:-150px ;}
 #discussionLink {position:absolute; top: 100px; right:50%; margin-right:-150px ;}
 #myQuotLink A {position:absolute; top: 140px; right:50%; margin-right:-150px ;}
 #optionsLink A { position:absolute; top: 160px; right:50%; margin-right:-150px ;}
 #umailLink A { position:absolute; top: 180px; right:50%; margin-right:-150px ;}
 #myFavLink A { position:absolute; top: 200px; right:50%; margin-right:-150px ;}
 #tagslistlink { position:absolute; top: 240px; right:50%; margin-right:-150px ;}

@темы: текст, отступы

URL

06:04

Аватары в записи, расстояние между блоками.

все записи пользователя в сообществе cerisestatic

your ego is not your amigo

1. Интересно, можно ли сделать так, чтобы при просмотре дневника аватары автора отображались? Как при просмотре сообщества.
смотреть

2. Как сделать так, чтобы между записями и между последней записью и меню было расстояние?
смотреть

@темы: diaryCSS, основные блоки, платный сервис, Дизайн

URL

00:25

все записи пользователя в сообществе океания

Noblesse Oblige

Что-то не хочет у меня двигаться весь общий блок не могу его соединить с экстратопом.
И еще вопрос. Можно ли сделать вертикальные полоски с боков пошире. только слева и справа, между меню и записями - не желательно. и чтобы горизонтальных не было

#wrapper{width:870px;min-width:0;background: url('/userdir/7/1/0/7/710736/51669359.png'); }
 #side{width:150px;}
 .left #page-c {margin-left:-150px;}
 .left #page-t {margin-left:150px;}
 body{background:url('/userdir/7/1/0/7/710736/51668903.jpg');}
 #extratop{height:354px;width:936px;background:url('/userdir/7/1/0/7/710736/51670328.png') no-repeat;}

@темы: отступы, рамки и полоски

URL

воскресенье, 07 февраля 2010

22:34

Уплывает панель навигации!

все записи пользователя в сообществе svetliachock

It's time to get down

Здравствуйте, есть небольшая проблема. Делаю панель навигации на экстратопе, у меня на компьютере все просто прекрасно, равно и т.п. А вот некоторые говорят, что она у меня уплывает... В чем может быть причина и как ее исправить?

скрин с моего компа: i712.photobucket.com/albums/ww123/svetliachock/...
альтернативный скрин с ошибкой (с другого компа): s002.radikal.ru/i200/1002/46/f40babe6caea.jpg

пример кода:
#myDiaryLink { position:absolute; top: 15px; left: 4%; }
#writeThisDiary { position:absolute; top:30px; left: 4%;}

URL

четверг, 04 февраля 2010

22:42

цитата

все записи пользователя в сообществе синяк на пятке

Добрый вечер! Проблема немного мистического характера. Последние изменения в дизайне были такие:
кусок кода

По заверению автора дневника, уже после этих изменений она смогла вставить цитату с помощью всплывающего блока "вставить цитату". Никаких изменений больше не вводилось, однако через несколько часов при попытке вставить цитату этим же способом, блок исчез. У кого-нибудь такое было? Реально ли это исправить? Может глюк какой... В дизайне кстати полно position: relative
Сам дневник

Буду очень признательна за любое соображение)

@темы: текст

URL

19:07

Здраствуйте

все записи пользователя в сообществе <Кери>

So get out, get out, get out of my head

У меня такая проблема....
Я вставляю фоновую картинку с кодом:

body{background:url('http://s003.radikal.ru/i202/1002/7d/1a4fdcabb96a.jpg') no-repeat fixed;}

нажимаю сохранить....страница перезагружается и в сss стоит body{background:# no-repeat fixed;} и фоновая картинка естественно не поменялась...
Что я делаю не так?((((((

@темы: фоновые картинки, diaryCSS, Дизайн

URL

среда, 03 февраля 2010

14:29

все записи пользователя в сообществе Yuna_Kairi

I've murdered half the town Left you love notes on their headstones I'll fill the graveyards Until I have you

Доброго времени суток! У меня к вам немного странный вопрос по поводу меню, надеюсь то-нибудь мне поможет)
Нужно сделать позиционированное меню, которое будет находится так, как указано на картинке ниже. Но при наведении на заголовки, слева должно отображаться развернутое меню (выравнивание по правому краю)

Идея взята собственно отсюда, но код сложный, самой разобраться не получилось(
Код того ,что есть пока:

 body { background: url('/userdir/1/4/4/3/144393/49736729.jpg')}
 body{background-attachment:fixed;}
 #extratop { background: url('/userdir/1/4/4/3/144393/51489944.jpg') no-repeat; width: 800px; height: 423px; }
 .avatar img {border: 4px double black}
 .attags {text-transform: normal;}
 .header span {display:none}
 .sigh { border:2px black; }
 #epigraph, #post0 {padding-bottom: 0px !important;}
 #upInChart {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #rssLink {display:none}
 #postsCalendar {display:none}
 .quote_post {display:none}
 #myDraftLink {display:none}
 #side{width:128px !important;margin:0 !important}
 #upInChart {display:none}
 #myProfileLink {display:none}
 #more_login {display:none}
 #myStatLink {display:none}
 #tagslistlink {display:none}
 #albumLink {display:none}
 #YaSearch {display:none}
 #urlLink {display:none}
 #sortOrder {display:none}
 #photolibLink {display:none}
 #authorLiks {display:none}
 #authorQuot {display:none}
 #myLinksLink {display:none}
 #authorFav {display:none}
 .paragraph{overflow: auto;}
 #authorAlbum {display:none}
 #Searchdiary {display: none}
 #myFavLink {display:none}
 #allDiaryLink {display:none}
 #delFromFav {display:none}
 #communityCatalogueLink {display:none}
 #diarySpiritLink {display:none}
 #faqLink {display:none}
 #headlineList {display:none}
 #topNav {display:none}
 #faqLink {display:none}
 #wrapper{min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #page-c{width:800px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 a:hover { color: black; }
 A:hover {text-decoration:none !important;}
 a {text-decoration:none !important;}
 #pchs { float:left; visibility:hidden; }
 #pchs a { float:left; clear:both; width:100%; display:block; visibility:visible;}
 .menuSection {text-align:left; }
 a:hover{cursor: crosshair;}
 a:hover,a:active{color:#365856 !important}
 #side{line-height: 1.0;}
 .countFirstDate,.countSecondDate {text-align:center; border: 1px dotted; }
 #side {text-transform: lowercase; }
 .postLinks {text-transform: lowercase; }
 #side {top: 15px !important; }
 #side {width:139px !important; margin:0 !important}
 div#side .menuSection {border:none}
 div#thisDiaryInfo {background:none}
 .menuSection {size:14px}
 .countFirstDate,.countSecondDate {font-family: Adventure; size:20px}
 .pageBar,.header {font-family: Adventure; size:14px}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 .sign { background-color: #c4d3f2; margin-left: 0px !important; border-style:dotted; border-width: 1px; border-color:#ffffff;}
 #side{position:absolute !important;}
 #wrapper{background:url('/userdir/1/4/4/3/144393/51489986.png');}
 #side h1 A {font-size: 20px !important;}
 #extrabottom {background: url('/userdir/1/4/4/3/144393/51489797.png') no-repeat; width:924px; height:92px; line-height: 100% !important; margin-top: -10px;}

@темы: меню

URL

12:59

все записи пользователя в сообществе Alix

Аликс, это моск. Моск, это Аликс. Унесите моск.

В Опере блок меню с именем владельца дневника съезжает вправо:

В ИЕ всё выглядит нормально:

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

@темы: меню

URL

вторник, 02 февраля 2010

17:15

голосование

все записи пользователя в сообществе La_mignonne

Окружающие видят только мои маски и думают, что знают меня....

Врядли конечно, но может все-таки есть способ вставить голосование в эпиграф с помощью css/html?
может какие-то готовые, с сайтов...

URL

понедельник, 01 февраля 2010

11:59

все записи пользователя в сообществе тигр-тигр, жгучий страх

они всё-таки будущие лётчики, а у меня цветы.

Здравствуйте.

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

Пишу код:

 .singlePost { width: 632px !important; height: 72px !important; background: url('/userdir/8/2/9/0/829005/51391736.jpg') no-repeat; margin-top: 500px !important}
 .postContent { width: 632px !important; background: url('/userdir/8/2/9/0/829005/51391931.jpg') repeat-y !important; }

Всё отлично.

Добавляю нижнюю часть:

.postInner {width: 632 !important; height: 308px !important; background:url('/userdir/8/2/9/0/829005/51392432.jpg') no-repeat 50% 100;}

Фон перестаёт динамически менять размер. Плюс перекашивается дизайн внизу дневника.

Это можно как-нибудь решить?
Если нужно, напишу весь код.

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

URL


Запомнить