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

вторник, 13 апреля 2010

23:40

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

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

При редактировании коммента получается такая дырень Оо между экстаботтомом и комментом.
Нигде больше такой проблемы в самом сообществе не наблюдается...

Есть ли способ убрать/залить?

Заранее спс :white:

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

URL

20:51

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

Не лезьте мне в душу! Идите все на хуй! (с)

Скажите пожалуйста, можно ли подстроить длину колонки меню (сверху) под ширину колонки записей?
Искал по сообществу, не нашел.

@темы: меню

URL

16:25

Изображения не ресайзятся по ширине основного контейнера

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

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

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

Можно ли это исправить? И как.

Вопрос решён

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

URL

понедельник, 12 апреля 2010

22:39

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

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

меню у меня отпозиционированно в экстратопе...
я уже два дня ломаю моск - как сделать цдневник по центру монитора???
клеится к левой стороне моника и все тут !!!

О велики народ помогите!!! :beg:

 body {background: url('/userdir/1/4/0/3/1403238/54122309.jpg') no-repeat; background-attachment: fixed; width:900px !important;}
 #extratop {background: url('/userdir/1/4/0/3/1403238/54130373.png'); width:900px; height:347px;}
 #wrapper{ padding:0 !important; width:900px; min-width:900px!important; margin:0 auto !important; overflow:hidden !important; position: relative !important; }
 #page-c {background: url('/userdir/1/4/0/3/1403238/54130226.png') repeat; width:900px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important; width:880px !important; padding-left: 10px !important;}

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

URL

15:54

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

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

И снова я с вопросами) Уже второй раз когда делаю позиционированное меню замечаю косяк со ссылкой "выход". В данном дизайне ссылки заменены картинками и с "выходом творится что-то противоестественное" - во-первых ссылок 2 - картинка и текстовая, во-вторых наводятся они странно (и обе одновременно). К тому же все ссылки кроме тех, что с картинками, наводятся крестиком, а эти 3 ущербные обычным курсором. Что я опять начудила с кодом, кто-нибудь знает?) Заранее выражаю огромную благодарность :small:

 body { background: url('/userdir/1/4/4/3/144393/54158969.jpg')}
 body{background-attachment:fixed;}
 #extratop { background: url('/userdir/1/4/4/3/144393/54156725.png') no-repeat; width: 800px; height: 395px; }
 .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}
 .quote_post {display:none}
 #myDraftLink {display:none}
 #side{width:126px !important;margin:0 !important}
 #upInChart {display:none}
 #more_login {display:none}
 #myStatLink {display:none}
 #YaSearch {display:none}
 #urlLink {display:none}
 #sortOrder {display:none}
 #authorLiks {display:none}
 #photolibLink {display:none}
 .paragraph{overflow: auto;}
 #diarySpiritLink {display:none}
 #faqLink {display:none}
 #headlineList {display:none}
 #topNav {display:none}
 #wrapper{background: url('/userdir/1/4/4/3/144393/54157097.png'); min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; margin-top:-9px !important; margin-bottom:-10px !important; position:relative!important; }
 #page-c{width:800px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 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:right; }
 a:hover{cursor: crosshair;}
 a:hover,a:active{color:#084daa!important}
 #side{line-height: 1.0;}
 #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: Victorian Gothic One;font-size:300% !important;}
 .countFirstDate,.countSecondDate {text-align:center;color:#8aa9d6; }
 .pageBar,.header {font-family: Adventure; size:14px}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 #side{position:absolute !important;}
 #side h1 A {font-size: 20px !important;}
 #wrapper {border-width:3px; border-color:#fff; border-style:dotted;}
 .singlePost{padding-left:10px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:15px !important;}
 #authorName { position:absolute; top:295px; left:625px;font-size:20px; text-transform: uppercase; font-family: Figurny;}
 #globalLinks_title {display:block; width:250px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/54157739.png') 0px 7px no-repeat;}
 #globalLinks_title:hover {display:block; width:250px; height:30px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/54157922.png') 0px 7px no-repeat;}
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:250px; height:32px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/54158033.png') 0px 9px no-repeat; }
 #myDiaryLinks_title:hover, #myCommunityLink_title:hover {display:block; width:250px; height:32px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/54158036.png') 0px 9px no-repeat; }
 #iAmQuit a{display:block; width:250px; line-height:300px; background: url('/userdir/1/4/4/3/144393/54158264.png') 0px 20px no-repeat; }
 #iAmQuit a:hover{display:block; width:250px; line-height:300px; background: url('/userdir/1/4/4/3/144393/54158267.png') 0px 20px no-repeat; }
 #thisDiaryOwner_title {display:block; width:250px; height:40px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/54158255.png') 0px 15px no-repeat;}
 #thisDiaryOwner_title:hover {display:block; width:250px; height:40px; line-height:500px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/54158258.png') 0px 15px no-repeat;}
 #globalLinks{position:absolute;top:10px !important; left: 10px;}
 #myDiaryLinks, #myCommunityLinks{position:absolute;top:25px !important; left: 10px;}
 #thisDiaryOwner {position:absolute;top:40px !important; left: 10px;}
 #iAmQuit{position:absolute;top:65px !important; left:10px;}
 #globalLinks ul {position:absolute; top:4px; left:100px; width:130px; height:430px; text-align:left !important; font-size: 11px;}
 #myDiaryLinks ul, #myCommunityLink ul {position:absolute; top:8px; left:100px; width:200px; height:430px; text-align:left !important; font-size: 11px;}
 #thisDiaryOwner ul {position:absolute; top:12px; left:120px; width:200px; height:430px; text-align:left !important; font-size: 11px;}
 #side h1 a{position:absolute; top:10px; left:420px; font-size: 250%!important; color: #fff!important;text-transform: uppercase; font-family: Verona Gothic Flourishe; }
 .avatar, .avatarNew { float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 6px 0 0px 6px !important; margin: 6px 0 0px 5px; }
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #5d6a8c; border: 2px dotted #5d6a8c; margin: -6px 6px 6px -6px; padding: 4px; FILTER: progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=150, Strength=4); }
 .avatar, .avatarNew{ float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 6px 0 0px 6px !important; margin: 6px 0 0px 6px;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #ffffff; margin: -6px 6px 6px -6px; padding: 2px;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #ffffff}
 .atTag em, .atMood em, .atMusic em {font-style: normal;font-size:9px !important;color:#8bc6fc;text-transform:uppercase;}
 #epigraph, #post0 {padding-bottom: 0px !important;}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #more_login {display:none}
 #headlineList {display:none}

@темы: меню, diaryCSS

URL

14:23

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

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

друзья... а так не появилась возможность ставить ссылки в те доп div что дали платникам?

и можно ли дату время и название поста сделать в одну строку? чтобы при этом был под ним беграунд из картинки?

заранее спасибо!

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

URL

воскресенье, 11 апреля 2010

23:01

Проблемко

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

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

Подскажите, как это убрать, пожааалуйста

На всякий случай код:

body {background: # no-repeat; background-attachment: fixed; background-position: bottom center;}
 #wrapper{background: url('/userdir/1/1/6/9/1169328/54136670.jpg'); min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow: !important}
 #extratop { background: url('/userdir/1/1/6/9/1169328/54138623.png') no-repeat; width: 770px; height:657px; float: right; margin-top: 0px !important;}
 .menuSection {text-align:center;}
 .countFirstDate, .countSecondDate {text-align:center;}
 .singlePost, .singleComment, .postContent, .postContent, .header span { padding-left:5px; padding-right:9px;}
 #YaSearch, #sortFromBegin, #sortFromEnd, #epigraphActionLinks, #sortFromLastComment, #authorLiks,#authorQuot {display:none;}
 #shsmile, #content #shsmile,#L_1 a,#L_2 a,.z_n,.z_top {background:none !important;}
 #photolibLink A {content:"БИ";}
 #mainpageLink A {content:"Главная";}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid ; margin: filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color:#999; border: 1px solid #999; margin: filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important;}
 .avatar img,.avatarNew img { background-color: #999; border: 1px solid #e3d3e2; padding: 1px; }
 #thisDiaryPhoto img { border-width:3px; border-color:#999; border-style: solid;}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 3px; border-bottom-color:#999 ;}
 a:hover {color:#c3c3c3 ; background; padding: 0px; text-decoration: blink;}
 #side { filter: alpha(opacity=50); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
 #page-c { filter: alpha(opacity=40); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

@темы: дневники

URL

16:33

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

this is the fucking same

Доброго времени суток!
Возник такой вот вопрос: можно ли с помощью CSS сделать скругленые края у элементов, скажем, у выпадающих блоков меню?
читать дальше

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

URL

04:48

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

если уже было, то я очень извиняюсь)
У меня такая проблемка , меню заезжает на посты ( здесь смотреть- kijuki.diary.ru/ ), и я не знаю как его установить под extratop'ом в горизонтальном положении, так как сейчас оно расположено вертикально...
А еще у меня не отображается extrabottom...((
Вот мой код:

#wrapper{min-width:667px!important;width:667px;margin: 0 auto!important;padding:0 !important;overflow:hidden !important}
 #side{width:150px !important;margin:0 !important}
 #page-c{width:650px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #extratop { background: url('/userdir/1/1/3/6/1136784/54104498.gif') no-repeat; width:667px;height:600px; float: left; margin-top: 0px #wrapper { background: #000000;}
 #extrabottom{ background: url('/userdir/1/1/3/6/1136784/54104531.gif') no-repeat; width:667px; height:444px; float: left; margin-top: 0px body { background: #fdfdfd;}
 body{background-attachment:fixed;}

@темы: меню

URL

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

22:49

все записи пользователя в сообществе Pappy a long stocking

я верю в чудеса, даже если приходится творить их самой.

Здравствуйте.
Так получилось, что я решила сделать эпиграф недвижимым и ровненьким вот таким образом:
#epigraph {width:690px; position:fixed; z-index:1 !important;;}

Но он почему-то заезжает сильно на первую - верхнюю запись.
Может дело в какой-то другой части кода?

Помогите пожалуйста приподнять его. Никак не получается(

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

URL

18:08

шрифт названия дневника

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

「死ぬならしてからだろ!」© GACKT

здравствуйте.
а можно прописать шрифт для названия дневника?
к логину знаю как, а к названию что-то не нашла О_о

можно прописать/как, чтобы темы, музыка, настроение и заголовок не писались курсивом?

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

URL

14:11

Как разместить по центру?

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

*~Kisaki~*

Подскажите пожалуйста, сколько не искала в сообществе, так и не нашла.

Ширина была уменьшина, можно ли сделать, чтобы дневник позиционировался по центру при любом разрешении экрана?

Спасибо.

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

URL

среда, 07 апреля 2010

15:25

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

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

- можно ли сделать чтобы "@темы" отображались без @?
- и вот есть ник над аватаром в сообществе. можно сделать, чтобы ник не выходил за границу аватара а переносился по слогам/словам?

спасибо!

@темы: текст

URL

вторник, 06 апреля 2010

17:36

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

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

большинство вопросов о том, как вынести аватары в пост...

а вот как из сообщества в постах вообще убрать этот блок с аватаром и подписью к нему???
чтобы был просто ник и сразу под ним пост?)

заранее спасибо!

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

URL

понедельник, 05 апреля 2010

17:35

Как изменить сортировку записей по умолчанию?

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

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

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

URL

воскресенье, 04 апреля 2010

17:45

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

It can't rain all the time!

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

1) Пытался изменить в дизайне разделение вот этим кодом:

.singlePost {padding-bottom: 0px; margin-left: +70px !important; background: url('/userdir/1/5/7/6/1576690/53860202.gif') center bottom no-repeat; height: 70px; width: 700px}

А вышло вот что:
timeshelter.diary.ru/

Что я делаю не так или лучше какой код мне надо вставить? Буду рад за помощь. А то уже два часа над этим бьюсь.

2) И еще хотел спросить есть ли возможность поставить фотографию над ссылками в рамку? Если да, то как?

Буду благодарен за помощь.

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

URL

суббота, 03 апреля 2010

14:32

цельный фон

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

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

И снова я) На этот раз с каверзным вопросом, который меня мучает уже долгое время)
Проблема состоит в следующем: все мы знаем, что разрешения мониторов бывают разные. Если при этом использовать бесшовный фон и замостить его, то проблем никаких нет - смотрится идеально на любом мониторе. А если скажем я хочу поставить цельную картинку, которая бы закрывала весь фон, возникает проблемка. Например у меня дома разрешение монитора 1680х1050. В наличии имеется достаточно большая картинка, но в БИ я могу загрузить изображение размером 1554х1554 пикс максимум. Вопрос: можно ли при помощи какого-то платного сервиса или кода загрузить картинку бОльшего разрешения?

@темы: фоновые картинки

URL

08:48

все записи пользователя в сообществе Olice in Wonderland

боишься - не делай, делаешь - не бойся!

доброго времени суток!
у меня вообще не вставляются картинки в код... беру уже готовые шаблоны, где место для вставки картинок отмечено как, напримеp, 'ЭКСТРАТОП', вставляю туда ссылку вида userdir/1/1/2/5/1125108/49934435.png, и ничего... может кто поможет?...

URL


Запомнить