59

[[Ciel]]

Дизайн для [J].without mask[/J]
Превью:

Extratop:

Фон,фото,фон меню,фон записи

CSS

#wrapper{ min-width:950px!important;width:950px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
#side{width:150px !important;margin:0 !important}
#page-c{width:800px !important;padding:0 !important;padding:0 !important;}
#page-t {background:url('/userdir/8/5/6/7/856765/38076842.jpg'); margin:0 !important;}
body{background:#edebec url('/userdir/8/5/6/7/856765/38135438.jpg') fixed !important;}
#extratop { background: url('/userdir/8/5/6/7/856765/38135369.jpg'); repeat-x; !important; width: 100%; height:471px; line-height: 100% !important;}
#headlineList, #upInChart, #myStatLink, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, .urlLink, #favListLink, #pchListLink, #myCommunitiesLink, #myLinksLink {display:none}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:link {text-decoration: none !important;}
#side a:hover {color:#92382d !important; font-weight: bold !important; font-style:normal;}
#myDiaryLinks, #tagslistlink, #lastComments, #Stats, #authorFav, #authorQuot, #authorLiks, #YaSearch, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar, #rssLink, #subscribeEmail, #allDiaryLink, #mainpageLink, #favListLink, #pchListLink, #myCommunitiesLink, #iAmQuit, #myLinks, #unsubscribeEmail {uppercase; text-align:right;}
#side, .postLinksBackg, .pageBar, .authorName, .commentAuthor, .postDate {font-family:"Andale Mono"; font-style:normal;font-size:13px;}
.authorName, .commentAuthor, {font-size:18px;}
.singlePost, .singleComment, .postContent, .postContent, .header span { padding-left:10px; padding-right:10px;}
#side { width:164px; margin: 0 !important; padding: 0!important; position:absolute; top:9px;font-weight: bold !important;}
#page-t .bordered{background:url('/userdir/8/5/6/7/856765/38076842.jpg'); border-color: #; border-width:2px;}
#side .bordered{background:url('/userdir/8/5/6/7/856765/38135795.jpg'); border-color: #edebec; border-width:2px;}
.postLinksBackg {display:block !important; border-top: 1px dashed #000; border-bottom: 1px dashed #000; margin-top: 10px !important; padding:10px 0 !important;}

Цветовая схема

Цвет
Текста
заголовка #ffffff
записи #92382d
ссылки #000000
оффтопика #ffffff
Фона
дневника #000000
записи #

Границы #

@темы: CSS-дизайн, Заказы, Готовый дизайн, [Ciel]

---

7

[Пушистый хикки]

Дизайн для Soubi Beloved

Общий вид

Эпиграф

Эпиграф

Надпись: фраза из манги "There's the day when everyone will disappear..." (англ.) - в вольном переводе что-то вроде "Наступит день, когда все исчезнут..."^_^

Фон

Фон

Фото

Фото


Табличный дизайн
Навигационная панель слева

Цветовая схема

Цветовая схема:

Цвет
Текста
заголовка #000000
записи #8187b8
ссылки #000000
оффтопика #000000

Фона
дневника #000000
заголовка #4e4f7a
записи #484b63

Границы #000000

@темы: Заказы, Katesina Forsyte

---

6

[Пушистый хикки]

Дизайн для Рыжий-кун

Общий вид

Эпиграф

Эпиграф

Фон

Фон

Фото

Фото


Блочный дизайн
Навигационная панель справа

Цветовая схема

Цветовая схема:

Цвет
Текста
заголовка #713800
записи #ac6e0f
ссылки #713800
оффтопика #000000

Фона
дневника #fefbed
записи #fefbed

Границы #000000

Аватары

Аватары (всего использовано 6 исходников, просто один в трех вариантах, ибо не могла выбрать что-то одно^^)

001

002

003

004

005

006

007

008

@темы: Светлый дизайн, Заказы, Katesina Forsyte, Яой

---

5

[Artificis]

Отдаю в хорошие руки x)
На скрине - полуцензура, там где она есть цвета соответственно тоже вышли полуцензуреные.X).
Дизайн забрал -Ritsuka-.

Grell Исходники: 1 2 3
Блочный дизайн, навигационная панель справа		Скрин 1036 x 570 пик., 166 Кб Фон(1024х1024) Главный аватар:
Шрифт
Заголовка	Жирный, 16
Текста	Обычный, 14
Гарнитура	Times New Roman
Цвет Текста
Заголовка	#a03733
Записи	#2c0b06
Ссылки	#960a02
Оффтопика	#a45b64
Фона
Дневника	#f5d9da
Заголовка	#
Записи	#
Границы	#

код

Вместо главного аватара грузим прозрачный файл 1х1пиксель gif, главный аватар же вставляется кодом.
Там где в коде background - прописываем адрес фонаиз своей БИ, там где DiaryInfo ссылку на главный аватар.
Не во всех браузерах код отображается нормально - в разных версиях оперы, например, может глючить. Это я знаю точно. >< В моей все было нормально=_=''
Так же фон я грузила еще и в настройки, но не уверена, что это надо. Я не проверяла. ><
#wrapper{min-width:800px!important; width:800px; margin-left:200px !important;padding:0 !important; overflow:hidden !important} #side{width:190px !important;margin-right:0 !important;} #page-c{width:600px !important;padding:0 !important;margin:0 !important; position: absolute; left: 200px; } #page-t {margin:0 !important} body {background:url('/userdir/1/1/2/3/112321/37476892.gif');background-color: #f5d9da; background-repeat:no-repeat; background-attachment:fixed; background-position:0 100%;} #thisDiaryInfo { background:url('/userdir/1/1/2/3/112321/37425641.gif'); background-repeat:no-repeat; background-position:top 100%; } #thisDiaryPhoto { height: 200px; } a:hover {background:#fdbfde;text-decoration:none;} #codebuttons a {float: left;} #codebuttons {clear: both;} #mce_editor_0_parent a, #mce_editor_0_parent select {float: left;}

+

Аватарки.
Я понимаю, что широк выбор аватарок с персонажем. Две здесь - к моему стыду - банальнейшее вырезание из арта. Почему оно здесь? (Я оправдываюсь, да.~~) Потому что эти вырезки делались конкретно под дизайн и мудрить с ними мне не очень-то хотелось (Это было бы совсем не красиво==) Другие четыре - уже достаточно старенькие, не под дизайн.. Но тогда четыре аватарки выставлять было как-то совсем стыдно.X)

8. Далее?

1.	2.	3.
4.	5.	6.
7.	8.

@темы: Artificis, CSS-дизайн, Kuroshitsuji, Аватары, Готовый дизайн

---

92

[izja]

Дизайн для [J]qwerty-chan[/J]

Extratop

Блок записей

Extrabottom

Фон

Аватары

1	2	3	4

CSS

#wrapper{min-width:1000px!important;width:1000px;margin:0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:110px !important;margin:0 !important}
#page-c{width:870px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
body{ background-attachment:fixed; }
#JournalComments #extratop { background: url('/userdir/6/0/4/6/604636/38096033.gif'); no-repeat; padding-top; width:1000px; height:600px;}
#Journal #extratop { background: url('/userdir/6/0/4/6/604636/38096033.gif'); no-repeat; padding-top; width:1000px; height:600px; }
a:hover, a:active {color: #fde966;}
A:hover {border-bottom: dotted; border-width: 2px; border-bottom-color: #bec5cb;}
#extrabottom {background:url('/userdir/6/0/4/6/604636/38096015.gif'); height:125px;width:1000px;float:left;margin-top:-20px!important; }
#wrapper{ background: url('/userdir/6/0/4/6/604636/38096006.gif'); padding:0 !important; width:1000px; min-width:1000px!important; margin:0 auto !important;overflow:hidden !important; }

Цветовая схема

Блочный дизайн

Текста
заголовка-#fb5779
записи-#ffffff
ссылки-#ffffff
оффтопика-#fb5779
Фона
дневника-#
записи-#

Границы-#

@темы: CSS-дизайн, Заказы, Аватары, Inu Yasha, Izja

---

1

[El Gato]

Nara Shikamaru

art by © Gilby

art by © <a href="http://gilby-a-s.deviantart.com/gallery/" target=_blank><b>Gilby</b></a>

Extratop | Wrapper | Extrabottom

Extratop | Wrapper | Extrabottom









Цвет текста: заголовки, #ff5454; оффтопик - #fc8c62; записи: - #ff5454; ссылки - #382114

#wrapper{min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important}
 #page-c{width:600px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #extratop{ background: url(---) no-repeat; width:800px; height:349px; float: left; margin-top: 0px }
 #wrapper{background: url(---)}
 #extrabottom{ background: url(---) no-repeat; width:800px; height:165px; float: left; margin-top: 0px }
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover, a:active {color: #ffdbb6;}
 a:link {text-decoration: none !important;}

@темы: El Gato, CSS-дизайн, Naruto

---

Приветствие

[izja]

 El Gato, рады приветствовать в качестве мастера на нашем сообществе

@темы: Мастер, Приветствия

---

Css - скругливание углов

[winterwolf]

Есть интересный способ сделать красивую рамку с круглыми углами, расширяя функции пользовательских стилей.
Сам код можно разделить на 2 части.
1. Структуру, т.е классы опишем в пользовательских стилях
2. Хтмл код.(в посте или комменте)

Теория
Посмотрим по-пиксельно.

В примере 5 частей с учетом границы
первые 4 это для округления.
Пятая часть - поле для текста и т.п.
и первые четыре в обратном порядке.
Вот основная идея.


Рассмотрим такой пример. 3д восприятие используя 5 оттенков серого и белого цвета.

обзовем эти части буквой b

* b1 - 1px высота линии с белым фоном и правым/левым отступом в 5px
* b2 - 1px высота линии с серым фоном(3), левая граница 2px solid белая, правая границя 2px solid серая(1) и отступ слева и права в 3px
* b3 - 1px высота линии с серым фоном(3), левая граница 1px solid(это название параметра границы - то есть одиночный) белая, я, правая границя 1px solid серая(2) и отступ слева и права в 2px
* b4 - 2px высота линии с серым фоном(3), левая граница 1px solid белая, правая границя 1px solid серая(4) и отступ слева и права в 1px
* boxcontent (центральное поле) - серый фон(3), a левая граница 1px solid белая, правая граница 1px solid серая(5) и без отступов.
Так как оттенки идут разные мы не можем просто инверсно написать нижнию уже готовыми, поэтому пишем другие.
* b4b - 2px высота линии с серым фоном(3), левая граница 1px solid серая(1), правая граница 1px solid серая(5) и отступ слева и права в 1px
* b3b - 1px высота линии с серым фоном(3), левая граница 1px solid серая(2), правая граница 1px solid серая(5) и отступ слева и права в 2px
* b2b - 1px высота линии с серым фоном(3), левая граница 2px solid серая(4), правая граница 2px solid серая(5) и отступ слева и права в 3px
* b1b - 1px высота линии с серым фоном(5) и отступ слева и права в 5px

{
  background:transparent; 
  width:40%;
  }
.raised h1, .raised p {
  margin:0 10px;
  }
.raised h1 {
  font-size:2em; 
  color:#fff;
  }
.raised p {
  padding-bottom:0.5em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }
.raised .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }
.raised .b2b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px; 
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block;  
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }

Хочу обратить внимание на первую стоку
.raised {
background:transparent;
width:40%;
}
width:40%; - мы задали ширину в 40% от поля в котором оно будет находиться. Т.е. если страница динамическая, то и наша структура будет тоже динамической и брать лишь 40% от предоставленного места.
_____________________
У нас есть готовая структура, сохраненная в пользовательских стилях. Ну пока что можно забыть всю эту абракадабру.

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

Здесь весь хтмл код в одном кусуке, который можно смело скопировать.

<div class="raised">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="boxcontent"><p>Наш текст</p></div>
<b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b>
</div>

А вот и результат


P.S. Опытные пользователи могут задать фоновую картинку.
В пользовательских стилях можно поменять параметры во всех постах сразу, где используете такое.
Работает только при наличии CSS пакета и только в личном дневнике (так как пользовательский стиль не распространяется на чужие дневники)


by  winterwolf
На основе личного опыта и материала отсюда

Вот мой пример

@темы: winterwolf, CSS-дизайн, Разное

---

87

[izja]

По случаю праздника мой небольшой подарок =)
Аватарки с артом мангаки Judith Park.

16 шт.
100х100
До 20 кб.

1	2	3	4

Остальное

@темы: Аватары, Judith Park, Izja

---

86

[izja]

Общий вид

CSS-коды

CSS-коды:
#wrapper{min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:90px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
body{ background-attachment:fixed; }
#JournalComments #extratop { background: url('/userdir/6/0/4/6/604636/37676372.gif'); no-repeat; padding-top; width:800px; height:547px;}
#Journal #extratop { background: url('/userdir/6/0/4/6/604636/37676372.gif'); no-repeat; padding-top; width:800px; height:547px; }
a:hover, a:active {color: #da4338;}
#wrapper{ background: url('/userdir/6/0/4/6/604636/37676165.jpg'); padding:0 !important; width:800px; min-width:800px!important; margin:0 auto !important;overflow:hidden !important; }
A:hover {border-bottom: dotted; border-width: 2px; border-bottom-color: #655012;}
#extrabottom {background:url('/userdir/6/0/4/6/604636/37676177.gif'); height:47px;width:800px;float:left;margin-top:-20px!important; }
.postDate {font-family: "courier new"; font-style:normal !important; font-size:16px;}
.singlePost, .singleComment, .postContent, .postContent, .header, .header span { padding-left:40px; padding-right:40px;}
A:HOVER{ font-family: verdana; }
#headlineList, #upInChart, #myStatLink, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, .urlLink, #favListLink, , #myCommunitiesLink, #myLinksLink, #lastComments {display:none}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {bold; color: #713953 !important;}
a:link {text-decoration: none !important;}
#side, .postLinksBackg, .pageBar, .authorName, .commentAuthor, .postDate, .header, .header h2 {font-family: "Monotype Corsiva","Comic Sans MS";}
#mainpageLink, #YaSearch a{font-size: 18px; bold !important; }
#side .bordered { width:800px; margin: 0 !important; padding: 0!important; position:absolute; top:10px;}
#side{width:160px !important;margin:0 !important; fixed;}
#myDiaryLinks {width:200px !important;position:absolute; top:60px; left: 610px; font-weight:bold;}
#thisDiaryLinks {width:200px !important;position:absolute; top:280px;left: 250px; font-weight:bold;}
#thisDiaryOwner {width:200px !important;position:absolute; top:30px; right: 250px; font-weight:bold; }
#myLinks {width:200px !important;position:absolute; top:40px; left: 150px; font-weight:bold;}
#globalLinks {width:200px !important;position:absolute; top:80px; right: 540px; font-weight:bold;}
#side h1 A{position:absolute; top: 50px; left: 530px; font-size: 16pt;}
#authorName { position:absolute; top:30px; left: 550px; font-weight:bold; font-size:18px}
#myDiaryLinks, #tagslistlink, #lastComments, #Stats, #authorFav, #authorQuot, #authorLiks, #YaSearch, #writeToAuthor, #addToFav, #delFromFav, #postsCalendar, #rssLink, #subscribeEmail, #unsubscribeEmail, #allDiaryLink, #mainpageLink, #favListLink, , #myCommunitiesLink, #iAmQuit, #myLinks{uppercase; text-align:center;}
.header {text-align:center;}
.avatar img { border-width:1px; border-color:#000000; border-style:dashed; padding:1px;}
.paragraph div:first-letter { font-size: 30px; float: left !important; float: none; font-family:Times New Roman; margin-right: 3px; color: #цвет; line-height:100% !important; line-height:140%; }
.paragraph div div:first-letter { font-size: 100%; font-family:Arial, Helvetica, sans-seif; float: none !important; margin: 0px; line-height:130%; color: #000;}

Экстратоп

Экстратоп

Экстработтом

Экстработтом

Фон записи

Фон записи

Общий фон

Общий фон

Цветовая схема

Цветовая схема:

ШРИФТ
заголовка жирный 17
текста обычный 14
гарнитура Courier New

ЦВЕТ
текста
- заголовка #713953
- записи #020202
- ссылки #020202
- оффтопика #da4338

фона
- дневника #
- записи #

границы #

@темы: CSS-дизайн, Готовый дизайн, Izja

---

21

[rizuhanakuro]

Дизайн для  Namiko_Mokona

Эпик, авы, фото и фон

Эпиграф:

Фото:

Авы:
1. 2.
Фон:

Цветовая схема:

Цветовая схема:
Текста
заголовка #e49406
записи #828180
ссылки #D1CAC4
оффтопика #D1CED5

Фона
дневника #
записи #161817
Границы #

@темы: Dark Chii, D.Gray-man, Темный дизайн, Заказы, Яой, Готовый дизайн

---

20

[rizuhanakuro]

Дизайн для  @nita Lust

Эпик, фон и фото

Эпиграф:



Фото:


Фон:

Цветовая схема:

Цветовая схема:
Текста

заголовка #D1CAC4

записи #828180

ссылки #D1CAC4

оффтопика #D1CED5



Фона

дневника #

записи #161817

Границы #

@темы: Dark Chii, Темный дизайн, Заказы, Готовый дизайн

---

58

[[Ciel]]

Дизайн для  Dai-chi
Эпиграф:

Фото,аватар и фон

1. 2. 3. 4.

Цветовая схема

Цвет
Текста
заголовка #9de6ef
записи #000000
ссылки #9de6ef
оффтопика #7e8383
Фона
дневника #000000
записи #ffffff

Границы #9de6ef

@темы: Светлый дизайн, Женский дизайн, Готовый дизайн, [Ciel]

---

39

[[Ciel]]

Отдан!
Отдаю дизайн по манге Pandora Hearts
есть экстратоп и экстработтом,кому нужно будет-восстановлю CSS)

Css

#wrapper{min-width:832px!important;width:832px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#wrapper{background:#ffffff}
#side{width:132px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
body{ background-attachment:fixed; }
#extratop{ background: url('/userdir/6/3/9/5/639533/37387238.jpg') no-repeat; width: 832px; height: 564px; float: left; margin-top: 0px }
#extrabottom{ background: url('/userdir/6/3/9/5/639533/37387262.jpg') no-repeat; width: 832px; height:115px; float: left; margin-top: 0px }
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #000000 ;}
a:link {text-decoration: none !important;}
a:hover{cursor:move;}
textarea, .#but{width:250px !important; overflow: auto;}
nobr {white-space: normal !important;}
a:link {text-decoration: none !important;}
.countFirstDate, .countSecondDate {text-align:center;}
#wrapper {border-width:2 px; border-color:#000000; border-style:solid;}

Цвет
Текста
заголовка #ff0000
записи #000000
ссылки #ff0000
оффтопика #a69f9f
Фона
дневника #000000
записи #ffffff

Границы #

@темы: CSS-дизайн, Pandora Hearts, Готовый дизайн, [Ciel]

---

38

[[Ciel]]

Ikutа Toma
Preview:

Extratop:

Фон и фото

Цветовая схема и CSS

Загрузите экстратоп в Вашу БИ!
#wrapper{min-width:850px!important;width:850px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#wrapper{ background:#000000}
#side{width:150px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
body{ background-attachment:fixed; }
#extratop{ background: url('код экстратопа из вашей БИ') no-repeat; width: 850px; height: 478px; float: left; margin-top: 0px }
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #adadad ;}
a:link {text-decoration: none !important;}
A:hover {border-bottom: double; border-width: 2px; border-bottom-color: #eeeba8}
a:hover{cursor:move;}
textarea, .#but{width:250px !important; overflow: auto;}
nobr {white-space: normal !important;}
a:link {text-decoration: none !important;}
bordered {border-style:solid;}
.singlePost,.menuSection{border-style:solid;}
.borderTop{border-style:solid;}
.countFirstDate, .countSecondDate {text-align:center;}
#wrapper {border-width:2 px; border-color:#eeeba8; border-style:solid}

Цвет
Текста
заголовка #ffffff
записи #eeeba8
ссылки #adadad
оффтопика #f70724
Фона
дневника #000000
записи #000000

Границы #

@темы: CSS-дизайн, Dorama/J-pop, Готовый дизайн, [Ciel]

---

57

[[Ciel]]

Дизайн для  Troika
Эпиграф:

Поменьше:

Баннер

Фото,фон,авики

Цветовая схема

Цвет
Текста
заголовка #f60017
записи #000000
ссылки #9a9893
оффтопика #f60017
Фона
дневника #000000
записи #ffffff

Границы #000000

@темы: Заказы, Katekyo Hitman Reborn!, Готовый дизайн, [Ciel]

---

56

[[Ciel]]

Дизайн для  kinder surprise
Превью:

Extratop:

Фото,фон,аватары

CSS и цветовая схема

экстратоп предварительно загрузите в Вашу библиотеку изображений!
#wrapper{min-width:850px!important;width:850px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#wrapper{ background:#ffffff}
#side{width:150px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
body{ background-attachment:fixed; }
#extratop{ background: url('код изображение из вашей библиотеки изображения') no-repeat; width: 850px; height: 400px; float: left; margin-top: 0px }
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #000000 ;}
a:link {text-decoration: none !important;}
A:hover {border-bottom: double; border-width: 2px; border-bottom-color: #000000}
a:hover{cursor:move;}
textarea, .#but{width:250px !important; overflow: auto;}
nobr {white-space: normal !important;}
a:link {text-decoration: none !important;}
bordered {border-style:solid;}
.singlePost,.menuSection{border-style:solid;}
.borderTop{border-style:solid;}
.countFirstDate, .countSecondDate {text-align:center;}

Цвет
Текста
заголовка #adadad
записи #000000
ссылки #adadad
оффтопика #f70724
Фона
дневника #000000
записи #ffffff

Границы #

@темы: Женский дизайн, Темный дизайн, Заказы, [Ciel]

---

55

[[Ciel]]

Дизайн для  paranoiadoll
Превью:

Extratop:

Фото, фон и аватары

CSS и схема

#wrapper{min-width:850px!important;width:850px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#wrapper{ background:#fbead8}
#side{width:150px !important;margin:0 !important}
#page-c{width:700px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
body{ background-attachment:fixed; }
#extratop{ background: url('код экстратопа из твоей БИ') no-repeat; width: 850px; height: 393px; float: left; margin-top: 0px }
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:hover, a:active {color: #b24a47 ;}
a:link {text-decoration: none !important;}
A:hover {border-bottom: dashed; border-width: 2px; border-bottom-color: #756aa4}
a:hover{cursor:move;}
textarea, .#but{width:250px !important; overflow: auto;}
nobr {white-space: normal !important;}
a:link {text-decoration: none !important;}
bordered {border-style:solid;}
.singlePost,.menuSection{border-style:solid;}
.borderTop{border-style:solid;}
.countFirstDate, .countSecondDate {text-align:center;}
#wrapper {border-width:5px; border-color:#94080b; border-style:solid;}

Цвет
Текста
заголовка #756aa4
записи #94080b
ссылки #b24a47
оффтопика #756aa4
Фона
дневника #000000
записи #fbead8

Границы #

@темы: Vampire Knight, Готовый дизайн, [Ciel]

---

85

[izja]

16 шт.
100х100
До 20 кб.


Разные

1	2	3	4

Остальное:

@темы: Аватары, Izja

---

12

[Плач Гильгамеша]

Фэндом: Skip Beat! - манга

Превью:

Экстратоп/Экстработтом/Блок записей

Фон

Кнопки меню

CSS

#wrapper{min-width:701px!important;width:701px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; position: relative; right:23%;}
#side{width:10px !important;margin:0 !important}
#page-c{width:681px !important;padding:0 !important;padding:0 !important}
#page-t {margin:23px !important}
body{ background-attachment:fixed; }
#extratop { background: url('/userdir/4/3/8/7/438717/37620935.jpg') no-repeat; padding-top; width:701px; height: 350px;}
#extrabottom {background:url('/userdir/4/3/8/7/438717/37637759.jpg'); height:120px;width:701px;float:left;margin-top:-20px!important; }
.header {text-align:center;}
#more_login {display:none}
#myLinksLink {display:none}
#authorFav {display:none}
#authorQuot {display:none}
#authorLiks {display:none}
#writeToAuthor {display:none}
#delFromFav {display:none}
#rssLink {display:none}
#authorRSS {display:none}
#albumLink {display:none}
#addToFav {display:none}
#photolibLink {display:none}
#pchListLink {display:none}
#communityCatalogueLink {display:none}
#myCommunitiesLink {display:none}
#randomDiaryLink {display:none}
#diarySpiritLink {display:none}
#diarySupportLink {display:none}
#paySupportLink {display:none}
#YaSearch {display:none}
#faqLink {display:none}
#subscribeEmail {display:none}
#upInChart {display:none}
#myDraftLink {display:none}
#thisDiaryPhoto {display:none}
#postsCalendar {display:none}
#tagslistlink {display:none}
#myQuotLink {display:none}
#myProfileLink {display:none}
#optionsLink {display:none}
#allDiaryLink {display:none}
#mainpageLink {display:none}
#favListLink {display:none}
#authorName {display:none}
#discussionLink {display:none}
#iAmQuit {display:none}
#wrapper {background: url('/userdir/4/3/8/7/438717/37620932.jpg')}
#myDiaryLink {position:absolute; top: 70px;left:300px;}
#writeThisDiary {position:absolute; top: 115px;left:305px;}
#myFavLink {position:absolute; top: 135px;left:317px;}
#umailLink {position:absolute; top: 155px;left:327px;}
#myDiaryLink A {display:block; width:100px; height:50px; line-height:500px; overflow:hidden; background: #eee url('/userdir/4/3/8/7/438717/37611140.png') 0px 0px no-repeat;}
#writeThisDiary A {display:block; width:94px; height:21px; line-height:500px; overflow:hidden; background: #eee url('/userdir/4/3/8/7/438717/37611368.png') 0px 0px no-repeat;}
#umailLink A {display:block; width:42px; height:15px; line-height:500px; overflow:hidden; background: #eee url('/userdir/4/3/8/7/438717/37620920.png') 0px 0px no-repeat;}
#myFavLink A {display:block; width:65px; height:18px; line-height:500px; overflow:hidden; background: #eee url('/userdir/4/3/8/7/438717/37620926.png') 0px 0px no-repeat;}

Блочный Дизайн

Цветовая схема

Шрифт:
заголовка: жирный 17
текста: обычный 15
гарнитура: Times New Roman

Цвет:
Текста:
заголовка: #705c5e
записи: #705c5e
ссылки: #260f03
оффтопика: #e3ddda

Важно!

Вид дизайна зависит от разрешения экрана. Данный дизайн предусмотрен под разрешение 1280х960, при разрешении ...х800, ...х768, то фоновую картинку следует сдвинуть чуть вверх.

@темы: CSS-дизайн, Готовый дизайн, Skarlett-Sky