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

пятница, 09 августа 2013

18:40

Нужна помощь

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

1. Делаю себе цсс, решила сделать заголовки разделов меню ("Мой дневник" и "Главное меню") видимыми. И вот такая фигня получилась:

смотреть

Шрифт отображается совсем не тот, который прописан. То есть название дневника и мой ник отображаются нужным шрифтом (AltastGreeting), а названия разделов - нет.
Подскажите, пожалуйста, что не так?
И если проще сделать названия картинками, то подскажите, пожалуйста, как это сделать. Я уже пробовала, но получилась полная жуть.

Код:

body {background: url("/userdir/1/6/1/9/1619707/79152956.jpg") repeat fixed;}
 #wrapper{min-width:1000px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; margin-top: 5px !important;}
 #side{width:200px !important;margin:0 !important;}
 #side { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
 #page-c{width:770px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important;}
 #page-c, #side { border: border-width: 3 px; border-style: double; #171717;}
 #page-c { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
 #page-c , #side{background:#fbf9ed;}
 body{ background-attachment:fixed; }
 .postDate { text-align:center;}
 .postDate span {font-style: italic !important; font-size: 14px !important; }
 .postLinksBackg {display:block !important; border-bottom: 1px solid #171717; margin-top: 10px !important; padding:10px 0 !important;}
 .avatar img,.avatarNew img {border: 1px solid #171717;}
 #epigraph a{text-decoration:none}
 a:hover,a:active{color: #171717 !important; text-decoration:none !important}
 .atTag a{text-decoration:none}
 #side h1 a{font: italic bold 34px AltastGreeting !important; }
 .paragraph {overflow: auto}
 .sign { font-style:italic;}
 #pchs_title {color: #cf9297 !important;}
 .menuSection {text-align: center !important; border-top: 1px solid #171717; padding: 0px 0 3px 0!important; }
 .paragraph div {margin-right: 5px !important; margin-left: 5px !important; }
 .postLinksBackg {margin-right: 5px !important; margin-left: 5px !important; }
 #authorName {font: italic bold 28px AltastGreeting !important; }
 #myDiaryLinks_title {font: italic bold 20px AltastGreeting !important; display:block; overflow:hidden; text-align: center!important;}
 #globalLinks_title {font: italic bold 20px AltastGreeting !important; display:block; overflow:hidden; text-align: center!important;}

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

URL

01:02

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Чудят ссылки внизу комментариев. Причем чудят рондомно. По крайней мере не могу определить закономерность. В чем может быть дело? vampirenok-sakyra.diary.ru/p190616245.htm?from=...
Так должно выглядеть все
Так выглядят некоторые

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

URL

среда, 07 августа 2013

12:59

платные сервисы

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

утро\не\бодрит

подскажите, пожалуйста, имя элемента "Платные сервисы" в меню. =.=
—

#myAccountLink {display:none;}

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

URL

четверг, 01 августа 2013

17:21

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

химерная вечность

Уважаемые! У меня образовалась проблема на доселе исправном и давно функционирующем дизайне, съехало к чертям все, но только с Оперы.
Лицезреть проблему
Причем все странно и нифига непонятно, ибо вчера я сию чудную картину наблюдал с оперы тоже, сегодня ее видят только некоторые, в общем.
Прошу:
1. Протестить с Оперы, сообщить мне о том, что видите Вы.
2. И, если кто знает, сообщить, что это такое вообще, и как это лечится.

аттеншн! с других браузеров все нормально. вроде.
UPD:> с других то же, что и с оперы, у некоторых съезжают все эдд.блоки, у некоторых же все нормально.

хром
опера
Вопрошаю — КАК?

@темы: diaryCSS, платный сервис, Дизайн, Точка зрения

URL

среда, 31 июля 2013

01:40

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

You sexy and iTroll it

Здравствуйте.
Возник такой вопрос: как прилепить add_block к низу #page-c, Искала по соо, ничего путного не нашла.

URL

суббота, 27 июля 2013

18:56

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

Don't dream it - be it.

Возник вопрос. Если я устанавливаю на своём дневнике нестандартный шрифт, то у тех людей, у кого на компе такого шрифта нет, буду видеть тот, что задан в настройках, верно? У меня в настройках Courier New, но, когда я однажды заходила на дайри с чужого компа, то весь текст, который я вижу нестандартным шрифтом, я увидела то ли Times new roman, то ли типа того, но не заданный courier new точно. Вот. Вопроса два: какой шрифт у ссылок и заголовков видите вы и что мне делать? : D

11471140.diary.ru/

@темы: текст

URL

вторник, 23 июля 2013

22:52

масштабируемость видео

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

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

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

Вопрос, возможно, глупый, но по "ключевикам" я здесь не нашла, а моск вопросом уже высушила.

Можно ли здесь, в дайрях, средствами CSS заставить видео, вставленное через iframe, масштабироваться? А через местные стили? Не подбирая его ширину на хостинге, а именно через вёрстку.

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

URL

14:45

Нижнее меню

все записи пользователя в сообществе смольник

как нож в масло

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

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

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

URL

суббота, 20 июля 2013

16:29

Вопросы от начинающего

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

печеня

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

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

body {margin:0; padding:0; background: url('/userdir/3/1/6/1/3161606/78983776.jpg') fixed !important;}
 h1 {height:300px;}
 #thisDiaryPhoto {display: none !important;}
 #wrapper{min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important;}
 #bottomNavLinks {display: none;}
 #bottomNav {min-width:1000px!important; width:1000px; margin: 0 auto !important; padding:0 !important;}
 #postsArea .postContent{padding:30px;}
 #commentsArea .postContent{padding:30px;}
 #page-c, #bottomNav {width:1000px !important;min-width:0 !important;margin:0 auto !important;}
 .singleComment .postContent {padding:30px;}

Вопросы

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

URL

12:09

все записи пользователя в сообществе Эй, Чарли!

Ребята, пишу код с шириной 800 рх. Сбрасывает до 700 px. Что делать? Что виновато?

 <div style="width: 800px; background-image: linear-gradient(bottom, rgb(199,224,224) 33%, rgb(22,66,0) 67%, rgb(0,0,0) 84%); background-image: -o-linear-gradient(bottom, rgb(199,224,224) 33%, rgb(22,66,0) 67%, rgb(0,0,0) 84%); background-image: -moz-linear-gradient(bottom, rgb(199,224,224) 33%, rgb(22,66,0) 67%, rgb(0,0,0) 84%); background-image: -webkit-linear-gradient(bottom, rgb(199,224,224) 33%, rgb(22,66,0) 67%, rgb(0,0,0) 84%); background-image: -ms-linear-gradient(bottom, rgb(199,224,224) 33%, rgb(22,66,0) 67%, rgb(0,0,0) 84%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.33, rgb(199,224,224)), color-stop(0.67, rgb(22,66,0)), color-stop(0.84, rgb(0,0,0)) );">

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

URL

пятница, 19 июля 2013

22:05

Нескольно багов в дизайне

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

Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.

Помогаю одному человеку с дизайном, смотреть: ksaksiksjulz.diary.ru/

Выявился ряд проблем:

1. Название дневника заменено картинкой, но почему-то 75% картинки скрыто, и я ума не приложу, что с этим делать О_о
скрин

2. Кнопка "Выход" не активна.
Для всех остальных заголовков существует класс title, а для этого - нет.
Так как же сделать кнопку рабочей??

3. Заказчица попросила кнопку "Статистика" придвинуть к нижнему меню. Но при передвижении кнопки двигается всё меню. Чтобы этого избежать, мне нужно каждому из разделов прописать position: fixed, а потом уже маргинами сдвинуть "Статистику" куда надо? Или это не поможет и/или есть какой-то более простой вариант?
В данный момент кнопка убрана, чтобы не нервировать глаз заказчика))

Код:

body{background: url('/userdir/5/9/7/8/597896/78891230.jpg') repeat; background-position: 0% 0%; background-attachment:fixed; margin:0; padding:0px;}
 #wrapper {width: 95%; background: url('/userdir/5/9/7/8/597896/78890973.png') repeat; background-position: 0% 0%; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; line-height: 15px; margin-top: 5px !important;}
 #myDiaryLinks_title {background: url('/userdir/5/9/7/8/597896/78977308.png') no-repeat; width: 95px; height: 36px; overflow:visible; text-indent:-999px;}
 #thisDiaryOwner_title {background: url('/userdir/5/9/7/8/597896/78977321.png') no-repeat; width: 83px; height: 36px; overflow: visible; text-indent: -999px;}
 #globalLinks_title {background: url('/userdir/5/9/7/8/597896/78977316.png') no-repeat; width: 99px; height: 36px; overflow: visible; text-indent: -999px;}
 #pchs_title {background: url('/userdir/5/9/7/8/597896/78977421.png') no-repeat; width: 188px; height: 36px; overflow: visible; text-indent: -999px;}
 #iAmQuit {background: url('/userdir/5/9/7/8/597896/78977314.png') no-repeat; width: 94px; height: 36px; overflow: visible; text-indent: -999px; margin-top: 5px !important;}
 #extrabottom {background: url('/userdir/5/9/7/8/597896/78891430.png') ; width: 100%; height: 50px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; line-height: 15px;}
 #extratop {background: url('/userdir/5/9/7/8/597896/78931660.png') center top no-repeat; width:100% !important; height:262px; min-width:0px; margin-top:-1px;}
 .opac6 {display: none;}
 #authorName {background: url('/userdir/5/9/7/8/597896/78933135.png') no-repeat; height: 23px; width: 200px; color: transparent !important;}
 #side h1 a {background: url('/userdir/5/9/7/8/597896/78977751.png') no-repeat; height: 29px; width: 700px; color: transparent !important; margin-top: -20px;}
 #page-c {width: 90%; background: url('/userdir/5/9/7/8/597896/78891435.png'); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; line-height: 15px; margin-left: 34px !important;}
 textarea#message {background: url('/userdir/5/9/7/8/597896/78910790.jpg');}
 .singleComment .postContent { padding-left:140px; }
 .singleComment .postInner { margin-left:-150px; padding-left:150px; }
 .singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width: 130px; }
 .commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
 .avatar, .avatarNew{ float:left; background: url('/userdir/5/9/7/8/597896/78936934.png') no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: -1px; width: 80px; height: 70px; background: url('/userdir/5/9/7/8/597896/78936714.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -moz-opacity:0.6 !important; opacity:0.6 !important; filter:alpha(opacity=60); color: rgba(0,0,0,0) !important; text-shadow: none !important; -moz-animation: animaciya 6s ease-in-out 2s infinite alternate; -webkit-animation: animation 6s ease-in-out 2s infinite alternate; -ms-animation: animation 6s ease-in-out 2s infinite alternate; transform: scale(0.7); }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -ms-animation-play-state:paused; transform: scale(1); }
 @-moz-key#s animation {from {width: 100px; }
 to{width: 0px; }
 }
 @-webkit-key#s animation {from {width: 100px; }
 to{width: 0px; }
 }
 @-ms-key#s animation {from {width: 100px; }
 to{width: 0px; }
 }
 #Stats {display: none !important;}

Пожалуйста, помогите!!

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

URL

четверг, 18 июля 2013

14:41

Ссылки на сообщество, профиль и блок "ссылки"

все записи пользователя в сообществе дочь хиросимы

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

Добрый день.
В CSS я новичок двух дней от роду, для сообщества дизайн делаю впервые и столкнулась с такой проблемой:
При использовании блочного дизайна, при навигационной панели, вынесенной наверх без цсс присутствуют ссылки на сообщество, профиль и на блок "ссылки":
читать дальше
При использовании CSS это все пропало:
читать дальше
Подскажите пожалуйста, как их вернуть, чтобы при это мне не перекосило весь дизайн.

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

URL

воскресенье, 14 июля 2013

14:15

Имя автора и название дневника.

все записи пользователя в сообществе Ксаксиксюльц

[Весь мир - большой толковый словарь, а я в нем - codex seraphinianus]

Здравствуйте! Подскажите пожалуйста, можно ли в CSS имя автора и название дневника прописать картинками? А если у кого-нибудь найдется ссылочка на сайт типа "СSS для супер-чайников", это вообще будет замечательно! А то к сожалению я никак не найду подходящий материал, для изучения возможностей CSS...

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

URL

пятница, 12 июля 2013

01:47

Объясните нюансы употребления свойства float в блоках div

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

Извращения - лучшее, что есть в нашей жизни. ... ОЧЕНЬ СТЫДНО! (с)

UPD: опытным путём определили, что виновато было свойство float во внутренних блоках. Кто-нибудь может объяснить мне логику этого явления, почему так происходит?
~~~
Помогите понять, почему при раскрытии MORE (по клику на картинку), внешний блок сворачивается до узкой полоски и перестаёт включать в себя все остальные. И как от этого избавиться. Фиксированную высоту у внешнего блока поставить не могу, к сожалению, под картинкой ещё планируются несколько MORE, которые будут разворачиваться вниз. Надо, чтобы рамка с фоном все их в себя включала.

<div style="width:820px; background-color: #DCE9E3; padding:10px 0px; border: 10px solid #CCD9D3; font-size:12px; text-align:justify; font-family:Georgia, 'Times New Roman', Times, serif; line-height:12px; "><div style="width:50%; float:right; padding:10px; "><span style="padding-left: 40px"></span><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</i>
<div align="right" style="padding-top:10px;">Lorem ipsum dolor</div></div>
<div style="width:800px; margin-left:10px;">[MORE=<img src="http://static.diary.ru/userdir/1/5/0/8/150846/78904364.jpg">]<div style="width:780px; height:118px; background: #AFC; padding: 5px 10px; float:right;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div> [/MORE] </div></div>

Результат:

Впрочем, если убрать MORE, получается та же фигня, только сразу:
читать дальше

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

URL

среда, 10 июля 2013

14:42

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

не будь среди тех, кто стреляет по мне.

Немного не про css. Как убрать подчеркивание ссылки просто в тексте?
читать дальше

@темы: текст

URL

суббота, 06 июля 2013

14:39

"Красная строка"

все записи пользователя в сообществе смольник

как нож в масло

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

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

URL

воскресенье, 23 июня 2013

12:40

И снова вопрос х)

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

Доброе время суток ^^ Можно ли убрать ссылку "Темы записей", оставив при этом теги? У меня они только вместе убираются.

Image Hosted by FunkyIMG.com

@темы: diaryCSS

URL

суббота, 22 июня 2013

13:16

Вопрос по фону

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

Друзья! У меня возник такой вопрос... а реально ли вписать в фон body две разные картинки? Чтобы преодолеть ограничение БИ на разрешение 1554 пикселя, чтобы на фоне стояла одна большая общая картинка?

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

URL

четверг, 20 июня 2013

16:25

Не виден фон и рамка блоков хозяину дневника.

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

... over the fields of poppies, that burning bright ...

Здравствуйте. Такой вопрос - почему фон и рамка записей видна гостям дневника, а у меня показывается только для одной первой записи?
static.diary.ru/userdir/9/3/9/7/93970/78749823....
В обычном блочном дизайне меняла только заливку двух блоков прозрачным пнг и задала свойства рамки.
Фон обводки задан еще и стандартным способом через указание цвета, но убирая его, проблема не решается.

Вот весь код:

  body { background-image: url('/userdir/9/3/9/7/93970/78451197.jpg'); }
 #side .bordered { text-align:right; background-image: url('/userdir/9/3/9/7/93970/78746213.png'); border: 2px solid #66494e; }
 #page-t .bordered { background-image: url('/userdir/9/3/9/7/93970/78746213.png'); border: 2px solid #66494e; }

Заранее спасибо.

UPD Моя проблема остается, даже если убрать весь код css и поставить стандартный блочный дизайн.
Я проверяла в разных браузерах, на других компьютерах. Все то же самое.
Остановка сервиса так же ни к чему не привела.

static.diary.ru/userdir/9/3/9/7/93970/78761369....

UPD 2 - проблема решилась удалением первой записи. Ничем особенным она не отличалась от остальных.

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

URL

00:54

Записи с темой: <тема>

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

Don't worry about the world coming to an end today. It's already tomorrow in Australia

Доброго времени суток! Не подскажете, какой код отвечает за строчку "Записи с темой: <тема>" на странице поиска по конкретному тэгу? Как ее передвинуть?
Скрин на всякий случай
Подвинула "Запись с темой" с помощью #postsArea .header.left {margin-top: 100px; margin-left: 80px; !important;}

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

URL


Запомнить