Liga | Дата: Понедельник, 05.11.2012, 17:42 | Сообщение # 1 |
Оффлайн
Администраторы
Регистрация: 25.07.2012
Сообщений: 33
IP: Скрытая информация
3
Простой watermark для ucoz без поддержки PHP очень удобно для твоего сайта, и вообще сайтов uCoz
Установка:
Заходим в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Страница материала и комментариев к нему
Вставляем туда этот код:
Code <center> <div class="image"> <?if($IMG_URL1$)?><img src="$IMG_URL1$" width="600" height="400"/> <?else?> <?if($IMG_URL1$)?><img src="/images/noimages.png"/> <?else?> <img src="/images/noimages.png"/><?endif?><?endif?> <h2><img src="/images/ucs.png" border="0" alt="" /></h2> </div> </center>
Где:
/images/noimages.png
/images/ucs.png
Меняем на свой Watermark
В CSS:
Code .image {
position : relative;
width : 100%; /* for IE 6 */
}
h2 {
position : absolute;
top : 200px;
left : 0;
width : 100%;
}
h2 span {
color : white;
font : bold 24px/45px Helvetica, Sans-Serif;
letter-spacing : -1px;
background : rgb(0, 0, 0); /* на случай, если следующая строка не сработает */
background : rgba(0, 0, 0, 0.7);
padding : 10px;
}
$(function() {
$("h2").wrapInner("");
$("h2 br").before("")
.after("");
});
h2 span.spacer {
padding : 0 5px;
} | |
|
| |
