• Страница 1 из 1
  • 1
Вывод текста на изображение - шапку
naHuKaJ0_o Дата: Вторник, 01.05.2012, 17:28 | Сообщение # 1
Сообщений: 81
HTML Редактор

Подключаем JS файлы в верхнюю часть сайта - шапку:
Code
<script type="text/javascript" src="http://css-hlds.3dn.ru/Pa3HoE/up-rise/jquery.js"></script>    
<script type="text/javascript" src="http://css-hlds.3dn.ru/Pa3HoE/up-rise/captify.tiny.js"></script>    
<script type="text/javascript">    
$(function(){    
$('img.captify').captify({});    
});    
</script>

В CSS Вставляем код:
Code
.caption-top, .caption-bottom {    
     color: #dcdcdc;    
     padding: 10px 10px 10px 10px;    
     font-weight: normal;    
     font-size: 11px;    
     font-family: verdana,arial,helvetica;    
     cursor: default;    
     border: 0px solid #444;    
     background: #111;    
}

И само изображение шапки подключаем таким образом:
Code
<img class="captify" src="http://css-hlds.3dn.ru/Pa3HoE/up-rise/picture.jpg" rel="caption1">

Это желательно в самый низ сайта : Текст который будет выводиться !
Code
<div id="caption1">Проверка скрипта, by Css-Hlds.3dn.Ru</div>
 
  • Страница 1 из 1
  • 1
Поиск: