Галерея домашних страниц

Amarok · Сообщение **Amarok** » Вт окт 14, 2014 9:45 am

ну... я ее чуть порезал. выпилил места)

Amarok · Сообщение **Amarok** » Вт окт 14, 2014 1:41 pm

adzam писал(а):
BlackWarrior писал(а):
adzam писал(а):И что скажет взгляд со стороны, стоит добивать или бросить
Классная штука. Не бросай.
Есть 2 вопроса:
1. По шапке: Как часы и подложку совместить?

пришли мне твои строки со 120 по 130 из defaulta

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

<script type="text/javascript">

 st1 = new state1('stt25', 'sinoptik.a2', 'Mega', 20000, 1);
    st1.alertmin = 05;
    st1.alertmax = 95;
    st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
    st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900';  // orange
    st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
    st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
    st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
    st1.redraw();

adzam · Сообщение **adzam** » Вт окт 14, 2014 2:22 pm

это не то пришли первые 100 строк

на счет иконок найди строку в шапке default

<td valign="top" colspan="3" align=" left " nowrap>

и поcтавь сenter или right вместо left

А как кнопки получились:

: 24.png (13.19 КБ) 18205 просмотров

Amarok · Сообщение **Amarok** » Вт окт 14, 2014 2:31 pm

Вот

СпойлерПоказать

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

<!--#
 @version 0.2 (auto-set)
#-->
<script src="/templates_alt/jsgraphics/jsgraphics.js"></script>
<script src="/templates_alt/jsgraphics/timeline2c.js"></script>
<script src="/templates_alt/jsgraphics/level2.js"></script>
<script type="text/javascript" src="/js/ui.tabs.paging.js"></script>
<script src="/templates_alt/jsgraphics/state1.js"></script>
<script src="/templates_alt/jsgraphics/state2.js"></script>

<style>
@font-face {
font-family: "Liquid_Crystal";
src: url("../templates_alt/font/LiquidCrystal-Normal.otf");
}
::-webkit-scrollbar {
height: 12px;
width: 10px;
background: #222;
}
::-webkit-scrollbar-thumb {
background: rgba(80,80,80,1.5);
/*border: white, solid, 1px;*/
}
::-webkit-scrollbar-corner {
background: #6d6e72;
/*border: white, solid, 1px;*/
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 2.0em .2em 0;
}
.ui-widget-header {
border: 1px solid #222;
background: linear-gradient(to top ,#a5c9e5 00%, #1e5799 5%, #1e5799 6%,#a5c9e5 40%, #a5c9e5 60%,#1e5799 94%,#1e5799 95%,#a5c9e5 100% )
}
.ui-widget-content {
border: 1px solid #000;
background: #a5c9e5;
color: #a5c9e5;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px; 
border-bottom-left-radius: 6px;
}

</style>

<body scroll="no">

<table width="100%" border="0">
    <tr>
        <td valign="top" colspan=3>
  
            <table width="100%" height="150" border="0" bgcolor="Black" style="background: linear-gradient(to top , #a5c9e5 0%,#1e5799 4%, #1e5799 13%,#a5c9e5 18%, #a5c9e5 79%,#1e5799 85%,#1e5799 96%, #a5c9e5 100% );border-radius: 0.4em 0.4em 0.4em 0.4em;">
 
                <tr>
                     <td COLSPAN="6" width="100%" >
                        <div style="text-align: center; height:20; width:100%;overflow:hidden">
                            <span style="cursor: default;position:relative; height:117; width:249;overflow:hidden;left:0px; top:1px;text-shadow: 1px 1px 2px black, 0 0 1em #fff;font-size:16px;color:#1edeff">
                             %ThisComputer.weatherFull|300%</span>
                        </div>
                    </td>
                </tr>
  
                <tr>
                    <td  width="5%" valign="bottom" >
                        <script language="javascript">
                            function leftPanelToggle() {
                            $('#leftPanel').toggle();
                            if ( $("#leftPanel").is(":visible") ) {
                            $("#leftPanelToggleIcon").attr("src","/images/icon_left.png");
                            } else { 
                            $("#leftPanelToggleIcon").attr("src","/images/icon_right.png");
                            }
                            return false;
                            }
                        </script>
                            <a href="/"><img src="/templates_alt/icon/logo_s.png" style=" position:relative; left:3px; top: 10px">
                            </a>
                            <a href="#" style="position:relative; left:12px; top: -17px" onClick="return leftPanelToggle();"><img id="leftPanelToggleIcon" border="0" src="/images/icon_left.png" border="0"></a>
                
                    </td>
         
                    <td width="19%">
                        
                        <div style="background-image: url(/templates_alt/icon/1.png);background-repeat: no-repeat;border-radius: 0.6em 0.6em 0.6em 0.6em;align: right;overflow:hidden; height:93;"></span>
                            
                            <div style="overflow:hidden; position:relative; left:0px; top:0px; height:93; width:93;cursor: default">
<!--                                %Sinoptik.Imgmeteo2|300% -->
                            </div>
                            <div style="overflow:hidden; position:relative; left:70px; top:-80px; height:93; width:150;cursor: default">
                            <span style="float:right; left:50px; top:-3px;cursor: default;text-shadow: 1px 1px 2px black, 0 0 1em ffffff;font-size:3.7em;color:#F9FC43;font-family: Arial, Helvetica, sans-serif">
                                 %NTura.Temp|300%&deg;C<br>
                                 <span style="font-size:0.32em; cursor: default;float:right;left:-8px; color:  #56d800; top:-2px;text-shadow: 1px 1px 2px black, 0 0 2em ffffff">На улице</span>
                                
                                </span></div>
                        </div>
                    </td>

Amarok · Сообщение **Amarok** » Вт окт 14, 2014 2:32 pm

А вот будильник:

Не зеленое)

adzam · Сообщение **adzam** » Вт окт 14, 2014 2:39 pm

Недоехали мне нужны строки дальше или пришли весь дефаулт твой

Так это я переделал в светлой теме
вот мой будильник

: 25.png (77.68 КБ) 18200 просмотров

Amarok · Сообщение **Amarok** » Вт окт 14, 2014 2:42 pm

СпойлерПоказать

<script src="/templates_alt/jsgraphics/jsgraphics.js"></script>
<script src="/templates_alt/jsgraphics/timeline2c.js"></script>
<script src="/templates_alt/jsgraphics/level2.js"></script>
<script type="text/javascript" src="/js/ui.tabs.paging.js"></script>
<script src="/templates_alt/jsgraphics/state1.js"></script>
<script src="/templates_alt/jsgraphics/state2.js"></script>

<style>
@font-face {
font-family: "Liquid_Crystal";
src: url("../templates_alt/font/LiquidCrystal-Normal.otf");
}
::-webkit-scrollbar {
height: 12px;
width: 10px;
background: #222;
}
::-webkit-scrollbar-thumb {
background: rgba(80,80,80,1.5);
/*border: white, solid, 1px;*/
}
::-webkit-scrollbar-corner {
background: #6d6e72;
/*border: white, solid, 1px;*/
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 2.0em .2em 0;
}
.ui-widget-header {
border: 1px solid #222;
background: linear-gradient(to top ,#a5c9e5 00%, #1e5799 5%, #1e5799 6%,#a5c9e5 40%, #a5c9e5 60%,#1e5799 94%,#1e5799 95%,#a5c9e5 100% )
}
.ui-widget-content {
border: 1px solid #000;
background: #a5c9e5;
color: #a5c9e5;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

</style>

<body scroll="no">

<table width="100%" border="0">
<tr>
<td valign="top" colspan=3>

<table width="100%" height="150" border="0" bgcolor="Black" style="background: linear-gradient(to top , #a5c9e5 0%,#1e5799 4%, #1e5799 13%,#a5c9e5 18%, #a5c9e5 79%,#1e5799 85%,#1e5799 96%, #a5c9e5 100% );border-radius: 0.4em 0.4em 0.4em 0.4em;">

<tr>
<td COLSPAN="6" width="100%" >
<div style="text-align: center; height:20; width:100%;overflow:hidden">
<span style="cursor: default;position:relative; height:117; width:249;overflow:hidden;left:0px; top:1px;text-shadow: 1px 1px 2px black, 0 0 1em #fff;font-size:16px;color:#1edeff">
%ThisComputer.weatherFull|300%</span>
</div>
</td>
</tr>

<tr>
<td width="5%" valign="bottom" >
<script language="javascript">
function leftPanelToggle() {
$('#leftPanel').toggle();
if ( $("#leftPanel").is(":visible") ) {
$("#leftPanelToggleIcon").attr("src","/images/icon_left.png");
} else {
$("#leftPanelToggleIcon").attr("src","/images/icon_right.png");
}
return false;
}
</script>
<a href="/"><img src="/templates_alt/icon/logo_s.png" style=" position:relative; left:3px; top: 10px">
</a>
<a href="#" style="position:relative; left:12px; top: -17px" onClick="return leftPanelToggle();"><img id="leftPanelToggleIcon" border="0" src="/images/icon_left.png" border="0"></a>

</td>

<td width="19%">

<div style="background-image: url(/templates_alt/icon/1.png);background-repeat: no-repeat;border-radius: 0.6em 0.6em 0.6em 0.6em;align: right;overflow:hidden; height:93;"></span>

<div style="overflow:hidden; position:relative; left:0px; top:0px; height:93; width:93;cursor: default">

</div>
<div style="overflow:hidden; position:relative; left:70px; top:-80px; height:93; width:150;cursor: default">
<span style="float:right; left:50px; top:-3px;cursor: default;text-shadow: 1px 1px 2px black, 0 0 1em ffffff;font-size:3.7em;color:#F9FC43;font-family: Arial, Helvetica, sans-serif">
%NTura.Temp|300%°C<br>
<span style="font-size:0.32em; cursor: default;float:right;left:-8px; color: #56d800; top:-2px;text-shadow: 1px 1px 2px black, 0 0 2em ffffff">На улице</span>

</span></div>
</div>
</td>

<td width="43%" >

<div style="position:relative; left:5px; top: 0px;background:transparent">
<canvas id="stt25" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt26" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt27" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt28" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt29" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt30" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt31" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt32" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt33" width="48" height="25">Canvas not supported</canvas>
<canvas id="stt34" width="48" height="25">Canvas not supported</canvas>
</div>
<script type="text/javascript">

st1 = new state1('stt25', 'sinoptik.a2', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt26', 'sinoptik.a1', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt27', 'sinoptik.aoo', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt28', 'RadioSetting.RadioLedOn', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt29', 'RadioSetting.RadioLedOn', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt30', 'RadioSetting.RadioLedOn', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 8; st1.int4_max = 20; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 6; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt31', 'serverCPUload.value', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt32', 'serverCPUload.value', '2', 20000, 1);
st1.alertmin = 75;
st1.alertmax = 1000;
st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(225, 60, 50, 1)'; // red
st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)'; // orange
st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(50, 200, 50, 1)'; // green
st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
st1.redraw();

st1 = new state1('stt33', 'serverCPUload.value', '1', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
st1.redraw();

st1 = new state1('stt34', 'serverCPUload.value', 'Mega', 20000, 1);
st1.alertmin = 05;
st1.alertmax = 95;
st1.int1_min = 80; st1.int1_max = 101; st1.int1_color = '#ff0000'; // red
st1.int2_min = 65; st1.int2_max = 79; st1.int2_color = '#ff9900'; // orange
st1.int3_min = 51; st1.int3_max = 64; st1.int3_color = '#ffff00'; // green
st1.int4_min = 11; st1.int4_max = 50; st1.int4_color = '#00ff00'; // blue
st1.int5_min = 0; st1.int5_max = 10; st1.int5_color = '#00ffff'; // cyan
st1.redraw();
</script>

<div style="position:relative; left:27px; top:22px;background:transparent">
<canvas id="cpu2" width="184" height="29">Canvas not supported</canvas>

<script type="text/javascript">

cpulevel2 = new timeline2c('cpu2', 'serverCPUload.value', 'CPU2:', 2000, '%');
cpulevel2.alertmin = 0;
cpulevel2.alertmax = 90;
cpulevel2.background = 'rgba(0, 0, 0, 1)';
cpulevel2.color = 'rgba(200, 200, 200, 1)';
cpulevel2.border = 0;
cpulevel2.basecolor = 'rgba(100, 100, 100, 1)';
cpulevel2.grid = 1;
cpulevel2.redraw();
cpulevel2.color_title = 'rgba(0, 0, 0, 1)';
</script>

</div>
<div style="position:relative; left:252px; top: -10px;background:transparent">
<canvas id="lev3" width="80" height="30">Canvas not supported</canvas>
<canvas id="lev4" width="80" height="30">Canvas not supported</canvas>
<canvas id="lev5" width="80" height="30">Canvas not supported</canvas>
</div>

<script type="text/javascript">

level_3 = new level2('lev3', 'serverCPUtemp.value', 'CPU TEMP', 2000, '');
level_3.alertmin = 20;
level_3.alertmax = 60;
level_3.background = 'rgba(200, 40, 40, 1)';
level_3.max_ = 65;
level_3.min_ = 15;
level_3.red_ = 51;
level_3.yellow_ = 40;
level_3.orange_ = 40;
level_3.green_ = 20;
level_3.blue_ = 10;
level_3.cyan_ = 0;
level_3.redraw();

level_4 = new level2('lev4', 'serverCPUfan.value', 'FAN', 2000, '');
level_4.alertmin = 800;
level_4.alertmax = 2000;
//level_4.background = 'rgba(200, 40, 40, 1)';
level_4.max_ = 1500;
level_4.min_ = 900;
level_4.yellow_ = 2200;
level_4.green_ = 2100;
level_4.orange_ = 2050;
level_4.blue_ = 2000;
level_4.cyan_ = 1850;
level_4.red_ = 1600;
level_4.redraw();

level_5 = new level2('lev5', 'sinoptik.a2', 'HDD TEMP', 2000, '°C');
level_5.alertmin = 0;
level_5.alertmax = 50;
//level_5.background = 'rgba(200, 40, 40, 1)';
level_5.max_ = 68;
level_5.min_ = 05;
level_5.yellow_ = 55;
level_5.red_ = 60;
level_5.orange_ = 50;
level_5.green_ = 25;
level_5.blue_ = 20;
level_5.cyan_ = 0;
level_5.redraw();
</script>

</td>

<td width="17%" style="background-image: url(/templates_alt/icon/bg_syti7.png);background-repeat: no-repeat;border-radius: 0.6em 0.6em 0.6em 0.6em;align: right;overflow:hidden; height:93; width:93">
<div align="left" id="txt" style='cursor: default;text-align:center; text-shadow: 1px 1px 2px black, 0 0 1em green;font-size:4.5em;color:#F9FC43'>
</div>
<br>
<div id="txt1" style="font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px black, 0 0 2em ffffff;position:relative; left:0px; top: -15px;cursor: default; text-align:center;color:#56d800;font-size:11pt">
</div>

<script type="text/javascript">
function time() {
var today = new Date();
var day_of_week = ["воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "cуббота"];
var month_of_year = ["декабря","января", "Февраля", "марта", "апреля", "июня", "июля", "августа", "cентября", "октября", "ноября"];
var day_ = day_of_week[today.getDay()];
var date_ = today.getDate();
var month_ = month_of_year[today.getMonth()];
//var year_ = today.getFullYear();
var hours_ = today.getHours();
var min_ = today.getMinutes();
var sec_ = today.getSeconds();
var zerom = zeros = '';
if(min_ < 10) zerom = '0';
if(sec_ < 10) zeros = '0';
if(hours_ < 10) zeroh = '0';
document.getElementById('txt').innerHTML=zeroh+hours_+"&nbsp"+":"+"&nbsp"+zerom+min_;
document.getElementById('txt1').innerHTML=day_+","+'&nbsp'+'&nbsp'+date_+" "+month_;
}
setInterval(time, 1);
</script>

</td>

<td width="16%" >

<table border="0" align="left">
<tr>
<form action="/" method="get" name="frmSettings">
<td valign="top" nowrap>
<style type="text/css">
a {
color: transparent;
cursor: pointer;
}

select {
background-color: transparent;
cursor: pointer;
color: #251dc6;
font-size: 14;
border-color: transparent;
}

a:hover {
color: #251dc6;
}

</style>
<div>
<a><#LANG_TERMINAL#>
<select name="terminal" onChange="document.frmSettings.submit();">
<option value=""><#LANG_SELECT#>
[#begin TERMINALS#]
<option value="[#NAME#]"[#if SELECTED="1"#] selected[#endif#]>[#TITLE#]
[#end TERMINALS#]
</select>
</a>
</div>
</td>
[#endif#]
</form>
<td valign="top" ROWSPAN="3">
[#if USER_AVATAR!=""#]
<a href="#" onClick="return openModalTWindow('usersWindow', '<#LANG_USERS#>', '/popup/users.html', 500, 500);"><img src="/cms/avatars/[#USER_AVATAR#]" border="0" height="50"></a>
[#else#]
<a href="#" onClick="return openModalTWindow('usersWindow', '<#LANG_USERS#>', '/popup/users.html', 500, 500);"><img src="<#ROOTHTML#>templates_alt/icon/user.png" border="0"></a>
[#endif#]
</td>
</tr>
<tr>
<td valign="top" nowrap><a href="/admin.php"><#LANG_CONTROL_PANEL#></a></td>
</tr>
<tr>
<td valign="top" colspan="3" align="left" nowrap>
<a href="<#LANG_WIKI_URL#>" target=_blank>MajorDoMo Project</a>
<a href="/popup/xray.html" target=_blank>X-Ray</a>
</td>
</tr>
<tr>
<td valign="top" colspan="3" align="right" nowrap>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle">
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle">
</td>
</tr>
</table>
</td>

</tr>

<tr>

<td colspan="5" width="100%" >

<div style="background:transparent;position:relative; left:12px; top: -2px">

<canvas id="stt1" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt2" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt3" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt4" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt5" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt6" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt7" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt8" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt9" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt10" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt11" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt12" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt13" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt14" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt15" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt16" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt17" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt18" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt19" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt20" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt21" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
<canvas id="stt22" width="53" height="10" style="overflow:hidden;border-radius: 0.4em 0.4em 0.4em 0.4em">Canvas not supported</canvas>
</div>
<script type="text/javascript">
</script>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td valign="top" width="350" id="leftPanel">
<iframe src="/menu.html" width="350" height="450" id="navFrame" border="0" frameborder=0 framespacing=0></iframe>

</td>

<td valign="top" width="100%" style="background: linear-gradient(to top , #1e5799 0%,#a5c9e5 100%);border-radius: 0.4em 0.4em 0.4em 0.4em;">

<div id="tabs">
<ul>
[#begin LAYOUTS#]
<li style=" position:relative; left:10px; top:-15px">
<a href="#tabs-[#ID#]"[#if ICON!=""#] style=" padding:1px 1em 2px 0.5em"[#endif#]>[#if ICON!=""#]<img src="/cms/layouts/[#ICON#]" align="absmiddle" height="28">  [#endif#][#TITLE#]</a>
</li>
[#end LAYOUTS#]
<li style=" position:relative; left:10px; top:-15px"><a href="#tabs-last"><span id='tablast_title'>***</span></a>
</li>
</ul>

[#begin LAYOUTS#]
<div id="tabs-[#ID#]">...</div>
[#end LAYOUTS#]

<div id="tabs-last">...</div>
</div>
</td>
</tr>
</table>

<script language="javascript">

var iFrameHeight=500;

$(document).ready(function() {
// Handler for .ready() called.
iFrameHeight=$(document).height()-110;
//alert($(document).height());
$('#navFrame').height(iFrameHeight+57);
[#begin LAYOUTS#]
$('#htmlTab[#NUM#]').height(iFrameHeight);
[#end LAYOUTS#]
//alert($('#defaultFrame').height());
});

$("#tabs").tabs({
show: function(event, ui) {
iFrameHeight=$(document).height()-110;
var selected = $( "#tabs" ).tabs( "option", "selected" );
//alert(selected);
[#begin LAYOUTS#]
if (selected == [#NUM#]) {
[#if TYPE="app"#]
if ($('#tabs-[#ID#]').html()=='...') {
$('#tabs-[#ID#]').html('<iframe src="/popup/[#APP#].html" width=100% height="'+iFrameHeight+'" border="0" frameborder="0"></iframe>');
}
[#endif TYPE#]
[#if TYPE="url"#]
if ($('#tabs-[#ID#]').html()=='...') {
$('#tabs-[#ID#]').html('<iframe src="[#URL#]" width=100% height="'+iFrameHeight+'" border="0" frameborder="0"></iframe>');
}
[#endif TYPE#]
[#if TYPE="html"#]
if ($('#tabs-[#ID#]').html()=='...') {
$('#tabs-[#ID#]').html('<iframe src="/page/[#ID#].html" width=100% height="'+iFrameHeight+'" border="0" frameborder="0"></iframe>');
}
[#endif TYPE#]
}
[#end LAYOUTS#]
}});

$('#tabs').tabs('paging', {cycle:false, follow:false});

</script>
</body>

adzam · Сообщение **adzam** » Вт окт 14, 2014 2:51 pm

: 26.png (169.38 КБ) 18197 просмотров

Amarok · Сообщение **Amarok** » Вт окт 14, 2014 3:02 pm

Дык поставил. Всё ок.
А вот часы? Подложка съехавшая и часы пропали(

adzam · Сообщение **adzam** » Вт окт 14, 2014 3:08 pm

: 27.png (161.11 КБ) 18194 просмотра

вместо первого вставь position:relative; left:20px; top:35px; и цифрами регулируй

<div align="left" id="txt" style=' position:relative; left:20px; top:35px;cursor: default;text-align:center; text-shadow: 1px 1px 2px black, 0 0 1em green;font-size:4.0em;color:#F9FC43'>

у второго есть зти значения просто двигай

Галерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц

Re: Галлерея домашних страниц