Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
Как сделать страницу HTML
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Как сделать страницу HTML
Очень хочется на форуме сделать главную страницу,чтобы не форум сразу открывался,и не портал,а именно главная.Но без знания языка html,а я его не знаю,это мне вряд ли удастся(( Я видела в панели админа,что можно создавать вроде бы страницу и без знания языка,если использовать верх и низ форума,меня это вполне устраивает,но вот как именно все это писать и ставить картинки на страницу,мне пока непонятно.Есть здесь на форуме инфа,как все это делается(процесс создания) или может,кто подскажет,где можно почитать об этом,или кто может помочь?
Re: Как сделать страницу HTML
Для начала можете попробовать установить готовый шаблон html-страницы на форум. Примерная инструкция есть: https://help.forum2x2.ru/t34514-topic#241196
Ну и конечно стоит освоить верстку. Рекомендованный сайт для самообучения: http://htmlbook.ru/samhtml
Ну и конечно стоит освоить верстку. Рекомендованный сайт для самообучения: http://htmlbook.ru/samhtml
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать страницу HTML
спасибо,пойду корпеть))) на всякий случай вопросик,если вдруг у самой не получится-можно где нибудь заказик оставить??
Re: Как сделать страницу HTML
Можно, конечно В этом разделе — https://help.forum2x2.ru/f28-forum — опишите, что Вам надо. Желательно с иллюстрациями.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать страницу HTML
Не за что ) И Вас с Наступающим!
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать страницу HTML
посмотрела я урок,пошла пока по легкому пути,тупо скопировала ваши шаги))) вроде получилось достаточно неплохо,но! как сделать,чтобы при нажатии на разделы осуществлялся переход? пока переход работает только на форум,а в остальные части форума нет.я убирала "лишнее" наобум,подозреваю,что скрипт содержит много ненужных тегов,может,посмотрите и подправите?
- Код:
[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]
Последний раз редактировалось: ritusik (Декабрь 29th 2013, 19:03), всего редактировалось 1 раз(а)
Re: Как сделать страницу HTML
Добавьте ваш код в специальное определение для "Кода",ибо читать неудобно.
Re: Как сделать страницу HTML
как привязать переходы уже доперла))) теперь мне нужна помощь,как бы сделать тоненькую рамочку на страницу и хотелось бы название как-то выровнять на голубом фоне
Re: Как сделать страницу HTML
немного переделала под дизайн форума.но не могу понять,как вставить фон и сделать рамочку(((
- Код:
[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]
Re: Как сделать страницу HTML
- Код:
<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>
вот что у меня получилось в итоге,эта страница у меня на сайте,но она еще не активирована,хотелось бы взгляд понимающего и помощь в удалении ненужных тегов,подозреваю,что там их немеряно,так как удаляла очень осторожно
Похожие темы
» Как сделать html страницу
» Как сделать такую html страницу?
» Как создать html-страницу?
» Как сделать новую страницу HTML?
» как сделать чтоб на форуме была надпись сделать страницу стартовой и соответственно результат
» Как сделать такую html страницу?
» Как создать html-страницу?
» Как сделать новую страницу HTML?
» как сделать чтоб на форуме была надпись сделать страницу стартовой и соответственно результат
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения