<style type=text/css>
  . PunBB. Майне. контейнера. PunBB. раздел. контейнера. PunBB. раздел. формальный характер. контейнера. PunBB. официальной FIELDSET, # viewprofile Ли сильным, # viewprofile Div Ли, # setmods DD,. PunBB. пост тела, . PunBB. пост-ссылки. PunBB. инфо-окне. PunBB # каламбур-Майне. инфо-окне. легенде. PunBB. цитатой-Box. PunBB. кодовое поле (
    Справочная информация: URL (http://firstucoz.ucoz.net/res/transparent.png) прозрачные! важно;
  )
. PunBB td.tc2,. PunBB td.tcr,. почтовом ящике,. PunBB td.tcl,. PunBB td.tc3 (
Справочная информация: прозрачный;
)
</ Style>

<style type="text/css">
# (MyLogo Ширина: 100%; Маржа: 0 0 0 0;)
</ Style>

<style type="text/css">
A: Hover IMG (
Фильтр: ProgId: DXImageTransform.Microsoft.Alpha (Opacity = 50);
-МОЗ-непрозрачность: 0,5 / * Mozilla 1.6 * /
-KHTML-непрозрачность: 0,5 / * Konqueror 3.1, Safari 1.1 * /
Непрозрачность: 0,5 / * CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2 +, Opera 9 * /
Фильтр: Alpha (Opacity = 50); / * IE 5.5 + * /
)
</ Style>

<script type="text/javascript">
document.getElementsByClassName = функция (ClassName) (
VAR детей = document.getElementsByTagName ('*') | | document.all;
VAR новых элементов = Array ();
 
для (VAR I = 0; i <children.length; I + +) (
VAR = ребенком детей [i];
VAR classNames = child.className.split ( '');
для (VAR J = 0; J <classNames.length; J + +) (
если (classNames [J] == ClassName) (
elements.push (ребенка);
брейк;
)
)
)
возвращение элементов;
)

Отражения VAR = (
defaultHeight: 0.5,
defaultOpacity: 0.5,

Добавить: функция (изображение, параметры) (
Reflection.remove (изображения);

doptions = ( "Высота": Reflection.defaultHeight, "непрозрачность": Reflection.defaultOpacity)
если (параметры) (
для (VAR я в doptions) (
IF (! страницу [i]) (
страницы [i] = doptions [i];
)
)
() Другое
OPTIONS = doptions;
)

попробуйте (
VAR D = document.createElement ( 'DIV');
VAR P = изображение;

VAR классы p.className.split = ( '');
VAR newClasses ='';
для (J = 0; J <classes.length; J + +) (
если (классы [J]! = "отражать") (
если (newClasses) (
newClasses + = ''
)

newClasses классы + = [J];
)
)

VAR reflectionHeight = Math.floor (p.height * Варианты [ 'Высота']);
VAR divHeight = Math.floor (p.height * (1 + параметры [ 'высота']));

VAR reflectionWidth = p.width;

если (document.all & &! window.opera) (
/ * Фикс гиперссылки * /
                если (p.parentElement.tagName == '') (
                VAR D = document.createElement ( 'A');
                d.href = p.parentElement.href;
                )
                   
/ Классы * Копия оригинального изображения & стили Div * /
d.className = newClasses;
p.className = 'отражается';

d.style.cssText = p.style.cssText;
p.style.cssText = 'вертикальном выравнивании: снизу';

VAR отражение = document.createElement ( 'IMG');
reflection.src = p.src;
reflection.style.width = reflectionWidth + 'PX';

reflection.style.marginBottom = "-"+( p.height-reflectionHeight) + 'PX';
reflection.style.filter = 'flipv ProgId: DXImageTransform.Microsoft.Alpha (Opacity =' + (варианты [ 'непрозрачность'] * 100) + ', Style = 1, FinishOpacity = 0, startx = 0, starty = 0, finishx = 0, finishy = '+ (варианты [' высота '] * 100 )+')';

d.style.width = reflectionWidth + 'PX';
d.style.height = divHeight + 'PX';
p.parentNode.replaceChild (D, P);

d.appendChild (Р);
d.appendChild (отражение);
() Другое
VAR холст = document.createElement ( 'холст');
если (canvas.getContext) (
/ Классы * Копия оригинального изображения & стили Div * /
d.className = newClasses;
p.className = 'отражается';

d.style.cssText = p.style.cssText;
p.style.cssText = 'вертикальном выравнивании: снизу';

VAR контексте = canvas.getContext ( "2D");

canvas.style.height = reflectionHeight + 'PX';
canvas.style.width = reflectionWidth + 'PX';
canvas.Height = reflectionHeight;
canvas.width = reflectionWidth;

d.style.width = reflectionWidth + 'PX';
d.style.height = divHeight + 'PX';
p.parentNode.replaceChild (D, P);

d.appendChild (Р);
d.appendChild (холст);

context.save ();

context.translate (0, Image.Height-1);
context.scale (+1, -1);

context.drawImage (изображение, 0, 0, reflectionWidth, Image.Height);

context.restore ();

context.globalCompositeOperation = "Destination-аут";
VAR context.createLinearGradient градиент = (0, 0, 0, reflectionHeight);

gradient.addColorStop (1, "RGBA (255, 255, 255, 1.0)");
gradient.addColorStop (0, "RGBA (255, 255, 255," + (1-страницу [ 'непрозрачность'])+")");

context.fillStyle = градиента;
если (navigator.appVersion.indexOf ( 'WebKit')! = -1) (
context.fill ();
() Другое
context.fillRect (0, 0, reflectionWidth, reflectionHeight * 2);
)
)
)
Поймать) (E) (
    )
),

Удалить: функция (изображение) (
если (image.className == "отражения") (
image.className = image.parentNode.className;
image.parentNode.parentNode.replaceChild (изображение, image.parentNode);
)
)
)

Функция addReflections () (
VAR rimages = document.getElementsByClassName ( 'отражать');
для (i = 0; i <rimages.length; I + +) (
VAR rheight = NULL;
VAR ropacity = NULL;

VAR классы rimages = [i]. className.split ( '');
для (J = 0; J <classes.length; J + +) (
если (классы [J]. IndexOf ( "rheight") == 0) (
VAR rheight классы = [J]. подстроку (7) / 100;
) Else If (классы [J]. IndexOf ( "ropacity") == 0) (
VAR ropacity классы = [J]. подстроку (8) / 100;
)
)

Reflection.add (rimages [i], (Высота: rheight, непрозрачность: ropacity));
)
)

VAR previousOnload = window.onload;
window.onload = функция () (if (previousOnload) previousOnload (); addReflections ();)
</ script>