홈페이지에 접속자 본인의 ip주소가 패턴배경처럼 나오게 하는 소스
<style>
#fixed_ip{
position: fixed;
-webkit-transform: translateZ(0);
margin-left: -15px;
top: 0;
width: 960px;
color: #F7EBFC;
font-size: 30px;
font-weight: bold;
z-index: -1;
}
</style>
<div id="fixed_ip">
{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']}<br/>
{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} .
.
.
(계속반복)
.
.
.{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']}<br/>
{$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']} {$_SERVER['REMOTE_ADDR']}<br/>
</div>
이거나 혹은
<style>
#fixed_ip{
position: fixed;
-webkit-transform: translateZ(0);
margin-left: -15px;
top: 0;
width: 960px;
color: #F7EBFC;
font-size: 30px;
font-weight: bold;
z-index: -1;
}
</style>
<div id="fixed_ip">
<?=$ip?><br/>
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
.
.
(반복)
.
.
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
{getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']} {getenv(['REMOTE_ADDR']}<br/>
</div>
구글에 검색해보니 이렇게 하라고 하는 글이 나오던데
ㅈㅓ렇게 하면
패턴처럼 배경에 나오는 거는 되는데
아이피 출력이 안되고 그냥 소스가 그대로 문자처럼 노출됩니다..
아이피가 나오게 하려면 어떻게 해야할까요?
답변 2개 / 댓글 1개
{$_SERVER['REMOTE_ADDR']}
<?php echo $_SERVER['REMOTE_ADDR'];?>
답변에 대한 댓글 1개
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>title</title> <style type="text/css"> </style> <script type="text/javascript"> function backgroundText(text, width, height) { if (text !== undefined) { var canvas = document.createElement("canvas"); if (width !== undefined) { canvas.width = width; } if (height !== undefined) { canvas.height = height; } document.documentElement.appendChild(canvas); var ctx = canvas.getContext("2d"); ctx.translate(canvas.width / 2, canvas.height / 2); ctx.rotate(-20 * Math.PI / 180); ctx.font = "1.0em Courier New"; ctx.textAlign = "center"; ctx.fillText(text, 0, 0); var img = canvas.toDataURL("image/png"); document.body.style.backgroundImage = "url(" + img + ")"; document.documentElement.removeChild(canvas); } } document.addEventListener("DOMContentLoaded", function () { backgroundText("127.0.0.1", 200, 200); }, false); </script> </head> <body> </body></html>답변을 작성하려면 로그인이 필요합니다.
그런데 저대로 넣으니
길이가 짧은 게시물에서는 컨테이너 밖을 튀어나가고
길이가 긴 게시물에서는 일정길이까지만 나오고 짤려서 나오는데 ㅠㅠ
저 글자 (아이피) 패턴을 컨테이너안에 꽉 채우는 그런 소스는 어떻게 적용해야 할까요 ㅠㅠ