Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Помогите вывести текст на картинке

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


     15.10.2013    Хаки    1895

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


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

Комментарии пользователей (8)

vlits
3

108

vlits - 16 октября 2013 04:57 - Юзер

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

vpkach
3

66 | 6

vpkach - 16 октября 2013 10:10 - Юзер

В 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
5

Adilen - 28 октября 2013 22:51 - Юзер

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

vlits
3

108

vlits - 28 октября 2013 04:51 - Юзер

код скинь еще 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
5

Adilen - 28 октября 2013 22:52 - Юзер

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

trouble
24

74 | 22

trouble - 28 октября 2013 15:26 - Юзер

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

vlits
3

108

vlits - 28 октября 2013 17:24 - Юзер

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

background-color: #000;

vlits
3

108

vlits - 28 октября 2013 17:26 - Юзер

типа:

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

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы