12:09 

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

Живи так – чтобы люди, столкнувшись с тобой, улыбнулись, а, общаясь с тобой, стали чуточку счастливей...
Есть желание вставлять картинку в конце записи в качестве разделителя.
Как это можно реализовать? И возможно ли вообще.
Что бы было понятнее: как в этом дневнике, только тут эта картинка руками прописывается в каждую запись и отображается перед "подписальться", "комменитировать"...

Пробовала проставлять как фонову в .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; }

Комментарии
2007-02-14 в 12:57 

.counterclockwise
лишнее в пути, не '/static.diary.ru/userdir/8/3/7/7/83775/16003038.gif' а '/userdir/8/3/7/7/83775/16003038.gif'
у меня фоном в .singlePost, работает

2007-02-14 в 13:06 

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

2007-02-14 в 13:15 

Живи так – чтобы люди, столкнувшись с тобой, улыбнулись, а, общаясь с тобой, стали чуточку счастливей...
Ура! Получилось!
Строка:
.singlePost {background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat; background-position:bottom; !important; }

2007-02-18 в 04:25 

Прежде, чем говорить, что все плохо, подумай, что Ты сделал для того, чтобы все было хорошо
Простите, а вы не поможете мне?
Хотелось бы вставить картинку, в конце, после "настроения, музыки и тем", но перед "комментировать" и прочим)
(либо на их уровне "тем", но не перед ними - как если вставкой картинки в низ сообщения)
При этом картинку - небольшую, справа)
В общем, я не понятно объясняю, лучше покажу

Тегами прописана картинка, но выглядит это не очень опрятно. Дальше идут "Настроение, музыка, темы" Если бы получилось поставить картинку на уровне "тем" - было бы идеально..) Или под ними)
Пыталась сама это сделать с помощью скрипта:
.singlePost {background: url('картинка') no-repeat; background-position:bottom; !important; }
Но получилось, что она, естественно, встала на место разделителя.. и я сколько не билась, так и не смогла понять, как ее загнать хотя бы уж в угол, если не выше...
Простите, я просто почти новичок в этом.. поэтому простите, за, может быть очень глупый вопрос..)..

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

2007-02-18 в 19:27 

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

2007-02-18 в 21:38 

Прежде, чем говорить, что все плохо, подумай, что Ты сделал для того, чтобы все было хорошо
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....((.. или я совсем не то делаю?..

2007-02-18 в 23:31 

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

2007-02-18 в 23:45 

Прежде, чем говорить, что все плохо, подумай, что Ты сделал для того, чтобы все было хорошо
anesthesia
получилось)) с этим - padding: 10px;, сейчас только настрою там значение)
Спасибо вам огромное за помощь)))

2007-04-22 в 20:47 

Клиа.
можно еще так..

.bottom {
background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat 0;
width: 100px;
height: 100px;
}

2007-05-04 в 13:51 

можно и так
.bottom {
background: url('/userdir/8/3/7/7/83775/16003038.gif') no-repeat 0;
width: 100%;
height: 100%;
}

URL
2007-06-20 в 04:47 

хочешь научу мечтать и летать, как батерфляй? :)
а как вообще убрать разделительную полосу? :-/

2007-07-01 в 15:31 

Ты делаешь будущее каждую секунду- помни об этом!
мучалась-мучалась, таки смогла.
У меня только с 30px получилось.
выглядит так:
.singlePost {background: url('/userdir/3/4/1/6/341689/21110182.gif') no-repeat; background-position:bottom; !important;padding:30px}

2007-07-12 в 13:54 

~Annahita~
spiderway
вот что вышло у меня:
http://assia-de-fetida.diary.ru/
нельзя ли убрать картинку из эпиграфа?

2007-07-12 в 14:48 

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

2007-08-05 в 01:08 

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

2007-08-06 в 01:05 

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

2007-09-28 в 20:10 

Но кончилось все это плохо. Очень плохо...
Подскажите пожалуйста как расположить картинку непосредственно перед "коментировать"?

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

2009-03-23 в 17:24 

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

2010-12-22 в 21:38 

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


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

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

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

главная