Помогите вывести текст на картинке

Adilen 15.10.2013 вывод текста на картинке Все вопросы » Хаки 3316

вопрос

Хотелось бы сделать на своем сайте такой вывод текста на картинке, кто знает отпишитесь. Спасибо

Ответил: ПафНутиЙ

http://jsfiddle.net/paffffff/3GE8h/

8 комментариев

Юзер

108

vlits - 2015-06-1716 октября 2013 04:57 - #17935

так это просто, дай свой html код где картинка.
вывод блока дай.

Юзер

vpkach - 2015-06-1716 октября 2013 10:10 - #17940

В shortstory.tpl в самом начале, или если у тебя выводится постер через доп. поле, то вставь перед выводом постера:

<div id="short_ser_count">Тут доп. поле выводит серии</div>

в файле style.css вставь в самом конце или где тебе удобно:

#short_ser_count { 
background: #E31739;
border-radius: 4px 0px 0px 4px;
top: 300px;
color: #fff;
float: left;
font-weight: 700;
left: 140px;
padding: 4px 10px;
position: absolute;
text-align: right;
text-shadow: #D4B979 0px 1px 0px;
width: 60px;
}

Юзер

Adilen - 2015-06-1728 октября 2013 22:51 - #18451

Спасибо большое!

Юзер

108

vlits - 2015-06-1728 октября 2013 04:51 - #18422

код скинь еще html
где вывод данного блока, где дивы прописаны со стилями.


#short_ser_count { 
background: #E31739;
border-radius: 4px 0px 0px 4px;
top: 300px;
color: #fff;
float: left;
font-weight: 700;
left: 140px;
padding: 4px 10px;
position: absolute;
text-align: right;
text-shadow: #D4B979 0px 1px 0px;
width: 60px;
}

ну смотри если у тебя идет так же как на картинки но серия с права, то делай так.
margin-left: -100px;
ну и если по выше поднять margin-top: -20px;

добавь в свой css

Юзер

Adilen - 2015-06-1728 октября 2013 22:52 - #18452

Спасибо за ответ)) помогло

Юзер

trouble - 2015-06-1728 октября 2013 15:26 - #18435

А как изменить цвет фона в зависимости от содержания дополнительного поля? Например будет только 4 вида "HD' "HQ" "SQ" и "LQ".

Юзер

108

vlits - 2015-06-1728 октября 2013 17:24 - #18440

ну значит делаешь 4 вида дополнительных полей и для каждого свой стиль и в стили для каждого свой цвет

background-color: #000;

Юзер

108

vlits - 2015-06-1728 октября 2013 17:26 - #18441

типа:

<div class="hdblack">[xfgiven_hd][xfvalue_hd][/xfgiven_hd]</div>

.hdblack{
background-color: #000;
padding: 4px; - это что бы отступ был у текста и цвета фона.
}

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?