19:40 

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

Миша Коллинз жестокий и коварный
миньонская Мать©
Закрытая запись, не предназначенная для публичного просмотра

14:11 

Back to Top

D Ash
Embrace your dreams and prove your honor...
Перенёс тут кнопочку из VK. Вернее, вытащил и настроил. Для работы нужен платный сервис CSS.

Как установить.
1. Закинуть это изображение в БИ. Скопировать ссылку.
2. Добавить к CSS дизайн следующий код:

3. Заменить __IMAGE_LINK__ на ссылку на изображение из БИ. Обрезать всё до '/userdir/...'.

Пример.

@темы: CSS, Оформление дневника, Платные сервисы

13:20 

Хотелось бы спросить, а можно ли на экстратопе поместить ссылку, ведущую на другой дневник, и как это сделать, если возможно?

@темы: эпиграф

12:49 

Новые дизайны

kolenochka
mysteryofobscurity (кодировка La mignonne )
dizain-by-shokolad.diary.ru/p181397341.htm Brown design-brown.diary.ru/
dizain-by-shokolad.diary.ru/p179744794.htm 2 варианта: Salad light salad-l.diary.ru/ Salad dark salad-d.diary.ru/
dizain-by-shokolad.diary.ru/p178679368.htm Inelaborate design-inelab.diary.ru/
dizain-by-shokolad.diary.ru/p182345606.htm Домик в горах design-domik.diary.ru/

La mignonne ({всего лишь сон})
dizain-by-shokolad.diary.ru/p130134620.htm Light White design-light.diary.ru/

Invisible
dizain-by-shokolad.diary.ru/p173764106.htm Sherlocked 3 варианта design-sherlock3.diary.ru/ design-sherlock3.diary.ru/ design-sherlock3.diary.ru/
dizain-by-shokolad.diary.ru/p173756484.htm Абстрактный город design-abstract.diary.ru/
dizain-by-shokolad.diary.ru/p173376875.htm Постапокалипсис design-postap.diary.ru/
dizain-by-shokolad.diary.ru/p115467134.htm Бумажный design-paper.diary.ru/

Isam Mi Nam
dizain-by-shokolad.diary.ru/p178838999.htm never give up design-never.diary.ru/
dizain-by-shokolad.diary.ru/p178440738.htm Hello Sailor design-sailor.diary.ru/

nero
dizain-by-shokolad.diary.ru/p177079361.htm alfa design-alfa.diary.ru/
dizain-by-shokolad.diary.ru/p174173489.htm painter blog design-painter.diary.ru/
dizain-by-shokolad.diary.ru/p172066004.htm god and monster design-monster.diary.ru/

злой сов
dizain-by-shokolad.diary.ru/p176770655.htm The Doors design-doors.diary.ru/
dizain-by-shokolad.diary.ru/p173143690.htm Призрачная весна design-prizr.diary.ru/

Minze;
dizain-by-shokolad.diary.ru/p176244172.htm Блокнот design-bloknot.diary.ru/

Kristabella
dizain-by-shokolad.diary.ru/p175949986.htm блокнотик design-bloknotik.diary.ru/
dizain-by-shokolad.diary.ru/p174448395.htm Water Color design-watercol.diary.ru/
dizain-by-shokolad.diary.ru/p172266262.htm Музыкальный хаос design-chaos.diary.ru/

winterwolf
dizain-by-shokolad.diary.ru/p174184012.htm Dark Blue Shadow design-dbs.diary.ru/

.candy mummy
dizain-by-shokolad.diary.ru/p171594383.htm The most wonderful time design-wonder.diary.ru/

20:41 

не пробовала, но

@темы: Аксессуары

13:00 

Ссылки картинками

Трубчатый Кот
Зверь-чародей
1. Как заменить надписи "Музыка", "Настроение", "Тэги" на картинки? Как изменить текст надписи "Музыка"?
2. Как заменить ссылки "Комментировать" или "Мой дневник" на картинки?Как изменить текст ссылок в меню?


Вообщем то текст поменять нельзя. Но можно его скрыть и поставить на его место картинку.
Громадным минусом такого метода является затруднение навигации при отключенных картинках.
Я расскажу идею - с остальным разбирайтесь сами ) Вопросы вида А как сделать то же самое для "Все дневники"? я игнорирую.
Рассматриваю на примере замены ссылки "Мой дневник" и подмены надписи "Музыка" на картинку.

Берем картинку. Например такую
Это картинка с новым текстом ссылки "Мой дневник" )

Код I:
li#myDiaryLink {background: url('/userdir/9/3/1/2/93120/19270514.gif') 0px 3px no-repeat;}
li#myDiaryLink a{ opacity:0.0;filter:alpha(opacity=1) !important;-moz-opacity:0.0;letter-spacing: 3.1px;zoom:1;position:relative;}


Первая строка кода ставит фон на элемент меню. Меняя выделенные значения добиваемся точного позиционирования картинки.
Вторая строка прячет оригинальный текст ссылки, но саму ссылку не убирает. Поэтому она остается рабочей )
С помощью подбора значения letter-spacing надо добиться того, чтобы ширина картинки и ссылки совпадала. position:relative; и zoom:1; нужен для IE - остальные браузеры справляются и без таких подпорок.

Код II (by Tex)
#myFavLink A {width:40px; height:25px; line-height: 3000px; overflow:hidden; background: #eee url('/userdir/0/0/0/0/0000/000000.gif') 5px 4px no-repeat;}
Этот проще )


С надписью "Музыка" гораздо проще, т.к. не надо сохранять функцианальность ссылок.
Просто берем картинку
и код для нее:
.atMusic em { font-size: 0 px; background: url('/userdir/4/7/4/8/474825/19198062.gif') no-repeat 0; padding-left: 70px !important; }
.atMusic em SPAN { position: absolute; left:-1000px;}

где 70px это ширина картинки.

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

@темы: меню, текст

17:38 

.Sweeten hurt.
all you have to decide is what to do with the time that is given to you
13.02.2010 в 11:15
Пишет ArLe:

Подарок дневниковцам
от команды бетатестеров в лице profileRi , который написал код, и команды дневниковых художников в лице profileE_a_s_y , которая помогала собирать и составлять коллекцию иконок.

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

Для чего это надо? Ну, например, стильно поприветствовать нового пч:
- Привет, profileArLe !

Дать ссылку на дневникового пользователя на другом ресурсе (иконка будет ссылкой на его профиль на дневниках, ник - ссылкой на дневник):
- Читайте profileArLe.

Ненавязчиво признаться в любви:
- profileArLe, а вы не знаете, как пропачтить KDE2 под FreeBSD?

Или также ненавязчиво сказать гадость:
- profileArLe, привет!

Пользуйтесь! Просьба распространить в народе.

URL записи

@темы: Настройки сайта, Спецсимволы

20:06 

Ri
И тесно облакам.
Люди, что-то у меня не получилось. Задача: при расположении меню вверху позиционировать #mainpageLink абсолютно и сделать так, чтобы ссылка была видна всегда, а не только при наведении на «главное меню» (проблема именно в этом).

09:07 

Новые генераторы

fail better
Сделал ещё два простых генератора: Фоновая картинка и Экстраблоки.

* Напишите, если не работает :) Если работает, тоже напишите.
* Может быть у вас есть ещё идеи для подобных генераторов? Какие вопросы вам надоели в сообществе?

08:28 

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

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

17:46 

А можно ли сделать так, чтобы меню сверху при наведении на основные блоки ссылок, открывало эти самые списки с ссылками не вниз, а вверх?

@темы: меню

00:34 

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

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

14:45 

форма поиска

Привет
Как уменьшить форму поиска по ширине?
#YaSearch {width:135px;} не помогло
YaSearch_title, YaSearchForm, search_select - подставляла, тоже ничего не помогло

сейчас вот так

12:16 

Такая проблема уже затрагивалась, но самостоятельно так и не смогла ее решить.
Нужно переместить меню на один уровень с экстратопом так, чтобы между ними еще оставалось какое-то расстояние. В каком-то из постов посоветовали
#side {position:absolute; top:0px;}, а затем вроде как нужно поиграть со св-вом left.
собственно, скрин
Это при параметрах #side {position:absolute; top:0px; left: 1000px}
НО
Ведь при другом расширении + свертывании окна и прочее меню начинает "шатать", т.к. оно не привязано конкретно к экстратопу и блоку записей. Как решить проблему?

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

09:37 

Дополнительные блоки

Совершенству эволюция не нужна.
Теперь в дизайне есть аж 10 дополнительных блоков, которые можно использовать по своему вкусу и усмотрению. Части дневника в них конечно не загонишь, но можно поместить картинки, например динамические. Artik тут интересовался, как сделать фиксированный page-c по центру wrappera, а wrapper при этом 100% "резиновой" ширины. Если суть в том, что хочется сделать фон для wrapper'a, который бы занимал большую часть экрана, а все остальное было бы на этом фоне, то теперь можно использовать эти самые дополнительные блоки, а wrapper сделать фиксированным, и разместится он как раз по центру.
Так вот, идентификаторы этих блоков:
#add_block1
#add_block2
#add_block3
#add_block4
#add_block5
#add_block6
#add_block7
#add_block8
#add_block9
Я, допустим, прописал: #add_block1 {height: 20px !important; background: #467423; width: 100% !important; position: absolute !important; top: 20px; left: 0px;}
И этот блок переместился наверх тестового дизайна, растянувшись по всей ширине страницы, а все остальное оформление будет фиксированное по центру. В доп.блок я наложу полупрозрачный фон, который орнаментом пойдет по дневнику.
Особенно хорошо будет использовать эти блоки в качестве дополнения для экстратопа - как картиночные части общего его фона.

@темы: diaryCSS, Учеба

12:39 

Извращаемся с дизайном II

Трубчатый Кот
Зверь-чародей
Эти фишки паралельно являются пропагандой использования браузера получше чем IE6, поскольку в нем они не работают
Вопросы типа: "А как поменять цвет", "Как подгонать под мой дизайн", "Что такое графический редактор" и подобные задавать не мне а гуглу: http://www.google.com

1. Выпадающее меню
Полезно для создания маленького фиксированного меню )
#side .menuSection{background: none;border:none; max-height: 10px; height: 10pxдо вот такой высоты обрежется меню !important;heigth:auto;это надо для того, чтобы меню все таки было видно в IE overflow: hidden;position:relative;display:block;z-index:1;}
#side .menuSection:hover {max-height: 1000px;height: 400px;overflow: visible;position: relative;z-index:3; background: none; border: none;}
.menuSection ul {background: #FFFFFF; border: 1px dotted #000000;}
.menuSection ul ul{background: none; border: none;}
#side div{margin:0px;padding:3px;}


2. Меняем текст меню
UPD: похоже что работает только в Опере

#идентификатор_пункта_меню A{ content:'Новый текст меню';}

Например:
#myDiaryLink A{content:'My diary';}


3. Напугаем ПЧ? (работает везде)
Буквы вводятся справа налево )

input, textarea {direction: rtl;}


@темы: меню, текст

21:33 

ещё немного html

Сабико
100% sabiko. Please, hug, hold, feed, care for.
Чтобы сохранить
форматирование текста, все пробелы
и табуляции
можно заключить его в тег <pre>.


Ну и не забывайте при необходимости использовать списки.

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

00:04 

случайная прохожая
Радует, что выжили, огорчает, что из ума. (с)
-Скажешь мне "Да"?
-Да.
-Скажешь мне "Нет"?
-Нет.
-Что там в окне?
-Звезда.
-Что нам с того?
-Свет.
-Вот на стене...
-Тень.
-А в колыбели?
-Дочь.
-Завтра придет...
-День.
-Ну а пока?
-Ночь.
-Ночью темно.
-Боюсь!
-А рядом со мной?
-Покой.
-Я постарею.
-Пусть.
-Может и ты.
-С тобой.
-Ты для меня?..
-Звезда.
-Я для тебя?..
-Свет.
-Вместе навек?
-Да.
-Ты меня любишь?
-...

@музыка: тишины

@настроение: жду звонка

DESIGN +

главная