@CSS — стилизация дневников — @дневники: асоциальная сеть

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

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=https://"http://static.diarybackup.space/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

вторник, 18 июня 2013

21:21

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

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

А кто-нибудь знает, можно с помощью CSS оформить всплывающую надпись "Скрыть это предупреждение до конца сессии" на предупреждении +18? М? :small:

Или хотя бы как оформить title?

@темы: текст

URL

16:17

все записи пользователя в сообществе safe and sound

are you?

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

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

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

URL

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

15:34

Убрать +18 шапку

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

Ich bin ein Teil von jener Kraft, die stets das Gute will und das Böse macht.

Итак, буквально сегодня я обнаружил, что в дайри добавилась удродская белая строка +18. Её можно убрать, если у вас в браузере установлен плагин Adblock Plus. К этому плагину есть ещё один плагин, называется Element Hiding Helper for Adblock Plus. С помощью него вы просто выбираете мешающий вам элемент и блокируете его.

Правда судя по всему это придётся делать на каждом отдельном сайте дайри О.о Мда, тоже не дело конечно, но может хоть как-то поможет.
Аа всё, я выяснил, нужно, когда всплывает окошко с правилом блокировки переставить галочку с xxx.diary.ru…… на просто diary.ru и тогда на всех сайтах дайри будет блокироватся!

@темы: дневники

URL

02:26

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

Эпидемия свободомыслия и упоротости

В дневнике подруги отвратительно работает кнопка "отправить" в комментариях (ткнуть можно не в любое место кнопки, а строго в определенный миллиметр между букв кнопки), а так - приходится отправлять комментарии через Ctr+Enter. вощмодно, это эб налез, но кто знает.
будьте так добры помочь :ЗЗЗ
код

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

URL

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

18:56

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

Don't dream it - be it.

Здравствуйте! Подскажите, как можно рамки и записи делать светящимися или на светящемся фоне, как здесь:

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

URL

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

19:41

Картинки в записи

все записи пользователя в сообществе Пуфистая

Никогда не бойся делать то, что ты не умеешь. Помни, ковчег был построен любителем. Профессионалы построили "Титаник"...

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

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

код

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

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

URL

понедельник, 27 мая 2013

19:48

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

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

друзья!
подскажите, пожалуйста, что случилось с фиксированной шириной дизайна?

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

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

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

URL

суббота, 25 мая 2013

18:39

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

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

Решено

Дорогие все!

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

Решила, подвинула первый пункт со стороны читателя просто отступом, оно и встало на серединку красиво.

#thisDiaryLinks {width: 10% !important; text-align: center !important; margin-left: 50px !important;}

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

Решила сама читать дальше}

body {background: url('/userdir/1/8/2/8/1828072/78514311.png') top left repeat-x, url('/userdir/1/8/2/8/1828072/78513930.jpg') top center fixed no-repeat #DCDCDC; margin: 0 !important; padding: 0 !important;}
 #extratop {height: 430px; background: url('/userdir/1/8/2/8/1828072/78520273.png') bottom no-repeat;}
 .menuSection {background: url('/userdir/1/8/2/8/1828072/78520006.png') right no-repeat; padding: 10px !important; position: relative;}
 .menuSection ul {background: rgba(251, 250, 235, 0.8) !important;}
 #thisDiaryInfo, #iAmQuit {background: none !important;}
 #side {width: 70% !important; position: absolute; top: 10px !important; margin-left: 15% !important; background: url('/userdir/1/8/2/8/1828072/78519931.png') center no-repeat;}
 #side a:hover, a:hover, .urlLink a:hover {color: #000 !important; text-decoration: none !important;}
 #side b {font-weight: normal !important;}
 #side ul li {padding: 5px; background: url('/userdir/1/8/2/8/1828072/78521038.png') center bottom no-repeat;}
 #side ul { -moz-transition: 500ms ease; -o-transition: 500ms ease; -webkit-transition: 500ms ease; display: block; visibility: hidden; position: fixed; top: 0px;}
 #side .menuSection:hover ul {visibility: visible; position: fixed; top: 70px;}
 a#authorName, h1 a{font-size: 12px !important; font-weight: normal !important; }
 #authorName {position: relative; top: -15px; }
 #page-t {width: 70%; margin-left: 15% !important; background: url('/userdir/1/8/2/8/1828072/78520556.png') top left repeat-y, url('/userdir/1/8/2/8/1828072/78514523.png'), url('/userdir/1/8/2/8/1828072/78520526.png') top right repeat-y, url('/userdir/1/8/2/8/1828072/78520060.png') bottom right repeat-x; padding: 20px;}
 #page-c {background: url('/userdir/1/8/2/8/1828072/78514523.png');}
 .header {background: url('/userdir/1/8/2/8/1828072/78520286.png') center top; height: 35px; text-align: center; padding-top: 15px !important; font-weight: bold;}
 .order_button {background: none;}
 #epigraph .header {background: none !important;}
 #post0 {position: absolute; top: 70px;}
 #post0 .postLinksBackg {display: none;}
 .atTag em, .atMood em, .atMusic em {font-style: normal; font-size: 11px; }
 .atTag a, .atMood a, atMusic a {text-decoration: none; font-size: 12px;}
 .postLinksBackg .urlLink {text-decoration: none !important;}
 #JournalFavorite img {max-height: 150px; width: auto; }
 #JournalFavorite img:hover {max-height: 500px; width: auto;}
 .quote_text {display: inline-block !important; padding: 5px; font-style: normal !important; background: rgba(196,217,143,0.3); border: ridge 4px rgba(196,217,143,0.15); font-family: Arial Narrow; font-size: 14px;}
 #tagslistlink ul {width: auto !important;}
 {--- менюшки----}
 #myLinks_title {width: 7% !important; text-align: center !important;}
 #globalLinks {width: 13% !important; text-align: center !important;}
 #myDiaryLinks {width: 13% !important; text-align: center !important;}
 #pchs, #lastComments_title .menuSection_title {width: 21% !important; text-align: center !important;}
 #thisDiaryLinks {width: 10% !important; text-align: center !important;}
 #thisDiaryOwner {width: 10% !important; text-align: center !important;}

@темы: меню, отступы

URL


Запомнить