you can't stop me lovin' myself
Дизайн для Atrox.
CSS-кодыCSS-коды
#wrapper{background: url('ФОН ЗАПИСИ'); min-width:900px!important;width:900px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; }
#page-c{width:810px !important;padding:0 !important;padding:0 !important; position: relative; right:45px;}
#page-t { margin:0 !important;}
#extratop { background: url('ЭКСТРАТОП') repeat-x; !important; width: 100%; height:340px; line-height: 100% !important;}
#extrabottom{ background: url('ЭКСТРАБОТТОМ') no-repeat; width: 900px; height:65px; float: left; margin-top: 0px }
body{background:#97adcd fixed !important;margin:0; padding:0;}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:link {text-decoration: none !important;}
a:hover {color:#781407 !important;}
#side a {color:#befeff;}
#side a:hover {font-weight: bold !important;}
#side h1 a:hover {color: #befeff !important; font-weight: bold !important;}
#side h1 a, #Stats, #myLinks {font-weight: bold !important;}
#authorName {font-weight: bold !important; color: #490e06 !important;font-size:10px;}
#authorName:hover {font-weight: bold !important; color: #befeff !important;}
.sign {color:#f0ed9f !important; font-style:italic; }
.header {color: #befeff;}
.postContent {font-family:Comic Sans MS;font-size:13px;}
.avatar img,.avatarNew img { background: #; border: 2px solid #781407; padding: 0px; }
.commentAuthor { float:left; width:130px; overflow:visible; max-width: 130px; }
.commentAuthor .avatar { margin:3px 0 10px; width:auto; max-width: 200px !important; }
.avatar, .avatarNew{padding-left:-10px;}
.singleComment .commentAuthor { overflow:visible; margin-left:-150px !important; margin-left:-65px; max-width: 150px; display: inline; }
.singleComment .postContent { padding-left:150px !important;; padding-right:30px !important;; }
* html body{behavior:url("/files/csshover.htc");}
.avatar img, .avatarNew img{ FILTER: Gray; opacity: 0.5; -moz-opacity: 0.5; }
.avatar img.hover, .avatarNew img.hover{FILTER: none !important;}
.avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0; }
#side h1 A {color:#490e06 !important; }
#side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:35px;}
#side{width:160px !important;margin:0 !important; fixed;}
#myDiaryLinks {width:200px !important;position:absolute; top:130px; left: 50px; font-weight:bold; text-align:left !important;}
#thisDiaryOwner {width:900px !important;position:absolute; top:60px; right: 70px; font-weight:bold; text-align:right !important;}
#globalLinks {width:900px !important;position:absolute; top:26px; right: 70px; font-weight:bold;text-align:right !important;}
#side h1 {width:900px !important;position:absolute; top:205px; font-weight:bold; text-align:center !important;}
#authorName {width:900px !important;position:absolute; top:225px; right: 0px; font-weight:bold; text-align:center !important;}
#JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
#JournalComments .singlePost div.paragraph {margin:0!important;}
.singlePost, .singleComment {padding-bottom:70px !important; background: url('ГРАНИЦА') center bottom no-repeat;}
#epigraph {background-image: none !important;}
#YaSearch, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #authorRSS, #albumLink, #rssLink, #joinThisComunity, #writeThisComunity, #comunityFav, #leaveThisComunity, #headlineList, #myDraftLink, #myQuotLink, #myLinksLink, #optionsLink, #photolibLink, #upInChart, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink,#myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #Stats, #lastComments, #myLinks, #thisDiaryPhoto {display:none}
ЭкстратопЭкстратоп
ЭкстработтомЭкстработтом
Фон записиФон записи
ГраницаГраница
Вместо цветовой схемы
Возможно ненужное пояснение на всякий случай:
Навигационная панель слева
Блочный дизайн
Изменять (или убирать) можно все цветовые значения, кроме подчеркнутого (это общий фон и он намертво привязан к экстратопу).
В качестве шрифта в настройках использован Таймс и 13-й кегль - эти правила действуют для текущего вида меню (для блока записей в кодах прописан 13-й Комик Санс), не советую трогать данные настройки, потому что меню может, возможно, как-нибудь "не так" себя повести и его придется "прибивать" заново.
CSS-кодыCSS-коды
#wrapper{background: url('ФОН ЗАПИСИ'); min-width:900px!important;width:900px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; }
#page-c{width:810px !important;padding:0 !important;padding:0 !important; position: relative; right:45px;}
#page-t { margin:0 !important;}
#extratop { background: url('ЭКСТРАТОП') repeat-x; !important; width: 100%; height:340px; line-height: 100% !important;}
#extrabottom{ background: url('ЭКСТРАБОТТОМ') no-repeat; width: 900px; height:65px; float: left; margin-top: 0px }
body{background:#97adcd fixed !important;margin:0; padding:0;}
a:visited {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:link {text-decoration: none !important;}
a:hover {color:#781407 !important;}
#side a {color:#befeff;}
#side a:hover {font-weight: bold !important;}
#side h1 a:hover {color: #befeff !important; font-weight: bold !important;}
#side h1 a, #Stats, #myLinks {font-weight: bold !important;}
#authorName {font-weight: bold !important; color: #490e06 !important;font-size:10px;}
#authorName:hover {font-weight: bold !important; color: #befeff !important;}
.sign {color:#f0ed9f !important; font-style:italic; }
.header {color: #befeff;}
.postContent {font-family:Comic Sans MS;font-size:13px;}
.avatar img,.avatarNew img { background: #; border: 2px solid #781407; padding: 0px; }
.commentAuthor { float:left; width:130px; overflow:visible; max-width: 130px; }
.commentAuthor .avatar { margin:3px 0 10px; width:auto; max-width: 200px !important; }
.avatar, .avatarNew{padding-left:-10px;}
.singleComment .commentAuthor { overflow:visible; margin-left:-150px !important; margin-left:-65px; max-width: 150px; display: inline; }
.singleComment .postContent { padding-left:150px !important;; padding-right:30px !important;; }
* html body{behavior:url("/files/csshover.htc");}
.avatar img, .avatarNew img{ FILTER: Gray; opacity: 0.5; -moz-opacity: 0.5; }
.avatar img.hover, .avatarNew img.hover{FILTER: none !important;}
.avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0; }
#side h1 A {color:#490e06 !important; }
#side .bordered { width:900px; margin: 0 !important; padding: 0!important; position:absolute; top:35px;}
#side{width:160px !important;margin:0 !important; fixed;}
#myDiaryLinks {width:200px !important;position:absolute; top:130px; left: 50px; font-weight:bold; text-align:left !important;}
#thisDiaryOwner {width:900px !important;position:absolute; top:60px; right: 70px; font-weight:bold; text-align:right !important;}
#globalLinks {width:900px !important;position:absolute; top:26px; right: 70px; font-weight:bold;text-align:right !important;}
#side h1 {width:900px !important;position:absolute; top:205px; font-weight:bold; text-align:center !important;}
#authorName {width:900px !important;position:absolute; top:225px; right: 0px; font-weight:bold; text-align:center !important;}
#JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
#JournalComments .singlePost div.paragraph {margin:0!important;}
.singlePost, .singleComment {padding-bottom:70px !important; background: url('ГРАНИЦА') center bottom no-repeat;}
#epigraph {background-image: none !important;}
#YaSearch, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #authorRSS, #albumLink, #rssLink, #joinThisComunity, #writeThisComunity, #comunityFav, #leaveThisComunity, #headlineList, #myDraftLink, #myQuotLink, #myLinksLink, #optionsLink, #photolibLink, #upInChart, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink,#myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #Stats, #lastComments, #myLinks, #thisDiaryPhoto {display:none}
ЭкстратопЭкстратоп
ЭкстработтомЭкстработтом
Фон записиФон записи
ГраницаГраница
Вместо цветовой схемы
Навигационная панель слева
Блочный дизайн
Изменять (или убирать) можно все цветовые значения, кроме подчеркнутого (это общий фон и он намертво привязан к экстратопу).
В качестве шрифта в настройках использован Таймс и 13-й кегль - эти правила действуют для текущего вида меню (для блока записей в кодах прописан 13-й Комик Санс), не советую трогать данные настройки, потому что меню может, возможно, как-нибудь "не так" себя повести и его придется "прибивать" заново.
@темы: CSS-дизайн, Заказы, Katesina Forsyte, Naruto
-
-
16.03.2009 в 19:26Пояснения вполне пригодились.
-
-
16.03.2009 в 19:33я рада)