Вставка картинки в конце записи

[nativ_2]

Есть желание вставлять картинку в конце записи в качестве разделителя.

Как это можно реализовать? И возможно ли вообще.

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



Пробовала проставлять как фонову в .singlePost - не работает, пыталась и в .postLinksBackg фоном - тоже не кушает



Писала так:

.bottom {background: url('/static.diary.ru/userdir/8/3/7/7/83775/16003038.gif') no-repeat 0; }

.postLinksBackg {background: url('/static.diary.ru/userdir/8/3/7/7/83775/16003038.gif') no-repeat 0; }



В чем может быть ошибка? Или .bottom и .postLinksBackg не поддерживают фоновых картинок?



UPD.

Ответ получен:

.singlePost {background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat; background-position:bottom; !important; }

Comments

[anesthesia]

лишнее в пути, не '/static.diary.ru/userdir/8/3/7/7/83775/16003038.gif' а '/userdir/8/3/7/7/83775/16003038.gif'

у меня фоном в .singlePost, работает

[nativ_2]

спасибо, а как его можно вниз опустить, а то болтаетсяна уровне заголовка и местами перекрывает его

[nativ_2]

Ура! Получилось!

Строка:

.singlePost {background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat; background-position:bottom; !important; }

[jane_s]

Простите, а вы не поможете мне?

Хотелось бы вставить картинку, в конце, после "настроения, музыки и тем", но перед "комментировать" и прочим)

(либо на их уровне "тем", но не перед ними - как если вставкой картинки в низ сообщения)

При этом картинку - небольшую, справа)

В общем, я не понятно объясняю, лучше покажу



Тегами прописана картинка, но выглядит это не очень опрятно. Дальше идут "Настроение, музыка, темы" Если бы получилось поставить картинку на уровне "тем" - было бы идеально..) Или под ними)

Пыталась сама это сделать с помощью скрипта:

.singlePost {background: url('картинка') no-repeat; background-position:bottom; !important; }

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

Простите, я просто почти новичок в этом.. поэтому простите, за, может быть очень глупый вопрос..)..



Или.. быть может.. если убрать отображение Url, если можно сдвинуть "комментировать" и пр. в лево - можно туда картинку как-то вставить?.... И если можно.. то как подобное можно осуществить?...

[anesthesia]

jane_s, я не совсем понял, что именно нужно, даже с картинкой...) но предполагаю, что можно попробовать назначить фоновую картинку не для .singlePost, а, скажем для .atTag, или для .postLinks, скажем, .postLinks {background: url('...') no-repeat top right} назначит фоновую картинку сверху-справа над строкой с "комментировать" и т.д., если это то, что нужно. Где-то в этом направлении, кажется...

[jane_s]

anesthesia

в принципе.. я вставила картинку, туда, куда хотела, в итоге)



.bottom {background: url('/userdir/3/8/3/0/383036/16005710.gif') no-repeat; background-position:right; !important; }



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

понять не могу, что надо сделать...

так дела:

.bottom {background: url('/userdir/3/8/3/0/383036/16005710.gif') no-repeat; background-position:right; height: 50px; !important; }



и так..

.bottom {background: url('/userdir/3/8/3/0/383036/16005710.gif') no-repeat; background-position:right; !important; font-size: 50px; } - т.к. в коде есть строчка

</div>

<div class="bottom">&nbsp;</div>

</div>



но толку..... 0....((.. или я совсем не то делаю?..

[anesthesia]

попробуйте добавить отступы, типа padding: 10px; или сколько нужно. или не padding а margin. или их комбинацию. вот)

[jane_s]

anesthesia

получилось)) с этим - padding: 10px;, сейчас только настрою там значение)

Спасибо вам огромное за помощь)))

[barsy]

можно еще так..



.bottom {

background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat 0;

width: 100px;

height: 100px;

}

[Гость]

можно и так

.bottom {

background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat 0;

width: 100%;

height: 100%;

}

[Urban Angel]

а как вообще убрать разделительную полосу?

[Diami]

мучалась-мучалась, таки смогла.

У меня только с 30px получилось.

выглядит так:

.singlePost {background: url('/userdir/3/4/1/6/341689/21110182.gif') no-repeat; background-position:bottom; !important;padding:30px}

[~Annahita~]

вот что вышло у меня:

http://assia-de-fetida.diary.ru/

нельзя ли убрать картинку из эпиграфа?

[~Annahita~]

прошу прощения, уже разобралась)

вот такой вопрос:
а как сделать, что бы между постами и секциями меню были отступы? ну, что бы днев был не как на одной странице, а каждый пост был как на отдельной страничке? и блоки в меню тоже. как здесь BlackLynx~
мне сказали, что это можно сделать в настройках "отключить фон заголовка", но я ничего не нашла((.
помогите пожалсто(

простите за беспокойство. сама разобралась
какой же я дуб

[Soul_Rot]

Подскажите пожалуйста как расположить картинку непосредственно перед "коментировать"?

.singlePost {background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat; background-position:bottom; !important; } - располагает по центру и следовательно картинка перекрывает некоторые ссылки и темы записей!

[kitsune-kun]

а как убрать теперь эту картинку из эпиграфа?

[UnNovelle]

простите, пожалуйста, помогите, если сможете.
Вот код.

{-----------------------------Фон------------------------------------------}
 body {background: #f1ecd6 url('/userdir/2/1/0/7/2107240/63663311.png') repeat-y top; }
 body a{color:#c43513;}
 #wrapper{min-width:600px !important;width:800px; margin-top:-10px !important; padding-left:20px;}
{-----------------------------Экстратоп------------------------------------------}
 #extratop {background: url('/userdir/2/1/0/7/2107240/63663290.png') no-repeat; width:783px; height: 312px; position:relative !important;}
 {-----------------------------Экстработтом------------------------------------------}
#extrabottom {height:160px;background:url('/userdir/2/1/0/7/2107240/63663296.png') 50% 0 no-repeat;}
#bottomNav {position:absolute; width:738px;}
#bottomNav a{color:#000;}
#extrabottom {margin-top:-10px; margin-left:-16px;}
{-----------------------------Полоса записи------------------------------------------}
 #page-c {background: url('/userdir/2/1/0/7/2107240/63663308.png') repeat-y; width:783 px; position:relative;}
#postsArea { width:600px !important; margin-left:75px !important; }
 #commentsArea, #addCommentArea { width:600px !important; margin-left:75px !important;}
 {-----------------------------Разделитель------------------------------------------}
.singlePost {background: url('/ userdir/2/1/0/7/2107240/63663314.png') no-repeat; background-position:bottom; !important; }

 #side {position:absolute; font-size:14px !important; left: 20%; top: 200px;}
.singlePost {background: #fff; opacity:0.8; margin-left:-50px !important; margin-right:-50px !important; padding-right:15px !important; padding-left:15px !important; margin-bottom:20px !important;}
 {-----------------------------Меню------------------------------------------}
 #globalLinks_title {display:block; width:142px; height:38px; line-height:300px; overflow:hidden; background: url('/userdir/2/1/0/7/2107240/63690689.png') 1px 1px no-repeat; margin-top: 2px;}
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:144px; height:42px; line-height:300px; overflow:hidden; background: url('/userdir/2/1/0/7/2107240/63691256.png') 1px 1px no-repeat; margin-top: 2px;}
 #thisDiaryOwner_title {display:block; width:80px; height:35px; line-height:300px; overflow:hidden; background: url('/userdir/2/1/0/7/2107240/63691076.png') 1px 1px no-repeat; margin-top: 2px;}
 #iAmQuit a{display:block; width:62px; height:36px; line-height:300px; overflow:hidden; background: url('/userdir/2/1/0/7/2107240/63690710.png') 1px 1px no-repeat; margin-top: 2px; }
 #page-t a{color:#473c28; text-decoration:none; border-bottom: dotted; border-width:1px; border-bottom-color: #e9dbc2;}
 #page-t a:hover, #commentsArea a:hover {color:# f1f0eb background:#d1b481; text-decoration:none; border-bottom: none;}
 #side h1 a {color:#373B35 !important; font-family:arial black; font-size:200% !important; position:relative; top:-180px; left:-100px;}
#authorName {color: #474828 !important; position:relative !important; font-family:arial black; font-size:200% !important; left: -100px !important; top:-185px !important;}
 #thisDiaryLinks, #more_login, #myLinks, #myLinksLink, #authorLiks, #YaSearch, #pchs, #lastComments, #myNotepadLink, #albumLink, #Stats {display: none;}
 #side ul {background:#efddaf; -moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); !important; }
 #epigraph .singlePost, #post0 {background:none !important; padding-bottom:0px !important; margin-top:-50px;}
 .postTitle {color:#000000 ; font-size:140%; font-style:bold;}
 #addCommentArea_title, #commentsArea_title, .countFirstDate, .postDate, .uline {font-size:90% !important; font-weight:normal !important; color:#c89856 !important; padding: 5px !important; text-align: center;}
.singleComment {background: #fff; opacity:0.8; margin-left:-50px !important; margin-right:-50px !important; padding-right:15px !important; padding-left:15px !important; margin-bottom:20px !important;}
.avatar img { border-width:3px; border-color: #4D4428; border-style:double; padding:2px; display: block; }

Я прописал в нем разделение постов в целом (чтобы они выглядели как прямоугольники) и разделитель. Где ошибся - не понимаю. Но не отображается разделитель. Буду очень благодарен