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

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

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

четверг, 01 апреля 2010

19:51

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

Совершенству эволюция не нужна.

Я сделал довольно объемный дизайн для знакомого человека, и очень удивился, когда увидел, что он сразу же заработал так, как нужно. Я перепроверил код - там всего много, но где ошибка я так и не понял. Всё работает и отображается корректно. У кого-нибудь такое бывало вообще? Что делать в таких случаях? Куда писать и к кому обращаться?

URL

среда, 31 марта 2010

21:50

все записи пользователя в сообществе e.katerinak

Почему-то не получается вставить картинку в поле body, почему не могу понять.. т.к. точно такой же код на следующее поле действует, а с написанием body страница становится просто белой.. Что делаю не так?
Даю код, с тем полем, в котором он сработал..
#wrapper {background-image: url('/userdir/5/3/6/2/53627/53696051.jpg'); no-repeat; fixed;}

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

URL

16:56

Все меню на экстратопе

все записи пользователя в сообществе 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 - на нем меню там где надо - справа на темной части экстратопа. На всех остальных мониторах оно уезжает( Можно как-то закрепить его относительно экстратопа, чтоб оно не ездило? Дизайн в его хаотичном состоянии смотреть здесь. Соответственно так, как и меню, уезжает название дневника.
Код:

 #extratop { background:url('/userdir/1/3/4/2/1342692/53663966.jpg') no-repeat; !important; width: 100%; height:449px; !important;}
 #wrapper{background: #060b12; min-width:800px!important; width:800px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; border:3px solid #5bc0ea; margin-top:-9px !important; margin-bottom:-10px !important; padding:0 !important; margin-top:-9px !important; margin-bottom:-10px !important;}
 #page-c {width:800px !important; padding:00 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 #page-c img{filter: alpha(opacity=50); opacity: 0.6; -moz-opacity: 0.6;}
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 .avatar img { border-width:1px; border-color:#a2d5ea; border-style:solid; padding:1px; display: block;}
 A:hover {cursor:crosshair; border-style:1px dotted #fff;}
 a:hover,a:active{color:#386b8b!important; border-style:2px dotted #d2f0fc;}
 body{background: url('/userdir/1/3/4/2/1342692/53663948.jpg') #000 Bottom no-repeat fixed;width: 100% }
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:15px !important;}
 #thisDiaryLinks {display:none}
 #thisDiaryOwner { position: absolute; left: 840px; top: 300px; width:160px !important; text-align:right;}
 #myDiaryLinks{ position: absolute; left: 940px; top: 300px; width:160px !important; text-align:right;}
 #globalLinks{ position: absolute; left:1060px; top: 300px; width:160px !important;text-align:right;}
 #iAmQuit {display:none}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul { text-transform: lowercase; line-height:95% !important;letter-spacing: 0px !important;font-size: 11px !important; }
 #thisDiaryLinks ul a, #myDiaryLinks ul a, #thisDiaryOwner ul a, #globalLinks ul a, #myLinks ul a, #Stats ul a, #pchs ul a, #lastComments ul a {color: #87c4eb!important; letter-spacing: 0px !important; font-size: 11px !important;}
 #side h1 a{position:absolute; top:10px;left:850px; font-size: 17px; color: #8ac4f6!important;text-transform: uppercase; font-family: Yonezawa; }
 #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}
 #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}
 .header h2 {display:none;}
 .postDate {text-align:left !important; font-family: Arial; font-size: 13px !important; color: #a745fb!important; text-transform:uppercase; line-height: 55%; }
 .header span{font-family: Yonezawa; color: #91d1de; font-size: 20px; text-transform:lowercase; line-height: 55%;}
 .atTag {margin: 5px 0 !important; font-family: Trebuchet MS; color:#29567a!important; font-size: 8px !important; padding: 5px !important; border: 1px dotted #19f4e4; width: 90% !important;}
 #authorName {display:none;}

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

URL

вторник, 30 марта 2010

22:29

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

Мяф?

Здравствуйте!
Есть проблема такого характера: для дневника был выбран дизайн с экстратопом, экстработтом и меню Tex'а.
Сделала все, вроде работает и все красиво. Кроме экстработтома. Он у меня намертво повис вверху и все. Лишь чуть чуть стеснительно выглядывает из-за враппера.
Вот так
Подскажите, в чем проблема и как решить?
Еще недоделанный стиль

* html body{behavior:url("/files/csshover.htc");}
 * html #wrapper{overflow:visible;}
 body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#c264e5!important; background:#f3ecff;}
 .postDate, .postTitle {color:#9e5bc8!important; font-size:100%!important; font-weight:700!important;}
 A {color:#9e5bc8!important;}
 #wrapper{ background:#fff; padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important;}
 #side {margin:0 !important; padding:0 !important;}
 #side .bordered {width:980px;background:#360836; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5; left:150px;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #side A, #side {color:#fff!important;}
 #extratop {background: url('/userdir/9/3/4/8/934872/53645639.jpg') no-repeat; width: 980px; height:347px !important; padding: 0 !important; margin-top: 0px !important; position:absolute; top: 136px; left:150px;}
 #page-c {height:auto; margin:0!important; position: absolute; top: 475px; left:150px; width: 980px;}
 #page-t {margin:0!important;}
 .singlePost {height: auto !important; height: 1em; border: 0 !important;}
 #thisCommunityMember, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:26px; margin:0!important; }
 #YaSearch {padding:0!important; margin:0!important;height:0!important;border:0!important;}
 #YaSearch A {display:none;}
 #YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:235px; height:45px; padding:5px 10px 1px; position:absolute;right:0; top:55px;}
 #YaSearchForm .submit {height:18px;}
 #yaquery {color:#fff!important;}
 #thisCommunityMember ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:960px; padding:10px 10px; position:absolute;left:0; top:90px;}
 #lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd; display: none;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisCommunityMember:hover ul, #thisCommunityMember ul:hover {display:block!important; z-index:10;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisCommunityMember ul {background:#e5a3e5;}
 #thisCommunityMember {background: url('/userdir/9/3/4/8/934872/53645726.gif') #e5a3e5 no-repeat;}
 #globalLinks ul {background:#591058;}
 #globalLinks {background: url('/userdir/9/3/4/8/934872/53644910.gif') #591058 no-repeat;}
 #thisDiaryOwner ul {background:#ee6eee}
 #thisDiaryOwner {background: url('/userdir/9/3/4/8/934872/53645708.gif') #ee6eee no-repeat;}
 #myDiaryLinks ul {background:#b04fb6;}
 #myDiaryLinks {background: url('/userdir/9/3/4/8/934872/53644802.gif') #b04fb6 no-repeat;}
 #lastComments ul {background:#AE015C;}
 #lastComments {background: # #AE015C no-repeat;}
 #pchs ul {background:#005286;}
 #pchs {background: # #005286 no-repeat;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
 #extrabottom{height:69px;background:#360836 url('/userdir/9/3/4/8/934872/53645912.jpg') no-repeat;}
 #thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
 #thisDiaryInfo A, #side H1 A {color:#fff!important;}
 #thisDiaryInfo {width:350px;text-align:right; padding: 10px 10px 0 0!important; background:#000; }
 H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important; background:#000!important;display:block;}
 .search {width:160px !important;}
 .sign {font-size:80%; color:#666;}
 .header {color:#c264e5!important;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
 #TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important;}
 #TagsList LI A {padding:0 !important; }
 .postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
 .comments {background: # no-repeat; padding:0 0 0 20px!important;}
 .subscribe {background: # no-repeat; padding:0 0 0 20px!important;}
 .addToQuote {background: # no-repeat; padding:0 0 0 20px!important;}
 .umail, .email {background: # no-repeat; padding:0 0 0 20px!important;}
 .diary {background: # no-repeat; padding:0 0 0 20px!important;}
 .profile {background: # no-repeat; padding:0 0 0 20px!important;}
 .bordered, .menuSection {border: none !important;}
 .text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#Add64e5 1px solid!important;color:#fff!important}
 #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
 #JournalComments .singlePost div.paragraph {margin:0!important;}
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}

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

URL

18:43

background-attachment

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

“To be good is not enough when you dream of being great.”

Здравствуйте, у меня тут проблема с которой никак не могу разобраться. Дело в том, что я хочу втавить фоновую картинку в экстратоп, и еще одну в враппер. Ни одна ни другая не отображается, когда я прописываю background-position: fixed;
Если ставлю scroll, всё показывается, но мне нужно, чтобы изображение было зафиксировано

Вот кусок кода:
#wrapper{ width: 880px; background-attachment: fixed !important; background-image: url('/userdir/2/8/6/8/286863/53661185.jpg') !important; background-position: 50px 20px !important; background-repeat: no-repeat !important; border: 2px dotted black; }
#extratop{ width: 880px; height: 400px; overflow: hidden; background-attachment: fixed; background-image: url('/userdir/2/8/6/8/286863/53661194.jpg'); background-color:black ; background-position: 50px 20px; background-repeat: no-repeat !important;}

Интересно то, что в предпросмотре всё видно как надо, картинки загружены в БИ, они подходят по размеру... Не знаю, в чем дело... :crazy:

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

URL

понедельник, 29 марта 2010

18:31

Строка "Найти"

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

"Никогда не следует доверять женщине, которая называет вам свой возраст. Женщина, способная на такое, способна на все."(с.)

Доброго времени суток.
Сегодня открыв дневники обнаружила строку "найти" в абсолютно непригодном для неё месте. Появилась она совершенно внезапно, еще вчера вечером не было.

Подскажите, как убрать её.

@темы: меню

URL

01:57

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

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

Какими последствиями чревато написание !important везде, где не лень?

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

URL


Запомнить