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

[Bernadett-e]

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

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

Названия тем, естественно, мои


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

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

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

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

---

#umailLink

[Dark Star]

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

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 - но тогда свойства прописываются и количеству новых сообщений тоже. Помогите, пожалуйста.

@темы: меню

---

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

[Мисс_Инкогнито]

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

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

---

Добрый день!

[жид-медведь]

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


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


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

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

---

[Тайя.]

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

@темы: меню

---

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%; }*

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

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

---

[Eiji-kun.]

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

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

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

---

[severne]

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

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

---

Темы записей

[La_mignonne]

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

---

[vrnqued]

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

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

---

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

[felandaris]

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

вот такая

вот такая



ерунда, хотелось бы ее исправить. Заранее спасибо!

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

---

[Ksunny]

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

@темы: текст

---

[Poetess Lily]

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

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

---

[.Riki..]

Добрый день.
У меня есть несколько вопросов. Честно искал. И через ссылки в эпиграфе, и через поиск по сообществу. Не нашел.
Вот вопросы:
1 - Я пытался через вот это diarycss.narod.ru/fixed-central/ (фиксированная ширина) уменьшить дневник. Но, как бы я не изворачивался,
получается вот так - . Я не понимаю, в чем проблема.
2 - Как сделать по типу этого дизайна? kawaii-ways.diary.ru/ или itory-css.diary.ru/ Именно колонка меню интересует, очень. Как сделать так, чтобы она была такой необычной, именно на эпиграфе стояла? Снизу, но на эпиграфе, или слева, справа, не суть. Главное, чтобы можно было натянуть на эпиг и изменить шрифт под рифт самого дневника.
3 - Опять же, как сделать так, чтобы кончики дневника были такими же закругленными, как на том дневнике? Или вообще, как их можно изменять? И да простит меня человек, чей дневник я беру в пример, дизайн я копировать вовсе не собираюсь.

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

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

---

[Eilianta]

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

В выпадающем меню заменяю названия элементов на картинки + фон под самим меню. Ссылки сообщества, которые по идее 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}

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


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

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

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

---

[naile94]

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


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

@темы: diaryCSS

---

[naile94]

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

---

Аватар

[All bitter @ dark]

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

@темы: diaryCSS

---

[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, основные блоки, платный сервис

---

--

[stupid stump]

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

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