[Вэлли В.]

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

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

---

[~Фиалковый демон~]

Добрый день!
Вставил себе в меню разделители на манер "Добавить к ссылками иконки", как было написано здесь tex.diary.ru/p28585287.htm
Все бы хорошо, но когда нажимаешь на "Темы записей", происходить наслаивание текста
Это как то чинится?

На всякий случай код

 #tagslistlink {background: url('/userdir/1/0/3/5/1035237/85358151.png') -6px 19px no-repeat; padding: 0 0 0 0px !important; height: 65px; width: 300px; }
 #photolibLink {background: url('/userdir/1/0/3/5/1035237/85358151.png') -6px 19px no-repeat; padding: 0 0 0 0px !important; height: 63px; width: 300px; }
 #iAmQuit {background: url('/userdir/1/0/3/5/1035237/85358151.png') -6px 19px no-repeat; padding: 0 0 0 0px !important; height: 63px; width: 300px; }

@темы: меню

---

[Magic Berry]

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

greenlacewings.diary.ru/

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

---

Текст по всей ширине

[котик моря]

Решено!

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

скриншот 1

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

скриншот 2

настраиваю обтекание аватарки текстом, float работает, но теперь большой отступ справа:

скриншот 3

Как можно все это причесать, чтобы текст на всех страницах был с одинаковыми отступами слева-справа?
(если такое можно)

код дневника на всякий:

 body{width:1000px !important; padding:0 !important; background-color: #EDECEA; background-image: url('/userdir/3/4/2/3/3423859/85379586.png'); background-repeat: no-repeat; background-position: 100% 100%; color: #8B7869;}
 #wrapper{width:900px;min-width:0; margin-left:140px;}
 #side{width:180px; background-color:#FBFBFA; position:fixed;}
 .left #page-c {margin-left:-180px !important; background-color:#FBFBFA; }
 .left #page-t {margin-left:180px !important; background-color:#FBFBFA;}
 .singlePost, .singleComment, .section, #epigraph, .group_link, .list_box div.clear {margin-bottom:80px;}
 a{color:#D95F5A; font-family: Calibri, Arial, sans-serif !important; font-size:1.1em;}
 a:hover{color:#D95F5A; font-family: Calibri, Arial, sans-serif !important; font-size:1.2em;}
 #topNav, div.header.order_button {display:none;}
 #side a{color:#D95F5A; text-decoration:none !important; font-faily: Arial, sans-serif !important; font-size:1.1em; text-transform:lowercase;}
 #side h1 a{text-transform:uppercase !important; font-size:1.5em !important; font-family: 'Comic Sans MS' !important; color: #D95F5A !important; font-weight:bold !important; text-decoration:none !important;}
 {--------------------------------userpics-----------------------------}
 #thisDiaryPhoto img {border-radius:100%;}
 #postsArea .avatar img, #commentsArea .avatar img {width:80px; height:80px;}
 .commentAuthor{float:left; width:100px;}
 .postInner{float:none;}
 {-----------------------------------------------------------------------}
 .countFirstDate, .countSecondDate, .postDate, .uline {color: #EDECEA !important; font-family: Arial, sans-serif !important; font-size: 16px !important; text-transform: uppercase !important; font-weight: bold !important; text-align: center !important; margin-left:0;}
 #Journal #postsArea, #postsArea, #commentsArea {margin:20px}
 div.postTitle.header {font-family: Arial, sans-serif !important; font-size: 10px !important; color: #D95F5A !important; text-transform: uppercase !important; font-weight: bold !important; text-align: center !important; letter-spacing: 1px !important;}
 .header h2 {font-weight: bold !important; font-family: Arial, sans-serif !important;}
 

Спасибо  HarukaTenoh за помощь!
Чтобы отступы были одинаковыми, а аватарку текст обтекал, нужно дописать:

.postInner, .paragraph {
	margin-left: 0 !important;
}

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

---

Форма для добавления комментариев

[Nikki Lonely Timelord]

Добрый день!

У меня такая проблема: не равняется блок с формой добавления комметариев по предыдущим блокам, чуть выезжает влево, а справа укорочен. Хотя в настройках значения те же, что и для комментариев и для поста...

решено!

код такой:
#commentsArea { width: 85%; margin:auto !important; font-family: 'Lucida Grande','Lucida Sans','Myriad Pro',Myriad,Tahoma,Arial,sans-serif; color: #272225; font-size: 14px; line-height: 20px;}
#addCommentArea.bordered {width: 85%; margin:auto !important; font-family: 'Lucida Grande','Lucida Sans','Myriad Pro',Myriad,Tahoma,Arial,sans-serif; color: #272225; font-size: 14px; line-height: 20px;}
#msg_form { background-color: #93787c; width: 85%; margin: auto !important; padding: 20px;}

 Кареглазый Демон, спасибо за помощь!

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

---

[Фитц~]

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

В идеале мне бы хотелось чтобы изображения заходили за край ленты не сжимаясь (эстетика меня мало волнует, хочется чтобы изображения были большимиХ)
Можно ли как то это решить?)

@темы: diaryCSS

---

"Кнопки", ники, комментарии

[~Фиалковый демон~]

Еще несколько вопросов созрели после установки дизайна
1. Поскольку фон очень светлый, "кнопки" сливаются. Можно как-то изменить их цвет или это не в силах CSS?

2.

Решено

По умалчиваю ники просто выделяются жирным в комментариях и когда используешь "собачку". Можно к примеру в обоих случаях выделить их цветом?
Спасибо Тайя, которая душит романтиков!
3.

Решено

В поле написания поста или комментария шрифт по прежнему остается стандартным. Это нормально или его тоже можно изменить?
Спасибо resurrected smithson!

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

---

[~Фиалковый демон~]

Вопрос решен

Добрый день
Первый раз подключил CSS, потихоньку разбираюсь что к чему. Правда дело усложняется битыми ссылками, приходиться ползать по инету. Один вопрос я пока решить так и не смог.
Хочу сделать, чтобы по краям темы были маленькие картинки, а сама тема по середине.
Тему по центру я сделал. Одну картинку тоже поставил, но при попытке поставить вторую - первая исчезает. Понятно, что я делаю что-то не верно, но разобраться не могу.

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

Если кто отзовется на мою проблему, буду безмерно благодарен
Огромная благодарность  Min Young-nim!

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

---

Пропуск под эпиграфом

[Stef Boread]

Добрый день!

Вставила в диз один из расшаренных кодов. В дизайне мне всё нравится по соотношениям и расположению, кроме непонятного пропуска между эпиграфом и первым разделителем с горизонтальной картинкой. Можно ли его как-то уменьшить или удалить? Прошу помощи))

Скриншот

Вот код:

 {--------------------КАРТИНКИ-------------------------}
 body {background:#416747 url('/userdir/1/7/9/6/179616/85329280.jpg') repeat-x}
 #extratop { background: url('/userdir/1/7/9/6/179616/85328718.jpg') repeat-x; !important; width: 888px; height:477px; line-height: 100% !important;}
 .singlePost {padding-bottom: 50px !important; background: url('/userdir/1/7/9/6/179616/85328826.png') center bottom no-repeat;}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 #wrapper{min-width:888px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #Journal img { max-width: 800px!important; }
 img { max-width: 700px !important; }
 #Journal .blockquote img {max-width: 700px!important;}
 .blockquote img {max-width: 600px!important;}
 #w18p {position:absolute; top: 0px; width: 150px; right: 0;z-index: 50;}
 #side {width:888px !important; margin:0 !important}
 #page-c {width:500px !important; padding:0 !important; margin:0 !important}
 body{ background-attachment:fixed; }
 #page-t {margin:0 !important;}
 a:link,a:visited{text-decoration:none !important;}
 A:hover {text-decoration: underline overline; color: #416747;}
 #side{font-variant: small-caps; }
 a:hover,a:active{color:#416747 !important text-decoration: overline underline !important;}
 #wrapper{min-width:888px!important; width:888px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important}
 #page-c{width:700px !important;padding:0 !important;margin:0 !important}
 #page-t {margin:0 !important}
 #wrapper{background:#416747 !important;}
 .header {text-align:left !important;}
 .postDate {text-align:center !important;}
 #side .menuSection{background: none;border:none; max-height: 15px; height: 15px !important;heigth:auto;overflow: hidden;position:absolute;display:block;z-index:1;width: 150px !important;}
 #side .menuSection:hover {max-height: 1000px;height: 400px;overflow: visible;position: relative;z-index:3; background: none; border: none;}
 .menuSection ul {border: 0px dotted #000000;}
 .menuSection ul ul{background: none; border: none;}
 #side div{margin:0px;padding:0px;}
 #side{background: none; border:none !important;}
 #myLinks { position:absolute; top: -10px; left:112px;font-weight: bold; font-style:italic}
 #myDiaryLinks{ position:absolute; top: -10px; left:239px;font-weight: bold; font-style:italic}
 #globalLinks { position:absolute; top: -10px; left:391px;font-weight: bold; font-style:italic}
 #thisDiaryOwner { position:absolute; top: -10px; left:553px;font-weight: bold; font-style:italic}
 #Stats { position:absolute; top: -10px; left:750px;font-weight: bold; font-style:italic}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:888px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:0px; margin: 0 !important; padding: 0!important; position:absolute; top:30px ; }
 .left #page-t {margin-left: 0px !important;}
 #thisDiaryInfo{ position:absolute; top: 410px; left:px;font-weight: bold; font-style:}
 #page-c{min-width: 888px !important;}
 #side h1{ position:absolute; top: 300px; left:10px;font-weight: bold; width: 300px; text-align: left!important; line-height: 0.9;}
 #side h1 a{font-size:42px;color: #ffd255;}
 #authorName {color: #ffd255; font-size:17px; }
 #sortOrder, #sortFromLastComment,#sortFromBegin, #sortFromEnd, .order_button{display:none!important}
 .block_design #side h1 a{color: #ffd255;}
 #thisDiaryInfo a{font-family:"Drakkar" !important;}
 #side h1 a{font-family:"Drakkar" !important;font-style:italic}
 #epigraph .singlePost, #post0 {background: none !important; }
 #authorFav,#authorQuot,#authorLiks,#authorAlbum,#authorRSS,#subscribeEmail,#unsubscribeEmail,#delFromFav,#lastComments, #pchs, #YaSearch, #thisDiaryPhoto{display:none!important}
 

РЕШЕНО

Вставить строчку:
#epigraph .singlePost.first {padding-bottom: 0 !important;}

Спасибо ~Erika!!

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

---

Полоса прокрутки

[SnezhArt]

ВОПРОС ЗАКРЫТ

Вечер добрый!

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



Отчего это может быть и как от этого избавиться, может кто подскажет?
Буду премного благодарна за помощь!!

Спасибо большое  Min Young-nim !!

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

---

О платном дизайне.

[НЕЖНОЕ СУЩЕСТВО]

Добрый вечер)) Хочу подключить платный дизайн.Но для этого надо включить сервис CSS.Но если я его включу , то ведь отвалиться реклама.Я не хочу отключать рекламу.Я просто хочу купить дизайн.Что делать?

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

---

Стрелка вниз

[safe and sound]

Коллеги, здравствуйте.

Подскажите, прописан ли на дайри тег, опускающий страницу в самый низ, антипод тега #bottom_up?

Спасибо.

@темы: diaryCSS

---

Поля

[Tish Evans]

Здравствуйте! Имеются три проблемы, все обозначены цифрами на принтскрине:



1. Странный квадрат под именем автора
2. Странные границы (postArea?)
ИСПРАВЛЕНО АДМИНИСТРАЦИЕЙ
3. Неплохо бы разделитель после эпиграфа сдвинуть пикселей на 10 вниз

Буду очень признательна за помощь!

{---------------КАРТИНКИ------------------}
 #wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/9/8/5/2/985263/85295893.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: url('/userdir/9/8/5/2/985263/83346693.jpg') repeat 0 top; background-attachment: fixed;}
 #extratop {background: url('/userdir/9/8/5/2/985263/85296148.png') 0px bottom no-repeat; width: 1200px; height: 392px; margin-bottom: 0px; z-index:5; margin-left: 17px;}
 #extrabottom {padding: 0!important;background: url('/userdir/9/8/5/2/985263/85295902.png'); background-repeat: no-repeat; width: 1200px; height: 216px; margin-left: 17px; position: relative; z-index: 0 !important; margin-top: -32px !important;}
 .singlePost {background: url('/userdir/9/8/5/2/985263/81735401.png') 50% bottom no-repeat; padding: 10px 0px 75px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 60px; width: 34px; height: 37px; background: url('/userdir/9/8/5/2/985263/81735389.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 60px; width: 34px; height: 40px; background: url('/userdir/9/8/5/2/985263/81735388.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 {-------------------пост---------------------}
 .postActionLinks { position:relative; left:-50px; }
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #d5deb0 !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 10px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important;}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important;}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background-position: bottom !important;}
 .quote_text img { max-width: 571px !important; }
 .quote_text {display: block;background: #daeb96; padding: 10px; }
 .avatar img { border: 1px solid #a95f49;}
 #message, .text {border: 1px solid #a95f49!important; padding: 5px!important;}
 .submit {padding: 5px!important;background: #E5D9B5!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit:hover {background: #D2C49B!important;}
 #btSubmit {position: relative; z-index: 1 !important;}
 {-------меню--------}
 #side {position: relative; top: 5px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 30px times new roman !important; font-style: italic !important; margin-left: 126px !important; margin-top: -25px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 30px Times New Roman !important; font-style: italic !important; margin-left: 16px !important; margin-top:135px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 19px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #b7cd62 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #b7cd62 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #b7cd62 !important; position:absolute;}
 #bottomNav {display: block !important; top: 0px !important; z-index: 1 !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important; z-index: 20;}
 .postLinks a {color:#4a5643;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#a95f49 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important;}
 .postTitle {text-align: left !important; color:#2e4307 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#2e4307 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 #pageBar {z-index: 1 !important;}
 {-------none--------}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #myNotepadLink {display: none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 .order_button, #headlineList, .prevNextLinks {display: none!important;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 

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

---

[бвонсамди]

hello! я нуб в цсс, поэтому спасайте, пожалуйста. есть вот это, нужно, чтобы было вот так.
как это сделать? и можно ли провернуть такую штуку, при этом не затрагивая последний комментарий? просто там пространство внизу уже есть, потому что #commentsArea {padding: 40px !important;}, не хотелось бы его умножать на два(?).
спасибо заранее!

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

---

Абзац

[Kieran]

Дорогие и любимые.

Подскажите пожалуйста, как сделать так чтобыменяотпустилопожалуйста что бы абзац был.

решено

Таб на дайрах не работает.
Юзать кнопку с хтмл-кодом я уже залюбился, потому что все время приходится выискивать по тексту, где ж ты сцуко затерялося, окончание этого хтмл. А там еще всякие оффтопы попадаются... Особенно это "приятно" с телефона.
А хочется сделать как-то так, что бы нажал на энтер, и ррраз новая строка с отступом. Или хотя бы что бы ТАБ работал.
Делают же как-то букву нового абзаца больше, можно без буквы - а просто отступ?

Вообще не знаю, куда копать. В соо первые десять страниц не про то.

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

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

---

синтаксис #myLink

[милый рысик]

Здравствуйте.
Пилю мой первый дизайн, и никак не могу найти информацию о синтаксисе #myLink, а конкретнее как, где и в каком виде прописываются сами ссылки?
Буду очень благодарна за помощь.

---

настраиваемые кнопки

[Ver/o/nika]

Добрый день!

Вопрос следующий:
подскажите, пожалуйста, от чего зависит размер отображаемых настраиваемых кнопок?

В некоторых CSS отображаются одинакового размера, в некоторых - разного (оригинального =) )

Под катом полноразмерные примеры

Есть какая-то строчка в CSS, которая за это отвечает?
Или почему вообще так происходит?

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

---

недавно добавленная строка про обработку персональных данных - как убрать?

[Nefer-Ra]

можно ли как-то убрать эту строку или хоть загнать ее на самый верх в платном дизайне?
Используется дизайн Devil Left a Message (светлый), но каждый день эта строка вылезает и торчит как здрасьте между верхним меню и названием. И при этом не нажимается, а ходить каждый раз на служебную страницу и нажимать эту надпись надоедает.

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

---

цифра нового комментария, картинка для замены тем и картинка на боди

[Kieran]

Доброго вечера.

Головная боль номер один:

решено

Не могу совладать с цифрами нового коммента и умыла при замене ссылок на картинки в меню.
Испробовал, по-моему, уже все, что мог.
Более менее что-то делает вот такой тег для умыла и дневника:

 #myDiaryLink a { background:url('/userdir/6/0/1/5/601540/85066773.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:47px; height:28px; width-height:100%; left: 30px; top: 10px; text-indent:-3050px;}
 #myDiaryLink .count_box { position:absolute; top:2px; left: 85px; display:block !important; overflow:hidden; visibility:visible !important;}
 #umailLink a { background:url('/userdir/6/0/1/5/601540/85066809.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:47px; height:9px; width-height:100%; left: 30px; top: 69px; text-indent:-3050px;} 
 #umailLink .count_box { position:absolute; top:61px; left: 85px; display:block !important; overflow:hidden; visibility:visible !important;}

Но далось сдвинуть только полосочку.
Я подозреваю, что фигня в text-indent:-3050px - скорее всего все действующие ссылки угоняются вепеня.
Кстати, тег #menuNewUmails вообще не принес результата. Пробовал что-то типа: #menuNewUmail { position:absolute; text-indent:3050px !important;}

Соответственно, два вопроса.
Первый - как заменить ссылку в меню на картинку, не угоняя основную ссылку вепеня.
И второй - если не удастся первое, как вернуть из вепеня ссылки на умыло/дневник обратно.

скрин

Да, перерасположить полосочки под ссылки мне удалось. На скрине недоперерасположенный вариант.


Головная боль номер два:

Я растянул фон дневника на все через cover, но почему-то с мобильного хрома оно ведется себя удручающе.

хром

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

С мобильного дельфина тоже.
Там она не растягивается вообще.

дельфин

Код:

 body {background-color:#001220; background-image:url('/userdir/6/0/1/5/601540/85053041.jpg');background-attachment:fixed; background-repeat:no-repeat; background-position:left top; background-size: cover; padding:0px !important; margin:0px !important}

Вопрос: Есть ли какой-нибудь костыль для мобильных версий, или придется смириться?

И последняя (я надеюсь) головная боль.

Решено

Хотелось бы заменить ссылку "Темы записей" на картинку, но сохранить при этом не тронутыми собственно, сами темы.
По коду получается, что tagslistlink отвечает за блок целиком, за список тем отвечает TagsList, а что отвечает за ссылку отдельно я найти не смог. Кроме вот этого: swap2("TagsList";return false;
Соответственно, вопрос:
Подскажите пожалуйста код этого одного элемента?

Спасибо  ~Erika!

ЗЫ: Ссыль на днев при желании дам, но заходить осторожно, а то оттуда сложно выйти =)

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

---

Кнопка "вверх"

[jihiri_kuro]

Доброго времени суток! Подскажите, пожалуйста, почему установленная кнопка "Вверх" в дизайне с верхним меню отображается, а с боковым — нет?

@темы: diaryCSS