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

О нас

Мы сотрудничали

Сделать заказ

Правила

Наши баннеры

О CSS и браузерах

URL

понедельник, 14 октября 2013

16:48

о насущном-3

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

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

Сейчас всё большие обороты набирает мобильный интернет. И в наших головах уже давно стоит вопрос про версии дизайнов для мобильных устройств. Нужно обсудить.))) Про выпадающее меню мы знаем. Его не будет точно.
Опять многовариантное голосование. Если мы что-то упустили — пишите. Мы не кусаемся.

Предыдущие опросы тут и тут.

Вопрос: Версии дизайнов под телефоны.

1. Не надо. Хожу через PDA-версию и счастлив.	29	(18.01%)
2. Надонадо! Хочу чтобы было красиво.	66	(40.99%)
3. Интернет не быстрый. Хочу, но уберите картинки из постов и авочки.	20	(12.42%)
4. С интернетом всё круто. Пусть остаются все картинки.	46	(28.57%)



Всего:	161 Всего проголосовало: 132

@темы: административное

URL

пятница, 11 октября 2013

15:57

О насущном-2

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Продолжаем разговор.
С какой стороны должно быть меню, чтобы вам было удобно. И как оно должно работать.
Голосование многовариантное.
Если мы что-то забыли — комментарии для вас.

Первый пост про то, что должно быть в меню, тут.

PS: Забыли поставить галочку о многовариантности. Пожалуйста, проголосуйте ещё разок.

Вопрос: Меню

1. Сверху	64	(16.33%)
2. Снизу	3	(0.77%)
3. Слева	74	(18.88%)
4. Справа	39	(9.95%)
5. Выпадающее	38	(9.69%)
6. Открытое	48	(12.24%)
7. Фиксированное	56	(14.29%)
8. Не фиксированное	14	(3.57%)
9. Всё равно	12	(3.06%)
10. Экспериментируйте! К чему однообразие?	44	(11.22%)



Всего:	392 Всего проголосовало: 154

@темы: административное

URL

четверг, 10 октября 2013

19:33

О насущном-1

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Здравствуйте, уважаемые наши подписчики. У нас к вам много вопросов.
Мы часто обрезаем меню по-максимому. И в итоге остаётся:
- Мой дневник
- Новая запись
- U-mail
- Дискуссии
- Избранное
- Написать на U-mail
- Добавить в избранное/Удалить из избранно
- Темы
- Главная
Если ещё есть место то могут затесаться:
- Черновики
- Цитатник
- Настройки

Но хотелось бы узнать как у вас настроено меню. Что вам нужно для удобства, а что только мешает. Голосование многовариантное. Если мы про что-то забыли или просто не знаем о ваших предпочтениях— расскажите нам об этом в комментариях.

Вопрос: Что нужно?

1. Блокнот	20	(8.16%)
2. Последние комментарии	22	(8.98%)
3. Список ПЧ	24	(9.8%)
4. Обе ссылки избранного (мы порой убираем "краткое", когда включенно оба)	5	(2.04%)
5. Поиск по дневнику	32	(13.06%)
6. Статистика	31	(12.65%)
7. Фото (аватар рядом с ником в меню)	51	(20.82%)
8. Ссылка "Пожаловаться" (находится рядом с url и мы её принудительно убираем)	4	(1.63%)
9. Меню полностью	15	(6.12%)
10. Всё правильно делаете. Продолжайте.	41	(16.73%)



Всего:	245 Всего проголосовало: 119

@темы: административное

URL

вторник, 30 октября 2012

08:53

Гостинец с ФБ-2012

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

За всю ФБ это был самый ~~пиздец(!)момент~~ волнительный момент. Всё было клёво, Полюшка написала код, мне оставалось только с фоном разобраться. А он был против! Кое-как уговорила, чтобы не остаться на внеконкурс.

И для справки. Мы играли за лапушек душек fandom Winnie The Pooh 2012. Любовь сирца! Мы заняли 8-ое место среди 140-ка с чем-то команд! Команда без фандома вообще! И я люблю этих людей, они невероятно прекрасны! *___*

Идею оформления постлинков мы с позаимстовали у Лунный дождь. Вот этот её дизайн. На сколько нам известно, с кодом постлинков помогала dead_mockingbird. И чтобы сильно не палиться мы просили разрешение у неё. Лунный дождь, я, надеюсь, ты нас простишь. :shuffle:

И поздравляю твою команду с третьим местом!!!

Винни для дизайна рисовала заюшка ~lessy

Шрифты заголовок обычный 12 теrст обычный 12 гарнитура Ариал	Цвета заголовок #daba04 ссылки #090807 записи #5c5240 оффтопик #9e8d6f	Примечание Дизайн блочный, навигация вверху.

ФОН ОБЛАКА ПУХ ФОН-2 ЭКСТРОТОП ЭКСТРАБОТТОМ	МЕНЮ ВЫХОД НАЗВАНИЕ ДНЕВНИКА МЕНЮ-2 ШАРИК ДНЯ РОЖДЕНИЯ ИКОНКИ	СТРЕЛОЧКА ИКОНКИ-2 ПОСТЛИНКИ ЗАГЛУШКА

Скачать архив с картиками

{---pictures---}
 body {background: url('ФОН') fixed repeat; font-family:Cambria, Georgia; font-size:16px; margin: 50px 0px 50px 0px;}
 #add_block1 {left: 50%; top: 0%; margin-left: -760px; background: url('ОБЛАКА') repeat-y !important; width: 1500px !important; height:100% !important; z-index:-2 !important; padding: 0; position:fixed !important; display:block !important; overflow: hidden !important;}
 #add_block2 {left: 50%; top: 25%; margin-left:330px; background: url('ПУХ') no-repeat !important; width: 100%; height:100% !important; z-index:-2 !important; padding: 0; position:fixed !important; display:block !important;}
 .top #wrapper {position:relative; background: url('ФОН-2'); min-width: 0px; width:700px !important; padding:0px 50px 0px 50px; border: 1px solid #f5f5f5; box-shadow: 0px 2px 7px rgba(0,0,0,0.3), 0px 0px 100px rgba(0,0,0,0.15) inset; -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.3), 0px 0px 100px rgba(0,0,0,0.15) inset; -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.3), 0px 0px 100px rgba(0,0,0,0.15) inset;}
 #extratop {background: url('ЭКСТРОТОП') center top no-repeat; width:700px !important; height:255px; min-width:0px; margin-top:-1px;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; height:105px; width:700px; margin-bottom:-1px;}
 #myDiaryLinks_title {background: url('МЕНЮ') no-repeat; width:58px; height:19px; overflow:hidden; text-indent:-999px;}
 #login_form_title {background: url('ВЫХОД') no-repeat; width:58px; height:25px; overflow:hidden; text-indent:-999px;}
 #side h1 a {background: url('НАЗВАНИЕ ДНЕВНИКА') no-repeat; display:block; width:107px; height:112px; position:absolute; left:50%; margin-left:-50px; overflow:hidden; text-indent:-999px; top:-50px;}
 #mainpageLink a{background: url('МЕНЮ-2') -63px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #tagslistlink a {background: url('МЕНЮ-2') -95px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #writeToAuthor a {background: url('МЕНЮ-2') 0px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #addToFav a, #delFromFav a {background: url('МЕНЮ-2') -31px no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:-999px;}
 #myDiaryLinks ul, #TagsList ul, #sign {background: url('ФОН-2') repeat; border: 1px solid #f5f5f5; box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; -o-box-shadow: 0px 2px 5px rgba(0,0,0,0.3), 0px 0px 30px rgba(0,0,0,0.05) inset; padding:5px 30px 10px 20px !important; }
 .birthday {padding: 3px 0px 0px 15px !important; background: url('ШАРИК ДНЯ РОЖДЕНИЯ') no-repeat; width:17px; height:26px; margin-right:80px !important; margin-top:-3px}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url('ИКОНКИ') no-repeat; width:30px; height:30px;}
 #Stats a, #bottom_up a{background: url('СТРЕЛОЧКА') no-repeat; display:block; color:#fff; font-size:18px; font-weight:bold;}
 .opac6, .TagJIco {background: url('ИКОНКИ-2')no-repeat;}
 .urlLink a {background: url('ПОСТЛИНКИ') no-repeat; width:30px; height:30px; display:block; overflow:hidden; text-indent:999px;}
 .umail {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -31px !important; width: 0px;}
 .diary {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -62px !important; width: 0px;}
 .profile {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -93px !important; width: 0px;}
 .subscribe {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -124px !important; width: 0px;}
 .unsubscribe {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -124px !important; width: 0px;}
 .addToQuote, .delFromQuote {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -155px !important; width: 0px;}
 .quote_post, .quote_comment {background: rgba(0, 0, 0, 0.03) url('ПОСТЛИНКИ') no-repeat 0px -186px !important; width: 0px;}
 .commentAuthor {background: url('ЗАГЛУШКА') no-repeat;}
 {---menu---}
 .top #side{width:700px !important; position:absolute; top:70px;}
 #side div {padding:0px !important;}
 .top #authorName { display: block; float: right; font-size: 14px; font-weight: normal; padding: 0px; text-align: right; white-space: nowrap;}
 .top #thisDiaryInfo a{font-weight:bold !important; text-shadow: 1px 1px 0px #fff;}
 .top #thisDiaryInfo {top:-10px !important; padding:0px;}
 #globalLinks ul, #thisDiaryOwner ul {display:block !important; visibility:visible !important;}
 #globalLinks {position:absolute; right:35px;}
 #thisDiaryOwner {position:absolute; right:232px;}
 #thisDiaryOwner ul {width:200px; float:right !important; }
 #thisDiaryOwner ul li {float:right !important; padding-right:3px;}
 #myDiaryLinks {margin-top:10px;}
 #myDiaryLinks ul {width:150px;}
 #myDiaryLinks li {width:150px; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 10px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 #myDiaryLinks a, #TagsList ul a{text-transform:lowercase;}
 #myDiaryLinks a, #TagsList ul a, #thisDiaryInfo a{color:#5c5240; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #myDiaryLinks a:hover, #TagsList ul a:hover, #thisDiaryInfo a:hover {text-decoration:none; color:#090807; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #TagsList ul {padding:10px 20px 10px 25px !important; position:absolute; left:50%; margin-left:-76px; font-size:14px; margin-top:-15px; width:155px;}
 #TagsList ul a{background:none !important; display:block; width:120px; text-indent:inherit !important; padding-left:10px; text-overflow: ellipsis;}
 #TagsList li div {padding:0px 0px 5px 0px !important; border-bottom:1px solid #d3d2d2; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); width:130px !important; overflow:hidden !important; width:160px !important; height:20px;}
 #TagsList li span {color:#9e8d6f; padding:0px 0px 0px 0px !important; text-align:right; }
 #addToFav a:hover, #delFromFav a:hover {overflow:visible; font-size: 12px; line-height: 75px; text-indent: -40px; text-decoration:none; text-transform: lowercase; color:#9e8d6f;}
 #writeToAuthor a:hover {overflow:visible; font-size: 12px;line-height: 75px; text-indent: -35px; text-decoration:none; text-transform: lowercase; color:#9e8d6f;}
 #bottomNav {position:absolute;}
 #Stats {position:fixed; bottom:100px; left:-135px !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #Stats:hover {left:-20px !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up {position:fixed; right:-145px !important; bottom:95px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #bottom_up:hover {right:-30px !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 #Stats a{width:165px; height:38px; padding: 11px 0px 0px 0px; }
 #bottom_up a{width:165px; height:40px; padding: 9px 0px 0px 0px;}
 #bottom_up a:hover, #Stats a:hover {text-decoration:none !important;}
 .top #sign {padding:20px 20px 10px 20px !important;}
 #sign a{border-bottom:1px dotted;}
 #sign a:hover {text-decoration:none; border-bottom:none;}
 #usrlog, #usrpass {color:#9e8d6f;}
 #sign .submit {width:85px !important; font-family:Cambria; text-transform:uppercase; background:none !important; border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; color:#d3d2d2; text-shadow: 1px 1px 0px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 #sign .submit:hover {color:#5c5240 !important; background:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
 {---entries, comments---}
 #postsArea, #commentsArea, #addCommentArea, .block_design .bordered {padding:0px;}
 .singlePost, .singleComment {font-size:14px; position:relative;}
 .singlePost {margin-bottom:20px !important;}
 .singlePost .postTitle {font-size:24px !important; font-weight:bold !important; text-shadow: 1px 1px 0px #fff; border-bottom:1px solid #d3d2d2; padding:5px 0px 8px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .singlePost .header h2{font-size:24px !important; font-weight:bold !important; text-shadow: 1px 1px 0px #fff; color:#5c5240;}
 .singlePost .postDate {text-align:left; font-size:14px; text-transform:lowercase; color:#5c5240;}
 .upPostLink [src*="postup.gif"] {padding: 40px 0px 2px 0px !important; height:0px !important; overflow:hidden !important; background-position: 0% 0% !important;}
 .delPostLink [src*="postdelite.gif"] {padding: 40px 0px 2px 0px !important; height:0px !important; overflow:hidden !important; margin-top:-9px;background-position: center 9px !important;}
 .editPostLink [src*="postedit.gif"] {padding: 26px 0px 2px 1px !important; height:0px !important; background-position: right !important; margin-left:-4px; }
 .opac6 {height: 0;padding: 22px 25px 10px 5px !important;width: 0px;; opacity:1.0 !important;background-position: -30px 0px;}
 .TagJIco {display: inline-block; padding: 5px 0px 0px 0px; position: relative; text-decoration: none !important; background-position: 0px 0px ; width:30px; height:25px; margin-left:10px;}
 .postActionLinks li {opacity:0.5; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
 .postActionLinks li:hover {opacity:1.0 !important; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .singlePost .postActionLinks {position:relative; right:0px; opacity:1.0 !important; z-index:2 !important;}
 .singleComment .postActionLinks {position:relative;opacity:1.0 !important; z-index:2 !important; margin-top:-5px;}
 .singlePost .paragraph {margin-top:20px; line-height: 1.5;}
 .postLinksBackg {border-bottom:1px solid #d3d2d2; border-top:1px solid #d3d2d2; padding:5px 0px 15px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); height:20px;}
 .singlePost .postLinks, .singleComment .postLinks {left:35px !important; position:absolute; width:687px;}
 .postLinksBackg li { height: 23px; padding: 5px 10px 0px 20px !important; float: left; margin: 0 5px 0 0 !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position:relative; white-space:nowrap; text-align: left !important; border-radius: 20px; -moz-border-radius: 20px; font-size:14px; text-indent:15px;}
 .postLinksBackg li:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
 .postLinksBackg a {color: #090807; text-transform:lowercase;}
 .postLinksBackg a:hover {text-decoration:none;}
 .postLinksBackg {margin: 20px 0px 10px 0px !important;}
 .umail:hover { width: 55px !important; }
 .diary:hover { width: 90px !important; }
 .profile:hover { width: 70px !important; }
 .comments {position:absolute !important; right:6px !important; color:transparent! important; }
 .comments span a{font-weight:bold !important; color:#f1c201; text-shadow: 1px 1px 0px #fff;}
 .subscribe:hover, .unsubscribe:hover { width: 95px !important;}
 .addToQuote:hover {width: 85px !important;}
 .delFromQuote:hover {width: 155px !important;}
 .quote_post:hover, .quote_comment:hover { width: 115px !important;}
 .sign {font-size:12px;}
 .avatar img {width:80px !important; height:80px !important; margin:10px;}
 .avatar {width:100px !important; background:#fff; margin:2px !important}
 #commentsArea_title, #addCommentArea_title, #draft_title, #JournalComments .header.left {font-size:24px; font-weight:bold; color:#5c5240; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .singleComment .postTitle {position:absolute; width:580px; margin-left:120px; margin-top:5px; font-weight:bold; font-size:14px;}
 .singleComment .paragraph {margin-left:120px; position:relative; margin-top:35px;}
 #JournalComments .authorName {position:absolute; margin-left:135px; margin-top:5px;}
 .singleComment .authorName {margin-left:260px !important;}
 .authorName a, .communityName a{color:#5c5240; font-weight:bold !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 .authorName a:hover, .communityName a:hover {text-decoration:none; color:#090807; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 .singleComment {margin-bottom:5px !important;}
 #JournalFavorite .communityName, #JournalQuote .communityName {position:absolute; margin-left:120px; margin-top:20px; z-index:1;}
 #JournalFavorite .authorName, #JournalQuote .authorName, #JournalComments .singlePost .authorName {position:absolute; margin-left:120px; margin-top:40px; z-index:1;}
 #JournalFavorite .paragraph, #JournalQuote .paragraph, #JournalComments .singlePost .paragraph {margin-left:0px; position:relative; margin-top:20px;}
 #JournalFavorite .commentAuthor, #JournalQuote .commentAuthor, #JournalComments .singlePost .commentAuthor {display:inline-block; width:700px; height:110px;}
 .singleComment .commentAuthor {height:110px;}
 #JournalFavorite .sign, #JournalQuote .sign, #JournalComments .singlePost .sign {display:block; width:500px; position:absolute !important; margin-left:120px !important; margin-top:62px; color:#9e8d6f;}
 #JournalFavorite .avatar, #JournalQuote .avatar, #JournalComments .singlePost .avatar{position:absolute;}
 .singlePost img {max-width:700px;}
 .singleComment img {max-width:500px !important;}
 #JournalDraft .paragraph {margin-left:0px !important; position:relative !important;}
 #JournalDraft .commentAuthor, #JournalDraft #epigraph {display:none !important;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 14px; color:#5c5240; font-weight:bold;}
 .atMusic em:before {content: "музыка:"; font-size: 14px; color:#5c5240; font-weight:bold;}
 .atMood em:before {content: "настроение:"; font-size: 14px; color:#5c5240; font-weight:bold;}
 .atMood em, .atMusic em{font-style:normal; font-size: 14px;}
 .atTag a, .atTag em {font-style:normal; font-size: 14px; color:#090807; }
 .atTag a, .paragraph a {border-bottom: 1px dotted #090807; text-decoration:none; }
 a:hover, .TagJIco {border-bottom:none !important;}
 .tags_header a{color:#d7b504 !important; text-shadow: 1px 1px 0px #fff; border-bottom:none !important;}
 .tags_header {border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .tags_ul_all a{border-bottom: 1px dotted #090807; color:#090807;}
 .tags_ul_all a:hover {text-decoration:none;}
 {--------pagebar------}
 #pageBar {margin:20px 0px 40px 0px !important;}
 #pageBar a {font-weight:bold; font-size: 18px; text-decoration:none;padding:8px 10px; border-radius:20px; margin-top:10px !important; width:18px !important; display:inline-block; color:#5c5240;}
 #pageBar strong {font-weight:bold; ;font-size:18px; text-decoration:none; background:#e6b901; padding:8px 10px; border-radius:30px; margin-top:10px !important; width:18px !important; display:inline-block; color:#fff;}
 #pageBar a:hover {text-decoration:none; background:#e6b901; color:#fff;}
 #pageBar {padding:0px; position:relative !important;}
 .pages_str a {background: none !important; box-shadow:none !important; border-radius:none !important; width:auto !important; font-size:14px !important;}
 .pages_str a:hover {color:#090807 !important;}
 .pages_str td {width:660px !important; left:50%;margin-left:-365px; position:absolute; display:block;}
 .pages_str td a{position:relative; z-index:2; }
 #pageBar tr a {position:relative; z-index:3;}
 #JournalComments .pages_str td {margin-left:-370px;}
 {---new_post---}
 #new_post_title {font-size:24px; font-weight:bold; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 .text{border-bottom:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); font-family:Cambria !important;}
 #forTextarea {border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; font-family:Cambria !important; width:695px;}
 #message {font-family:Cambria !important;}
 #access_list {border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; font-family:Cambria !important; width:300px;}
 #shsmile {background:#fff; border-top: 1px solid #d3d2d2 !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset;}
 #button_panel .submit, #addCommentArea #btSubmit, #JournalLinks .submit {font-size:18px; font-family:Cambria; text-transform:uppercase; min-width:210px; background:none !important; border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; color:#d3d2d2; text-shadow: 1px 1px 0px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 #button_panel .submit:hover, #button_panel .submit:active, #addCommentArea #btSubmit:hover, #JournalLinks .submit:hover {color:#5c5240 !important; background:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
 .section {padding:0px !important;}
 {---links---}
 #JournalLinks .header {margin-bottom:25px;}
 .header.group_link {font-size:24px; font-weight:bold; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 #JournalLinks .opac6 {margin-bottom:-10px}
 #JournalLinks .postActionLinks {margin-top:-5px;}
 #links_title {font-size:24px; font-weight:bold; color:#5c5240; border-bottom:1px solid #d3d2d2; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);}
 #JournalLinks #groupLinkTextBox, #JournalLinks #hrefl, #JournalLinks #til, #JournalLinks #order {background:none !important;}
 {---voting---}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"],.voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"],.voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"],.voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"],.voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"]{ background: #e6b901; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"],.voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"],.voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"],.voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"],.voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"]{ background: #5c5240; padding: 10px 0 0 0; height: 0px; border-bottom: 1px solid #ccc8c3; }
 .voting .submit {font-size:18px; font-family:Cambria; text-transform:uppercase; min-width:150px; background:none !important; border:1px solid #d3d2d2 !important; padding:5px 0px 5px 0px !important; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; color:#d3d2d2; text-shadow: 1px 1px 0px #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1;}
 .voting .submit:hover {color:#5c5240 !important; background:#fff !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
 {---display:none---}
 #iAmQuit, #YaSearch, #pchs, #lastComments, #subscribeEmail, #unsubscribeEmail, #postsCalendar, #upInChart, #authorFav, #authorQuote, #authorLinks, #authorAlbum, #communityFav, #communityQuote, #communityAlbum, #photolibLink, #albumLink, #myProfileLink, #myLinksLink, #myNotepadLink, #headlineList, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #more_login, .order_button, .email, .prevnext, #thisDiaryLinks, #thisDiaryPhoto, #globalLinks_title, #thisDiaryOwner_title, #rssLink, #bottom_mainlink, #bottom_randomlink, #bottom_faqlink, #bottom_spiritlink, #Stats a+a, .singleComment .sign {display:none !important;}

@темы: можно носить

URL

среда, 02 мая 2012

21:25

Полгода

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Вот и настал тот торжественный день, точнее ночь, когда, обещанный нами дизайн, увидел свет. Хотя всё бы случилось куда раньше, если бы не Опера. Даже ИЕ всё показывал по мере сил, а она… Мы предупредили.))

Все картинки собраны кучкой, так что ползать по всему коду не придётся. Ай, какие мы молодцы. Спасибо нашим родителям, учителям и всем поспособствовавшим. На скрине в эпиграфе любимая лида Сказочника, но это для справки и для тех кто в теме. А по сути — в эпиграф, если захотите, вставите свою картинку. Желательно шириной не меньше 750px. Насладитесь же этим узким дизайном в полной мере.

@темы: можно носить

URL

вторник, 27 марта 2012

12:10

просто

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Всё очень просто. Расположение не по канону. В ИЕ ниже 9-ки "ад". Мы предупредили. ^____^
Зато ссылки меню активны по всей области своей подложки, и не надо тянуться к тексту непосредственно. В двух цветах.

Берёте нашь дизайн — ставьте баннер в профиль.
И ещё раз для тех кто в танке и не читает правил. Мы баним тех кто делает на нешем коде дизайны. Баним сообща с другими сообществами, что делают сложные CSS дизайны. Да, мы все друг друга знаем.

№ 1

№ 2

Фото на фон мы брали тут. При желании можете подобрать себе другой фон. Размер берите 1280х800.

@темы: можно носить

URL

четверг, 02 февраля 2012

20:52

Анонс

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Здравствуйте, дорогие подписчики. Наверняка никто уже и не помнит, что в конце 2010 мы проводили конкурс заявок. И у нас был победитель. И мы даже решили сделать дизайн ещё для одного сообщества.

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

Но! Так как работа была сделана нами, а договор не соблюдён противоположной стороной, мы решили заточить этот дизайн для вас, наши подписчики.)) А предыстория, чтобы всё было понятно. И в скором времени мы вас порадуем примерно такой штучкой.

Посмотреть в живую.
Дизайн ведь таки стоит в том самом сообществе. Тематика у него интересная. Может кому даже пригодиться. Рекламируем. Нам не жалко. ))

И… Пожелайте нам удачи в переделке.

@темы: административное

URL

понедельник, 23 января 2012

19:07

сад лунных цветов

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

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

Представляем вашему вниманию самое минималистичное меню, из всего что мы делали когда-либо. За будущее не скажу.
Просили утренней туманной сумрачности и таинственности. Не могу на все сто сказать что вышла именно она, но заказчик радостно согласился с макетом. И повторюсь, Luna_Celena, с вами было очень приятно работать. Мы на пару таяли за кулисами.

@темы: ратные подвиги

URL

четверг, 16 июня 2011

18:38

свершилос раз

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

У нас очередное ~~маленькое~~ ОГРОМНОЕ счастье! Ещё осенью всё началось, но из-за всяких непредвиденностей лишь сейчас осуществляется.

.Ju Whynot. и волкодлак спасибо вам за терпение и понимание. Мы не дождались завтра.)))

так теперь выглядит .FotoTales.

@темы: ратные подвиги

URL

понедельник, 13 июня 2011

09:17

А после дикой пляски в бетте…

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Мы знаем, что многие дизайны "поехали" после "невидимых пользователям улучшений, но важных для более эффективной работы сайта". По этому поводу было много жалоб в техподдержке, но администрация никаких комментариев кроме:
"Мы, как и обещали, продлим всем платникам на 7 дней платные сервисы (про это все помнят), но только после того, как исправим все проблемы после переноса, это 1-2 дня (про это никто не помнит)." © quirischa не дала.
Мы решили подождать, чтобы не мучить коды дважды. После выяснения всех обстоятельств, если будет такая необходимость, мы поправим коды.

@темы: административное

URL

вторник, 26 апреля 2011

13:41

мечта ___

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Опера обновилась до нужной кондиции, и мы можем представить вам работу прошлого лета. Очень этого ждали. А всё потому…
Знаете, как в детстве! Одни мечтали о пышных платьях и балах, вторые о путешествиях на воздушном шаре, третьи о горе шоколадных батончиков, четвёртые о возможности читать чужие мысли (особенно в период контрольных), пятые о беременной барби, шестые тоже, наверняка, о чём-то мечтали, впрочем как и седьмые. Вот и мы мечтали о растягивающемся фоне. *____* И нам повезло! Пусть и не сразу.
Фоны, конечно же, меняются на ваш вкус.

Если берете дизайн, ставьте, пожалуйста, в профиле один из наших баннеров

Примерить

@темы: можно носить

URL

суббота, 16 апреля 2011

14:25

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

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

16.04.2011 в 13:07

Пишет mahini:

Хочу кнопку "одеть"
Делаем с подругой CSS дизайны. Носить их могут все желающие, вот только число вставляемых в код картинок-запчастей штук 15, например. Причём некоторые встречаются не 1 и даже не 2 раза в коде. Вставлять запчасти в код занятие утомительно даже для нас, не говоря о людях, которые вдруг решили подключить CSS. Буквально сегодня объясняла тонкости и сочувствовала по ходу новобранцу. А ему и с меньшим количество картинок разобраться было бы не просто.
Страсть как хочется появления возможности одевать и примерять дизайны по нажатию на соответствующие кнопки. Да, и чтобы эти кнопочки можно было разместить в посте.
Мне кажется, упрощение одевания дизайнов с CSS привлекло бы больше пользователей к этой платной услуге. Увеличило радость от светлой мысли "подключить CSS", сократило количество произносимых ругательств и уменьшило, пока не написанный мной, мануал до пары предложений. Счастье же!

PS: Вы просили описать, как это должно выглядеть. Описали в двух вариантах.

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

2. непосредственно в библиотеке оформлений в настройках конкретного дизайна будет графа со ссылкой на размещение превью диза где бы то ни было и под превьюшкой автоматом крепятся ссылки "примерить", "одеть"

Лично я согласна разбираться с превьюшками сама, лишь бы в настройках конкретного диза было окошечко с кодом вожделенных кнопок. Да. Это удобство не помешало бы и с дизами не на CSS.

А в ответ тишина. Отзовитесь, пожалуйста.

URL записи

@темы: административное

URL

пятница, 08 апреля 2011

16:59

private zone

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

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

Встречайте! В главной роли чёрный. Акцентом вы. Мы на подтанцовке и с декорациями.

Если берете дизайн, ставьте, пожалуйста, в профиле один из наших баннеров

Примерить

@темы: можно носить

URL

понедельник, 14 февраля 2011

08:53

Дорогим и любимым посвещается

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

♥ ♥ ♥ Мы про вас никогда не забываем и ждём не дождёмся возвращения! ♥ ♥ ♥

@темы: amore, административное

URL

пятница, 31 декабря 2010

12:17

Happy New Year!!!

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

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

@темы: административное

URL

четверг, 04 ноября 2010

20:30

Об итогах=)

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Итак, дорогие наши ПЧ и просто гости сообщества, завершилось голосование по нашему конкурсу.
Победило сообщество Галерея Девушки в свитере <Фотообразы>, что, собственно, очевидно. Мы поздравляем победителя!!! И, конечно, сделаем дизайн для этого сообщества=)
Так же мы подумали и решили, что сделаем дизайн и для сообщества, занявшего 2е место - поиск именно таких. Надеемся, это порадует его создателя и участников

Единственное - сразу просим прощения у победителей за то, что начнем работу не сразу. У нас Сказочник заболел, отчего очень и очень грустит Волшебник... Но мы обязательно выполним все свои обязательства.

Пы.Сы. На логины сообществ будет отправлена анкета, чтобы мы более подробно узнали о пожеланиях на счет дизайна. Вот.

@темы: административное

URL

11:29

Ближе к делу

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

ГОЛОСОВАНИЕ ЗАВЕРШЕНО.

У нас начинается таки голосование! Мы рады, а вы?))

Представляем участников:
1. Zac Efron & Vanessa Hudgens Community
Это фан-клуб Зака Эфрона и Ванессы Хадженс. И хозяева и читатели очень любят своё сообщество, что приятно, да.))
2. .:Twilight-House:.
Молодое и набирающее обороты сообщество по Сумеречной саге. *шёпотом* А сказочник у нас нежно любит Джаспера и Элис.
3. поиск именно таких
Ооо... Там ищут людей. Приятное место, там нас с вами могут найти.))
4. Сообщество пары Баффи и Ангел
Фан-клуб с очень говорящим названием.
5. что случилось с
Игровой дневник по Bleach. Для не просвещённых — Bleach это очень длинное аниме про шинигами с живописными боёвками.
6. Галерея Девушки в свитере <Фотообразы>
А на это лучше посмотреть. Мы это делаем регулярно.))

С участниками разобрались, и теперь нам с 27 октября по 3 ноября надо выбрать победителя.

запись создана: 28.10.2010 в 15:29

Вопрос: Кто?

1. Zac Efron & Vanessa Hudgens Community	99	(17.07%)
2. .:Twilight-House:.	9	(1.55%)
3. поиск именно таких	177	(30.52%)
4. Сообщество пары Баффи и Ангел	16	(2.76%)
5. что случилось с	14	(2.41%)
6. Галерея Девушки в свитере <Фотообразы>	265	(45.69%)



Всего:	580

@темы: административное

URL

четверг, 28 октября 2010

15:57

Все умрут, а я останусь (с)

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

Этот дизайн пережил белый ужас дайри. Более того - непосредственно в момент сборки "пропало все" (с) - дайри легли, а последние изменения кода по счастливому случаю были скопированы в блокнот. Но он выжил! И мы представляем его Вашему вниманию *____*

Если берете дизайн, ставьте, пожалуйста, в профиле один из наших баннеров.

Примерить

@темы: можно носить

URL

среда, 27 октября 2010

14:04

конкурс заявок

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

UPD: В связи со всеми дайри-перипетиями мы решили продлить приём заявок на 10 дней. То бишь до 27 октября. Да простят нас участники. Да прибудет с нами сила, а с дайри стабильность. Аминь.

Осень. Уже октябрь. Большая часть народа приехали с отдыха, началась учёба и всяческая движуха. И нам тоже хочется праздника жизни, ведь мы так молоды! Поэтому мы решили объявить конкурс. Конкурс заявок.

В чём суть.

Если у Вас есть сообщество с подключенным CSS, то Вы смело можете прислать нам заявку на дизайн для него. И если Вы победите, то мы постараемся воплотить вашу мечту об идеальном дизайне. А взамен Вы разместите наш баннер в профиле, и попиарите, конечно. ^______^

Что должно быть в заявке.

1. Ссылка на сообщество.
2. Краткий рассказ о сути сообщества.
3. Как часто Вы меняете дизайн сообщества и почему.
4. Как Вы представляете идеальный дизайн для своего сообщества.
5. Откуда Вы узнали о конкурсе.

Как оставить заявку.

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

Как будет определятся победитель.

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

Дополнительно.

На исполнение заявки мы тратим до месяца времени. Не быстро, да, но Вы же понимаете почему. ^____^ Все возникшие у Вас вопросы так же задавайте в этой записи.

Баннер конкурса.

Мы будем безмерно благодарны за его публикацию во всех доступных Вам местах на дайри. Так же можно просто цитировать эту запись, да. ^__^

Время приема заявок.
С 4 ПО 27 ОКТЯБРЯ.

запись создана: 04.10.2010 в 14:57

@темы: административное

URL

суббота, 23 октября 2010

09:54

dreamer's b-day=)

все записи пользователя в сообществе Skazochnik & Volshebnik

Любите ли вы CSS так, как любим его мы?

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

@темы: административное

URL


Запомнить