Началось всё с того что я начал помогать решить вопрос с переадресацией пользователя
И продвигалось всё довольно неплохо, я по ходу диалога подправил код изобретенный на бегу и протестировал его на своём проекте, код прекрасно отработал, а вот у ТС он работать абсолютно не захотел. Когда я увидел в каких условиях этот код используется, мне стало его жалко, но об этом чуть позже. Сначала я вас подготовлю.
Одна из страниц сайта ТС подразумевает просто вывод на экран обычной ссылки стилизованной под кнопку, я не понимаю зачем ТС сделал её
таким извращенным способом (все отступы сохранены)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>
Узнай сколько людей тебя любит !
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<center>
<br><br><br>
<p><span style="font-size:48px;text-shadow: 0px 0px 3px #A7A7A7;
color: #3D3C3C;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">Узнай сколько человек тебя любят !</span></span></p>
<br><br>
<p><a href="http://www.odnoklassniki.ru/oauth/authorize?client_id=1095348736&response_type=code&redirect_uri=http://wmr-center.ru/auth/rezultat.php&quo t;><img alt="" src="http://wmr-center.ru/auth/uznai.png" /></a></p>
</center>
<center>
<img alt="" src="http://wmr-center.ru/auth/people.jpg" width="1000" height="980" />
</center>
<script id="_waui53">var _wau = _wau || []; _wau.push(["small", "f2aqepqwp4hh", "i53"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
</body>
</html>
Заметим так же что в этот скрипт подкючен style.css но почему-то ТС решил что намного логичнее писать все стили прямо в тегах.
Что такое margin и align ТС видимо не слышал, потому-что между абзацами стоит по 3 <br>
А ещё содержимое одного из абзацев завернуто сразу в 2 <span> и у каждого span свой набор стилей прописанных прямо в тег.
И это не считая того что вся страница завернута в <center>, который кстати устарел.
Мне стало так грустно от того что в принципе примитивная страница была создана так безграмотно, я бы даже сказал "таким вандальным способом", да простит меня Ктулху, и я набросал свой код, который создаёт точную копию этой страницы. Состоит всё из 3х файлов
первый это шаблон-каркас страницы
index.htm
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title></title>
<link href="style.css" rel="stylesheet">
<script src="script.js"></script>
</head>
<body>
<span id="headpage">Узнай сколько человек тебя любят !</span>
<div id="button" onclick="location.href='http://www.odnoklassniki.ru/oauth/authorize?client_id=1095348736&response_type=code&redirect_uri=http://wmr-center.ru/auth/rezultat.php'&qu ot;></div>
<div id="photos"></div>
</body>
</html>
второй это лист стиля
style.css
#headpage {font-family: trebuchet ms,helvetica,sans-serif;
font-size: 48px;
text-shadow: 0px 0px 3px rgb(167, 167, 167);
color: rgb(61, 60, 60);
display: block;
text-align: -webkit-center;
margin-top:85px;display:block;}
#button {margin:auto;
cursor: pointer;
background-image:url('http://wmr-center.ru/auth/uznai.png');
margin-top:70px;
width:299px;
height:85px;display:block;}
#photos{margin:auto;
background-image:url('http://wmr-center.ru/auth/people.jpg');
background-size: cover;
display:block;
width:1000px;
height:980px;}
и третий это script.js который я не буду выкладывать, потому-что он не относится к теме.
Но взорвал мне мозг другой файл написанный всё тем-же ТС.
rezultat.php
<?php
$html = <<<HERE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Узнай и ты сколько человек тебя любит !</title>
<meta property="og:title" content=" Я $nume, меня любит $number человек ! " />
<meta property="og:description" name="description" content="Зайдите и узнайте сколько людей вас любит !">
<meta property="og:type" content="photo" />
<meta property="og:image" content="$urll" />
<script language="JavaScript">
alert('Вы пришли с сайта '+document.referer.substr(0,17));
alert('Вы будете перенаправлены на http://'+window.location.host+'/auth/app.php');
</script>
</head>
<body>
<center>
<br><br>
<center>
<p><a href="http://wmr-center.ru/auth/app.php"><img alt="" src="http://wmr-center.ru/auth/yes.png" /></a></p>
</center>
<br><br><br>
<table border="0" cellpadding="1" cellspacing="1" style="width: 700px;">
<tbody>
<tr>
<td>
<style type="text/css">
img{
border: 10px solid #E7674F;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
box-shadow: #AFAFAF 0px 0px 10px;
}
</style>
<img src="$urll"width="150" height="150" alt="lorem">
</td>
<td>
<p><span style="text-shadow: 0px 0px 2px #E9A685;
color: #FF8C22;"><span style="font-size:32px;font-family:arial,helvetica,sans-serif;">$nume, вас любит: </span></span></p>
<p><span style="text-shadow: 0px 0px 3px #A7A7A7;
color: #1096FF;"><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:30px;"><strong>$number Человек</strong></span></span></span></p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p><span style="font-size:30px;text-shadow: 0px 0px 3px #A7A7A7;
color: #3D3C3C;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">Чтобы узнать подробнее нажмите кнопку "Поделиться"</span></span></p>
<br>
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "http://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertShareWidget(id,did,st);
}, 0);
}
}};
d.documentElement.appendChild(js);
}(document,"ok_shareWidget",document.URL,"{width:195,height:50,st:'rounded',sz:45,ck:2,nc:1}");
</script>
</center>
</body>
HERE;
?>
<?php
$var = "$html";
$f = fopen("bduser/$userin.php","w+");
fwrite($f,$var);
fclose($f);
?>
По логике этот скрипт генерирует html файл чтобы потом его вывести.
только тут нужно учесть что скрипт генерирует PHP-файл наполненный HTML-кодом с данными вошедшего пользователя и делает он это каждый раз.
Теперь подробнее о самом файле. То что тут вся страница полностью построена за счет одной большой таблицы это не так страшно, хотя я тогда не понимаю зачем придуман div, и то что правила стилей прописаны прямо в тегах это тоже можно простить после предыдущего скрипта, и те же самые два span вложенные друг в друга, но когда я увидел что <style></style> находится в ячейке таблицы где-то в середине страницы мне стало плохо.
Собственно зачем я создал новый топик с таким большим постом. Чтобы дать автору такого бредокода пищу к размышлениям и свою версию его кода
какой-то.php
<?
//тут мы определяем значения для всех необходимых переменных.
//х.з. как и где у тебя это реализовано
//а дальше делаем такую магию
require 'file.htm';
теперь собственно сам
file.htm
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Узнай и ты сколько человек тебя любит !</title>
<meta property="og:title" content=" Я <?=$nume?>, меня любит <?=$number?> человек ! " />
<meta property="og:description" name="description" content="Зайдите и узнайте сколько людей вас любит !">
<meta property="og:type" content="photo" />
<meta property="og:image" content="<?=$urll?>" />
<link href="style.css" rel="stylesheet">
<script language="JavaScript">
var addr = document.referer.sub(0,17);
if(addr=='http://www.ok.ru/ '){
document.location.href='http://'+window.location.host+'/auth/app.php';}
</script>
</head>
<body>
<div id="button"></div>
<div id="info">
<img src="<?=$urll?>">
<div>
<p id="orange"><?=$nume?>, вас любит:</p>
<p id="blue"><?=$number?> Человек</p>
<p id="details">Чтобы узнать подробнее, нажмите кнопку "Поделиться"</p>
</div>
</div>
<div id="ok_shareWidget"></div>
<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "http://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertShareWidget(id,did,st);
}, 0);
}
}};
d.documentElement.appendChild(js);
}(document,"ok_shareWidget",document.URL,"{width:195,height:50,st:'rounded',sz:45,ck:2,nc:1}");
</script>
</body>
и стиль к нему
Свернутый текст
#button {margin:0 auto;
margin-top:64px;
display:block;
width:594px;
height:85px;
background-image:url('http://wmr-center.ru/auth/yes.png');
border: 10px solid rgb(231, 103, 79);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
box-shadow: rgb(175, 175, 175) 0px 0px 10px;
}
#info {
margin:0 auto;
margin-top:80px;
display:block;
width:705px;
text-align:center;
font-size: 32px;
font-family: arial,helvetica,sans-serif;
}
#info img{
border: 10px solid #E7674F;
width:150px;
height:150px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
box-shadow: #AFAFAF 0px 0px 10px;
float:left;
}
#info div {float:left;border:1px solid #000;padding:auto;height:150px;width:500px;}
#orange {
text-shadow: 0px 0px 2px rgb(233, 166, 133);
color: rgb(255, 140, 34);
}
#blue {
text-shadow: 0px 0px 3px rgb(167, 167, 167);
color: rgb(16, 150, 255);
}
#details {width:120%;padding-top:30px;
font-size: 30px;
text-shadow: 0px 0px 3px rgb(167, 167, 167);
color: rgb(61, 60, 60);}
_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки