Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор ritusik в Сб 28 Дек - 15:52

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

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор Dana Domirani в Сб 28 Дек - 22:23

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

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор ritusik в Сб 28 Дек - 23:08

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

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор Dana Domirani в Сб 28 Дек - 23:39

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор ritusik в Сб 28 Дек - 23:45

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

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор Dana Domirani в Вс 29 Дек - 0:08

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор ritusik в Вс 29 Дек - 18:51

посмотрела я урок,пошла пока по легкому пути,тупо скопировала ваши шаги))) вроде получилось достаточно неплохо,но! как сделать,чтобы при нажатии на разделы осуществлялся переход? пока переход работает только на форум,а в остальные части форума нет.я убирала "лишнее" наобум,подозреваю,что скрипт содержит много ненужных тегов,может,посмотрите и подправите?
Код:
[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/  как раз открывает страница эта


Последний раз редактировалось: ritusik (Вс 29 Дек - 19:03), всего редактировалось 1 раз(а)

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор 4x2Hack в Вс 29 Дек - 18:58

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

4x2Hack
Новичок

Пол : Мужчина
Сообщения : 7
Возраст : 17
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-12-24

http://www.nixhack.ru/

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор ritusik в Вс 29 Дек - 19:42

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

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор ritusik в Вс 29 Дек - 20:16

немного переделала под дизайн форума.но не могу понять,как вставить фон и сделать рамочку(((
Код:
[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]

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Решено Re: Как сделать страницу HTML

Сообщение автор ritusik в Вт 31 Дек - 13:04

Код:
<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>



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

ritusik
 
 

Сообщения : 388
Возраст : 45
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2013-02-05

http://www.decoupage-k.com/forum

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения