<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="http://as-iam.narod.ru/csss/document.css"
<STYLE type="text/css">
.colorright{
width: 25;
height: 65;}
div {
-moz-user-select: none;
}
#div1 {
z-index: 1;
-moz-border-radius: 10px;
-webkit-border-radius: 10
-khtml-border-radius: 10px;

border-radius: 10px;

behavior: url(http://as-iam.narod.ru/csss/border-radius.htc);

color: black;

font-size: 50;

position: absolute;

width: 500;

top: 100;

left: 100;

visibility: hidden;

background: url(fon.jpg);

}


#div2 {

font-size: 20;
color: black;
width: 24px;
height: 24px;
position: absolute;
visibility: hidden;
z-index: 2;
top: 88;
left: 88;
background: url(v.png) no-repeat center;
cursor: url(http://as-iam.narod.ru/csss/cursor/cursormove.gif), move;
}
#div3 {
font-size: 20;
color: black;
width: 24px;
visibility: hidden;
height: 24px;
position: absolute;
z-index: 3;
top: 88;
left: 587;
background: url(close.png) no-repeat center;
cursor: url(http://as-iam.narod.ru/csss/cursor/cursorlink.gif), pointer;
}


#fontStylediv {

position: relative;
display: none;
}
#textDecorationdiv {
position: relative;
display: none;
}
#fontWeightdiv {
position: relative;
display: none;

}
#decordiv {

position: relative;
display: none;
}




</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
//move
function move_me(e) {

//Отлавливаем координаты в момент onmousedown
if(!e) e = window.event;
x = e.pageX || e.x;
y = e.pageY || e.y;
elem = document.getElementById('div1');
elemm = document.getElementById('div2')
elemmm = document.getElementById('div3') //Указываем на наш элемент
//Вешаем на документ правила для передвижения курсора
document.onmousemove = function(e) {
//Отлавливаем координаты
if(!e) e = window.event;
var x2 = e.pageX || e.x;
var y2 = e.pageY || e.y;
var x3 = e.pageX || e.x;
var y3 = e.pageY || e.y;
var x4 = e.pageX || e.x;
var y4 = e.pageY || e.y;
//Задаем эти координаты элементу
elem.style.top = y2+'px';
elem.style.left = x2+'px';
elemm.style.top = y2-12+'px';
elemm.style.left = x2-12+'px';
elemmm.style.top = y2-12+'px';
elemmm.style.left = x2+487+'px';
}
document.onmouseup = function() { document.onmousemove = null; };
}
//dddddd
function hidden_d()
{
div1.style.visibility='hidden';
div2.style.visibility='hidden';
div3.style.visibility='hidden';
}
//цвет
function color(dd){
if(dd.value =='red'){
color_red(div1);}
if(dd.value =='green'){

color_green(div1);
}
if(dd.value =='yellow'){
color_yellow(div1);
}
if(dd.value =='blue'){
color_blue(div1); }

if(dd.value =='orange'){
color_orange(div1);
}
if(dd.value =='black'){
color_black(div1);
}
if(dd.value =='brown'){
color_brown(div1);
}
}


function color_green(d)
{
div1.style.color='green';
}
function color_yellow(d)
{
div1.style.color='yellow';
}
function color_red(d)
{
div1.style.color='red';
}
function color_blue(d)
{
div1.style.color='blue';
}
function color_orange(d)
{
div1.style.color='orange';
}
function color_black(d)
{
div1.style.color='black';
}
function color_brown(d)
{
div1.style.color='brown';
}



//dddddddd function show_d()
{
div1.style.visibility='visible';
div2.style.visibility='visible';
div3.style.visibility='visible';

}
//свойства

function styleprefontStyle(st)
{
fontStylediv.style.display='block';

fontWeightdiv.style.display='none';
textDecorationdiv.style.display='none';}
function styleprefontWeight(st)
{
fontStylediv.style.display='none';
fontWeightdiv.style.display='block';
textDecorationdiv.style.display='none';}
function stylepretextDecoration(st)
{
fontStylediv.style.display='none';
fontWeightdiv.style.display='none';

textDecorationdiv.style.display='block';

}





function effects(form)
{
if(form.effectsnad.checked==true){
if(form.effectspod.checked==true){
if(form.effectspere.checked==true){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink line-through underline overline';}
if(form.effectsmig.checked==false){div1.style.textDecoration='line-through underline overline';}
}
if(form.effectspere.checked==false){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink underline overline';}
if(form.effectsmig.checked==false){div1.style.textDecoration='underline overline';}
}
}
if(form.effectspod.checked==false){
if(form.effectspere.checked==true){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink line-through overline';}
if(form.effectsmig.checked==false){div1.style.textDecoration='line-through overline';}

}
if(form.effectspere.checked==false){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink overline';}
if(form.effectsmig.checked==false){div1.style.textDecoration='overline';}
}

}
}
if(form.effectsnad.checked==false){
if(form.effectspod.checked==true){
if(form.effectspere.checked==true){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink line-through underline';}
if(form.effectsmig.checked==false){div1.style.textDecoration='line-through underline';}
}
if(form.effectspere.checked==false){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink underline';}
if(form.effectsmig.checked==false){div1.style.textDecoration='underline';}
}
}
if(form.effectspod.checked==false){
if(form.effectspere.checked==true){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink line-through';}
if(form.effectsmig.checked==false){div1.style.textDecoration='line-through';}
}
if(form.effectspere.checked==false){
if(form.effectsmig.checked==true){div1.style.textDecoration='blink';}
if(form.effectsmig.checked==false){div1.style.textDecoration='none';}
}
}
}
}

function italic(d)

{
div1.style.fontStyle='italic';
}
function noitalic(d)
{
div1.style.fontStyle='normal';
}
function fat()
{
div1.style.fontWeight='bold';
}
function nofat()
{
div1.style.fontWeight='normal';
}







function showdecordiv(st)
{
decordiv.style.display='block';
}



function noline()
{
div1.style.textDecoration='none';
decordiv.style.display='none';
}


//тень
function shadow()
{
div1.style.textShadow='black 1px 1px 2px, red 0 0 1em';
div1.style.background='url(d.jpg)';
}
function noshadow()
{
div1.style.textShadow='none';
div1.style.background='url(fon.jpg)';
}

//регистр
function registr_normal()
{
div1.style.textTransform='capitalize';

}
function registr_big()
{
div1.style.textTransform='uppercase';

}

function registr_small()
{
div1.style.textTransform='lowercase';

}


//-->
</SCRIPT></head><body onload="effects(form1);">
<!--Размер//-->
<script type="text/javascript" language="javascript">
var min=20;
var max=70;
function increaseFontSize() {

var p = document.getElementsByTagName('div');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 50;
}
if(s!=max) {
s += 1;

}
p[i].style.fontSize = s+"px"
}
fontStylediv.style.fontSize='16';
textDecorationdiv.style.fontSize='16';
fontWeightdiv.style.fontSize='16';
decordiv.style.fontSize='16';
}
function decreaseFontSize() {
var p = document.getElementsByTagName('div');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 50;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
fontStylediv.style.fontSize='16';
textDecorationdiv.style.fontSize='16';
fontWeightdiv.style.fontSize='16';
decordiv.style.fontSize='16';
}



</script>
<center>
<a href="javascript:void(0)" onClick="show_d();">open</a><br>Выберите цвет<br>
<form name="form1" action="1111.html" target="blank">
<select name="ij" size="7" scrolling="no">
<option value="black" style="color: black;">black
<option value="red" style="color: red;">red
<option value="green" style="color: green;">green
<option value="yellow" style="color: yellow;">yellow
<option value="blue" style="color: blue;">blue
<option value="orange" style="color: orange;">orange
<option value="brown" style="color: brown;">brown
</select>
<input type="button" value="применить" class="colorok" onclick="color(this.form.ij)"></input><br>
<table>
<tbody>
<tr>
<td><input type="radio" onClick="styleprefontStyle()" name="hjhjh" value="fontStyle"> курсив</td>
<td rowspan="3"><div id="fontStylediv">
<input type="radio" name="style" onClick="italic()"> курсив<br><input name="style" type="radio" onClick="noitalic()" CHECKED> убрать
</div><div id="textDecorationdiv">
<input type="checkbox" name="effectsnad" value="nad" onClick="effects(this.form)"> надчёркнутый<br>
<input type="checkbox" name="effectspod" value="pod" onClick="effects(this.form)"> подчёркнутый<br>
<input type="checkbox" name="effectspere" value="pere" onClick="effects(this.form)"> перечёркнутый<br>
<input type="checkbox" name="effectsmig" value="mig" onClick="effects(this.form)"> мигающий
</div>
</div><div id="fontWeightdiv">
<input type="radio" name="weight" onClick="fat()"> полужирный<br><input name="weight" type="radio" onClick="nofat()" CHECKED> убрать</div></td>
<td rowspan="3"></td></tr>
<tr>
<td><input type="radio" onClick="styleprefontWeight()" name="hjhjh" value="fontWeight"> полужирный</td></tr>
<tr>
<td><input type="radio" name="hjhjh" onClick="stylepretextDecoration()" value="textDecoration"> другое</td></tr>
</tbody></table>
<br>
</form><br>Выберите размер<br>
<a href="javascript:increaseFontSize();" title="increase">Больше</a> | <a href="javascript:decreaseFontSize();" title="decrease">Меньше</a><br>Выберите стиль<br>
<a href="javascript:void(0)" onClick="shadow(div1);">тень</a> | <a href="javascript:void(0)" onClick="noshadow(div1);">убрать</a><br>
<a href="javascript:void(0)" onClick="registr_normal(div1);">Аб</a> | <a href="javascript:void(0)" onClick="registr_big(div1);">АБ</a> | <a href="javascript:void(0)" onClick="registr_small(div1);">аб</a><br>
<!--слои-->
<div id="div2" onselectstart="return false" onmousedown="move_me(div1);"> </div>
<div id="div3" onclick="hidden_d();"onselectstart="return false"> </div>
<div id="div1" onselectstart="return false">привет</div>
</center></body></html>
Сайт управляется системой uCoz