13:06 

Как задать ссылки координатами?

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Покажу на примере эпика Tantalia.
Нам понадобятся:
1. Сама картинка эпиграфа тык
2. Код:
3. Программа которая видит координаты изображений, например XnView Скачать


В конце получаем код:

Текстовая инструкция:
Откройте через XnView картинку эпиграфа. Обратите внимание на значения X и Y слева внизу. Они меняются в зависимости от положения мышки. Это координаты. Откройте блокнотом код. Откройте в браузере все страницы на которые ведут ваши ссылки.
Далее скопируйте код (мне лично так проще, создавать копии на полпути чтобы можно было переправить) в том же документе в блокноте. Загрузите картинку на файлообменник и скопируйте прямую ссылку на нее в код, туда где "адрес изображения". На месте "ссылка1", "ссылка2" и т.д. напишите названия ваших ссылок. За каждую из них отвечает кусок: Таких кусков должно быть столько сколько вам нужно. Поэтому удалите лишние или добавьте в код недостающие. Назовите все ссылки.
Откройте изображение. Поставьте окна XnView и блокнота рядом, так удобнее. Наведите курсор в левый верхний угол первой надписи. Значения X и Y первые два числа через запятую. Теперь в нижний правый угол той же надписи. Это третье и четвертое числа. Повторите для остальных ссылок.
Скопируйте получившийся код еще раз (но можете все делать и в одном). Теперь замените названия соответствующими адресами страниц из браузеров. Сохраните текстовый файл. Скопируйте и вставьте в эпиграф.

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

Вопрос: Полезно?
1. Да 
46  (100%)
Всего: 46

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

14:00 

Как загрузить музыку в дневник

Запись поднята в связи с внесенными изменениями.

Как загрузить музыку в дневник

В комментариях много ссылок на полезные ресурсы.
запись создана: 01.10.2009 в 18:05

@музыка: вот её, родимую, и загружаем ;)

@темы: Полезные сторонние сервисы, Вставка музыки

20:07 

Эпиграф

Ataka
Крепко жму горло. Искренне ваш Атака :)
Сегодня я расскажу как сделать эпиграф в Diary записи.

Для этого перед телом записи необходимо в режиме HTML вставить и настроить следующий кусок кода:
<div style="position:relative; float:right; width:200px; margin:10px; padding:10px; background-color:#EFEFEF"><i>Текст вашего эпиграфа, например вумная цитата.</i>
<div style="text-align:right">© Авторство или подпись</div></div>
<div style="clear:both"></div>


Текст вашего эпиграфа, например вумная цитата.
© Авторство или подпись




в результате получится эпиграф. Где настраивается непосредственно текст - надеюсь понятно =)
Также по желанию можно изменить след. параметры:
width - определяет ширину эпиграфа
padding - определяет расстояние от фоновой рамки эпиграфа до текста
margin - определяет расстояние пустой зоны с каждой стороны блока эпиграфа до окружающих его элементов.
background-color - фоновый цвет блока эпиграфа. Если фон не нужен - то необходимо стереть этот параметр.


По мотивам Leon PRO

23:37 

Pop-ups

D Ash
Embrace your dreams and prove your honor...
В общем-то, просто один момент из HTML, но не уверен, что все с этим знакомы, а момент полезный. Прошу прощения, если он уже публиковался - можете смело удалять.

Как сделать, чтобы при наведении на блок текста появлялось окно pop-up'а с текстом? Используйте атрибут title.

Например:

Наведи на меня...



Можно пойти чуть дальше. В div с title'ом можно заключать не только голый текст, но и любые другие блоки или тэги, в том числе тэг more.



@темы: Всплывающие подсказки, Дневник, Записи, Новая запись, Редактирование записи, Теги оформления записи

20:18 

Текст с тенью

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

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



Ваш текст

Цифры text-shadow означают сдвиг по горизонтали, вертикали и степень размытия. Положительные значения сдвигают вправо и вниз, отрицательные - влево и вверх.

Ваш текст

Ваш текст

Ваш текст

Обозначения цветов быстро можно посмотреть здесь или с помощью Яндекса.

Ахтунг! Используйте HTML-редактор, при просмотре в визуальном редакторе пропадает цвет тени, тень становится того же цвета, что и текст.

@темы: Теги оформления записи

22:49 

Вставка ссылок

Котички
Не раз видела, что многие люди при вставке ссылок упорно юзают тег MORE, что не есть верно.
Пример правильно оформленной ссылки: Яндекс


Пример неправильно оформленной ссылки: Яндекс


В чем отличие? В первом примере, нажав на ссылку, мы сразу попадаем на нужную страницу, во втором сначала откроется ссылка, и только потом по ней можно будет перейти.
Ткнуть в ссылку еще раз не проблема, когда сидишь за компьютером, но не будем забывать, что множество людей пользуются мобильным интернетом, читая Дайри с телефонов и КПК. Когда они жмут ссылку, скрытую под тегом MORE, страница перегружается заново, и только после этого открывается скрытая под морем ссылка. Это неудобно и тратится трафик.
Чтобы вставить ссылку, нужно нажать кнопку (Вставить url).
Появится следующая надпись:

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

Вот и все. Вставляйте ссылки правильно, и ваши читатели, пользующиеся GPRS-ом, будут вам благодарны :)

@темы: Теги оформления записи, Записи

17:47 

Симорошка
дайте мне точку опоры и я об неё споткнусь
Я собиралась делать этот пост под новый год. Но события разворачиваются так, что держать рот на замке нельзя.
Я делаю новые дайри. Альтернативу. Такие же, но лучше. Ну в общем, вы поняли.
Мне активно помогают в этом деле, например, Ниэби Оленьи Рожки делает современный дизайн, и больше двадцати человек народу в чате брейнстормят решения насущных вопросов, дают полезные советы, и мотивируют двигаться вперед.

Так вышло, что я веб-программист. Так вышло, что я взялась за этот проект. И так вышло, что он нужен, чем скорее, тем лучше. И сейчас я почти всё свободное время трачу на него. Я не знаю, сколько ещё времени займёт разработка первой бета-версии, но дело движется и даже чуть быстрее, чем я ожидала. Примерные рамки: базовая рабочая версия до нового года, полная версия через год, если я буду работать в том же темпе, что сейчас. Да, я знаю, текущая ситуация на дайри не внушает оптимизма, но думаю, что время есть. Делайте архивы периодически. А я постараюсь работать побыстрее.
Так как я считаю это "делом своей жизни", этот проект будет запущен, будет развиваться, и будет жить. Рано или поздно, так или иначе, неотвратимо.
И я очень хотела бы, чтобы это был сайт для людей, для вас, для всех, кто жил здесь долгие годы, писал о жизни и других вещах, находил друзей. Как я. Поэтому я хочу, чтобы люди об этом знали. Дайри, может быть, и умирают, но это не конец. Это начало чего-то нового.

План и намерение:
- Cохранить основной функционал и "ламповую душевность". Сделать аналог того, к чему мы привыкли, но не идентичный. Взять основные и лучшие функции, исправить косячные моменты, сделать удобнее и приятнее. План разработки (и прогресс) можно наблюдать на Трелло.
- Импорт архивов дневников будет всенепременно. С комментариями, картинками, смайлами, и, скорее всего, обновленными ссылками на дневниковые посты.
- Вид дневника всегда можно будет настроить под себя, в том числе с CSS - я считаю это частью базового функционала. Вы всегда сможете видеть свой дневник и ленту избранного в том виде, какой вам нравится. Но по умолчанию дневники будут выглядеть современнее и удобнее того, что есть сейчас.
- Постепенно, но неуклонно улучшать и делать сайт удобнее, сохраняя ламповость и душевность.
- Жить и дружить долго и счастливо.

Ссылки:

Трелло, в котором план и прогресс.
Группа вконтакте, где будут основные новости.
У сайта есть домен - dybr.ru, выбирали вместе здесь. Сейчас там можно оставить свой имейл, чтобы не пропустить момент открытия.
У сайта пока нет демки, которую можно показывать, но я постараюсь ее доделать в ближайшие пару недель, основной код уже работает. Собственно, отсутствие демо - основная причина, по которой я не распространялась о проекте.

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

А началось всё в сентябре, ещё до того, как пошли все разговоры про то, что дайри закроются, до того, как напихали новых рекламных блоков. Наверное, мне был знак.

@темы: Дыбр.ру

22:00 

lock Доступ к записи ограничен

Диана*
Счастья всем даром!
Закрытая запись, не предназначенная для публичного просмотра

19:06 

Цветовой перелив /Color overlay

mieze
Ich bin ein Teil von jener Kraft, die stets das Gute will und das Böse macht.
У меня для вас есть кое-что нужное! Может некоторые спрашивали себя, как сделать так, что-бы фон был заполнен фоновой картинкой, но сверху в низ ( с низу в верх, с право на лева итд.)
шёл как-бы такой цветовой залив, которые переходит от тёмного цвета до прозрачного.
как на скриншоте:
я вам покажу как это сделать!

пишем в код:


если мы хотим ещё сделать вааааще хитро, и зафиксировать фон, т.е. что-бы фоновая картинка не двигалась, но цветовой перелив двигался, то пишем вот так:


надеюсь вам понравится :)

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

23:04 

CSS в общее пользование...

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
За вдохновение спасибо Некому Бесенку, моему любимому музу.
Идея с заливкой фона постов градиентом подсмотрена у UDFj

При наведении мышки картинки в ленте вращаются. Если на стекле постепенно появляются строчки значит вам прислали письмо)
СКРИНЫ
Мне хотелось сделать эту работу интересной и функциональной. Надеюсь получилось. Буду рад комментариям. В работающем виде можно наблюдать в моем дневнике.
Под настроение:
Ты знаешь, как любить умеет Море?
Прости ему цунами и шторма,
То страсти сгусток рвущийся на волю,
Клокочущий в глубинных закромах
Иль буйной ревности порыв, но чаще,
Любовь Его спокойна и нежна...
Взгляд бирюзовых глаз такой манящий,
Что в них ныряя, достигаешь дна,
Где тайна чувств сокрыта...Руки-волны
Расслабленное тело обоймут,
В прикосновеньях сладостных и томных,
Оно найдет спокойствия приют.
Душа в блаженстве чайкою взметнется
И, с громким криком, бросится в прибой...
Любовь волной поднимется до Солнца,
И в бездну счастья унесет с собой..

Светлана Джус

НАСТРОЙКИ

Вопрос: Нравится оформление?
1. Да! 
108  (95.58%)
2. Нет. 
5  (4.42%)
Всего: 113

@темы: морское, коричневое, дизайн, Кареглазый Демон

23:06 

Бесшовные текстуры

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Для тех кто пишет поверх фона.
+30штук

Вопрос: Нравятся?
1. Да! 
85  (89.47%)
2. Нет. 
10  (10.53%)
Всего: 95

@темы: черно-белое, фоны, новый год, зима, Кареглазый Демон

03:46 

CSS в общее пользование

Огненный Бес
Скромник с чертиками в глазах

Вопрос: Нравится оформление?
1. Да 
81  (94.19%)
2. Нет 
5  (5.81%)
Всего: 86

@темы: Огненный Бес, CSS

17:21 

Памятка для тех у кого едет платник и/или есть желание привести его в порядок.

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

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

Убрать все вышеизложенное сразу можно кодом:

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

Также можно запретить вас цитировать, подписываться на пост и забирать посты перепостом:

Кнопка "пожаловаться" отключается в настройках www.diary.ru/options/site/, но тогда вы ее не видите в чужих дневниках. Чтобы ее не было под вашими постами добавьте:
Многие не знают, но надпись "Я знаю, что на сайте имеются материалы, не рекомендуемые для просмотра лицам моложе 18 лет" исчезает если на нее нажать. Поэтому ее не обязательно оформлять в своем дневнике. Можете ее просто убрать:

Если что либо упустил задайте вопрос в комментариях, дополню пост.

Вопрос: Полезно?
1. Да. 
53  (100%)
Всего: 53

@темы: как это сделано, Кареглазый Демон, css

22:22 

Black cat

Харука.
Бороться и искать, найти и перепрятать. (с)
Забирая этот дизайн себе, ставьте баннер сообщества!

настройки

Вопрос: Нравится оформление?
1. Да!)) 
33  (100%)
Всего: 33

@темы: голубое-сине-фиолетовое, Izanami., кошки, дизайн

16:29 

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


Отдаю в безвозмездное пользование. Если для вас диз пустоват можете дополнить по своему вкусу дополнительными блоками:
Изучить

Установить автоматически (без дополнительных блоков)
Причины нажать на эту ссылку вы возможно обнаружите на видео:



Настройки:
СМОТРЕТЬ

Вопрос: Нравится оформление?
1. Да. 
44  (83.02%)
2. Нет. 
6  (11.32%)
3. Одел. 
3  (5.66%)
Всего: 53

@темы: серое, нежное, дизайн, голубое-сине-фиолетовое, Кареглазый Демон

00:38 

Бесплатник в общее пользование.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...

Вдохновивший меня автор арта: artcity.diary.ru/p112048736.htm

Вопрос: Нравится оформление?
1. Да. 
66  (97.06%)
2. Нет. 
2  (2.94%)
Всего: 68

@темы: коричневое, заказ, желто-оранжевое, дизайн, аниме/арты, Кареглазый Демон

01:33 

CSS в общее пользование

Огненный Бес
Скромник с чертиками в глазах
Дизайн резиновый. Фон фиксированный.



Детали

Установить автоматически

Настройки

Вопрос: Нравится дизайн?
1. Да 
26  (100%)
Всего: 26

@темы: css, Огненный Бес, абстрактные, голубое-сине-фиолетовое, желто-оранжевое

10:46 

О цветах.

Кареглазый Демон
Ко мне на "ВЫ", шепотом и с придыханием...
Каждый кто пытался сам собрать оформление подтвердит что дело это нелегкое и на каждом этапе встречается куча подводных камней. Но с некоторыми можно справиться и довольно просто. Иногда выбирая цвет текста вручную можно столкнуться с некрасивым эффектом битых пикселей, искажениями и прочей пакостью. Чтобы цвета отображались красиво и одинаково во всех браузерах существует таблица именованных цветов css.yoksel.ru/pages/tablitsa-imenovanny-h-tsvet...

Пользоваться ей очень просто. Вместо шестизначного кода вставляем в код слово и наслаждаемся видом. А если нужно перевести название в привычный или rgb вид есть удобный сервис: leaverou.github.io/css-colors/#ivory

Вопрос: Полезно?
1. Да. 
74  (100%)
2. Нет. 
0  (0%)
Всего: 74

@темы: как это сделано, Кареглазый Демон

13:27 

Урок по сборке дизайна

La mignonne
Когда-то писала в своем дневнике урок по сборке одного из дизайнов в соо.
Оставлю это здесь, может кому-то пригодится.

Урок по сборке дизайна

@темы: Урок/ Материалы/ Полезно знать

12:50 

КАК УСТАНОВИТЬ ДИЗАЙН CSS?

ArLe
Арлоло, админота,
администратор
и админотавр
Пишет La mignonne:

КАК УСТАНОВИТЬ ДИЗАЙН CSS?
Честно уже нервно реагирую на вопрос "а куда пихать код, который вы дали?? ааа памагити!".
Почему ж люди не читают-то FAQ в сообществе, а по-русски "Часто Задаваемые Вопросы".
Или еще хуже - читают, а потом задают вопрос, который там расписан и даже показан в картинках! Пощадите, люди.
Поэтому я дополнила инструкцию дополнительными картинками и словами.




Как установить дизайн с кодом CSS/для платного дневника?




URL записи
запись создана: 01.10.2010 в 12:51

@темы: CSS

Все мы немного кошки

главная