[Вла]

У моего дневника тёмный фон сообщений, на котором чёрные элементы смайликов (например, конечности у этого: ) плохо различимы. Можно ли запретить прозрачность смайликов, т.е. чтобы они были в белых прямоугольниках по своему размеру (и можно ли там задать другой цвет, кроме белого)? Не страшно, если повлияет и на другие изображения в постах, всё равно я картинки почти не пощу.

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

---

[Trickster]

Доброго времени суток.
Дизайн можно посмотреть не дневнике, он открыт.
Собственно, что я пытаюсь сделать и что не получается:
1. Как убрать название под надпись на эктратопе, чтобы оно было кликабельно, но при этом самой надписи видно не было? Пытался прописать картинкой, как с разделами меню, но не вышло, то есть почему-то напдись все равно появлялась над картинкой.
2. Как зафиксировать экстратоп так, чтобы записи с меню вместе под него уезжали? При position:fixed z-index:1! - ничего не меняется, при просто position:fixed или при position:fixed; z-index:1! эстработом вообще исчезает.
3. Плюс, мне надо, чтобы такие ссылки, как теги, дата поднятия записи, ссылки на сторонние ресурсы в постах, море и ссылки в эпиграфе, как и остальные, почеркивались на наведении на них мышкой.
А проблемы все еще актуальны. С меня - благодарность, хм, да хотя бы в виде дайрирублей, если уж на то пошло. Ибо сил уже нет с этим дизайном возиться и хочется добить.
Решено, спасибо  MysteryLove.

запись создана: 04.02.2012 в 18:37

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

---

пункт "краткое избранное"

[вотЪ]

итак, кто будет зайкой и подскажет, какой id у пункта "краткое избранное", чтобы я его снесла?
с меня цветы, конфеты и похвалы)
заранее спасибо

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

---

Ссылка наверх страницы

[Finsternis]

В табличном, кажется, дизайне с меню вверху есть ссылка наверх страницы #bottom_up. Во всех остальных ее нет, да?
А если ее в остальных конфигурациях где-то выудить можно - скажите где. Заранее огромное спасибо.

@темы: diaryCSS

---

[pro-35]

День добрый!Быть может,кто-то найдёт время подсказать?Не отображаются ссылки(комментарии,цитатник и т.д.) Явная ошибка с заданием цвета,но я никак не могу понять,где она.Времени заниматься серьёзно не было,поэтому код чужой,мною отредактированный в нескольких местах.Поэтому там вполне может быть много лишнего.

это вид дневника

вот они ссылки

код:

* html body{behavior:url("/files/csshover.htc";);}
* html #wrapper{overflow:visible;}
body {padding:10px !important; font-family: "Helvetica"!important; font-size:75%!important; color:#828282!important; background: url('/userdir/2/0/1/3/2013469/73458443.jpg');}
.postDate, .postTitle {color: #006400 !important; font-size:100%!important; font-weight:700!important;}
#wrapper{ background: #000000 ; 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: url('/userdir/2/0/1/3/2013469/73457057.gif'); height:125px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5;}
#side li {float:left; display:block; padding-right:7px!important;}
#side A, #side {color:#fff !important;}
#extratop {height:120px;}
#page-c {height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em;border: 2px solid #828282 !important}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments,#pchs, h1 {clear:none; float:left; display:block; width:100px; height:26px; margin:0!important; }
#thisDiaryLinks 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 !important;}
#lastComments:hover ul, #lastComments ul:hover,#globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
#myDiaryLinks, #myDiaryLinks ul {display:block;}
#thisDiaryLinks ul {background:#000000 !important;}
#thisDiaryLinks {background:#000000 !important;no-repeat;}
#myDiaryLinks ul {background:#}
#myDiaryLinks {background:# no-repeat;}
#thisDiaryOwner ul {background:#000000 !important;}
#thisDiaryOwner {background:#000000 no-repeat;}
#lastComments ul {background:#000000 !important;}
#lastComments {background:#fff no-repeat;}
#thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink,#lastComments_title {display:none !important;}
#thisDiaryInfo { width:100px;text-align:right; padding: 10px 100px 0 0!important; }
#thisDiaryInfo, H1 {font-size:130%!important;margin:0!important; height:100px!important;}
H1 { width:700px;text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:160px !important;}
.header {color:#32CD32 ! important;}
.sign {font-size:80%; color:#fff;}
#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; }
.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: "Helvetica",Arial,sans-serif!important;border:#fff 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;}

---

[Marciana]

Я совсем неопытная в СSS, может кто нибудь пожалеет неумеху и скажет, что надо сделать (((
На главной странице оба бордюра на месте, а в комментариях правый исчезает, это можно исправить?

картинка

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

---

[Hofrennydd]

Некая проблема с цитированием образовалась. Не появляется кнопка "цитировать" при выделении текста. Тестили в разнообразных браузерах - не работает и всё тут. Может быть найдутся добрые люди, что ткнут носом неразумного в предполагаемую ошибку в коде, бо сам ну никак додуматься не могу, в чем тут может быть дело. Мож чего убрать/добавить требуется...
Заранее очень благодарен.
Код:

 body {background-image: url('/userdir/1/0/5/7/1057470/73431114.jpg'); background-repeat: no-repeat !important; background-attachment: fixed; background-position: relatiwe; background-position: bottom right !important; }
 #extratop { background: url('/userdir/1/0/5/7/1057470/73416197.png') no-repeat; !important; background-position: center; width: 877; height: 456px; line-height: 100% !important; }
 #wrapper {min-width: 877px !important; width: 877px; margin:0 auto !important; float: left !important; position: relative;}
 #YaSearch, #myStatLink {display:none;}
 #side {width: 877px !important; margin:0 !important; background: url('/userdir/1/0/5/7/1057470/73416226.png'); text-shadow: 1px 1px 7px #000000; position: relative;}
 #side ul {background: url('/userdir/1/0/5/7/1057470/73416226.png'); }
 #postsArea, #commentsArea, #addCommentArea {padding-left:40px !important; padding-right:45px !important; margin: 20px 20px 20px 20px; background: url('/userdir/1/0/5/7/1057470/73416226.png'); position: relative;}
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:5px !important;}
 .singlePost{padding-bottom:5px !important;}
 .singlePost{padding-top:25px !important;}
 .postContent{font-style: normal; display: block; margin: 20px;padding: 20px; border:1px solid #413e39; background: url('/userdir/1/0/5/7/1057470/73416245.png');}
 .postLinksBackg {display:block !important; margin-top: 5px !important; padding:15px 10px 20px 0px !important; position: relative;}
 .avatar img {border: 3px double #413e39; position: relative;}
 .urlLink {position: relative; left: 15px;}
 .postActionLinks {position: relative; right: 3px;}
 .header h2 {position: relative; left: -22px; }
 .postDate span {position: relative; right: 25px; font-size: 15px; padding: 0px 15px 1px 7px; text-shadow: 0px 0px 1px #000000; color: #545454}
 .header span {position: relative; right: 42px; font-size: 14px; }
 .postActionLinks {position: relative; right: -50px;}
 .authorName {position: relative; left: 23px;}
 span.quote_text {font: 12px Tahoma; display: block; margin: 15px 5px 0px 5px; padding: 15px 15px 5px 15px; border-top:1px solid #413e39; border-bottom: 1px solid #413e39;}
 .htmlbox textarea, input.text, #trspisok textarea, #close_text {color: #545454 !important; }
 

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

---

границы постов

[Karasu-Sora]

Уважаемые знатоки css! Будьте добры, помогите вот с этим:

соответственно в каком-то посте его верхние границы наезжают на предыдущий, а в каком-то нет. Это происходит не через один пост, а когда как. Объясните, пожалуйста, почему так, и как это исправить. Заранее очень признательна вам.)

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

---

[Ню]

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

 {---------display:none----------}
 #thisDiaryPhoto, #upInChart, #tagslistlink, #postsCalendar, #rssLink, #thisDiaryLinks, #myDraftLink, # #myDiaryLinks ul, #myNotepadLink, #myQuotLink, #myLinksLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, #myLinks, #pchs, #lastComments, #Stats, #headlineList, .header.order_button, .profile, .email, .prevnext, .sign, #epigraph, #favGroups .opac6, #side h1 .opac6, .atMusic, .atMood, .atTag span, {display:none !important;}
 #thisDiaryLinks ul, #globalLinks ul, #myDiaryLinks ul, #lastComments ul, #pchs ul, #thisDiaryOwner ul, #myDiaryLinks, #thisDiaryLinks ul, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #myDiaryLinks ul, #lastComments, #pchs, #iAmQuit, #myDiaryLinks b {display:none;}
 #addToFav {display:block;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #NContent, #login_form, #pchs_title, #lastComments_title, #myNotepadLink, #albumLink, #myDraftLink, #photolibLink, #myQuotLink, #thisDiaryLinks_title {display:none !important;}

@темы: меню

---

[горган]

Доброго времени суток!
В эпиграфе у меня находится add_block, прописанный через css. Мне нужно, чтобы он отображался только на основной странице дневника. Адреса черновика/избранного/и.т.д мне удалось найти, но на новую запись такой ссылки нет. Можно ли как-то прописать, чтобы он не отображался и на странице создания новой записи?
Этот же блок должен быть обтекаем текстом. Я вставила в сам эпиграф картинку цвета фона, сделала ее обтекаемой, а блок просто находится над ней. Мозилла и хром показывают все правильно, а вот опера только так. В чем может быть проблема?

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

---

Аватар за поля

[-=Beautiful Art Community=-]

Хочу что бы аватр выходил за границы, но двигая его он просто обрезается. как это исправить?

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

---

Убрать отступ

[Yuta Mori]

Мой код:

 #extratop {background: url('/userdir/1/4/8/2/1482130/73305157.jpg') 0 0 no-repeat; background-position:center; height:250px; width:100%;}
 body { background-image: url('/userdir/1/4/8/2/1482130/73274810.gif') !important; }

Скриншот дизайна:

Подскажите как убрать отступ над красным квадратом. Заранее спасибо.

---

[синяк на пятке]

Добрый день, подскажите, что за ерунда происходит.
Есть два дневника с почти одинаковым кодом и одними и теми же картинками.
Только почему-то фон одного дневника выглядит чуть более крупнее, так же как и #wrapper (и там и там ширина 700px).
Отчего так? Настройки одинаковые - дизайн блочный и там и там.
Дневник с крупным фоном и блоком записей
Более "аккуратный" дневник

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

---

[Yuta Mori]

i.piccy.info/i7/bc07f92a531b4a0817ff437426562ba...
Данного результата удалось достигнуть использовав при этом следующий код:

#extratop {background: #ccc url('/userdir/1/4/8/2/1482130/73305157.jpg') 0 0 no-repeat; height:250px; width:354px;}
 body { background-image: url('/userdir/1/4/8/2/1482130/73274810.gif') !important; }

Подскажите пожалуйста как можно изменить расположение картинки на следующее: «по центру» и «по правому краю». Заранее благодарен.

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

---

[злой сов]

Здравствуйте, возник такой вопрос. Самостоятельно разобраться не вышло.
У меня на фоне записей стоит повторяющееся картинка, в коде это реализовано так:

 #page-c{background:url('/userdir/1/8/9/6/1896775/72955648.jpg') repeat-y !important;}

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

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

---

[Albertia Inodorum]

Мой дизайн у некоторых пользователей сильно тормозит при проматывании, особенно в Опере. Как можно это решить, не снимая CSS?

Простенький мой код на всякий случай

#wrapper{width:900px;min-width:0;}
 #side{width:120px;}
 .left #page-c {margin-left:-120px;}
 .left #page-t {margin-left:120px;}
 #extratop{height:475px;background:url('/userdir/1/6/8/0/1680765/73204626.gif') 50% 0 no-repeat; }
 .countSecond, .countFirst , .singleComment {background: url('/userdir/1/6/8/0/1680765/72993146.png') no-repeat; background-position:bottom; !important; }
 body{ background-attachment:fixed; }
 

@темы: diaryCSS

---

[Orm-Dian]

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

таком коде

body{ background: url('/userdir/1/6/8/7/168769/73214973.jpg') fixed; margin:0px; padding:0px; }
#wrapper{ background: # !important; opacity: 0.9 !important; width: 1000px !important; margin: 0 auto !important; padding: 0px !important; top: 0px; bottom: 0px !important; margin-bottom: -20px !important;}
#extratop {height: 400px !important}
#page-t {margin: 20px 10px 50px 20px !important; padding: 5px 10px 5px 0px !important ; }
#page-c { background: #edede3 !important; opacity: 1 !important; margin: 0px 0px 0px 50px !important; padding: 0px 0px 0px 0px !important ; width: 950px !important; border-style: double; border-color: #000000; border-width: 3pt; -moz-border-radius: 10px; border-radius: 10px; }
#epigraph .header { border: none !important; display:none !important;}
a:hover { font-weight: bold !important}
#epigraph { border: none !important; margin: 0px !important; padding: 0px !important;}
#post0 { padding: 0px 0px 5px 0px !important; margin: 0px 0px 5px 0px !important; }
#new_post_title, #addCommentArea_title, #commentsArea_title { text-transform:uppercase; font: bold 14px 'arial' !important; color: #aba89a !important; margin: 0px 0px 0px 0px !important; text-align:center !important; padding: 0px 10px 0px 10px !important;}
{----------------------------}
#side { position: fixed; top: 160px; left: 0px; right: 0px; display: block; width:1000px !important; font: 13px 'Helvetica' !important; padding: 15px 0px 3px 0px !important; color: #31241f; text-transform: uppercase; z-index: 1;}
#side a { color: #31241f;}
#side a:hover { color: #31241f; font-weight: bold;}...

картинка такая:


когда я добавляю в экстратоп {position: fixed; z-index: x}, картинка становится такой:


как решить проблему? заранее спасибо)

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

---

Анимированный экстратоп

[Lysander]

Доброго времени суток, в поиске ответа не нашел.
Если не там искал - ткните носом в ответ, пожалуйста.

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

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

---

[Neo ttaemune-]

Обшарила изрядное количество страниц сообщества по тегу, не нашла =(

Скажите, пожалуйста, можно ли и как сделать так, чтобы фон повторялся по вертикали (repeat-y) и прокручивался, но сверху было пустое место высотой с экстратоп?

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

---

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

[Кэй Гонда]

Помогите пожалуйста. Не могу понять, то ли так вообще делать нельзя, то ли я прописала что-то неверно.
#add_block1 {position:absolute !important; top: 40px; left: 0px; bottom: 0px; right: 0px; width:40%; background: url('i5.pixs.ru/storage/6/6/0/tumblrlxhb_9981690_373...'); height: 242px; !important;z-index:0; }
Нажимаю сохранить и ссылка на картинку исчезает. Подскажите, пожалуйста, почему так бывает?