Тема оформления TEXUS

18/03/2009 - Обновлен css-код
В связи с изменением верстки дневников в код внесены необходимые правки.
Если очень коротко, то добавляем строку: #pchs_title, #lastComments_title {display:none !important;} для корректной работы вкладок со свежими комментариями и постоянными читателями.

История версий

25/07/2008 - Обновлен css-код.
Среди изменений:
1. Увеличение ширины до 980px;
2. Строка поиска;
3. Возможность задать свою картинку для каждой группы меню;
4. Приведен пример использования блока extrabottom;
5. Заложена возможность использования блока extratop.

15/03/2008 - В css внесены изменения в соответсвии с новой версткой дневников.
Тестируем, не стесняемся

Совместимость с основными броузерами ~90%.

Актуальная версия кода:

* html body{behavior:url("/files/csshover.htc";);}
* html #wrapper{overflow:visible;}
body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#333!important; background:#ccc;}
.postDate, .postTitle {color:#349dcb; font-size:140%!important; font-weight:700!important;}
A {color:#006DBA!important;}
#wrapper{ background:#fff; 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:#002e4b; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px; z-index:5;}
#side li {float:left; display:block; padding-right:10px!important;}
#side A, #side {color:#fff!important;}
#extratop {height:130px;}
#page-c {height:auto; margin:0!important}
#page-t {margin:0!important}
.singlePost {height: auto !important; height: 1em; border: 0 !important;}
#thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:26px; margin:0!important; }
#YaSearch {padding:0!important; margin:0!important;height:0!important;border:0!important;}
#YaSearch A {display:none;}
#YaSearchForm .submit {height:20px;}
#YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:235px; height:45px; padding:5px 10px 1px; position:absolute;right:0; top:55px;}
#yaquery {color:#fff!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;}
#lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #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:#FFAA00;}
#thisDiaryLinks {background: url('/userdir/0/3/4/0/0340/31838794.gif';) #FFAA00 no-repeat;}
#globalLinks ul {background:#0198AC;}
#globalLinks {background: url('/userdir/0/3/4/0/0340/31838554.gif';) #0198AC no-repeat;}
#thisDiaryOwner ul {background:#89D51C}
#thisDiaryOwner {background: url('/userdir/0/3/4/0/0340/31838548.gif';) #89D51C no-repeat;}
#myDiaryLinks ul {background:#e33827;}
#myDiaryLinks {background: url('/userdir/0/3/4/0/0340/31838550.gif';) #e33827 no-repeat;}
#lastComments ul {background:#AE015C;}
#lastComments {background: url('/userdir/0/3/4/0/0340/31838558.gif';) #AE015C no-repeat;}
#pchs ul {background:#005286;}
#pchs {background: url('/userdir/0/3/4/0/0340/31838556.gif';) #005286 no-repeat;}
#thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
#extrabottom {height:5px;width:100%; background:#002e4b; clear:both;}
#thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
#thisDiaryInfo { width:350px;text-align:right; padding: 10px 10px 0 0!important; }
H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important;}
.search {width:160px !important;}
.sign {font-size:80%; color:#666;}
.header {color:#e33827!important;}
#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; }
.postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
.comments {background: url('/userdir/0/3/4/0/0340/15202154.gif';) no-repeat; padding:0 0 0 20px!important;}
.subscribe {background: url('/userdir/0/3/4/0/0340/15203190.gif';) no-repeat; padding:0 0 0 20px!important;}
.addToQuote {background: url('/userdir/0/3/4/0/0340/15202458.gif';) no-repeat; padding:0 0 0 20px!important;}
.umail, .email {background: url('/userdir/0/3/4/0/0340/15202570.gif';) no-repeat; padding:0 0 0 20px!important;}
.diary {background: url('/userdir/0/3/4/0/0340/15202094.gif';) no-repeat; padding:0 0 0 20px!important;}
.profile {background: url('/userdir/0/3/4/0/0340/15202054.gif';) no-repeat; padding:0 0 0 20px!important;}
.bordered, .menuSection {border: none !important;}
.text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#ccc 1px solid!important;color:#000!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;}

Это beta-версия темы оформления с условным названием TEXUS
Сверстанная почти полгода назад, она до сегодняшнего дня пылилась у меня в чулане из-за технической несовместисти с @дневниками.
За цветными горизонтальными полосками скрываются основные элементы меню.
Все просто, компактно и, одновременно, всегда под рукой.
Поддерживается всеми основными браузерами.

2DO list:
Меню сообществ
Поиск
Список любимых ссылок

PS.: Стиль каждый использует на свой страх и риск. Код распространяется as is - как есть.
Я оставляю за собой право не отвечать на вопросы типа "А как сделать... ?" - для этого есть DiaryCSS

Если стиль Вам все-таки понравился или оказался полезен при создании собственного дизайна — можете поставить действующую ссылочку на этот пост где-нибудь в своем эпиграфе.
Ну или черкнуть пару строк в комментариях ;-)

запись создана: 20.06.2007 в 03:54

@темы: @дневники, Дизайн, Креатив, дневники, CSS, texus

---

Уроки diaryCSS: Генератор кода v2.0beta - обновлен код

Генератор кода для создания дневников фиксированной ширины обновлен.

Первая версия CSS-кода описана и обсуждается здесь

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

Обновленный генератор кода расположен по адресу www.quartex.ru/diary/cssgen

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

Подробное описание обновленного CSS на подходе.

запись создана: 14.11.2007 в 01:38

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

---

Это ЖЖЖ неспроста

Баннерная реклама дневников теперь завязана на ads.sup.com
Сначала подумал что случайность, присмотрелся - факт.
Видимо и здесь тоже +SOL

@темы: @дневники, Интернет

---

Картинка дня

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

---

Про сюрпризы

Оказвается ребята из администрации решили раздать слонов наиболее читаемым посещаемым @дневникам по итогам августа.
Для меня до сих пор остается загадкой каким образом этот дневник оказался в двадцатке, но, как бы то ни было, любимый кофе я теперь буду пить из новой кружки
А админам и Вам, всем тем, кто читает мою писанину, хочется сказать спасибо.
Надеюсь, Вы находите здесь что-то действительно интересное для себя.
Спасибо!

@темы: @дневники, Позитив, События

---

Уроки diaryCSS: Примеры, советы и маленькие хитрости

Давайте сразу договоримся

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

Использование кодов из этой статьи Вы осуществляете на свой страх и риск.
Я не несу никакой ответсвенности за изменение внешнего вида Вашего дневника, либо возможных проблем, вызванных использованием css-кода из этой статьи.
Список примеров будет пополняться по мере возможности.

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

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

Я всегда открыт для общения, однако не нужно задавать мне вопросы по css на u-mail или в icq - ответов не последует. Если вопрос по коду из этой статьи - воспользуйтесь комментариями. С другими вопросами советую обращаться в сообщество  diaryCSS.
Спасибо.

Надеюсь, Вы найдете здесь что-то полезное для себя


Справочник css селекторов:
Будет постепенно пополняться

Элемент дизайна - описание элемента в css

Предыдущая запсь - .prevPostLink
Следующая запись - .nextPostLink

u-mail - .umail
E-mail - .email
Дневник - .diary
Профиль - .profile
Добавить в цитатник - .addToQuote
Подписаться - .subscribe
Комментарии - .comments
Написать у себя - .quote_post

@темы - .atTag
@музыка - .atMusic
@настроение - .atMood

NEW! Элементы колонки меню:

#postsCalendar - Календарь записей
#albumLink - Альбом
#rssLink - RSS
#myDiaryLink - Мой дневник
#writeThisDiary - Новая запись
#umailLink - U-mail
#myFavLink - Избранное
#myQuotLink - Цитатник
#discussionLink - Дискуссии
#myProfileLink - Мой профиль
#optionsLink - Настройки
#myStatLink - Моя статистика
#photolibLink - Библиотека
#allDiaryLink - Все дневники
#mainpageLink - Главная страница
#favListLink - Список избранных
#pchListLink - Список ПЧ
#communityCatalogueLink - Каталог сообществ
#myCommunitiesLink - Мои сообщества
#randomDiaryLink - Случайный дневник
#diarySpiritLink - @дневники: изнутри
#diarySupportLink - Техподдержка
#paySupportLink - Техподдержка платных
#faqLink - FAQ
#iAmQuit - Выход
#more_login - Иконка входа под другим именем рядом с Выходом
#tagslistlink - Темы записей
#headlineList - Список заголовков
#comments - Комментарии
#subscribe - Подписаться
#addToQuote - Добавить в цитатник
#subscribeEmail - Подписаться на дневник
#addToFav - Добавить в избранное
#delFromFav - Удалить из избранного
#upInChart - Поднять в списке
#myLinksLink - Мои ссылки
#all_links - Ссылки

NEW!
#myDraftLink - Черновик
#thisDiaryPhoto - Фото владельца дневника



Что можно сделать с ссылками в меню?

1. Добавить к ссылками иконки:
#myFavLink {background: url('/userdir/0/0/0/0/0000/000000.gif') 2px 3px no-repeat; padding:0 0 0 20px !important; height:18px;}
Это минимально достаточная запись в плане используемых параметров.

Внимательно читаем пояснения!

Самое главное здесь:
2px 3px - в примере задают положение фоновой картинки, относительно границ блока: первая цифра (2px) определяет отступ для фонового изображения слева, вторая (3px) - отступ сверху.
no-repeat - запрещает повторение картинки, если необходимо замостить фон по принципу обоев просто удалите no-repeat
Чтобы разрешить повторение картинки по принципу обоев: только по горизонтали - вместо no-repeat используйте repeat-x, только по вертикали - repeat-y
height - высота. Задается в px.
Должна быть не меньше высоты выводимого изображения.
padding - так называемый "внутренний" отступ. Задается обычно четырьмя числами в px
Первая цифра - отступ от верхнего края блока, вторая - от правого, третья - снизу, четвертая - слева.
Левый внутренний отступ должен быть не меньше ширины используемой иконки.
То есть запись padding:0 5px 10px 20px; задаст блоку внутренние отступы 0 сверху, 5 справа, 10 снизу и 20 слева.

Если все отступы одинаковые - достаточно записи типа padding:5px; - в этом случае отступ от любого края блока будет равен 5px
Если отступы сверху=снизу и слева=справа достаточно записи типа padding:5px 10px - в этом случае сверху и снизу отступ будет 5px, слева и справа по 10px.

Использовать можно изображения любого, разрешенного в библиотеке изображений формата.

2. Заменить текстовые ссылки в меню на изображения:
Применимо в том числе к музыке, настроению и @темам.

#myFavLink A {display:block; width:40px; height:25px; line-height:500px; overflow:hidden; background: #eee url('/userdir/0/0/0/0/0000/000000.gif') 2px 4px no-repeat;}

Для @тем код будет таким:
.atTag SPAN {display:block; width:40px; height:25px; line-height:500px; float:left; overflow:hidden; background: #eee url('/userdir/0/0/0/0/0000/00000.gif') 2px 4px no-repeat;}

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

#extratop {background: #ccc url('/userdir/0/0/0/0/0000/00000.jpg') 0 0 no-repeat; height:100px; width:100%;}

no-repeat - запрещает повторение картинки, если необходимо замостить фон по принципу обоев просто удалите no-repeat
Чтобы разрешить повторение картинки по принципу обоев: только по горизонтали - вместо no-repeat используйте repeat-x, только по вертикали - repeat-y
height - определяет высоту вашей картинки

Задаем элементу прозрачность

Ниже приведен кросс-браузерный пример использования 50% прозрачности для блока меню (id=side)
#side {
filter: alpha(opacity=50); /* IE 5.5+ */
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1+, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

Для IE 5.5 и выше - прозрачность задается числом от 0 до 100, для остальных браузеров - числом от 0.0 до 1.0 (чем больше число, тем более непрозрачным будет элемент).

Внимательно читаем об особенностях использования с Internet Explorer

1. Фильтр можно применять лишь к элементу с установленным свойством height, или width, или position со значением absolute, или writingMode со значением tb-rl, или с contentEditable установленным в true.
2. Если при включенном методе сглаживания экранных шрифтов ClearType прозрачность применяется к элементу с текстом, текст визуально искажается. Для того чтобы исправить положение, для IE нужно задать фоновый цвет (CSS свойство background-color) для элемента к которому применяется прозрачность.

запись создана: 12.05.2007 в 01:14

@темы: @дневники, Дизайн, CSS

---

200

Список постоянных читателей сегодня округлился до двухсот.

Пришло время задать вопросер:



Кто вы, люди?



Расскажите, пожалуйста, о себе, хотя бы в двух словах:

- Давайте познакомимся. Как Вас зовут?

- Сколько Вам лет?

- Откуда Вы?

- Чем занимаетесь по жизни?

- Чем интересуетесь/увлекаетесь?

- Как Вы выглядите? Пора выйти из тени Покажитесь!

- Как Вы меня нашли?

- Что Вас сподвигло добавить меня в Избранное и как давно это было?



Если мы знакомы лично хотя бы подайте признак жизни в комментариях

Как Вы меня нашли, помните?

Как давно и почему решили что этого "парня со странным ником из трех" букв можно почитать?

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

---

Поговорим?

Порекомендуйте мне, пожалуйста:

1 - книгу

2 - фильм

3 - песню

4 - вещь

5 - действие

6 - город

7 - мысль/высказывание

8 - одного из ваших френдов



Желательно с комментариями



Подсмотрено у  Casika

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

---

ЁПРСТ!

Ребята, ну неужели так сложно повесить на кнопку "Отправить" java sсriрt и перед отправкой данных на сервер автоматом копировать текст записи в буфер обмена?

Столько нервных клеток можно было бы спасти...

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

---

Чуть не забыл!

С днем рожденья, @дневники!

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



Спасибо всем, кто приложил руку к созданию маленького мира по адресу diary.ru.

Отдельное спасибо тем, кого знаю лично!

Кубики лучшие!



PS. yuga.life я тоже прекрасно помню

@темы: @дневники, Интернет, Позитив

---

Уроки diaryCSS: Дневник фиксированной ширины по центру страницы

Часть первая, вступительная



Почти пять лет оформление дневников ограничивалось выбором шрифта и пары цветов.

С появлением сервиса CSS стало возможно всё.



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

Для этого идем в Настройки › Профиль, внизу в поле «счёт» вводим какую-нибудь сумму, например, 999. Затем Настройки › Набор сервисов, здесь выбираем любой пакет включающий CSS. Жмем Посмотреть счёт, затем Оплатить.



О переходе на реальную оплату администрация обещала сообщить заранее.



После подключения (возможна небольшая задержка) в разделе настроек «Оформление дневника» появляется большое поле для ввода инструкций CSS (его трудно незаметить). Именно в это поле мы будем вписывать код из второй части урока.



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





Часть вторая, научно-практическая



Сегодня, я расскажу как с помощью CSS можно создать дневник фиксированной ширины и разместить его по центру страницы.



Для этого нам потребуется: идея, знание основ математики и немного терпения.

Мы будем модифицировать CSS для трех слоев: wrapper, side и page-c



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

При выборе ширины дневника наиболее значимую роль играют 2 фактора: разрешение экрана и максимально допустимая ширина изображения на дневниках (сейчас это 700 пикселей)



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



По статистике, подавляющее большинство пользователей рунета смотрят на мир в разрешении 1024х768 и более.

Из 1024 px примерно 24 px занмает полоса вертикальной прокрутки страницы.

То есть на всё про всё у нас остается 1000 px, в которые мы можем поместить дневник, не опасаясь за его здоровье.



Минимально возможная ширина дизайна складывается следующм образом:

ширина колонки меню + величина отступа + ширина зоны контента (ширина изображения 700px + величина отступа + ширина блока аватара на странице комментариев) + оступы для всего дневника

Продолжаем разговор

Модификацции подвергаются 3 блока с id:

wrapper - основной блок дневника, именно в него помещаются все остальные блоки

side - блок меню

page-c - блок контента



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

Код c классом .left для дневников с левым расположением меню, .right - с правым: .left #wrapper {width: 790px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 50%;} .left #side {width: 180px !important; margin: 0 !important;} .left #page-c {width: 600px !important; padding: 0 !important;} body.left {padding-left: 10px !important;} .right #wrapper {width: 790px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 50%;} .right #side {width: 180px !important; margin: 0 !important;} .right #page-c {width: 600px !important; padding: 0 !important;} .right #page-t {margin: 0 !important;}

Пример без цетрования (блоки будут слева на странице)

Код c классом .left для дневников с левым расположением меню, .right - с правым: .left #wrapper {width: 790px; margin: 10px !important; padding: 0 !important;} .left #side {width: 180px !important; margin: 0 !important;} .left #page-c {width: 600px !important; padding: 0 !important;} body.left {padding-left: 10px !important;} .right #wrapper {width: 790px; margin: 10px !important; padding: 0 !important;} .right #side {width: 180px !important; margin: 0 !important;} .right #page-c {width: 600px !important; padding: 0 !important;} .right #page-t {margin: 0 !important;}

Где: width - ширина блока, margin - величина внешнего отступа от границ блока, padding - величина внутреннего отступа от границ блока, position - определение типа позиционирования блока, left - величина отступа от левого края окна броаузера при данном типе позиционироания. Подробнее - позже...



Откуда цифры и как считать?

Для начала вам необходимо рассчитать 4 параметра, назовем их X, Y, Z, K (в скобках приводятся цифры из Примера 1)



X- ваша ширина блока текста (600px)

Y- ваша ширина блока меню (180px)

Z=X+Y+ваш отступ между меню и текстовой зоной (790px=600px+180px+10px)

K= (Z/2) то есть (790px/2)= 395px



Подставьте в код получившиеся значения X, Y, Z, K.

Не забывайте указывать единицы измерения px для подставляемых значений, значение K в коде должно быть отрицательным.

Код c классом .left для дневников с левым расположением меню, .right - с правым: .left #wrapper {width: Z; margin: 0 0 0 -K !important; padding: 0 !important; position: relative; left: 50%;} .left #side {width: Y !important; margin: 0 !important;} .left #page-c {width: X !important; padding: 0 !important;} body.left {padding-left: 10px !important;} .right #wrapper {width: Z; margin: 0 0 0 -K !important; padding: 0 !important;position: relative; left: 50%;} .right #side {width: Y !important; margin: 0 !important;} .right #page-c {width: X !important; padding: 0 !important;} .right #page-t {margin: 0 !important; }

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

Благодаря  bokonist'у на свет появился замечательный генератор кода, которй автоматически рассчитает все за вас, на основе описанного в уроке алгоритма.

Вводите 3 цифры - на выходе получаете готовый к работе css код.



Важно!

Прежде чем использовать дизайн дневника с фиксированной шириной настоятельно рекомендую включить в настройках Просмотра дневника опцию "большие изображения отображаются с локальным горизонтальным скроллбаром (аналогично тегу [simg]..[/simg ])" и уменьшить размер шрифта до 8px (затем, размер подбирается экспериментально, в зависимости от выбранного типа шрифта).



Вот и всё. Замечания и предложения в комментарии



PS. Часто и очень часто задаваемые вопросы



1. Памагите! Меню уехало вниз! Верните все на место!

- Проверьте, включили ли вы в настройках Просмотра дневника опцию "большие изображения отображаются с локальным горизонтальным скроллбаром (аналогично тегу [simg]..[/simg ])"?



2. У меня на странице комментариев меню сместилось вниз, горизонтальный скролл для картинок включен. Что делать?

- Попробуйте уменьшить размер шрифта в блоке добавленя комментария - добавьте в css строку:

.formcontainer {font-size: 75%;}

*Размер шрифта (в процентах) подбирается индивидуально

@темы: @дневники, Дизайн, CSS

---

ТЕСТИРУЕМ НОВЫЙ RSS-СЕРВИС!!!

Включить свой @дневник в домашнюю страничку стало так же просто как и поставить на нее счетчик статистики!!!



Сегодня группа независимых разарботчиков запустила бесплатный сервис на основе RSS, позволяющий транслировать 10 свежих записей @дневников на Ваших домашних страничках или любых других сайтах, не зависимо от того на каком хостинге они размещены! (Будь то Народ.ру или серьезный платный хостинг).



Вы заходите на сайт и вводите в форму адрес RSS-файла (У моего дневника он такой: http://www.diary.ru/userdir/0/3/4/0/0340/rss.xml) настраиваете внешний вид и жмете Enter. После чего полученный java-скрипт (он появится внизу страницы) вставляете в свой сайтик. Все просто как раз-два-три!



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

Спасибо, за то что дочитали до конца

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

---

Полезность для пользователей @дневников

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

Пользуемся

@темы: @дневники, Дизайн, CSS