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

четверг, 22 июля 2010

00:14

Можно ли писать коментарии в CSS?

все записи пользователя в сообществе Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

Вопрос практический: можно ли в CSS писать пояснения, комментарии (особенно полезно, когда код большой).
Если да, то как оформлять?

URL

среда, 21 июля 2010

21:08

Рацпредложение, оно же вопрос.

все записи пользователя в сообществе Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

Я сейчас довольно плотно взялась за CSS. Много чего надёргала по чужим дизайнам и структурирую знания. Действие это вылилось в небольшие "уроки", которыми я собираюсь пугать своих ПЧ, в надежде, что им тоже пригодится. А здесь - целевая аудитория в количестве

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

Если идея интересна и её поддержат другие, (а администрация выделит отдельную тему) то у нас получится небольшая, но толковая энциклопедия по основным эффектам, которые здесь возможны.

Вопрос: Что скажете?

1. хорошо, когда теорию не нужно собирать по комментариям.	92	(93.88%)
2. это лишнее - здесь люди опытные и всё это давно прошли.	6	(6.12%)



Всего:	98

@темы: Мысли вслух, Точка зрения

URL

18:12

#umailLink

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

We Shepard or we Wrex, that's the plan.

Решила попробовать так:

1. Ссылки "Мой дневник", "U-mail" и "Дискуссии" заменить на картинки
2. Тире между ссылкой и цифрой, отображающей количество новых сообщений, убрать
3. Цифру отпозиционировать и бэкграунд ей какой-нибудь прописать

Для ссылки "Мой дневник" все получилось отлично

 #myDiaryLink b {background:url('/userdir/1/5/6/1/156169/56941307.jpg';) no-repeat 0; display:block; z-index: 3; zoom:1; position: fixed; top: 250px; left: 60px;display:block; width:95px; height:30px; line-height:500px;overflow:hidden;}
 #myDiaryLink span.count_box {position: fixed; top: 260px; left: -10px;}
 #myDiaryLink span.count_box a {background:url('/userdir/1/5/6/1/156169/56941307.jpg';) no-repeat; display:block;position: fixed; top: 260px; left: 160px; width: 40px; height:20px;}

Что касается умыл и дискуссий, с пунктами 2 и 3 проблем не было, но какой id у собственно ссылок "U-mail" и "Дискуссии"? Firebug показывает вот что:

Но я никак не могу взять в толк, как в коде обратиться к этой ссылке. #umailLink a - но тогда свойства прописываются и количеству новых сообщений тоже. Помогите, пожалуйста.

@темы: меню

URL

вторник, 20 июля 2010

15:21

Подскажите пожалуйста.

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

Habeas Corpus

У меня подключен Css, когда вставляю код, структура страницы изменяется. Загрузила все изображение к себе в библиотеку изображений. И на картинки вставляю ссылки именно от туда, но после сохранения ссылки на картинки исчезают ((( Подскажите в чем может быть проблема. Заранее спасибо.

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

URL

14:48

Добрый день!

все записи пользователя в сообществе жид-медведь

Ain't no rest for the wicked...

столкнулась с чем-то необъяснимым для себя:
часть меню в файрфоксе:

в остальных браузерах (эксплорер, хром, сафари) строчка *написать на ю-мейл* переносится адекватно, в две строчки:

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

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

URL

12:52

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

Не говорите так быстро, я не успеваю класть х*р на ваши слова.

Добрый день!
У меня в дневнике список тем всегда развернут (#TagsList{display:block !important;visibility:visible !important; }).
У меня вопрос - можно ли сделать так, чтобы для меня он был развернут, а для читателей выглядел как обычно, просто ссылка "Темы записей"?

@темы: меню

URL

воскресенье, 18 июля 2010

18:02

ID элементов и сложный экстратоп.

все записи пользователя в сообществе Bernadett-e

В море соли и так до чёрта, морю не надо слёз.

Уважаемые знатоки, подсикажите, пожалуйста:

1. ID заголовков: "новая запись", "комментарии" и "добавить новый комментарий"

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

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

4. отчего при добавлении того, что выделено жирным, эффект стал отображаться не навсех датах? Без "добавки" всё работало
*.postDate {height:29px; text-align:right; font-family:"Century Gothic"; font-size:150%; color: #025c7f; background: url('/userdir/5/8/5/2/585232/57909158.jpg') no-repeat }*

5. Почему при добавлении "буквицы" в случае цитирования через "написать у себя" появляются странные цифры? Вот примеры:
a1b2c3.diary.ru/p116638403.htm
a1b2c3.diary.ru/p117000752.htm
* .paragraph div:first-letter { font-size: 35px; float: left !important; float: none; font-family:"Century Gothic"; color: #025c7f; line-height:100% !important; line-height:140%; }*

По сообществу искала, но если есть вопросы, то ответов я не нашла.

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

URL

суббота, 17 июля 2010

15:12

все записи пользователя в сообществе Eiji-kun.

Танец - это вертикальное выражение горизонтального желания.

Здравствуйте. У меня новый дизайн начал выходить за границы экрана.

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

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

URL

среда, 14 июля 2010

14:54

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

златоуст

здравствуйте.
у меня не отображается экстратоп:
раз

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

URL

09:40

Темы записей

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

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

Как поменять цвет какой-то одной темы записи в общем списке тем?

URL

02:30

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

hwyl fawr

что нужно прописать, чтобы поместить дату в прямоугольник заданного цвета?
.postDate { background-color:#1111111; } не работает.
если было - не нашла, прошу прощения)

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

URL

вторник, 13 июля 2010

18:55

Отступ для групп избранного

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

Fen'Harel enansal | В девичестве Shep.

Здравствуйте! Хотелось бы поинтересоваться, можно ли прописать отступ для групп избранного, появляющегося на странице под меню? Имеется вот такая ерунда, хотелось бы ее исправить. Заранее спасибо!

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

URL

18:15

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

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

Можно ли задать другой цвет тексту, который берется в теги <б></б>

@темы: текст

URL

17:10

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

Человек с толстой мордой и тонкой душой.

Простите за истинно "чайниковские вопросы": как сделать закругленные углы у блога и окошка меню? И как вставить наверх над блогом и меню пикчу? Просто вставка сылки не дает ничего.

@темы: меню, эпиграф, платный сервис

URL

12:48

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

Добрый день.
У меня есть несколько вопросов. Честно искал. И через ссылки в эпиграфе, и через поиск по сообществу. Не нашел.
Вот вопросы:
1 - Я пытался через вот это diarycss.narod.ru/fixed-central/ (фиксированная ширина) уменьшить дневник. Но, как бы я не изворачивался,
получается вот так -

. Я не понимаю, в чем проблема.
2 - Как сделать по типу этого дизайна? kawaii-ways.diary.ru/ или itory-css.diary.ru/ Именно колонка меню интересует, очень. Как сделать так, чтобы она была такой необычной, именно на эпиграфе стояла? Снизу, но на эпиграфе, или слева, справа, не суть. Главное, чтобы можно было натянуть на эпиг и изменить шрифт под рифт самого дневника.
3 - Опять же, как сделать так, чтобы кончики дневника были такими же закругленными, как на том дневнике? Или вообще, как их можно изменять? ~~И да простит меня человек, чей дневник я беру в пример, дизайн я копировать вовсе не собираюсь.~~

Заранее благодарю за помощь.

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

URL

суббота, 10 июля 2010

00:26

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

Non vi, sed arte

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

В выпадающем меню заменяю названия элементов на картинки + фон под самим меню. Ссылки сообщества, которые по идее thisDiaryLinks, не заменяются, неподвижно висят в углу и ни на что не реагируют.
сам диз

Код меню
#thisDiaryOwner {position:absolute; top:150px; left:220px} #myDiaryLinks {position:absolute; top:150px; left:390px} #globalLinks {position:absolute; top:150px; left:530px} #thisDiaryLinks {position:absolute; top:-1px; left:0px; } #thisDiaryOwner_title {background-image:url('/userdir/1/8/2/2/1822873/57612584.png'); width:67px; height:15px } #thisDiaryOwner_title b {display:none !important} #myDiaryLinks_title {background-image:url('/userdir/1/8/2/2/1822873/57612593.png'); width:120px; height:23px } #myDiaryLinks_title b {display:none !important} #globalLinks_title {background-image:url('/userdir/1/8/2/2/1822873/57612569.png'); width:117px; height:23px } #globalLinks_title b {display:none !important} #thisDiaryLinks_title {background-image:url('/userdir/1/8/2/2/1822873/57612608.png'); width:115px; height:17px;} #thisDiaryLinks_title b {display:none !important} #thisDiaryLinks ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-position:145px 0px; background-repeat:no-repeat; position:absolute; top:-143px; left:-50px; width:750px; height:130px; text-align:center !important; padding-left:-250px !important} #thisDiaryOwner ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-repeat:no-repeat; position:absolute; top:-143px; left:55px; width:550px; height:130px; text-align:center !important} #myDiaryLinks ul li {width:210px} #myDiaryLinks ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-repeat:no-repeat; position:absolute; top:-143px; left:-115px; width:550px; height:130px; text-align:center !important} #myDiaryLink, #myCommunityLink, #writeThisDiary, #myDraftLink, #myNotepadLink, #umailLink, #myFavLink, #joinThisCommunity, #writeThisCommunity, #communityDraftLink, #communityMyPosts, #communityFav, #communityQuote, #communityAlbum, #leaveThisCommunity {position:relative; top:0px; left:40px} #myQuotLink, #discussionLink, #albumLink, #myProfileLink, #optionsLink, #photolibLink {position:relative; top:-135px; left:270px} #globalLinks ul {background-image:url('/userdir/1/8/2/2/1822873/57612230.png'); background-repeat:no-repeat; position:absolute; top:-143px; left:-255px; width:550px; height:130px; text-align:center !important}

как это у меня выглядит

Диз надо к утру доделать, помогите, добрые знающие ^^

Решение найдено)

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

URL

пятница, 09 июля 2010

22:40

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

body{:background:url('/userdir/1/8/4/3/1843645/57612572.png') fixed;}

что не так???что исправить???

@темы: diaryCSS

URL

22:18

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

Простите пожалуйста.. но в css не разбираюсь.. В сообществе читала, что-то пробовала и ничего =((( помогите ааа.... Вроде есть сайт...туда грузишь картинку, указываешь как она тебе нужна и там выдают сss...Если кто знает..то очень и очень прошу дать =)

URL

12:30

Аватар

все записи пользователя в сообществе All bitter @ dark

не нашла такого по поиску в сообществе
Можно ли сделать так что бы аватары отображались не шире 120px, но при этом те что меньше не подгонялись под эту ширину?

@темы: diaryCSS

URL

12:11

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

Кеттарийское привидение

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

Я её уже и экстработтомом прибить хотел, но она после него ещё и сместилась, сдвинувшись вверх. А если без него, то внизу получается серая полоса шириной примерно 150px (на глаз). Мне нужно убрать её насовсем.

Код

#wrapper {position:relative;}
 #wrapper{background:#eee1b7}
 #wrapper {border:1px solid}
 body{ background-attachment:fixed; }
 #epigraph a{text-decoration:none}
 #side h1 img {display: none}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0px !important;overflow:hidden !important}
 #side{width:900px !important;margin:0 !important}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #page-c a:hover,a:active{color: #c55c10!important; text-decoration:none !important}
 #page-c a{color: #794c1b!important; text-decoration:none !important}
 #side a:hover,a:active{color: #2983d5!important; text-decoration:none !important}
 #page-c {background:url('/userdir/1/7/1/2/1712500/57578213.jpg') repeat;}
 .postDate {background: url('/userdir/1/7/1/2/1712500/57580427.jpg') no-repeat; background-position:bottom; !important;}
 #extratop {background: url('/userdir/1/7/1/2/1712500/57589178.jpg') no-repeat; width: 900px; height:267px !important; padding: 0 !important; margin: 0 !important;}
 #extrabottom {background:url('/userdir/1/7/1/2/1712500/57578213.jpg') repeat; width: 900px; height:267px !important; padding: 0 !important; margin: 0 !important;}
 .avatar img,.avatarNew img {background-color:#ffffff; border: 1px solid #83b4ea; padding: 3px; }
 { background-color: #DC7901 !important }
 body{padding:0px}
 .atMusic em, .atMood em, .atTag em { font-size: 11px;}
 .atTag a{text-decoration:none}
 .paragraph {overflow: auto}
 #side, .menuSection {background: #cbccc6 }
 .menuSection{ font-size:12px;}
 #Stats, #myCommunitiesLink, #myLinks, #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #tagslistlink, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #subscribeEmail, #myNotepadLink {display:none!important}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .nextPostLink {float: right;}
 #side h1 a{position:absolute; top: 2px; left: 10px; color:#ffffff!important; font-family: 'Monotype Corsiva'; font-size: 22px; font-weight:bold;}
 #authorName { position:absolute; top:25px; left: 10px; font-size: 11px; font-weight:bold;}
 #myDiaryLink { position:absolute; top: 20px; left: 735px; color:#ffffff!important}
 #writeThisDiary { position:absolute; top:35px; left: 660px;}
 #myDraftLink { position:absolute; top: 50px; left: 660px;}
 #myFavLink { position:absolute; top: 65px; left:660px;}
 #discussionLink { position:absolute; top: 80px; left: 660px;}
 #optionsLink { position:absolute; top: 95px; left:660px;}
 #umailLink { position:absolute; top: 110px; left:660px;}
 #myProfileLink { position:absolute; top: 125px; left: 660px;}
 #photolibLink { position:absolute; top: 140px; left: 660px;}
 #mainpageLink { position:absolute; top: 165px; left: 720px; color:#ffffff!important; font-weight:bold}
 #postsCalendar{ position:absolute; top: 185px; left:660px;}
 #myQuotLink{ position:absolute; top: 200px; left: 660px;}
 #addToFav { position:absolute; top:215px; left: 660px;}
 #delFromFav{ position:absolute; top: 230px; left: 660px;}
 #writeToAuthor { position:absolute; top: 245px; left: 660px;}
 #iAmQuit { position:absolute; top: 230px; left: 660px;}
 #login_change { position:absolute; top: -60px; right: 500px;}
 #more_login a{ position:absolute; top: -80px; right: 660px;}
 #side *{border:none;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:900px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 #side li {float:left; display:block; padding-right:0px!important;}
 .left #page-t {margin-left: 0px !important;}
 .postDate { text-align:right; }
 .singlePost{padding-bottom:50px!important}

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

URL


Запомнить