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

пятница, 23 сентября 2011

17:32

Дайрирубли

все записи пользователя в сообществе Время...

Все изменится. Рано или поздно. Так или иначе.

Немного не в тему, но без этого и опция CSS не доступна)
Готова обменять дайри.рубли на мобильниковские деньги, или на электронные.
***

Дорогие дайриковцы, есть к вам коммерческое предложение, весьма для вас выгодное (:
действительно только для дайриковцев со стажем в 4-5 лет, увыУ меня на дайри. ру висит определенная сумма денег, которую мне очень хочется перевести куда-нибудь еще: на Яндекс.кошелек, на Монета.ру или хотя бы кинуть на мобилку))) Но т.к. это, увы, невозможно, то я предлагаю всем желающим (тем, кто пользуется платными сервисами и кому нужны дайри.рубли) совершить выгодный для всех обмен:
Вы кидаете мне определенную сумму денег на мобильник или Яндекс.кошелек, а я здесь, на дайри.ру переводу вам эту же сумму.
Если кто не в курсах, я – не обманщица, а ходячий магазин, занимаюсь продажами уже… оймамадорогая, 2.5 года! У меня есть странички, где можно почитать отзывы людей и оставить свои, т.ч. все честно)))
Вам не нужно платить больших наценок (для справки - сейчас чтобы оплатить сервисы, на дайри.ру взымаются приличные проценты, в 30-50 рублей, и больше, вы же не теряете этих денег).

По всем вопросам стучите в личку, все поясню и расскажу))
Буду ОЧЕНЬ благодарна, если поучаствуете)))

Почему именно для "бывалых" дайриковцев - дневники сдирают умопомрачительные проценты за переводы внутри сети, чуть ли не 40% от суммы. Я узнала это только сейчас, и это, увы, и для меня - дикость - терять 100 рублей при переводе в 300 *о*
Но для тех, у кого есть стаж на дайри - эти проценты за перевод снижаются. Т.е. если вы здесь 5 лет, то, если я отправлю вам 100 ру, вы и получите 100 ру.
Увы %(

@темы: платный сервис

URL

четверг, 22 сентября 2011

20:47

Разные стили для разных ников

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

Мы не ангелы, парень

возможно ли применить что либо к отдельным никам? то есть, есть ли у них какие-то айди?

@темы: текст

URL

20:29

все записи пользователя в сообществе Shi-o

Не держи зла, держи дробовик (с)

Надеялась сделать что-то своим умом, но, видимо, опыта пока маловато, поэтому ищу помощи тут.
Итак, идея была в том, чтобы в комментариях аватар+ник+подпись перетащить наверх и в центр, а внизу оставить текст. Первая часть прошла на ура, но .paragraph не желает двигаться. Кажется, все прописано, ну или хотя бы раз было прописано, верно, но никаких подвижек. нет.
Помогите, спасите, что делать?

скриншот
код

+ как сделать, чтобы, при установке у цитаты боковой границы, эта граница распространялась на всю цитату, а не только на первую строчку?

URL

среда, 21 сентября 2011

06:06

разные стили для разных типов страниц

все записи пользователя в сообществе pink pony Polly

Делай, что хочешь, но делай это хорошо!

Здравствуйте. Подскажите пожалуйста, как задать отдельный стиль для страницы со списком заголовков? Здесь не указано имя селектора для списка заголовков, а по аналогии #JournalHeadline - не работает.

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

URL

вторник, 20 сентября 2011

07:30

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

пизденящий душу леденец...

Здравствуйте!
Подскажите пожалуйста как сделать, чтобы выпадающее меню не просто "выпадало", а плавно появлялось и исчезало как здесь will-grell.diary.ru/
Заранее спасибо)

@темы: меню

URL

понедельник, 19 сентября 2011

21:10

Выпадающее меню

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

Мы не ангелы, парень

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

.top .menuSection {position: relative; text-align: center}
.top .menuSection ul {bottom:100%;margin-bottom:5px;}

НО можно ли сделать так что бы выпадало сверху только конкретнное. Например записи и Сообщество, а Мой дневник был стандартным?

@темы: меню

URL

02:49

все записи пользователя в сообществе milk is love

shoots to kill, but aims to please

Добрый вечер. Подскажите, пожалуйста, айди обращения в комментариях.

@темы: diaryCSS

URL

воскресенье, 18 сентября 2011

19:37

Закругленные края

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

Мы не ангелы, парень

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

читать дальше

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

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

URL

16:18

все записи пользователя в сообществе Vamp in house

ничнто не истинно. все дозволено (с)

Дизайн делался под разрешение 1024 на 600. Подскажите пожалуйста можно ли подогнать это оформление так чтобы при разрешение экрана 1280 на 800 блок записей не съезжал?
Код:

#Stats { left:240px; position:absolute; top:175px; }
 #YaSearch { border:1px solid #806b56; color:#000 !important; left:50%; margin-left:7px !important; position:absolute; top:223px; z-index:10 !important; height:32px; padding-top:0px !important; }
 #YaSearch INPUT { background-color:transparent !important; }
 #YaSearchForm { display:block !important; visibility:visible !important; width:150px; z-index:15; }
 #YaSearchForm img,#YaSearch .submit,#YaSearch a { display:none; }
 #allDiaryLink a { background:url('/userdir/2/7/2/4/2724340/71472754.png') no-repeat; display:inline; height:113px; line-height:300px; overflow:hidden; padding-left:-100px; position:absolute; right:-105px; top:-300px; width:113px;}
 #epigraph,#epigraph .singlePost { background:none; margin:0 !important; padding:0 !important; }
 #epigraph {position:relative; top:-60px;}
 #extrabottom { background:url('/userdir/2/7/2/4/2724340/71456610.png'); height:135px; width:1000px;position:relative;}
 #extratop { background:url('/userdir/2/7/2/4/2724340/71456125.png'); height:201px; width:1000px;position:relative;}
 #faqLink a { background:url('/userdir/2/7/2/4/2724340/71472748.png') no-repeat; display:inline; height:108px; line-height:300px; overflow:hidden; position:absolute; right:-110px; top:170px; width:107px; }
 #globalLinks { position:absolute; text-align:right; top:260px; width:315px; }
 #lastComments,#myLinks,#pchs { position:relative; text-align:center; top:410px; }
 #login_form { position:absolute; top:315px; width:180px; z-index:5; }
 #mainpageLink a { background:url('/userdir/2/7/2/4/2724340/71472757.png') no-repeat; display:inline; height:111px; line-height:300px; overflow:hidden; position:absolute; right:-100px; top:-430px; width:118px; }
 #myDiaryLink a { background:url('/userdir/2/7/2/4/2724340/71472861.png') no-repeat; height:108px; line-height:300px; overflow:hidden; position:absolute; right:-305px !important; top:-80px !important; width:107px; }
 #myDiaryLink span.count_box { background:url('/userdir/2/7/2/4/2724340/71473034.png') no-repeat; color:#000; height:116px; overflow:hidden; position:absolute; right:480px !important; top:-435px !important; width:169px; }
 #myDiaryLink span.count_box a { background:none; font-size:18px; left:-7px; position:relative; top:-65px !important; }
 #myDiaryLinks { position:absolute; top:262px; z-index:5; }
 #myDiaryLinks_title,#thisDiaryLinks_title,#thisDiaryOwner_title,#globalLinks_title,#pchs_title,#lastComments_title,#myLinks_title { display:block; font-size:14px; font-weight:700; margin-bottom:5px; margin-top:15px; text-transform:uppercase; }
 #page-c {width: 1000px; min-width: 1000px !important; background: url('/userdir/2/7/2/4/2724340/71457006.png') repeat-y; position:relative;left:0px;}
 #page-t { position:relative; right:200px;width:500px; }
 #paySupportLink { left:215px; position:relative; }
 #photolibLink,#paySupportLink { width:100px; }
 #side { left:570px; width:358px;position:absolute; top:265px;!important;}
 #side h1 { height:58px; left:-14px; position:relative; text-align:center; top:-80px; width:337px; }
 #side h1 a { color:#323232 !important; font-weight:700; position:relative; text-transform:uppercase; top:21px; }
 #thisDiaryLinks { position:absolute; top:150px; z-index:5; }
 #thisDiaryOwner { left:175px; margin-right:13px; position:absolute; text-align:right; top:-15px; width:150px; z-index:1; }
 #thisDiaryPhoto,#authorName { left:-100px; position:relative; top:-70px; z-index:5; }
 #umailLink span.count_box { color:#F4D6A9!important; }
 #umailLink span.count_box a { background:url('/userdir/2/7/2/4/2724340/71473091.png') no-repeat; color:#000; font-size:20px; height:97px; line-height:500px; overflow:hidden; position:absolute; right:-190px; top:-457px; width:166px; }
 .header h2{ font-size:17px;text-align: center!important;position:absolute; }
 .header{ position:relative; right:-190px;}
 .offtop { color:#999 !important; }
 .postContent { padding-top:50px; }
 .postDate { color:#7F4A15 !important; position:relative; top:83px; }
 .section,.formcontainer,.paragraph { overflow:auto; }
 .singlePost { background:url('/userdir/2/7/2/4/2724340/71448363.png') no-repeat; background-position:bottom; padding-bottom:40px !important; padding-right:15px !important; }
 INPUT { color:#F4D6A9 !important; }
 a {font-size:13px; color:#614220 !important;}
 #tagslistlink {background-color:#E7CEA7!important; z-index:16;}
 #postsArea .paragraph img {max-width:445px !important;}
 .avatar img { border-width:4px; border-color:#A76E12; display: block;max-width:100px !important;border-width:5px; border-style:double; }
 body { font-size:15px; margin:0; padding-top:70px !important; }
 input.submit, .submit {border: none; background-color:transparent; color:#614220;font-style:italic;font-weight:bold; font-size:1.0em;}
 #side {text-align: center;}
 .sign{text-align: center;font-size:11px; }
 a:hover { color: #A37322!important;text-decoration: none; }
 #JournalFavorite img {max-height: 175px;width:auto;}
 #side h1 a{width:285px; height:75px; position: absolute !important; line-height:500px; overflow:hidden; top: -20px; left: 25px;background: url('/userdir/2/7/2/4/2724340/71470915.png') no-repeat;}
 #authorName { display:block;!important; width:163px; height:53px; position: absolute !important; line-height:500px; overflow:hidden; top: 120px; left: 16px;background: url('/userdir/2/7/2/4/2724340/71471420.png') no-repeat;}
 #wrapper {min-width: 1000px;}
 #epigraph .postTitle{display:none}
 .postActionLinks{left:-150px; position:relative; }
 .postTitle {position:relative !important; left:150px!important; }
 .header span {color: #5C3C69!important;position:absolute ; left:-90px; width:150px; height:43px;background: url('/userdir/2/7/2/4/2724340/71473428.png') no-repeat;}

Скрин в норме:

Скрин при большем разрешении:

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

URL

суббота, 17 сентября 2011

20:04

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

Мы не ангелы, парень

1. Я заменил ссылки Вступить в сообщество и Добавить в избранное на картинки но при клике картинка не меняется на "Выйти и удалить" сразу а появляется только после перезагрузки страницы. Это возможно исправить как то?

2. У меня меню слева, но я бы хотел поставить себе кнопку наверх которая есть в дневниках с меню сверху, это возможно? И можно ли сделать такую же кнопку только которая бы опускала страницу вниз. Если нет, то возможно ли счетчик страниц из конца записей перенести вверх под эпиграф?

3. Как убрать верхний разделить над предыдущей и следующей записью в комментариях? Находил этот код по по поиску .singleComment {border-top: none !important; } но у меня не убралось.

4. Сделал название сообщества картинкой, которая при наведении меняется, все нормально было бы если бы не одно НО.. ссылка не активна, почему не знаю. Картинки меняются, но не нажимаются. Возможно для сообщества вместо side h1 нужно что то другое?

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

@темы: текст, меню, эпиграф, Дизайн

URL

16:10

Дополнительные блоки и вставка объектов

все записи пользователя в сообществе pink pony Polly

Делай, что хочешь, но делай это хорошо!

Здравствуйте, есть несколько вопросов... Поиском не получается, может быть я неправильно гуглю?
Довольно давно программеры дайри вроде бы ввели дополнительные блоки каждого элемента. Я об этом Diary Spirit. Дизайн дневника. Подскажите, не поднималась ли где-нибудь тема о произошедших изменениях и проблемах, возникающих в связи ними? Если не сможете припомнить тему, ответьте, пожалуйста на пару вопросов...

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

URL

пятница, 16 сентября 2011

16:36

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

пизденящий душу леденец...

Название дневника в Opera выглядит не так как в Гуглхроме и вообще обрезано.

Помогите найти ошибку. Заранее спасибо))

body {background:url('/userdir/1/8/1/6/1816774/71048122.jpg');}
 #wrapper{background:#f5ebe8; min-width:940px!important;width:940px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #extratop {background: url('/userdir/1/8/1/6/1816774/71048126.jpg') no-repeat; width: 940px; height:583px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background: url('/userdir/1/8/1/6/1816774/71048463.jpg') no-repeat; width: 940px; height:150px; margin-top: -1px !important;}
 #page-c {width: 900px !important; background:url('/userdir/1/8/1/6/1816774/71048153.jpg') repeat-y; margin-left: 20px !important; margin-top: -100px !important;}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:880px; margin: 0px 0px 0px 0px !important; }
 .postTitle {background:url('/userdir/1/8/1/6/1816774/71048155.jpg') no-repeat 50% 50%; color : #6b6f6e !important; font-size: 17px !important; text-align: center; text-shadow: 0px 1px 1px #EEEBD8; margin-bottom: 30px!important;}
 .postDate {color : #6b6f6e !important; font-size: 17px !important; text-align: center; text-shadow: 0px 1px 1px #EEEBD8; margin-top:0px !important;}
 .menuSection {text-align:center; }
 #myDiaryLinks_title {display:block; width: 170px; height: 60px; line-height: 700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/71048141.png') no-repeat;}
 #myDiaryLinks ul {width: 200px; height: 230px; background: url('/userdir/1/8/1/6/1816774/71048149.png') no-repeat; text-align:center; padding: 5px 0px 0px 0px !important; margin-top: 0px!important; margin-left: -28px !important;}
 #globalLinks_title {display:block; width: 150px; height: 60px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/71048133.png') no-repeat;}
 #globalLinks ul {width:200px; height:230px; background: url('/userdir/1/8/1/6/1816774/71048149.png') no-repeat; text-align:center; padding:5px 0px 0px 0px !important; margin-top: -10px !important; margin-left: -20px !important;}
 #thisDiaryOwner_title {display:block; width:150px; height:60px; line-height:700px; overflow:hidden; background: url('/userdir/1/8/1/6/1816774/71048138.png') no-repeat;}
 #thisDiaryOwner ul {width:200px; height:230px; background: url('/userdir/1/8/1/6/1816774/71048149.png') no-repeat; text-align:center; padding:5px 0px 0px 0px !important; margin-top: -1px !important; margin-left: -25px !important;}
 .top .menuSection {position: relative;}
 .top .menuSection ul {bottom:100%;margin-bottom:5px;}
 #myDiaryLinks {position:relative; top:-150px; left:70px }
 #globalLinks {position:relative; top:-150px; left:80px }
 #thisDiaryOwner {position:relative; top:-150px; left:50px }
 #side h1 a {repeat-x bottom; position:relative; left:550px; top:-160px;font-family: "Tahoba"; color: #ad76d4; font-size: 34px;text-shadow: -1px -1px #000, 1px 1px #FFF;}
 #side h1 a:hover{color:#b41b87; text-decoration:none;}
 #authorName {position:relative; right:750px; top:30px; font-family: "Tahoba"; color: #ad76d4; font-size: 24px;text-shadow: -1px -1px #000, 1px 1px #FFF;}

URL

00:03

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

если не нужно драться, незачем и побеждать

хэлпппп!
поставила экстработтом, но после него почему-то странница удлинняеться...сильно...
ну и плюс на него размещаю допольнительные блоки( бабочка и бантик) в мазиле ок, в других уезжают...с чем может быть связано?
спасибо
код собственно
читать дальше#extratop {background: url('/userdir/1/7/2/4/1724476/71143104.png') no-repeat 50% 50%; height:420px !important;}
body {background: url('/userdir/1/7/2/4/1724476/71175734.jpg') repeat; background-attachment:fixed; }
#wrapper{background: url('/userdir/1/7/2/4/1724476/71382922.png')!important; min-width:550px !important; width: 550px;!important;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px!important;}
#page-t {width:530px !important; margin-left:0px !important; padding:10px;}
#bottomNav, #topNav, #thisDiaryLinks, #lastComments, #photolibLink, #randomDiaryLink, #favListLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #postsCalendar, #upInChart, #menuSection_title, #writeToAuthor , #subscribeEmail, #rssLink, #tagslistlink, #addToFav{display: none !important; }
.header span{color:#38200f; font-family: EpsilonCTT;}
.header{color:#38200f;font-family: EpsilonCTT;font-size: 15pt;}
.header h2{color:#38200f;font-family: EpsilonCTT;font-size: 16pt;}
.avatar img { border: 1px solid #72513b; padding:2px; width:100px !important;}
.postDate{color:#38200f;!important; font-family: EpsilonCTT;!important; font-size: 16pt !important; }
.postDate,{text-align:center !important; }
#side {position: absolute; top: 430px; left:165px; text-align: center; max-width: 170px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px!important; background:url('/userdir/1/7/2/4/1724476/71382922.png') ;}
#add_block1 { background: url('/userdir/1/7/2/4/1724476/71425655.png') no-repeat; position:absolute; margin-left:285px !important ; position:absolute;top:555px; padding:1 !important; width:350px; height:250px;z-index:1;}
#add_block2{ background: url('/userdir/1/7/2/4/1724476/71424435.png') no-repeat; position:absolute; margin-left:510px !important ; position:absolute;top:9640px; padding:1 !important; width:350px; height:250px;z-index:1;}
#add_block3{ background: url('/userdir/1/7/2/4/1724476/71431138.png') no-repeat; position:absolute; margin-left:505px !important ; position:absolute;top:9660px; padding:1 !important; width:350px; height:250px;z-index:1;}
#extrabottom{!important;no-repeat 50% 50%; height:100px!important; line-height:100% !important;}
#add_block4{ background: url('/userdir/1/7/2/4/1724476/71431138.png') no-repeat; position:absolute; margin-left:636px !important ; position:absolute;top:9700px; padding:1 !important; width:350px; height:250px;z-index:1;}

URL

четверг, 15 сентября 2011

15:37

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

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

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

URL

среда, 14 сентября 2011

21:26

все записи пользователя в сообществе safe and sound

are you?

Подскажите. пожалуйста, какой id у этого блока меню (выделен красным)?

Заранее благодарю.

@темы: меню, Дизайн, Учеба

URL

вторник, 13 сентября 2011

21:58

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

если не нужно драться, незачем и побеждать

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

вот код

читать дальше

@темы: меню

URL

20:25

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

Уважаемые ПЧ сообщества,у меня вопрос.
С помощью какого кода делали эффект с автарками как в этом сообществе : [J]DESIGN +[/J] ?

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

URL

13:56

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

Siamo fatti della stessa sostanza dei sogni

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

URL

00:30

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

После того как заканчивается основной фон (вертикальная полоса) - видим жутковатый серый фон. изменением цвета фона дневника и добавлением картинки в фоновое изображение не решается.
скрин
очередной горе - код
что с этой фигней делать? 0о

URL

воскресенье, 11 сентября 2011

23:57

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

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

URL


Запомнить