@CSS — стилизация дневников — @дневники: асоциальная сеть

четверг, 13 мая 2010

15:04

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

Джи | Я видел некоторое дерьмо.

Здрааавствуйте, не могли бы вы помочь.
Что в моем css не так?
У меня почему-то словно какая-то лишняя деталь, вообщем скролбар внизу? Горизонтально прокручивается станица. Почему? Как его убрать?
Надеюсь вы поняли о чём я.
Заранее спасибо!)

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

URL

12:55

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

"Что нас не убивает делает нас только сильнее" (с) Хотя с этим можно поспорить!

Здравствуйте!
Я вот хотела узнать, а можно сделать так, чтобы расположение аватара и подписи, а именно блок commentAuthor распологался справа, а не слева, как он стоит по умолчанию?
Пробовала сам, с помощью вот такого кода.
.commentAuthor { position: absolute; right: 0px !important; }
.postInner { position: absolute; left: 0 px !important;}

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

Подскажите, буду очень признательна. :shy:

@темы: Дизайн

URL

среда, 12 мая 2010

22:58

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

I'll weep into your eyes, I'll make your vision sing, I'll open endless skies and ride your broken wings

А можно ли сделать, чтобы pageBar выглядел примерно так?

URL

вторник, 11 мая 2010

16:56

О ссылках

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

Быть самим собой.

Можно ли как-нибудь прописать ссылки/буквы воообще что-либо, чтобы они (буквы собственно) переливались примерно как на сайте ниже.

eurekaseven.bandai-ent.com/

@темы: текст

URL

13:44

о header'e

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

Архи Дея

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

@темы: Мысли вслух

URL

понедельник, 10 мая 2010

16:12

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

Архи Дея

Маленькая проблемка: сделала себе название дневника картинкой и поменяла ему координаты . На месте названия в панели меню осталось пустое место. Как мне поднять содержимое меню так, чтобы это пустое место заполнилось? (Дневник открытый)

@темы: меню

URL

воскресенье, 09 мая 2010

19:38

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

#Journal div.postInner {background: url('/userdir/1/3/5/7/1357395/55211444.png') 10px 10px no-repeat !important;} #Journal .countSecond div.postInner {background: url('/userdir/1/3/5/7/1357395/55211456.png') 10px 10px no-repeat !important;} #Journal div.postInner {padding-left: 125px;} #Journal .postInner {padding-left: 115px;} .postInner { min-height:110px;height:auto !important; height:110px;} .paragraph {width:75%;} #epigraph .paragraph {width:100% !important;} #epigraph div.postInner {background:none !important;}

проблема с эпиграфом - он съезжает влево.

2. как убрать с эпиграфа "внезапно"?

 .header h2:before { content: "[внезапно: " }
 .header h2:after { content: " ]" }

запись создана: 09.05.2010 в 18:18

@темы: текст, эпиграф

URL

суббота, 08 мая 2010

00:23

Разделитель

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

выдаю свои мысли за чужие

Проблема, а вернее, вопрос заключается в следующем: возможно ли как-то обойти привязку ширины разделителя к ширине текста?
Объясняю: ставлю разделитель между постами.
Если я прописываю ему ширину, текст расползается по ширине разделителя вот так:

Если же я не прописываю ему ширину, то разделитель по краям обрезается согласно ширине текста вот так:

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

URL

пятница, 07 мая 2010

10:49

статистика

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

Дороги хватит на всех

вот просмотрела соо, но вопроса такого не видела. а может и не заметила. однако... почему блок со статистикой теперь без циферок, и с простым словом "статистика"?

URL

02:24

Сдвиг текста

все записи пользователя в сообществе Элохим

Границы рая и ада подвижны, но всегда проходят через нас. /Cognosce te ipsum/

У меня произошел вот такой сдвиг текста при выравнивание по правому краю. Текст также сдвигается влево при выравнивании по центру.
читать дальше

Мой код Css:

#extratop { background: url('/userdir/1/5/3/4/1534585/54953888.gif ') no-repeat; width: 820px; height: 484px; }
 body{ background: #212121; padding: 0px;}
 #wrapper{ width: 820px; background: url('/userdir/1/5/3/4/1534585/54954323.gif'); repeat-y left; min-width:820px; position:relative; }
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:820px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:820px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; }
 #side li {float:left; display:block; padding-right:0px!important;}
 .left #page-t {margin-left: 5px;margin-right: 5px !important;}
 #wrapper{min-width: 820px !important;}
 .header {margin-bottom:-8px; font-size:15px}
 #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, .postLinksOld, .prevNextLinks, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #diarySupportLink, #pchListLink, #Stats, #authorQuot, #randomDiaryLink, #myCommunitiesLink,#myNotepadLink {display:none!important}
 #myDiaryLink { position:absolute; top: 380px; left: 20px;}
 #writeThisDiary { position:absolute; top: 395px; left: 20px;}
 #myDraftLink { position:absolute; top:410px; left:20px;}
 #discussionLink { position:absolute; top: 380px; left:145px;}
 #umailLink { position:absolute; top: 395px; left:145px;}
 #myFavLink { position:absolute; top: 410px; left:145px;}
 #myQuotLink { position:absolute; top: 380px; left:260px;}
 #myProfileLink{ position:absolute; top: 395px; left: 260px;}
 #optionsLink{ position:absolute; top:410px; left: 260px;}
 #allDiaryLink { position:absolute; top: 380px; left: 370px;}
 #mainpageLink { position:absolute; top: 395px; left: 370px;}
 #communityCatalogueLink { position:absolute; top: 410px; left: 370px;}
 #photolibLink { position:absolute; top: 380px; left: 510px;}
 #postsCalendar{ position:absolute; top: 395px; left:510px;}
 #iAmQuit { position:absolute; top:410px; left: 510px;}
 #addToFav { position:absolute; top:5px; left: 670px; font-weight:bold; }
 #subscribeEmail { position:absolute; top: 20px; left: 670px; font-weight:bold; }
 #delFromFav{ position:absolute; top: 5px; left: 680px; font-weight:bold; }
 #writeToAuthor { position:absolute; top: 35px; left: 670px; font-weight:bold; }
 #side h1 A{position:absolute; top: 430px; left: 710px; font-size: 15pt;}
 .postLinksBackg { border-bottom: double #212121; margin-top: 20px !important; padding:20px 0 !important;}
 .postDate, .countSecond .postDate { background-color: transparent; color: #ee6c03; font-size: 13px; float: right; }
 .header { background-color: transparent; color: #ee6c03; font-size: 12px; }
 #add_block1 { position:absolute; top: 380px; right:50%; margin-right: 410px; height: 104px; width: 33px; background: url('/userdir/1/5/3/4/1534585/54954437.gif') no-repeat top; z-index:-1;}
 #add_block2 { position:absolute; top: 380px; left:50%; margin-left:410px; width: 34px; height: 104px; background: url('/userdir/1/5/3/4/1534585/54954452.gif') no-repeat top; z-index:-1; }
 .avatar img {border: 3px solid #212121 }
 #epigraph {display:none!important}
 #authorName { position:absolute; top: -5px; font-size: 15pt; left: 15px; color: #020000}
 .singlePost .postTitle span {font-size: 9pt !important; background: #212121 !important; width:30px; margin-left:-10px}

Можете подсказать отчего это и как исправить?

@темы: текст

URL

среда, 05 мая 2010

22:52

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

Your №1 Source of Zanessa Media

Еще раз всех приветствую))
Очень надеюсь на Вашу помощь. Сижу с этим дизайном уже неделю, но до сих пор не хватает фантазии, как избавиться от несколькох косяков:
1) Как убрать этот лишний .postLinkBackground между записью и комментариями (смотрите принт 1)
2) В комментариях текст коммента начинается ниже аватара. Я так понимаю, что там надо с отступами колдовать, но не пойму, с какими..уже все испробовала.. (см. принт 1)
3) Отсутствует фон при добавлении и редактировании записи. Как это можно исправить? (см. принт 2)

код тут

=============Пост===================
 #postsArea {font-family: verdana; margin-left: 270px !important;width:680px !important;}
 .postContent {background: url('/userdir/1/5/2/8/1528387/54847418.png'); width:730px !important;}
 .postDate {text-align: right; font-family: georgia; text-shadow: 2px 2px 8px #ADBFD3 !important; font-size: 10pt !important; font-weight: bold; color:#530687 !important; }
 .header { background: url('/userdir/1/5/2/8/1528387/54797432.png'); width:730px !important; height:60px !important; background-repeat: no-repeat;text-align: center !important;}
 .postActionLinks {position:relative; margin-right:30px !important; margin-top:30px !important;}
 .avatar, .sign {display:none; }
 .authorName { margin-left:40px !important; margin-top:-35px !important; }
 .postLinksBackg { background: url('/userdir/1/5/2/8/1528387/54797450.png'); width:730px !important; height:65px !important; background-repeat: no-repeat; margin-top:-1px !important;}
 .urlLink {position:relative; margin-left:30px !important; }
 .postLinks {position:relative; margin-right:30px !important; }
 .prevPostLink {display:none !important; margin-top:-55px !important;}
 .nextPostLink {display:none !important; margin-top:-55px !important;}
.paragraph {margin-left: 40px; width: 640px;}

============Комментарии===================
#commentsArea {background: url('/userdir/1/5/2/8/1528387/54847418.png'); width:730px !important; }
 #commentsArea_title { background: url('/userdir/1/5/2/8/1528387/54796763.png'); width:730px !important; height:60px !important; margin-left: 270px !important; text-shadow: 1px 1px 6px #000 !important; }
 #commentsArea .header {position:relative; display:block; background:none !important; width:680px !important; margin-top:-1px !important; text-align:left !important; margin-left:40px !important; }
 #commentsArea .postLinksBackg {position:relative; display:block; background:none !important; height:20px !important; }
 #commentsArea .authorName { background: none !important; width:730px !important;}
 #commentsArea .avatar, #commentsArea .sign { display:block; max-width:120px !important;}
 #commentsArea .commentAuthor { display:block; margin-left:40px !important; width:130px !important;}
 #commentsArea .paragraph {margin-left: 180px; width: 500px;}
 #commentsArea .urlLink {position:relative; margin-left:30px !important;}
 #commentsArea .postLinks {position:relative; margin-right:30px !important;}
 #commentsArea .postContent {position:relative; display:block; background:none !important; }
  #commentsArea { position:relative; width:730px !important; font-family: verdana; width:730px !important; margin-left: 270px !important;}

================Добавление комментария==============
 #addCommentArea { background: url('/userdir/1/5/2/8/1528387/54847418.png'); width:730px !important; margin-left: 270px !important; }
 #addCommentArea_title { background: none !important; width:730px !important;text-shadow: 1px 1px 6px #000 !important; margin-top:-1px !important; height:30px !important;}
 #msg_form {margin-left: 40px; width: 640px;}

Заранее спасибо)))

upd: 4) натолкнулась еще на такую вот проблему - в комментариях теперь имя комментирующего над аватаркой не кликабельно стало - раньше можно было кликнуть, и это было типа обращение, которое сразу в комментарий вставлялось. а теперь это просто некликабельная надпись...как это исправить? О.о

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

URL

воскресенье, 02 мая 2010

20:46

Фото владельца дневника.

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

Your №1 Source of Zanessa Media

Здравствуйте, скажите пожалуйста, какой код прописать для #thisDiaryPhoto , чтобы:
- это фото было в полный размер (а не уменьшалось) - Пыталась прописать высоту и ширину - не получилось.
- было зафиксировано (а не появлялось только при наведении на имя владельца) в нужном мне месте.
- края этого фото (.gif) у меня сделаны прозрачными, а отображаются черными - как это исправить?
Буду очень признательна, если поможете)))

@темы: diaryCSS

URL

18:40

как отодвинуть основной контейнер вниз?

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

Я поняла, что основной контейнер - это page-c. Но как же подвинуть его вниз пикселей на 300?

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

URL

суббота, 01 мая 2010

22:55

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

Интернет- пригодность 100%. Нецензурных выражений и ненормативной лексики не содержит. К сожалению.

В блоке записей установлены «уголки» с помощью before и after. У всех четырёх стоит z-index: 3 !important;, у #page-t и #postsArea, поверх которых они отображаются — z-index: 2 !important;
В Firefox 3.5.9 и Opera 9.63 всё работает. В IE8 уголки перекрываются фоном #postsArea.
Как исправить, если вообще возможно? И какие ещё ляпы видны в других браузерах?

Firefox

Часть кода:

 #page-t {padding: 10px 15px 10px 20px; z-index: 2 !important;}
 #postsArea {margin-bottom: 0px !important; background: #fdfbf0 url('/userdir/6/2/4/1/624184/54743477.gif') repeat !important; z-index: 2 !important;}
 #postsArea:before {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913745.png'); width: 175px; height: 100px; left: 15px; top: 175px; z-index: 3 !important;}
 #postsArea:after {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913766.png'); width: 175px; height: 100px;right: 244px; top:175px; z-index: 3 !important;}
 #page-c:after{content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913769.png'); width: 175px; height: 100px; left: 15px; margin-top: -104px; z-index: 3 !important;}
 #page-t:after {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913772.png'); width: 175px; height: 100px; right: 244px; margin-top: -95px; z-index: 3 !important;}

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

URL

пятница, 30 апреля 2010

21:54

Каждый день отдельно, границы

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

я поместился после смерти в сознания ста воробьёв и было весело и странно когда распугивали их

А можно сделать так, чтобы границы были только между постами за один день? То есть все вчерашние, например, были отделены от сегодняшних линией, при этом между постами за один день границ не было?

upd: такой код не сработал. Что-то не так, или он просто неверный?
.postdate {border-style:solid; border-width:1px; !important }

Вопрос снят

запись создана: 30.04.2010 в 21:23

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

URL


Запомнить