selena.aecru.org : Инфо

Изменить дизайн сайта

Предупреждение
Если вы испортите свой сайт во время создания шаблона, то вы можете под своим именем и паролем войти в главный сайт системы, и вам будет доступна ссылка "Установить стандартный скин сайта"

Выберете представление шаблона (если вы меняете представление, то ваш шаблон будет сброшен)

Нижний блок

Меню навигации

Дизайн окна

Блок входа

Блок контента

Блок описания раздела

Декоратор рабочей области 1

Декоратор рабочей области 2

Декоратор рабочей области 3

Всплывающее окно

Контролы окна

CSS переменные

Текст CSS

/*
-----------------------------
TD1 MyLivePage Template
Created:   02 Dec 2007
Updated:  02 Feb 2008
      TowerDemon
http://dm2.mylivepage.ru
      experiments
Stu Nicholls  cssplay.co.uk
-----------------------------
*/
.layoutTable { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;background:@BodyBg@;} 
iframe { display: none!important; }
html, body {
margin:0;padding:0;
font-family:arial,sans-serif;
font-size:11px;
color:@BodyColor@; 
background-color:@BodyBg@;
background-attachment: fixed;
}

table, div {
font-size:@BodySize@pt;
font-family: @BodyFamily@;
}

a {color:@Link0@;text-decoration:none;}
a:hover {color:@Link1@;text-decoration:underline;}

table{border-collapse:collapse;}
td[width="80%"] {height:10px}
form { margin:0;padding:0;}
input,select {margin:2px 0;}

.top_menu_block {display:none}
span.top_menu {padding:0 3px;display:block;float:left;}
#top_menu_active {float:right}
div .top_menu_block {display:block;font-size:95%;margin:2px 5px 1px}
.td_top_table {width:100%;background:@Title1@;}
a.top_menu {color:@Title1Text@;}
#top_menu_active a {text-decoration:underline}
a.top_menu:hover {color:@Link1@}

#td_left {margin-top:10px;}
#td_body {height:expression((this.parentNode.clientHeight)+"px");}

div.mlp_window {margin:10px 0;width:100%;}
#td_top div.mlp_window,
#td_body div.mlp_window {width:96%;}
#td_left div.mlp_window {width:90%;}
#main_content {margin:0 0 10px;width:96%;text-align:left}
#main_content div.mlp_window {width:100%;}
#main_content table div.mlp_window {width:96%;}

.mlp_window_head {
width:100%;
background:@Block1@; 
border-left:1px solid @Title1@; 
border-right:1px solid @Title1@;
}
.mlp_menu_head {
width:100%;
background:@Block2@; 
border-left:1px solid @Title2@; 
border-right:1px solid @Title2@;
}
.l450 {width:450px!important}
#td_left .l450 {width:90%!important}

.mlp_window_title,.mlp_menu_title,
.mlp_popup_title {padding:0 4px 4px}

.mlp_window_controls {background:@Title1@;padding:0;}
.mlp_window_title,.mlp_popup_title,
.mlp_window_title a,.mlp_popup_title a {background:@Title1@;color:@Title1Text@;}
.mlp_menu_title,.mlp_menu_title a {background:@Title2@;color:@Title2Text@;}
.mlp_window_title a:hover,.mlp_popup_title a:hover,.mlp_menu_title a:hover {color:@Link1@}

.mlp_window_controls {display:none}
.movable .mlp_window_controls {display:block}

.top_login b,.bottom_login b {
background:@Title2@;
border-left:1px solid @Title2@; 
border-right:1px solid @Title2@
}
.bottom_login b {background:@Block2@;}
.bottom_login .b1 {background:@Title2@;}
.top b{background:@Title1@;}

.top, .bottom, .top_login, .bottom_login {display:block; background:transparent; font-size:1px;}
.b1, .b2, .b3, .b4, .b5 {
display:block; overflow:hidden; height:1px; 
background:@Block1@; border-left:1px solid @Title1@; 
border-right:1px solid @Title1@;
}
.b1 {margin:0 5px; background:@Title1@;}
.b2 {margin:0 4px;}
.b3 {margin:0 3px;}
.b4 {margin:0 2px;}
.b5 {margin:0 1px;}

.mlp_window_body_place {padding:4px 0;color:@Text1@}
#td_top .mlp_window_body_place,
#td_body .mlp_window_body_place,
.menu_place,.login_place {padding:4px;}
.menu_place,.login_place {color:@Text2@}
.login_place,#td_left .mlp_window_body_place {text-align: center}

#td_left .mlp_window_body_place div {
width:150px;
overflow:hidden;
text-align:left;
margin:0 auto;
padding:0;
}

#td_left .mlp_window_body_place form {font-size:96%}
#td_left .mlp_window_body_place div table td,
#td_left .mlp_window_body_place div table th {
padding:1px;
border-bottom: 1px dotted @Text1@;
color:@Text1@;
font-size:85%;
} 
ul#navlist {list-style:none;padding:0;margin:0;width:450px}
#td_left ul#navlist {width:100%;text-align:left;}
ul#navlist li {display:block;margin:0;padding:0;background:@Block2@}

ul#navlist li a{
display: block;
width: 100%;
padding: 0.3em 0.2em;
text-decoration: none;
border-width: 1px;
border-color: @Title2@; 
border-style: none solid dashed;
}
.mlp_window>ul#navlist li a {width:auto;} 
ul#navlist li a:hover{color:@Link1@;background:@Title1@;}
/*----------------------------------------------------------------------------------*/
table.chat td {
background:@Block2@;
color:@Text2@;
border:2px inset @Block2@;
padding:5px;
}
.InnerHead {
background:@Title2@;
color:@Title2Text@;
padding:2px 4px;
border-bottom:2px ridge @Text2@;
}
.OneLine .TableBody {
color:@Text2@;
background:@Block2@; 
border-color:@Block2@;
border-width:2px 0;
border-style:outset none ridge;
padding:5px 2px;
}
.TwoLine .TableBody {color:@Text1@;background:@Block1@;padding:5px 2px}

h1, h2, h3, h4, h5, h6{
font-weight: normal;
margin: 0;
padding: .2em 0;
color:@HColor@;
}
h1 { font-size: 180%;}
h2 { font-size: 155%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }
h5, h6 {font-weight: bold}

pre {
border: 1px dashed @BodyColor@;
background:@BodyBg@;
color:@BodyColor@;
text-align:left;
width:600px;
height:100px;
overflow:auto;
padding:0 3px;
font-size:94%;
}

.OverLine {background:@Block2@;}
#toolbar {background:@Block1@;}
textarea {background:@Block2@;color:@Text2@;border:1px solid @Text1@;font-size:94%}
.textarea {background:@BodyBg@;color:@BodyColor@;border:1px solid @HColor@}
.me_msg {color:@HColor@!important}
.my_msg {color:@BodyColor@!important}
#link_box {z-index:5;left:200px;width:620px!important;}
#waitDiv {width:250px!important}
a img {border:0}

#abuse_div {display:inline;margin:0 0.5em}
#quote {font-size:80%;border:double @BodyColor@;color:@BodyColor@;background:@BodyBg@}
td.user {background:@Block2@;color:@Text2@;padding:3px;border:1px @Text2@ outset}
.tab_user {background:@Block1@!important;border:1px outset @Text1@;color:@Link0@!important}
.sign {font-style:oblique}
fieldset {border:2px groove @Block1@}
legend {color:@Text1@;}
.img_date,.img_vip{display:none}
p,pre {margin:8px 0}
.date_ago {font-style:oblique;font-size:80%}
.add_friend {font-size:85%}
.image_size {color:@HColor@}
.error_message {color:white!important;background:#B00}

.adHeadline {color: @Link0@!important; background-color:@BodyBg@!important}
.adText {color:@BodyColor@!important; background-color:@BodyBg@!important}
a.begun {color:@Link0@!important;}
a.begun:hover {color:@Link1@!important;}
#begunRoot { margin:0px !important; width: 96% !important; background:@BodyBg@!important}
#y5_direct1 *,#begunRoot *{font-family:Arial!important}
center div table {background-color:@Block1@!important}
center div table font{color:@Link0@!important}
#y5_direct1 .y5_bg,#y5_direct1 .y5_ads {background-color:@Block1@!important;border:none!important}
#y5_direct1 .y5_bg a,#y5_direct1 .y5_item,#y5_direct1 .y5_ad DIV {color:@Text1@!important;}
#y5_direct1 .y5_black {color:@BodyColor@!important}
#y5_direct1 .y5_all a,#y5_direct1 .y5_how a,#y5_direct1 .y5_item div div a {color:@Link0@!important}
#y5_direct1 .y5_item div div a:hover {color:@Link1@!important}
#y5_direct1 .y5_item div span,#y5_direct1 .y5_item div span a {color:@Text1@!important;font-weight:bold!important}
#y5_direct1 .y5_icon th {background-color:@Text1@!important}
#td_left .mceEditorContainer,#td_top .mceEditorContainer {display:none}
select#mce_editor_0_fontNameSelect {display:block}
#dhtmltooltip, font.bottom_menu img{display:none}

Выбранное представление шаблона

<table border height="100%" class="layoutTable" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr valign="top">
		<td width="80%" class="top_left_column">
		@MLP_WORK_PLACE_2@
		</td>
		<td width="20%" rowspan="2" class="right_column">
		@MLP_WORK_PLACE_1@
		</td>
	</tr>
	<tr valign="top">
		<td class="bottom_left_column">
		@MLP_WORK_PLACE_3@
		</td>
	</tr>
</table>

http://selena.aecru.org

(Установить стандартный скин сайта)