Наложение информации на изображение, iframe

Обсуждение серверного программирования.

Модераторы: Duncon, Yurich

Ответить
DaTre
Сообщения: 3
Зарегистрирован: 28 ноя 2013, 14:03

28 ноя 2013, 14:06

На странице kithyip. com/get_code/lid/6/ вы можете увидеть небольшое изображение под надписью: "Get Monitoring Image Code"

На сколько я знаю, можно сделать свое изображение, куда затем можно накладывать текст (текст будет накладывать скрипт).

Что мне нужно сделать?

Вот пхп файлов, которые как мне кажется, надо менять.

файл getstatus.js

Код: Выделить всё

var siteURL = 'kithyip. com';
var VUV='';
function VVY()
{
var VV='HR_tl_pop';
var UY='hidden';
var WV='hidden';
var UW='hidden';
if(document.getElementById)
{
eval("document.getElementById(VV).style.visibility=\""+UW+"\"");
}
else
{
if(document.layers)
{
document.layers[VV].visibility=UY;
}
else
{
if(document.all)
{eval("document.all."+VV+".style.visibility=\""+WV+"\"");
}
}
}
}

function VVW()
{
var VV='HR_tl_pop';
var UY='show';
var WV='visible';
var UW='visible';
if(document.getElementById)
{
eval("document.getElementById(VV).style.visibility=\""+UW+"\"");
}
else
{
if(document.layers)
{
document.layers[VV].visibility=UY;
}
else
{
if(document.all)
{
eval("document.all."+VV+".style.visibility=\""+WV+"\"");
}
}
}
}


function showdetails(id,place,UV,UU)
{
var VU='top';
var VW='right';
var YU="+document.documentElement.clientHeight-this.clientHeight";
var WU="+document.body.clientHeight-this.clientHeight";
var WY="-40+document.documentElement.clientHeight-this.clientHeight";
var WW="-40+document.body.clientHeight-this.clientHeight";
if(UV=='top')
{
YU="+100-this.clientHeight";
WU="+100-this.clientHeight";
WY='+40+324-this.clientHeight';
WW='+40+324-this.clientHeight';}
if(UU=='right')
{
VW='left';
}
if(typeof document.VY!='undefined'&&document.VY!='BackCompat')
{
YW="_"+VU+":expression(document.documentElement.scrollTop"+YU+");_"+VW+":expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}";
}
else
{
YW="_"+VU+":expression(document.body.scrollTop"+WU+");_"+VW+":expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}";
}
if(typeof document.VY!='undefined'&&document.VY!='BackCompat')
{
YV="_"+VU+":expression(document.documentElement.scrollTop"+WY+");}";
}
else
{
YV="_"+VU+":expression(document.body.scrollTop"+WW+");}";
}
var YY=(window.location.protocol.toLowerCase()=="https:")?"pix.gif":"pix.gif";
var VVV='* html {background:url('+YY+') fixed;background-repeat: repeat;background-position: right bottom;}';
var W='#HR_tl_fixed{position:fixed;';
var W=W+'_position:absolute;';
var W=W+UU+': 0px;';var W=W+UV+': 0px;';
var W=W+'clip:rect(0 100 100 0);';
var W=W+YW;var U='#HR_tl_pop {background-color: transparent;';
var U=U+'position:fixed;';
var U=U+'_position:absolute;';
var U=U+'height: 240px;';
var U=U+'width: 160px;';
var U=U+UU+': 60px;';
var U=U+UV+': 40px;';
var U=U+'overflow: hidden;';
var U=U+'visibility: hidden;';
var U=U+'z-index: 100;';
var U=U+YV;document.write('<style type="text/css">'+VVV+W+U+'</style>');
var VVU=siteURL+'?a=image&lid='+id+'&nc=1';
document.write('<div id="HR_tl_pop">');
document.write('<IFRAME src="'+VVU+'" target="_blank" WIDTH=160 HEIGHT=240 FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=no allowtransparency=true></IFRAME>');
document.write('</div>');
document.write('<div id="HR_tl_fixed">');
document.write('<a onfocus="this.blur()" href="'+siteURL+'?a=details&lid='+id+'"><img border=0 hspace=0 '+'vspace=0 src="'+siteURL+'?a=image&cmd=corner&place='+place+'&lid='+id+'&ref='+location.host+'"');
document.write('onMouseOver="Ovr=setTimeout(\'VVW()\',200);clearTimeout(VUV)"');
document.write('onMouseOut="VUV=setTimeout(\'VVY()\',2000);clearTimeout(Ovr)"/></a>');
document.write('</div>');
} 
DaTre
Сообщения: 3
Зарегистрирован: 28 ноя 2013, 14:03

28 ноя 2013, 14:30

файл get_code.tpl

Код: Выделить всё

{include file="header.tpl"}

{include file="program_details.tpl"}
<h3>Get Monitoring Image Code</h3>

<div class="get_code">
<table class="form nosize">
<tr>
 <th colspan=4>Use this code to place the button on your site</th>
</tr>
<tr>
<td colspan=2>
<a href="{"?a=details&lid=`$listing.id`"|encurl}"><img src="{"?a=image&lid=`$listing.id`"|encurl}" border="0"></a>
</td>
<td colspan=2>
<textarea cols=40 rows=4><a href="{"?a=details&lid=`$listing.id`"|encurl}"><img src="{"?a=image&lid=`$listing.id`"|encurl}" border="0"></a></textarea>
</td>
</tr>
<tr>
 <th colspan=4>Use this code to place the floating button</th>
</tr>
<tr>
<td>Top - Left</td>
<td>Top - Right</td>
<td>Bottom - Left</td>
<td>Bottom - Right</td>
</tr>
<tr>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","tl","top","left");</script>
</textarea></td>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","tr","top","right");</script>
</textarea></td>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","bl","bottom","left");</script>
</textarea></td>
<td><textarea rows=5>
<script language="JavaScript" src="{"getstatus.js"|encurl}" type="text/javascript"></script>
<script type="text/javascript">showdetails("{$listing.id}","br","bottom","right");</script>
</textarea></td>
</tr>
</table>
</div>

{include file="footer.tpl"}
Вот здесь, вы можете видеть именно изображение, с текстом: hyiptrusted. com/details/lid/3/ а не то, что у меня.

А здесь: investspot. biz/index.html?a=getbutton&lid=9219 прямая ссылка на изображение, но со статичной информацией. Мне надо так же.
Хыиуду
Сообщения: 2388
Зарегистрирован: 06 мар 2005, 21:03
Откуда: Москва
Контактная информация:

28 ноя 2013, 16:18

Вам надо динамически создать изображение с наложенным на него текстом?
Копайте в сторону графических библиотек php (GD2, Imagick).
Либо, если нужно, что надпись просто визуально была поверх изображения на странице - сделать надпись на div с абсолютным позиционированием и поставить его поверх картинки.
Искусство программирования - заставить компьютер делать все то, что вам делать лень.
Для "спасибо" есть кнопка "Спасибо" в виде звездочки внизу под ником автора поста.
DaTre
Сообщения: 3
Зарегистрирован: 28 ноя 2013, 14:03

28 ноя 2013, 16:38

Хыиуду писал(а):Вам надо динамически создать изображение с наложенным на него текстом?
Копайте в сторону графических библиотек php (GD2, Imagick).

Вот, что мне надо. Как мне это в свой код вставить? Не навредив движку.
Хыиуду
Сообщения: 2388
Зарегистрирован: 06 мар 2005, 21:03
Откуда: Москва
Контактная информация:

29 ноя 2013, 10:59

Чисто технически в коде это выглядит так:
1. Создаете в памяти объект "изображение" путем загрузки из файла
2. Накладываете на него текст
3. Сохраняете полученное в файл
4. Пишете <img src="этот файл">
Имена и синтаксис конкретных функций легко гуглятся. Обратите внимание, что Imagick в принципе работает с изображениями получше (качество выше, размер меньше), но GD2 предустановлен на большинстве хостингов, а Imagick нет.
Искусство программирования - заставить компьютер делать все то, что вам делать лень.
Для "спасибо" есть кнопка "Спасибо" в виде звездочки внизу под ником автора поста.
Ответить