Дизайн для
Kashin Со 2-м пунктом я как-то не совладала, зато вышло вроде неплохо=)
Общий вид
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/37646411.jpg'); no-repeat; padding-top; width:800px; height:367px;}
#Journal #extratop { background: url('/userdir/6/0/4/6/604636/37646411.jpg'); no-repeat; padding-top; width:800px; height:367px; }
a:hover, a:active {color: #655012;}
#wrapper{ background: url('/userdir/6/0/4/6/604636/37646504.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/37646396.jpg'); height:62px;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; }
.singlePost, .singleComment {padding-bottom:66px !important; background: url('/userdir/6/0/4/6/604636/37665485.png') center bottom no-repeat;}
#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;}
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width:150px; }
.avatar, .avatarNew{ float:left; background: no-repeat bottom right !important; background: no-repeat bottom center; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #713953; border: 1px solid #20d3cf; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #713953; border: 1px solid #20d3cf; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
.header {text-align:center;}
ЭкстратопЭкстратоп
ЭкстработтомЭкстработтом
Фон записиФон записи
Общий фонОбщий фон
ГраницаГраница
Цветовая схемаЦветовая схема:
ШРИФТ
заголовка жирный 17
текста обычный 14
гарнитура Courier New
ЦВЕТ
текста
- заголовка #713953
- записи #322a05
- ссылки #322a05
- оффтопика #20d3cf
фона
- дневника #
- записи #
границы #
@темы:
CSS-дизайн,
Заказы,
Izja
Зайдите на мой дневник и посмотрите.
Попробуйте еще раз эту часть:
#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}
Замените просто ее.
только можно как-нибудь сдвинуть выделенную часть немного влево, чтобы она встала посередине?
За это отвечает код #thisDiaryOwner {width:200px !important;position:absolute; top:30px; right: 250px; font-weight:bold; } покрутите эти числа и поставьте как вам удобно.
а вы можете мне написать какая часть кода отвечает за шрифт, цвет и выделение ссылок?
За шрифт:
#side, .postLinksBackg, .pageBar, .authorName, .commentAuthor, .postDate, .header, .header h2 {font-family: "Monotype Corsiva","Comic Sans MS";}
и A:HOVER{ font-family: verdana; }
Выделение ссылок:
a:hover, a:active {color: #655012;}
Цвет
A:hover {border-bottom: dotted; border-width: 2px; border-bottom-color: #655012;}
*во губу то раскатала
*прямо сейчас
в смске должно быть написано: diary pay anidiz?
Насчет кодов:
смску отправила, пришло?