Как сделать страницу HTML

Очень хочется на форуме сделать главную страницу,чтобы не форум сразу открывался,и не портал,а именно главная.Но без знания языка html,а я его не знаю,это мне вряд ли удастся(( Я видела в панели админа,что можно создавать вроде бы страницу и без знания языка,если использовать верх и низ форума,меня это вполне устраивает,но вот как именно все это писать  и ставить картинки на страницу,мне пока непонятно.Есть здесь на форуме инфа,как все это делается(процесс создания) или может,кто подскажет,где можно почитать об этом,или кто может помочь?

Для начала можете попробовать установить готовый шаблон html-страницы на форум. Примерная инструкция есть: https://help.forum2x2.ru/t34514-topic#241196

Ну и конечно стоит освоить верстку. Рекомендованный сайт для самообучения: http://htmlbook.ru/samhtml

спасибо,пойду корпеть))) на всякий случай вопросик,если вдруг у самой не получится-можно где нибудь заказик оставить??

Можно, конечно В этом разделе — https://help.forum2x2.ru/f28-forum — опишите, что Вам надо. Желательно с иллюстрациями.

спасибо!!! и с наступающим!!!  

Не за что ) И Вас с Наступающим!

посмотрела я урок,пошла пока по легкому пути,тупо скопировала ваши шаги))) вроде получилось достаточно неплохо,но! как сделать,чтобы при нажатии на разделы осуществлялся переход? пока переход работает только на форум,а в остальные части форума нет.я убирала "лишнее" наобум,подозреваю,что скрипт содержит много ненужных тегов,может,посмотрите и подправите?

Код:

[spoiler="скрипт"]<!--                                


                                --> <meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Декупаж&К</title><meta name="keywords" content="" /><meta name="description" content="" /> <style type="text/css">
body {
margin: 0;
padding: 0;
background: #696161(http://i69.servimg.com/u/f69/18/12/66/39/0-j4cv12.jpg) repeat-x left top;
font-size: 13px;
text-align: justify;
}

body, th, td, input, textarea, select, option {
font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
color: #266875;
}

h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #363030
}

h1 {
letter-spacing: -2px;
font-size: 3em;
}

h2 {
letter-spacing: -1px;
font-size: 3em;
}

h3 {
font-size: 1em;
}

p, ul, ol {
line-height: 200%;
}

blockquote {
margin: 15px 0px;
padding: 5px 7px 5px 40px;  
   font-weight: normal;
font-size: 17px;
line-height: 1.6em;
font-style: italic;
font-family: Georgia, 'Times New Roman', Times, serif;
color: #363030;
border: 1px solid #E3D1BA;
background: ##266875;
}

blockquote p, blockquote ul, blockquote ol {
line-height: normal;
font-style: italic;
}

a {
color: #170e06;
}

a:hover {
color: #85612E;
}

hr {
display: none;
}

#wrapper {
width: 860px;
margin: 0 auto;
padding: 0;
background: urlrepeat-y left top;
}

#wrapper-top {
padding-top: 30px;
background: no-repeat left top;
}

#wrapper-btm {
;
padding-bottom: 30px;
}

/* Header */

#header {
width: 780px;
height: 150px;
margin: 0 auto;
padding: 30px 0 0 0;
background: #dfe9f0;
}

#header h1, #header p {
margin: 0;
}

#header h1 {
float: left;
font-size: 52px;
padding: 57px 0 0 15px;
color: #80465a;
}

#header p {
float: left;
padding: 70px 0 0 10px;
font-size: 26px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color: #80465a;
text-transform: lowercase;
}

#header a {
text-decoration: none;
color: #F79F1A;
}

/* Page */

#page {
width: 760px;
margin: 0 auto;
padding-top: 20px;
}

/* Content */

#content {
float: left;
width: 530px;
margin: 0;
color: #666666;
}

.post {
padding: 0px 0 0 0;
}

.title {
padding: 0 20px 5px 0px;
font-size: 26px;
border-bottom: 2px #CFBAA1 solid;
margin-right: 20px;
}

.title a {
text-decoration: none;
color: #B29269;
}

.pagetitle {
}

.byline {
margin: -25px 20px 0 0px;
color: #B29269;
}

.meta {
text-align: left;
color: #B29269;
padding: 5px 20px 5px 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
margin-right: 20px;
border: 1px solid #E3D1BA;
background: #F5EFE9;
}

.meta .more {
}

.meta .comments {
}

.meta a {
color: #B29269;
}

.navigation {
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.posts {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

.posts li {
}

.posts h3 {
margin: 0;
font-weight: bold;
}

.posts p {
margin: 0;
line-height: normal;
}

.posts a {
}

.entry {
margin: 0;
padding: 17px 20px 5px 0px;
}

.last {
border: none;
}

/* Sidebar */

#sidebar {
float: right;
width: 230px;
margin-bottom: 10px;
color: #B29269;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin: 0;
padding: 0;
}

#sidebar li ul {
margin: 0 0 20px 30px;
padding: 0;
}

#sidebar li li {
margin: 0 0 0 0;
margin: 0 0 0 0;
background: url(images/img08.gif) no-repeat left 50%;
line-height: 35px;
border-bottom: 1px #CFBAA1 solid;
}

#sidebar h2 {
margin: 0 0 0 20px;
height: 35px;
font-size: 18px;
color: #80614D;
border-bottom: 2px #CFBAA1 solid;
}

#sidebar a {
text-decoration: none;
}

#sidebar a:hover {
text-decoration: none;
}

/* Search */

#search input {
display: none;
}

#search input#s {
display: block;
width: 230px;
padding: 2px 5px;
border: 1px solid #3DD1FF;
background: #FFFFFF url() repeat-x;
}

#search br {
display: none;
}

/* Calendar */

#calendar {
}

#calendar h2 {
margin-bottom: 15px;
}

#calendar table {
width: 80%;
margin: 0 auto;
text-align: center;
}

#calendar caption {
width: 100%;
text-align: center;
}

#next {
text-align: right;
}

#prev {
text-align: left;
}

/* Footer */

#footer {
width: 780px;
margin: 0 auto;
height: 50px;
text-align: center;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #97a0a6;
margin-bottom: 27px;
}

#footer p {
padding-top: 15px;
}

#footer p a {
color: #CFBAA1;
}

img { border: none; }

img.left {
float: left;
margin: 3px 20px 30px 0px;
}

img.right {
float: right;
margin: 3px 0px 10px 30px;
}

</style>
<div id="wrapper">

<div id="wrapper-top">

<div id="wrapper-btm">

<!--                                  start header                                  -->
<div id="header">

<h1>
Декупаж&К
</h1>

<p>
- стильные вещи своими руками
</p>

</div>

<!--                                  end header                                  -->
<!--                                  start page                                  -->
<div id="page">

<div class="bgtop">

<div class="bgbtm">

<!--                                  start content                                  -->
<div id="content">

<div class="post">

<p>

</p>

<div class="entry">

<p>
<strong><img style="width: 131px; height: 131px;" src="http://s21.postimg.org/7bp5dz4er/91639211.gif" alt="" class="left" />Приветствуем на нашем сайте! Здесь вы найдете всю информацию,необходимую для изучения декупажа,его материалов,техник и вспомогательных средств.На нашем форуме есть огромная коллекция картинок для вашего творчества,мастер-классы от мастеров из разных стран и шикарная библиотека по самым различным видам рукоделия.Мы регулярно проводим интересные конкурсы и розыгрыши. Присоединяйтесь к нам ,наши сердца всегда открыты для новых друзей! </strong>
</p><strong> </strong>
</div><strong> </strong>
<p style="" class="meta">
<a href="#" <="" p=""><strong> </strong> </a>
</p>

</div><a href="#" <="" p=""><strong> </strong> </a>
<div style="" class="post">
<a href="#" <="" p=""> </a>
<h2 style="" class="title">
Новости сайта
</h2><a href="#" <="" p=""> </a>
<p class="byline">
<a href="#" <="" p=""> <span style="font-size: smaller;"> </span></a>  
</p>

<div class="entry">

<p>

</p>

<p>
Очень скоро новый конкурс!!!  <br />
</p>

<p>
<br />
</p>

<p>
<br />
</p>

</div>

<p>

</p>

</div><strong> </strong>
</div><strong>
<!--                                  end content                                  -->
<!--                                  start sidebar                                  --> </strong>
<div style="" id="sidebar">

<ul>

<li>

<h2>
Разделы
</h2>

<ul>

<li>
<a href="/forum">Форум</a>
</li>

<li>
<a href="#">Портал</a>
</li>

<li>
<a href="#">Галерея</a>
</li>

<li>
<a href="#">Правила</a>
</li>

<li>
<a href="#">Регистрация/Вход</a>
</li>

</ul>

</li>

<li>

<h2>
Топ записей
</h2>

<ul>

<li>
<a href="#">декупаж</a>
</li>

<li>
<a href="#">другие рукоделия</a>
</li>

<li>
<a href="#">стили</a>
</li>

<li>
<a href="#">форум</a>
</li>

<li>
<a href="#"></a>
</li>

<li>

</li>

</ul>

</li>

</ul>

</div><strong>
<!--                                  end sidebar                                  --> </strong>
<div style="clear: both;">
 
</div><strong> </strong>
</div><strong> </strong>
</div><strong> </strong>
</div><strong> </strong>
<div style="" id="footer">

<p>
<a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a>
</p>

</div><strong> </strong>
</div><strong> </strong>
</div><strong></strong>
</div>[/spoiler]



   мой форум  пробный http://mifoum.foroactivo.com/  как раз открывает страница эта

Добавьте ваш код в специальное определение для "Кода",ибо читать неудобно.

как привязать переходы уже доперла))) теперь мне нужна помощь,как бы сделать тоненькую рамочку на страницу и хотелось бы название как-то выровнять на голубом фоне

немного переделала под дизайн форума.но не могу понять,как вставить фон и сделать рамочку(((

Код:

[spoiler="скрипт"]<!--                                        


                                        --> <meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Декупаж&К</title><meta name="keywords" content="" /><meta name="description" content="" /> <style type="text/css">
body {
 margin: 0;
 padding: 0;
 background: #696161(http://i69.servimg.com/u/f69/18/12/66/39/0-j4cv12.jpg) repeat-x left top;
 font-size: 13px;
 text-align: justify;
}

body, th, td, input, textarea, select, option {
 font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
 color: #266875;
}

h1, h2, h3 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 color: #363030
}

h1 {
 letter-spacing: -2px;
 font-size: 3em;
}

h2 {
 letter-spacing: -1px;
 font-size: 3em;
}

h3 {
 font-size: 1em;
}

p, ul, ol {
 line-height: 200%;
}

blockquote {
 margin: 15px 0px;
 padding: 5px 7px 5px 40px;  
   font-weight: normal;
 font-size: 17px;
 line-height: 1.6em;
 font-style: italic;
 font-family: Georgia, 'Times New Roman', Times, serif;
color: #363030;
border: 1px solid #E3D1BA;
background: ##266875;
}

blockquote p, blockquote ul, blockquote ol {
 line-height: normal;
 font-style: italic;
}

a {
 color: #170e06;
}

a:hover {
 color: #85612E;
}

hr {
 display: none;
}

#wrapper {
 width: 860px;
 margin: 0 auto;
 padding: 0;
 background: urlrepeat-y left top;
}

#wrapper-top {
 padding-top: 30px;
 background: no-repeat left top;
}

#wrapper-btm {
 ;
 padding-bottom: 30px;
}

/* Header */

#header {
 width: 780px;
 height: 150px;
 margin: 0 auto;
 padding: 30px 0 0 0;
 background: #dfe9f0;
}

#header h1, #header p {
 margin: 0;
}

#header h1 {
 float: left;
 font-size: 52px;
 padding: 57px 0 0 15px;
 color: #80465a;
}

#header p {
 float: left;
 padding: 70px 0 0 10px;
 font-size: 26px;
 font-weight: normal;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #80465a;
 text-transform: lowercase;
}

#header a {
 text-decoration: none;
 color: #F79F1A;
}

/* Page */

#page {
 width: 760px;
 margin: 0 auto;
 padding-top: 20px;
}

/* Content */

#content {
 float: left;
 width: 530px;
 margin: 0;
 color: #666666;
}

.post {
 padding: 0px 0 0 0;
}

.title {
 padding: 0 20px 5px 0px;
 font-size: 26px;
 border-bottom: 2px #CFBAA1 solid;
 margin-right: 20px;
}

.title a {
 text-decoration: none;
 color: #B29269;
}

.pagetitle {
}

.byline {
 margin: -25px 20px 0 0px;
 color: #B29269;
}

.meta {
 text-align: left;
 color: #B29269;
 padding: 5px 20px 5px 20px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 margin-right: 20px;
 border: 1px solid #E3D1BA;
background: #F5EFE9;
}

.meta .more {
}

.meta .comments {
}

.meta a {
 color: #B29269;
}

.navigation {
}

.alignleft {
 float: left;
}

.alignright {
 float: right;
}

.posts {
 margin: 0;
 padding: 0;
 list-style: none;
 line-height: normal;
}

.posts li {
}

.posts h3 {
 margin: 0;
 font-weight: bold;
}

.posts p {
 margin: 0;
 line-height: normal;
}

.posts a {
}

.entry {
 margin: 0;
 padding: 17px 20px 5px 0px;
}

.last {
 border: none;
}

/* Sidebar */

#sidebar {
 float: right;
 width: 230px;
 margin-bottom: 10px;
 color: #B29269;
}

#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#sidebar li {
 margin: 0;
 padding: 0;
}

#sidebar li ul {
 margin: 0 0 20px 30px;
 padding: 0;
}

#sidebar li li {
 margin: 0 0 0 0;
 margin: 0 0 0 0;
 background: url(images/img08.gif) no-repeat left 50%;
 line-height: 35px;
 border-bottom: 1px #CFBAA1 solid;
}

#sidebar h2 {
 margin: 0 0 0 20px;
height: 35px;
 font-size: 18px;
 color: #80614D;
 border-bottom: 2px #CFBAA1 solid;
}

#sidebar a {
 text-decoration: none;
}

#sidebar a:hover {
 text-decoration: none;
}

/* Search */

#search input {
 display: none;
}

#search input#s {
 display: block;
 width: 230px;
 padding: 2px 5px;
 border: 1px solid #3DD1FF;
 background: #FFFFFF url() repeat-x;
}

#search br {
 display: none;
}

/* Calendar */

#calendar {
}

#calendar h2 {
 margin-bottom: 15px;
}

#calendar table {
 width: 80%;
 margin: 0 auto;
 text-align: center;
}

#calendar caption {
 width: 100%;
 text-align: center;
}

#next {
 text-align: right;
}

#prev {
 text-align: left;
}

/* Footer */

#footer {
 width: 780px;
 margin: 0 auto;
 height: 50px;
 text-align: center;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 background: #97a0a6;
 margin-bottom: 27px;
}

#footer p {
 padding-top: 15px;
}

#footer p a {
 color: #CFBAA1;
}

img { border: none; }

img.left {
 float: left;
 margin: 3px 20px 30px 0px;
}

img.right {
 float: right;
 margin: 3px 0px 10px 30px;
}

</style>
<div id="wrapper">
 
<div id="wrapper-top">
 
<div id="wrapper-btm">
 
<!--                                          start header                                          -->        <strong>      <br />              <a href="http://postimage.org/" target="_blank"><img src="http://s8.postimg.org/5xd7p2fol/dddnd_11.jpg" alt="dddnd 11" border="0" /></a><br /><a target="_blank" href="http://postimage.org/index.php?lang=spanish"></a><br /><br /></strong>
<div id="page">
 
<div class="bgtop">
 
<div class="bgbtm">
 
<div id="content">
 
<div class="post">
 
<div class="entry">
 
<p>
 <strong><img style="width: 131px; height: 131px;" src="http://s21.postimg.org/7bp5dz4er/91639211.gif" alt="" class="left" />Приветствуем на нашем сайте! Здесь вы найдете всю информацию,необходимую для изучения декупажа,его материалов,техник и вспомогательных средств.На нашем форуме есть огромная коллекция картинок для вашего творчества,мастер-классы от мастеров из разных стран и шикарная библиотека по самым различным видам рукоделия.Мы регулярно проводим интересные конкурсы и розыгрыши. Присоединяйтесь к нам ,наши сердца всегда открыты для новых друзей! <br /><br /></strong>
</p><strong> </strong>
</div><strong> </strong>
<p style="" class="meta">
 <a href="#" <="" p=""><strong> </strong> </a>
</p>
 
</div><a href="#" <="" p=""><strong> </strong> </a>
<div style="" class="post">
 <a href="#" <="" p=""> </a>
<h2 style="" class="title">
 Новости сайта
</h2><a href="#" <="" p=""> </a>
<p class="byline">
 <a href="#" <="" p=""> <span style="font-size: smaller;"> </span></a>  
 </p>
 
<div class="entry">
 
<p>
 
</p>
 
<p>
 Очень скоро новый конкурс!!!  <br />
</p>
 
<p>
 <br />
</p>
 
<p>
 <br />
</p>
 
</div>
 
<p>
 
</p>
 
</div><strong> </strong>
</div><strong>
<!--                                          end content                                          -->
<!--                                          start sidebar                                          --> </strong>
<div style="" id="sidebar">
 
<ul>
 
<li>
 
<h2>
 Разделы
</h2>
 
<ul>
 
<li>
 <a href="/forum">Форум</a>
</li>
 
<li>
 <a href="/portal">Портал</a>
</li>
 
<li>
 <a href="/gallery">Галерея</a>
</li>
 
<li>
 <a href="#">Правила</a>
</li>
 
<li>
 <a href="#">Регистрация/Вход</a>
</li>
 
</ul>
 
</li>
 
<li>
 
<h2>
 Топ записей
</h2>
 
<ul>
 
<li>
 <a href="#">декупаж</a>
</li>
 
<li>
 <a href="#">другие рукоделия</a>
</li>
 
<li>
 <a href="#">стили</a>
</li>
 
<li>
 <a href="#">форум</a>
</li>
 
<li>
 <a href="#"></a>
</li>
 
<li>
 
</li>
 
</ul>
 
</li>
 
</ul>
 
</div><strong>
<!--                                          end sidebar                                          --> </strong>
<div style="clear: both;">
  
</div><strong> </strong>
</div><strong> </strong>
</div><strong> </strong>
</div><strong> </strong>
<div style="" id="footer">
 
<p>
 <a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a>
</p>
 
</div><strong> </strong>
</div><strong> </strong>
</div><strong></strong>
</div>[/spoiler]

Код:

<meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Декупаж&К</title><meta name="keywords" content="" /><meta name="description" content="" /> <style type="text/css">
body {
 margin: 0;
 padding: 0;
 background:url(http://s17.postimg.org/451vbcfrj/body_bckg.jpg) center repeat-y #d9d6d6;
 font-size: 15px;
 text-align: justify;
}

body, th, td, input, textarea, select, option {
 font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
 color: #266875;
}

h1, h2, h3 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 color: #363030
}

h1 {
 letter-spacing: -2px;
 font-size: 3em;
}

h2 {
 letter-spacing: -1px;
 font-size: 3em;
}

h3 {
 font-size: 1em;
}

p, ul, ol {
 line-height: 200%;
}

blockquote {
 margin: 15px 0px;
 padding: 5px 7px 5px 40px;  
   font-weight: normal;
 font-size: 17px;
 line-height: 1.6em;
 font-style: italic;
 font-family: Georgia, 'Times New Roman', Times, serif;
color: #080707;
border: 1px solid #382814;
background: ##382814;
}

blockquote p, blockquote ul, blockquote ol {
 line-height: normal;
 font-style: italic;
}

a {
 color: #170e06;
}

a:hover {
 color: #1a1816;
}

hr {
 display: none;
}

#wrapper {
 width: 880px;
 margin: 0 auto;
 padding: 0;
 background: urlrepeat-y left top;
}

#wrapper-top {
 padding-top: 30px;
 background: no-repeat left top;
}

#wrapper-btm {
 ;
 padding-bottom: 30px;
}

/* Header */

#header {
 width: 780px;
 height: 150px;
 margin: 0 auto;
 padding: 30px 0 0 0;
 background: #dfe9f0;
}

#header h1, #header p {
 margin: 0;
}

#header h1 {
 float: left;
 font-size: 52px;
 padding: 57px 0 0 15px;
 color: #80465a;
}

#header p {
 float: left;
 padding: 70px 0 0 10px;
 font-size: 26px;
 font-weight: normal;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #80465a;
 text-transform: lowercase;
}

#header a {
 text-decoration: none;
 color: #F79F1A;
}

/* Page */

#page {
 width: 760px;
 margin: 0 auto;
 padding-top: 20px;
}

/* Content */

#content {
 float: left;
 width: 530px;
 margin: 0;
 color: #666666;
}

.post {
 padding: 0px 0 0 0;
}

.title {
 padding: 0 20px 5px 0px;
 font-size: 26px;
 border-bottom: 2px #292016 solid;
 margin-right: 20px;
}

.title a {
 text-decoration: none;
 color: #B29269;
}

.pagetitle {
}

.byline {
 margin: -25px 20px 0 0px;
 color: #140d03;
}

.meta {
 text-align: left;
 color: #B29269;
 padding: 5px 20px 5px 20px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 13px;
 margin-right: 20px;
 border: 1px solid #140d03;
background: #dbd0c5;
}

.meta .more {
}

.meta .comments {
}

.meta a {
 color: #B29269;
}

.navigation {
}

.alignleft {
 float: left;
}

.alignright {
 float: right;
}

.posts {
 margin: 0;
 padding: 0;
 list-style: none;
 line-height: normal;
}

.posts li {
}

.posts h3 {
 margin: 0;
 font-weight: bold;
}

.posts p {
 margin: 0;
 line-height: normal;
}

.posts a {
}

.entry {
 margin: 0;
 padding: 17px 20px 5px 0px;
}

.last {
 border: none;
}

/* Sidebar */

#sidebar {
 float: right;
 width: 230px;
 margin-bottom: 10px;
 color: #8a7354;
}

#sidebar ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#sidebar li {
 margin: 0;
 padding: 0;
}

#sidebar li ul {
 margin: 0 0 20px 30px;
 padding: 0;
}

#sidebar li li {
 margin: 0 0 0 0;
 margin: 0 0 0 0;
 background: url(images/img08.gif) no-repeat left 50%;
 line-height: 35px;
 border-bottom: 1px #332c23 solid;
}

#sidebar h2 {
 margin: 0 0 0 20px;
height: 35px;
 font-size: 18px;
 color: #80614D;
 border-bottom: 2px #332c23 solid;
}

#sidebar a {
 text-decoration: none;
}

#sidebar a:hover {
 text-decoration: none;
}

/* Search */

#search input {
 display: none;
}

#search input#s {
 display: block;
 width: 230px;
 padding: 2px 5px;
 border: 1px solid #3DD1FF;
 background: #FFFFFF url() repeat-x;
}

#search br {
 display: none;
}

/* Calendar */

#calendar {
}

#calendar h2 {
 margin-bottom: 15px;
}

#calendar table {
 width: 80%;
 margin: 0 auto;
 text-align: center;
}

#calendar caption {
 width: 100%;
 text-align: center;
}

#next {
 text-align: right;
}

#prev {
 text-align: left;
}

/* Footer */

#footer {
 width: 760px;
 margin: 0 auto;
 height: 50px;
 text-align: center;
 font-size: 8px;
 font-family: Arial, Helvetica, sans-serif;
 color: #57493f;
 background: #b3aba6;
 margin-bottom: 27px;
}

#footer p {
 padding-top: 15px;
}

#footer p a {
 color: #CFBAA1;
}

img { border: none; }

img.left {
 float: left;
 margin: 3px 20px 30px 0px;
}

img.right {
 float: right;
 margin: 3px 0px 10px 30px;
}

</style>
<div id="wrapper">
 
<div id="wrapper-top">
 
<div id="wrapper-btm">
 
<!--                                                                                                                                             start header                                                                                                                                             -->             <a href="http://postimage.org/" target="_blank"><img src="http://s27.postimg.org/aciukynmb/dddnd_11.jpg" alt="dddnd 11" border="0" /></a><br /><br /><br />
<div id="page">
 
<div class="bgtop">
 
<div class="bgbtm">
 
<div id="content">
 
<div class="post">
 
<div class="entry">
 
<p>
 <strong><img style="width: 120px; height: 120px;" src="http://s22.postimg.org/xhf5t9n1d/Valley_of_Roses_emb_032.png" alt="" class="left" /><span style="color: rgb(153, 51, 51);">Приветствуем на нашем сайте! Здесь вы найдете всю информацию,необходимую для изучения декупажа,его материалов,техник и вспомогательных средств.На нашем форуме есть огромная коллекция картинок для вашего творчества,мастер-классы от мастеров из разных стран и шикарная библиотека по самым различным видам рукоделия.Мы регулярно проводим интересные конкурсы и розыгрыши. Присоединяйтесь к нам ,наши сердца всегда открыты для новых друзей! </span></strong>
</p><strong> </strong>
</div><strong> </strong>
<p style="" class="meta">
 <a href="#" <="" p=""><strong> </strong> </a>
</p>
 
</div><a href="#" <="" p=""><strong> </strong> </a>
<div style="" class="post">
 <a href="#" <="" p=""> </a>
<h2 style="" class="title">
 Новости сайта
</h2><a href="#" <="" p=""> </a>
<p class="byline">
 <a href="#" <="" p=""> <span style="font-size: smaller;"> </span></a>
</p><br />
<p>
  <strong><span style="color: rgb(51, 51, 51);">C 01 февраля 2014 года откроется прием работ на новый конкурс,который пройдет под темой:"Изящный век"-светские развлечения.Приглашаем всех форумчан к участию! Все подробности  можно узнать на форуме  <br /></span></strong>
</p>
 
<p>
 <strong><span style="color: rgb(51, 51, 51);"> <a href="http://postimage.org/" target="_blank"><img src="http://s24.postimg.org/a105wj51h/image.jpg" alt="яы" border="0" /></a><br /><br /><br /><br /><br /></span></strong>
</p>
 
<p>
 <strong><span style="color: rgb(51, 51, 51);"><br /></span></strong>
</p>
 
<p>
 
</p><br />
</div>
 
<p>
 
</p>
 
</div><strong> </strong>
</div><strong>
<!--                                                                                                                                             end content                                                                                                                                             -->
<!--                                                                                                                                             start sidebar                                                                                                                                             --> </strong>
<div style="" id="sidebar">
 
<ul>
 
<li>
 
<h2>
 Разделы
</h2>
 
<ul>
 
<li>
 <a href="/forum">Форум</a>
</li>
 
<li>
 <a href="/portal">Портал</a>
</li>
 
<li>
 <a href="/gallery">Галерея</a>
</li>
 
<li>
 <a href="/t10-topic">Правила</a>
</li>
 
<li>
 <a href="/register">Регистрация/Вход</a>
</li>
 
</ul>
 
</li>
 
<li>
 
<h2>
 Топ записей
</h2>
 
<ul>
 
<li>
 <a href="f12-forum">Общая галерея</a>
</li>
 
<li>
 <a href="/t44-topic">Познакомимся?</a>
</li>
 
<li>
 <a href="/f26-forum">Библиотека</a>
</li>
 
<li>
 <a href="/f25-forum">Материалы для декупажа</a>
</li>
 
<li>
 <a href="/f16-forum">Картинки для декупажа</a>
</li>
 
<li>
 
</li>
 
</ul>
 
</li>
 
</ul>
 
</div><strong>
<!--                                                                                                                                             end sidebar                                                                                                                                             --> </strong>
<div style="clear: both;">
                                                                       <br /><br /><br />              <a href="http://www.livemaster.ru/AnnListk?view=profile" target="_blank"><img style="width:753px; height: 69px;" src="http://s30.postimg.org/fm992w7ch/100501d91.jpg" title="" border="0" /></a><br /><br />                  <span style="color: rgb(51, 51, 51);">Все права защищены.При использовании материалов ссылка на сайт обязательна</span>                        
 </div>
 
</div>
 
</div>
 
</div>
 
<div style="" id="footer">
 
<p>
 <a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a>
</p>
 
</div><strong> </strong>
</div><strong> </strong>
</div><strong></strong>

вот что у меня получилось в итоге,эта страница у меня на сайте,но она еще не активирована,хотелось бы взгляд понимающего и помощь в удалении ненужных тегов,подозреваю,что там их немеряно,так как удаляла очень осторожно