Все основные настройки книги, включая дизайн, выбор фонов и цвета шрифтов и прочего осуществляются в Конструкторе сайта. При этом от вас не требуется никаких специальных знаний, все делается перетаскиваем нужного вам цвета или фона в конкретную ячейку формы.
Если же вы знакомы с основами HTML, то вполне возможно, что вам удобнее будет пользоваться Таблицей стилей.
Вам, как Администратору своей гостевой будет доступна корректировка таблицы стилей. Полный текст Талицы стилей, загружаемой по умолчанию вместе со всеми сопутствующими комментариями, приводится ниже.
[code]
body {
background-image: url(http://f2book.narod.ru/firebook/images/bgr/bgr_048.gif);
}
p {
margin-right: 4;
text-indent: 15;
margin-top: 1;
margin-bottom: 0;
margin-left: 4;
}
font.titleLight {
font-family: Arial, Tahoma, Helvetica;
color: #D2A801;
font-size: 20pt;
}
a {
font-family: Times New Roman;
font-style: italic;
}
a:hover {
color: FF00FF;
}
font.titleBlack {
color: #666666;
font-size: 20pt;
font-family: Arial, Tahoma, Helvetica;
}
font.titleMain {
font-family: Arial, Tahoma, Helvetica;
color: #cc3300;
font-size: 20pt;
}
.LeftPanel {
background-color: #EDF9F2;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#9DDFB8);
}
.RightPanel {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#9DDFB8);
background-color: #EDF9F2;
}
.Post {
margin-left: 20;
margin-right: 20;
background-color: #EDF9F2;
}
.Comm {
padding-bottom: 0px;
margin-right: 20;
border-style: solid;
font-size: 10pt;
border-color: #808080 #ffffff #ffffff #808080;
background-color: #EDEBEB;
margin-left: 20;
border-width: 0;
padding-left: 10px;
}
.Comm1 {
margin-left: 20;
padding-left: 10px;
background-color: #EDEBEB;
}
.PostSq {
background-color: #fffff0;
border-style: solid;
border-width: 1 1 1 1;
padding-bottom: 2;
}
.PostSq1 {
padding-bottom: 2;
background-color: #D4D7D7;
}
#thema {
color: #666666;
}
.Image {
float: left;
}
.LeftPanel h1 {
text-align: center;
margin-bottom: 2;
font-size: 20;
font-family: Georgia, Times;
color: #666666;
}
.LeftPanel h2 {
margin-top: 2;
font-size: 14;
text-align: center;
color: #666666;
}
.LeftPanel a {
font-family: Times;
font-style: normal;
text-decoration: none;
color: #666666;
}
.LeftPanel a:hover {
color: #ff0000;
text-decoration: underline;
}
.RightPanel a {
text-decoration: none;
color: #0000ff;
font-family: Times;
font-style: normal;
}
.RightPanel a:hover {
color: #0000ff;
text-decoration: underline;
}
.add {
FONT-FAMILY: times,verdana, helvetica, sans-serif;
text-decoration: none;
font-style: normal;
}
.add:hover {
font-style: normal;
FONT-FAMILY: times,verdana, helvetica, sans-serif;
text-decoration: underline;
}
.accountin {
color: #1F4790;
text-decoration: none;
FONT-FAMILY: Times New Roman;
}
.accountin:hover {
FONT-FAMILY: Times New Roman;
text-decoration: underline;
color: #1F4790;
}
.accountedit {
text-decoration: underline;
color: #008000;
font-weight: bold;
font-style: normal;
FONT-FAMILY: Times New Roman;
}
.accountedit:hover {
FONT-FAMILY: Times New Roman;
color: #ff00ff;
}
#mynik {
font-style: italic;
color: #008000;
font-weight: bold;
text-decoration: none;
}
#mynik:hover {
font-weight: bold;
text-decoration: underline;
font-style: italic;
color: #ff0000;
}
#nik {
font-style: italic;
color: #0000FF;
text-decoration: none;
font-weight: bold;
}
#nik:hover {
text-decoration: underline;
font-weight: bold;
font-style: italic;
}
#linkanswer {
color: #0033CC;
text-decoration: none;
font-style: italic;
margin-left: 5;
padding-right: 2;
padding-left: 2;
}
#linkanswer:hover {
text-decoration: underline;
color: #00CC00;
font-style: italic;
}
#linkedit {
padding-left: 2;
text-decoration: none;
margin-left: 5;
font-style: italic;
background-color: D4D7D7;
color: #0033CC;
padding-right: 2;
}
#linkedit:hover {
text-decoration: underline;
color: #ff0000;
font-style: italic;
}
#linkdelete {
background-color: D4D7D7;
padding-right: 2;
font-style: italic;
margin-left: 5;
padding-left: 2;
color: #0033CC;
text-decoration: none;
}
#linkdelete:hover {
text-decoration: underline;
color: #ff0000;
font-style: italic;
}
#linkmaster {
padding-left: 2;
margin-left: 5;
font-style: italic;
text-decoration: none;
color: #000000;
background-color: D4D7D7;
padding-right: 2;
}
#linkmaster:hover {
font-style: italic;
color: #ff0000;
text-decoration: underline;
}
#linkblock {
font-weght: bold;
margin-left: 5;
font-style: italic;
padding-right: 2;
padding-left: 2;
text-decoration: none;
background-color: D4D7D7;
color: #666666;
}
#linkblock:hover {
font-style: italic;
font-weght: bold;
text-decoration: underline;
color: #ff0000;
}
#counter a {
text-decoration: none;
font-style: normal;
color: #0000FF;
padding-right: 1;
padding-left: 1;
FONT-FAMILY: Times, Serif;
}
#counter a:hover {
font-weight: bold;
FONT-FAMILY: Times, Serif;
padding-left: 1;
text-decoration: underline;
color: #0000FF;
padding-right: 1;
font-style: normal;
}
#photo {
color: #ff0000;
}
.Grad {
overflow: scroll;
background-color: #CCFFCC;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#9DDFB8');
}
.white {
background-color: white;
}
.GreySq {
padding-bottom: 2;
border-width: 1 1 1 1;
border-color: #ffffff #808080 #808080 #ffffff;
background-color: D4D7D7;
border-style: solid;
}
.WhiteSq {
margin-right: 20;
background-color: #EDF9F2;
margin-left: 20;
}
.PinkSq {
background-color: #FFCCCC;
border-style: solid;
padding-bottom: 2;
border-color: #ffffff #808080 #808080 #ffffff;
border-width: 1 1 1 1;
}
.YellowSq {
border-style: solid;
padding-bottom: 2;
border-width: 1 1 1 1;
background-color: #FFFF99;
border-color: #ffffff #808080 #808080 #ffffff;
}
.BlackSq {
background-color: #000000;
color: #ffffff;
padding-bottom: 2;
}
#showUrl {
color: #ffffff;
cursor: hand;
background-color: #000000;
}
.GreenSq {
background-color: #CCFFCC;
border-color: #ffffff #808080 #808080 #ffffff;
border-style: solid;
border-width: 1 1 1 1;
padding-bottom: 2;
}