ммм, это скорее всего табличный дизайн просто, поэтому надписи с сверху о_О
а "пространсво с картинкой" - экстратоп, по видимому.

Вы в эпиграфе найдите ссылку,где все контейнеры расписаны)))

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

D. Morgan, да прописывать ничо и не надо ведь. все как тут: pay.diary.ru/~Bakzak
(я этот днев на шару в "случайных" выбрала, ибо такая фишка мне часто в простых дневниках встречалась).

-Beetle Juice- вы конкретно экстратоп не можете прописать?

-Beetle Juice- вы конкретно экстратоп не можете прописать?

#Meta-NC17 думаю, что прописать надо.. ибо там не всё так...
D. Morgan да чего уж я тока не делал с ним вчера)) мозг вскипел и нифига. прям и не знаю как быть..

D. Morgan он делает пространство сверху, полоса с главной, всеми дневниками и т.п. остаётся снизу((( Ну и картинка туда никак не встаёт. Так как в промере не получается((

#Meta-NC17 кхм,а там че днев обычный без цсс.

-Beetle Juice- ну, вот мой экстратоп

#extratop {absolute:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:800px;height:400px; background-image:url('/userdir/7/0/5/6/705688/40356164.jpg'); !important; background-repeat:no-repeat !important;background-color:#ffffff !important; background-color: #d6d6d6;}

-Beetle Juice-, кстати, еще Вы можете просто спиздить код, подставив свои цвета и картинку и не делать мозги себе))

#Meta-NC17 интересно как))

D. Morgan ага, ваш помог мне вставить картинку, только она съехала в бок, но вот поля главно и т.п. внизу. >_< Просто хочу сделать так же, как этом дизайне, только, конечно с другими картинками, а никак не выходит((

-Beetle Juice-
я так не могу ни о чем говорить
показывайте свой код и я попоробую найти косяки

D. Morgan вот оно
BODY { background-color: #000000; color: #633d36;}
#wrapper { width:1100px; height:100%; background: url('/userdir/7/1/2/4/712429/42792143.png') repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/7/1/2/4/712429/42792143.png', sizingMethod='scale'); ; }
#extratop {absolute:fixed !important; width:870px;height:510px; background-image:url('/userdir/7/1/2/4/712429/42870497.jpg'); !important; background-repeat:no-repeat !important;}
#extratop { background-color:none; }
#TagsList {display: block !important; visibility: visible !important;}
#page-c { background: none; }
#page-t {border: 0 px; }
#postArea {border: 0px; }
#epigraph {border: 0px}
.singlePost { color: #663300; font-size: 13px; font-family: Comic Sans MS; no-repeat; background-position:bottom; !important; ; }
.singleComment { background-color: none; color: #633d36; font-family: Comic Sans MS; font-size: 13px; border: 0px #633d36; }
.postDate {color: #633d36; background: url('/userdir/7/1/2/4/712429/42888341.gif'); text-align: left; font-size: 13 px:}
#header { color: #633d36; }
#header span { color: #633d36;}
#header h2 { color: #633d36; font-style: normal; }
#postActionLinks { text-decoration: none;}
#authorName { color: #633d36; font-size: 13 px; text-decoration: none;}
#postContent { color: #633d36; }
#commentAuthor { color: red; }
.avatar { align: center; }
.sign { align: center:}
.postInner { border: 0px #633d36; }
.paragraph { color: #b0786e; font-size: 13 px; text-align: justify; }
.postTitle {background-color: AntiqueWhite;}
#postLinksBackg { text-decoration: none; border-bottom: dotted; border-width: 1px; border-bottom-color: red}
#urlLink { text-decoration: underline;}
.postLinks { text-align: justify; }
.pageBar { color: blue;}
#side { background-color: none; color: #633d36; font-family: Comic Sans MS; text-decoration: none; font-style: normal; border: 0px; }
#side h1 { font-size: 13 px; font-family: Comic Sans MS; text-decoration: none; color: #633d36; }
#thisDiaryInfo { text-decoration: none; color: #633d36; font-size: 13 px; font-style: normal; }
#thisDiaryPhoto { align: center; }
#authorName { color: #633d36; font-size: 13 px; }
.menuSection a { font-size:13 px; text-decoration:none; color:#633d36; }
.menuSection a:hover { font-size:13 px; text-decoration:none; color:red; }
.menuSection a:visited { font-size:13 px; text-decoration:none; color:#633d36; }
#lastComments { text-align: center; }
#extrabottom { border: 0px #633d36;}
.atTag { color:IndianRed; font-side: 0px; background: url('/userdir/7/1/2/4/712429/42916382.png') no-repeat 0; padding-left: 30px; }
.atMusic { color:IndianRed; font-size: 0 px; background: url('/userdir/7/1/2/4/712429/42903980.gif') no-repeat 0; padding-left: 60px; }
.atMood { color:IndianRed; font-size: 0 px; background: url('/userdir/7/1/2/4/712429/42915146.png') no-repeat 0; padding-left: 30px; }

-Beetle Juice-, вначале сохраните все картинки из этого дизайна (бэкграунды и прочее), потом просмотрите исходный код страницы, где установлен этот диз. найдете строчку <link rel="stylesheet" href="http://static.diary.ru/userdir/2/8/3/0/283021/user.css" id="link_user_css" /> <style id="preview_user_style"></style>


похожую на эту static.diary.ru/userdir/2/8/3/0/283021/user.css ссылку из такой строчки копируете и вставляете в строку адреса в вашем браузере.
вуаля, немного шевеления мозгом и фантазии и код желаемого диза у нас в руках

зачем 2 раза экстратоп прописан?

#wrapper { width:1100px; height:100%;

уберити 100 процентов, вообще высоту уберите.


wrapper { width:1100px; height:100%; background: url('/userdir/7/1/2/4/712429/42792143.png') repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/7/1/2/4/712429/42792143.png', sizingMethod='scale'); ; }
#extratop {absolute:fixed !important; width:870px;height:510px;

ну тут очевидно что будет в стороне.

#Meta-NC17 что-то я ничего такого не нашёл. вообще говорят, что сам код может знать только тот, кто его делал, а так его другие пользователи узнать не могут.

-Beetle Juice-, говорят
ну, ежели говорят, тогда я девидблейн)) ибо половину из своих дизайнов я подсмотрела в исходниках стандартных.
исходный код хоть нашли как открыть?

D. Morgan там у меня где-то прописан прозрачный фон..0_о

-Beetle Juice- а вам слабо?)))
кодbody {font-family:Verdana, Arial, Helvetica, sans-serif; font-style: normal;font-weight: normal; font-size:62%; background-color:; background-image:url(""); background-repeat: repeat; background-position: 0 0; color:; }
#topNav, #bottomNav {background-color:;}
#topNav a, #bottomNav a {color:;}
.block_design .bordered{background-color:; border-color:;}
.header,h1{color:; font-size:100%; font-style: normal;font-weight: bold; background-color:;}
.header h2{font-style: normal;font-weight: bold;};
.singlePost .header, .linkssection .header{background-color:;}
.menuSection,#epigraph,.formcontainer,.pageBar, .postContent, .postLinksBackg, .postTitle, .authorName, .communityName, .order_button, .section, .list_box{background-color:;}
#side h1 a, .header a{color:;}
a, .linkssection .postLinks a{color:;}
.countSecond .postContent, .countSecond .postLinksBackg, .countSecond .postTitle, .countSecond .authorName, .countSecond .communityName, .singlePost.countSecond .header, .linkssection.countSecond .header{background-color:;}
.postDate, .countSecond .postDate{color:; font-size:100%; font-style: normal;font-weight: bold; background-color:;}

.top .bordered{background-color:;}
.top .menuSection ul, .top #thisDiaryPhoto, .top #sign{background-color:; border:1px solid ; }
.top .menuSection_title{color: ;}

.cbegun {color:; font-weight:normal; font-size:92%;}
.cbegun:hover {text-decoration:underline;}
.offtop {color:;}
#GroupOp {background-color:; color:;}


/*блочный*/
.block_design .singlePost, .block_design .menuSection, .block_design .singleComment, .block_design .section, .block_design #epigraph, .block_design .pageBar, .block_design .group_link, .block_design .list_box{border-color: ;}
.block_design .countSecond .postContent, .block_design .countSecond .header, .block_design .countSecond .postLinksBackg, .block_design .countSecond .authorName, .block_design .countSecond .communityName{background-color:;}
.block_design .header,.block_design h1, .block_design #topNav, .block_design .postTitle, .block_design .singlePost .header.postDate, .block_design .linkssection .header, .block_design .postDate{background-color:transparent;}
.block_design #side h1 a{color: ;}
.block_design #side h1{font-size: 92%; font-weight: normal;font-style: normal;}
.top.block_design #side h1{font-size: 100%; border-bottom: 1px solid ;}
.top.block_design .menuSection{border-top: none;}
.block_design #GroupOp { background-color:transparent; border-top-color: ;}

.forCheck { float:right; }

#favGroups a, #linksGroups a, #draft_list a{color: ; font-weight: normal;}
.calnd th { background-color:; color:; font-style: normal;font-weight: bold; text-align:center; }
.calnd tr.cal-head{border-bottom: 1px solid ;}
.calnd td.cal-mnth { font-style: normal;font-weight: bold; text-align:center; color:; }
.advertising { background-color:; }
.sign{color:;}

.in-list .postTitle, .in-list h2{ font-weight: normal;}
.in-list .postTitle{color: ;}
.in-list .postTitle span{ font-size:85%;}
.block_design .in-list .postLinksBackg, .block_design .in-list .postTitle{padding:0;}

/*????*/
#msg_form {padding:0; margin:0; font-size: 100%;}



.header.calHeader { text-align: left;}
#content {margin-bottom:1px; background-color:;}

.pollLine { background-color:; height: 1px; padding:0px; }

/*end ????*/

.favTagsColor { color:#000; }

.TagL {color:;}

#my_tags{border-color:; background-color:;}

/*всплывающее info*/
#info_wind .flwin {color: ; border-color: ;}

/*вкладки*/
#vkl li a{color: ;}
#vkl .z_top{background-color: ;}
#vkl .current a, #vkl .current .z_n{background-color:;}
#vkl li a, #vkl .z_n{background-color:;}
#vkl .z_v{background-color: ;}
#vkl .z_n, #vkl li a{border-style: solid; border-width: 0 1px 0 1px; border-color: ;}
#vkl li a{border-width: 0 1px 1px 1px;}

/*кнопки*/
.mceToolbarTop{background: !important;}
.mce{border: 1px solid !important; position: relative;}
.mceToolbarTop{border-bottom:1px solid !important;}
.htmlbox{border-color: ; border: 1px solid ; margin:0; padding: 0; position: relative;}
#jsbut {font-size: 86%; background-color:!important; border-bottom:1px solid !important;}
#codebuttons a img, a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img{
border: 1px solid!important;}
*html a.mceButtonNormal, *html a.mceButtonSelected, *html a.mceButtonDisabled{
border: 1px solid!important;}
span.mceMenuButton img, span.mceMenuButtonSelected img{border: 1px solid;}
span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton, span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton{border-left:none !important;}

/*прозрачность*/
a.mceButtonNormal img, a.mceButtonSelected img, a.mceButtonDisabled img, span.mceMenuButton img, span.mceMenuButtonSelected img{opacity:0.7;}
a.mceButtonDisabled img{opacity:0.5;}
* html a.mceButtonNormal img, *html a.mceButtonSelected img, *html span.mceMenuButton img, *html span.mceMenuButtonSelected img{filter:progidXImageTransform.Microsoft.Alpha(opacity=70);}
* html a.mceButtonDisabled img{filter:progidXImageTransform.Microsoft.Alpha(opacity=50);}
*:first-child+html a.mceButtonNormal img, a.mceButtonSelected img, span.mceMenuButton img, span.mceMenuButtonSelected img{
filter:progidXImageTransform.Microsoft.Alpha(opacity=70);}
*:first-child+html a.mceButtonDisabled img{filter:progidXImageTransform.Microsoft.Alpha(opacity=50);}

/*панель смайлов*/
#shsmile{background-color:; border:1px solid ; margin:0; border-top:none; padding:3px;}
.SmilePanelElement small { background: ; border:1px solid ; color:;}

/*управляющие элементы*/

.htmlbox textarea, input.text, #trspisok textarea, #close_text{background-color: ; font-family:Verdana, Arial, Helvetica, sans-serif; font-style: normal;font-weight: normal;; font-size:100%; color:;}
input.text, select, #trspisok textarea, #description, #close_text, #side #search_selectbtid{border: 1px solid ;}
input.submit, .submit{border-color: ; border: 1px solid ; background-color:#ffffff;opacity: 0.6; filter:progidXImageTransform.Microsoft.Alpha(opacity=60); color: #000000;}
.submit{opacity: 0.8; filter:progidXImageTransform.Microsoft.Alpha(opacity=80);}
input.inp_check{opacity: 0.6; filter:progidXImageTransform.Microsoft.Alpha(opacity=60);}

/*кнопки редактирования, иконки*/
.postActionLinks, #sortOrder, .openidIco{opacity: 0.6;filter:progidXImageTransform.Microsoft.Alpha(opacity=60);}


/*суггестр*/
#suggestform{border-color: ;}

/*белые поля*/
.form_alt_style input.text,
#postsArea.form_alt_style input.text,
#addCommentArea.form_alt_style input.text,
.form_alt_style #trspisok textarea,
.form_alt_style #description,
.form_alt_style #close_text,
.form_alt_style #yaquery{
background-color: #ffffff;
opacity: 0.7;
filter:progidXImageTransform.Microsoft.Alpha(opacity=70);
color: #000000;
}
.form_alt_style .htmlbox table{
background-color: #ffffff;
opacity: 0.7;
}
.form_alt_style .htmlbox textarea{
background-color: transparent;
color: #000000;
}

#Meta-NC17 я вообще в этом ничего не понимаю, в CSS тоже, только вот его включил и сижу ломаю мозг... Он у меня уже не работает от перегрузки деятельности.

D. Morgan и что это?00

D. Morgan, косяк нашолся о_Окстати, раз уж пошла такая пьянка, то у Вас запись "добавить в избранное" залезает на "календарь записей", а "@дневники изнутри" - на "техподдержку".
это я к слову))

что-то я ничего такого не нашёл.
-Beetle Juice-, я этого и надо было начинать.
тогда ничем помочь не смогу, мое решение проблемы было самым безболезненным для мозга.

вы меня совсем запутали, господа >_<

#Meta-NC17 я знаю о своих косяках)))))))

-Beetle Juice- это код того белого дизайна))

D. Morgan, это главное
-Beetle Juice-, мм, чем именно?))

D. Morgan жееесть... он меня ужасно пугает, я очень туп... Но спасибо)) Попытаюсь найти там ту часть, что надо.0_о

и кажется это не то...

-Beetle Juice-, господи б-же, я Вам уже сказала ведь как получить желаемый дизайн, в чем еще дело?))