Здравствуйте

15.11.2011 в 16:35

Walterka

margin-top с положительным значением или mfrgin-bottom с отрицательным пробовала?

URL

15.11.2011 в 22:34

-=Beautiful Art Community=-

возможно проблема только у меня с хромом но ваш эпиграф отображается у меня подобным образом

URL

15.11.2011 в 22:42

Laviko

гуру сневанса

У меня с телефона эпиг тоже так отображается.(
(заявку с моего акка оставляла Silina Black, которая делает мне дизайн. Я ей написала об ответе в соо).

URL

16.11.2011 в 11:39

-=Beautiful Art Community=-

а она не говорила зачем разрезала картинку?

URL

16.11.2011 в 11:50

Laviko

гуру сневанса

Я так поняла, чтобы сделать кнопки в эпиграфе. Там при нажатии должно отправлять в отдельный пост.
Вы знаете, как сделать это не разрезая картирку?

URL

16.11.2011 в 12:13

-=Beautiful Art Community=-

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

URL

16.11.2011 в 12:58

Laviko

гуру сневанса

Думаю, она вскоре прочтет комментарии и разберется с этим.)
Спасибо.)

URL

16.11.2011 в 16:18

Walterka

Сделать одну большую картинку для кнопок, вот ту которая обведена у вас в блоке и вот её уже разрезать на части для каждой кнопки и просто вставить ссылки-картинки столбиком.
Да, но ссылкам-картинкам нужно будет присвоить ID и затем отпозиционировать их уже в поле CSS.

URL

16.11.2011 в 17:35

-=Beautiful Art Community=-

а зачем? хватит обычного кода

[url=http://ссылка]картинка[/url]

и его ставить в столбик в эпиграф. Картинки ссылками сложатся в одну целую картинку а заднее изображение как фон самого эпиграфа, это очень даже просто и легко сделать без лишних кодов в ксс. Нужно лишь немного расчетов, совсем немного математики :walkman:

Это ведь обычный эпиграф, вот если бы хозяин дневника захотел вынести все эти ссылки в экстратоп то там надо было бы повозиться, а здесь банальность

URL

16.11.2011 в 23:08

Walterka

-=CHARMING=-, ну, они могут в рамку не влезть и так далее.

URL

17.11.2011 в 18:10

-=Beautiful Art Community=-

почему это не могут, у меня же влазят ссылки и банеры. делать надо определенного размера, вырезая по ширине рамки, да просто на две части разделить картинку и левую часть разрезать на сколько там нужно кнопок :hmm:

если автор дизайна не сможет сделать то что я имею ввиду, я ему сделаю сам

URL

17.11.2011 в 22:12

Silina Black

Не могу стоять, пока другие работают… Пойду полежу.

Диз делаю я.
Через мазилу и оперу эпиг выглядит нормально. И с телефона у меня он нормально выглядит при высоком качестве изображений.
Walterka, margin-top с положительным значением или mfrgin-bottom с отрицательным пробовала?
способ такой не пробовала, но попробую

URL

17.11.2011 в 22:37

Laviko

гуру сневанса

Сил, а может все же стоит сделать как посоветовали? Ну ссылки отдельным блоком и все такое...)

URL

18.11.2011 в 18:17

-=Beautiful Art Community=-

Silina Black
есть еще такие браузеры как хром и сафари, не все сидят исключительно в опере и мозиле. Ладно можно не учитывать интернет эксплоер, но с другими нормальными браузерами стоит считать потому что пч приходящие к вашему заказчику не будут перебираться из того же хрома в оперу ради того что бы эпиграф отображался корректно.

URL

18.11.2011 в 20:57

Walterka

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

URL

18.11.2011 в 21:37

Silina Black

Не могу стоять, пока другие работают… Пойду полежу.

-=CHARMING=-, я знаю. Просто не проверяла через хром поскольку у меня его нет
Walterka, в коде такого отступа не делала. Я только прописала чтобы эпиграф был немного подвинут влево. Иначе его часть уходила за фон

URL

18.11.2011 в 22:47

-=Beautiful Art Community=-

сейчас доделаю под все браузеры и дам код вам

URL

18.11.2011 в 23:30

-=Beautiful Art Community=-

testiscss.diary.ru/ собственно то что я имел ввиду.
не много подправил код, стало получше, правда мозг совсем поплавился и не смог сообразить почему у вас быстро исчезают выпадающие блоки. Хотя думаю дело в коде замены на картинки, но тут вы уже сами помучайтесь.

вот код

#post0 { background:url('/userdir/2/8/9/2/2892737/72360858.png') no-repeat; width:788px; height: 500px;margin-left:-5px }
 #extrabottom {background: url('/userdir/2/8/9/2/2892737/72358134.png') no-repeat; width:840px; height: 201px; margin-top:-10px !important; }
 #wrapper{min-width:840px!important; width:840px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; }
 #page-c{width:800px !important; background: url('/userdir/2/8/9/2/2892737/72358120.png'); repeat-y; margin-top:-1px !important; padding-right:20px !important; padding-left:20px !important;}
 #shsmile {background:none !important;}
 #bottomNav, #topNavLinks {display: none !important;}
 #more_login, #lastComments, #YaSearch, #myLinks, #pchs, #albumLink, #faqLink, #paySupportLink, #diarySupportLink, #diarySpiritLink , #photolibLink, #rssLink, .opac6, #bottomNav{display:none !important;}
 #authorName {display: block; overflow:hidden; height:47px; line-height:145px; width:190px; top:13px; left:-677px; position: absolute; background: # no-repeat !important;}
 .menuSection { float:none !important; display:inline-block; *display:inline; *zoom:1;}
 #side .bordered { text-align:center; }
 .singlePost {padding-bottom: 27px !important; background: url('/userdir/2/8/9/2/2892737/72358127.png') center bottom no-repeat;}
 #side .menuSection{text-align:center;}
 .menuSection_title {padding-left: 40px; padding-bottom: 0px;}
 #side {margin-top: 20px}
 #side ul {border: 2px dotted #061a13; padding:5px; width:180px; }
 #side ul {background:#f7f0dd; -moz-opacity:.75 !important;opacity:.75 !important; filter:alpha(opacity=75); !important; }
 #thisDiaryOwner_title {background-image:url('/userdir/2/8/9/2/2892737/72358515.png'); width:157px; height:45px; }
 #thisDiaryOwner_title b {display:none !important}
 #myDiaryLinks_title {background-image:url('/userdir/2/8/9/2/2892737/72358114.png'); width:157px; height:45px;}
 #myDiaryLinks_title b {display:none !important}
 #globalLinks_title {background-image:url('/userdir/2/8/9/2/2892737/72358118.png'); width:157px; height:45px; }
 #globalLinks_title b {display:none !important}
 #iAmQuit {display:none}
 #commentsArea{padding:30px}
 .bordered {margin-top:-30px}
 .formcontainer{margin-left: 30px !important;}
 .formcontainer{margin-right: 30px !important;}
 #epigraph, #epigraph .header {background: none !important; padding: 0px!important; position:relative; margin: 0}
 #epigraph .singlePost {position: relative; top: -10px;}
 #thisDiaryLinks{display:none}
 #sortFromBegin {display:none;}
 #sortFromEnd {display:none;}
 #sortFromLastComment {display:none;}
 #side h1 {display:none;}

.bordered {margin-top:-30px} это отвечает за отступ между меню и эпиграфом.И поправьте форму авторизации, уберите её или подвиньте потому что она налазит на меню и смотрится не очень

URL

18.11.2011 в 23:32

-=Beautiful Art Community=-

s017.radikal.ru/i441/1111/65/55cc9bb047ce.jpg
вставить в #post0

ссылки в эпиграф

[url=http://make-love-not-war.diary.ru/p118825001.htm][img]http://s017.radikal.ru/i430/1111/50/f821a284ed65.png[/img][/url]
[url=http://make-love-not-war.diary.ru/p118825454.htm][img]http://s017.radikal.ru/i422/1111/74/fbce631f2d79.jpg[/img][/url]
[url=http://make-love-not-war.diary.ru/?tag=82013][img]http://s017.radikal.ru/i428/1111/b0/fc2f15a7b8ca.jpg[/img][/url]
[url=http://make-love-not-war.diary.ru/p94004126.htm][img]http://s017.radikal.ru/i443/1111/7e/20c055588ce0.jpg[/img][/url]
[url=http://mirrorsbook.mybb.ru/][img]http://s017.radikal.ru/i402/1111/c9/8c514f5c7607.jpg[/img][/url]
[url=http://make-love-not-war.diary.ru/p85365799.htm][img]http://s017.radikal.ru/i438/1111/1b/5c69b2b43e89.jpg[/img][/url]

URL

19.11.2011 в 10:06

-=Beautiful Art Community=-

Вообще странное свойство для эпиграфа, если картинка была сделана из нескольких частей без отступов... По какой причине, интересно, так в хроме отображается? Или там автоматически отступ делается между картинками без оного?
У гугла и оперы свое видение на расстояние и отступы, например заголовки в комментах моего сообщества в хроме отображаются корректно по центру, в опере же они уходят в право и что б я не делал ничего не помогло

URL

19.11.2011 в 13:39

Silina Black

Не могу стоять, пока другие работают… Пойду полежу.

Спасибо большое. Сегодня поставлю и посмотрю)

URL

19.11.2011 в 14:15

-=Beautiful Art Community=-

не за что

URL


Запомнить

@CSS — стилизация дневников