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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

[решено]Проблема с Css

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

Решено Проблема с Css

Сообщение автор Denali G.A. в Вс 18 Окт - 20:54

Ребята помогите пожалуйста!!!!
Я сделала страницу для форума, и вот теперь хочу ее поставить на форум, но не знаю как к ней привязать Сss. Пробовала по всякому но ничего не выходит... 31 откликнитесь кто нибудь... 19 пожалуйста.
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Pure в Вс 18 Окт - 21:15

@Denali G.A. пишет:Ребята помогите пожалуйста!!!!
Я сделала страницу для форума, и вот теперь хочу ее поставить на форум, но не знаю как к ней привязать Сss. Пробовала по всякому но ничего не выходит... 31 откликнитесь кто нибудь... 19 пожалуйста.
Что именно делаете? Где и как? И на каком этапе застреваете?
avatar
Pure
 

Мужчина

Сообщения : 2103
Возраст : 97
Регистрация : 2008-10-21
Благодарности : 228

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Pure в Вс 18 Окт - 21:20

Заходите в ПА.
Оформление - Цвета - Каскадная таблица стилей CSS.
Вводите код CSS и жмёте ОК.
avatar
Pure
 

Мужчина

Сообщения : 2103
Возраст : 97
Регистрация : 2008-10-21
Благодарности : 228

Без предупреждений

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

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Пн 19 Окт - 0:10

Это я знаю как пользоваться, прото когда создаю лист HTML на форуме. Css делаю как положено, но он не хочет делать то что нужно, ко всему сайту он делает а к страницам HTML созданным не хочет((((((((
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Irbis в Пн 19 Окт - 20:21

Если вы при создании новой HTML страницы не используете верх и низ форума то естественно форумной CSS на ней не будет. Либо между тегами <head></head> подключайте CSS в отдельном файле так:
Код:
<link href="ССЫЛКА НА ФАЙЛ CSS" rel="stylesheet" type="text/css" />

либо там же между <head></head> вставляйте:
Код:
<style type="text/css">
ВАШ КОД CSS
</style>
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

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

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Вт 20 Окт - 16:05

Ооо.. спс щас попробуюю....
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Вт 20 Окт - 17:00

пожалуйста проверьте код:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eclipse</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.стиль1 {font-size: 50px}
-->
</style>
</head>
<body>
<div id="logo">
  <h1><a href="http://tmp.wpestu.ru/" class="стиль1">Guardian Angel </a></h1>
  <h2><a href="http://tmp.wpestu.ru/"></a></h2>
</div>
<div id="menu">
  <ul>
    <li class="active first"><a href="http://guardian-angel.forum2x2.ru/html-h7.htm">Главная</a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/forum.htm">Форум</a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/categoria-c4/">Ролевая </a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/html-h7.htm">Чат</a></li>
    <li><a href="http://tmp.wpestu.ru/">Друзья</a></li>
  </ul>
</div>
<!-- end #menu -->
<div id="page">
  <div id="content">
    <div id="welcome" class="post">
      <div class="title">
        <h2>Добро пожаловать в реальный мир </h2>
      </div>
      <h3 class="date"><span class="month">Октябрь.1</span><span class="day">8</span><span class="year">, 2009</span></h3>
      <div class="meta">
        <p>Администрация сайта <a href="http://tmp.wpestu.ru/"></a></p>
      </div>
      <div class="story"> <img src="images/img6.jpg" alt="" width="112" height="112" class="left" />
        <p><strong>Сайт посвящен новой книге &quot;Ангел Хранитель&quot;. Автором этой книги является Irinа Denali. Это новая книга с иторией о девушке которая трагически теряет своих родителей... Неожиданно в детском доме ее судьба меняется... что именно меняется и как...Вы можете это узнать прочтя новую книгу &quot;Ангел Хранитель&quot;. </strong><em></em></p>
        <p>Еще одна новость теперь по этой книге можно сыграть ролевую игру, пройдя в меню и выбрав кнопку &quot;Форум&quot; вы попадаете в реальный мир новой книги &quot;Ангел Хранитель&quot;. Так же на форуме есть игра по &quot;Затмению&quot; из Сумеречной саги Стефани Майер. </p>
      </div>
    </div>
    <div id="example" class="post">
      <div class="title">
        <h2>Сайт в процессе разработки </h2>
      </div>
      <h3 class="date"><span class="month">Октябрь.</span> <span class="day">18</span><span class="year">, 2009</span></h3>
      <div class="meta">
        <p>Администрация сайта <a href="http://tmp.wpestu.ru/"></a></p>
      </div>
      <div class="story">
        <p>приносим вам свои извенения сайт временно не доступен................................. </p>
      </div>
    </div>
  </div>
  <!-- end #content -->
  <div id="sidebar">
    <div id="login" class="boxed">
      <div class="title">
        <h2>Вход на форум </h2>
      </div>
      <div class="content">
        <ul class="list1">
          <li class="first"><a href="http://guardian-angel.forum2x2.ru/login.forum?connexion">Вход на форум </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/profile.forum?mode=register">Регистрация</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/profile.forum?mode=sendpassword">Забыли пороль? </a></li>
        </ul>
      </div>
    </div>
    <!-- end #login -->
    <div class="boxed">
      <div class="title">
        <h2>Полезные ссылки </h2>
      </div>
      <div class="content">
        <ul class="list1">
          <li class="first"><a href="http://guardian-angel.forum2x2.ru/forum-f25/">Фильмы онлайн </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f4/">Книжная библеотека  </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f19/">Фан-видео</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f10/">Фан-арт</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f8/tema-t31.htm/">Список ролей </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f8/">Анкетирование</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/categoria-c6/">Реклама</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- end #sidebar -->
  <div id="extra" style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->
<div id="footer">
  <p id="legal">Copyright &copy; 2007 Eclipse. All Rights Reserved. Designed by</p>
</div>
</body>
</html>
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Вт 20 Окт - 17:44

Вот...что должно быть...но когда вставляю...неть ничего....
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Irbis в Вт 20 Окт - 22:49

Ну так и будет. И где в вашем коде CSS?
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

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

Решено Re: [решено]Проблема с Css

Сообщение автор Antony в Вт 20 Окт - 23:23

например вот это
<link href="default.css" rel="stylesheet" type="text/css" />
только вместо default.css нужно написать тот стиль, который форум использует. Там будет что то вроде "/1-ltr.css", а посмотреть это можно посмотрев исходный страницы
avatar
Antony
 

Мужчина

Сообщения : 278
Возраст : 26
Регистрация : 2009-06-20
Благодарности : 21

Забанен

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

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Ср 21 Окт - 16:37

Блин я наверное тупая....Вот мой код:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eclipse</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.стиль1 {font-size: 50px}
-->
</style>
</head>
<body>
<div id="logo">
  <h1><a href="http://tmp.wpestu.ru/" class="стиль1">Guardian Angel </a></h1>
  <h2><a href="http://tmp.wpestu.ru/"></a></h2>
</div>
<div id="menu">
  <ul>
    <li class="active first"><a href="http://guardian-angel.forum2x2.ru/html-h7.htm">Главная</a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/forum.htm">Форум</a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/categoria-c4/">Ролевая </a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/html-h7.htm">Чат</a></li>
    <li><a href="http://tmp.wpestu.ru/">Друзья</a></li>
  </ul>
</div>
<!-- end #menu -->
<div id="page">
  <div id="content">
    <div id="welcome" class="post">
      <div class="title">
        <h2>Добро пожаловать в реальный мир </h2>
      </div>
      <h3 class="date"><span class="month">Октябрь.1</span><span class="day">8</span><span class="year">, 2009</span></h3>
      <div class="meta">
        <p>Администрация сайта <a href="http://tmp.wpestu.ru/"></a></p>
      </div>
      <div class="story"> <img src="images/img6.jpg" alt="" width="112" height="112" class="left" />
        <p><strong>Сайт посвящен новой книге &quot;Ангел Хранитель&quot;. Автором этой книги является Irinа Denali. Это новая книга с иторией о девушке которая трагически теряет своих родителей... Неожиданно в детском доме ее судьба меняется... что именно меняется и как...Вы можете это узнать прочтя новую книгу &quot;Ангел Хранитель&quot;. </strong><em></em></p>
        <p>Еще одна новость теперь по этой книге можно сыграть ролевую игру, пройдя в меню и выбрав кнопку &quot;Форум&quot; вы попадаете в реальный мир новой книги &quot;Ангел Хранитель&quot;. Так же на форуме есть игра по &quot;Затмению&quot; из Сумеречной саги Стефани Майер. </p>
      </div>
    </div>
    <div id="example" class="post">
      <div class="title">
        <h2>Сайт в процессе разработки </h2>
      </div>
      <h3 class="date"><span class="month">Октябрь.</span> <span class="day">18</span><span class="year">, 2009</span></h3>
      <div class="meta">
        <p>Администрация сайта <a href="http://tmp.wpestu.ru/"></a></p>
      </div>
      <div class="story">
        <p>приносим вам свои извенения сайт временно не доступен................................. </p>
      </div>
    </div>
  </div>
  <!-- end #content -->
  <div id="sidebar">
    <div id="login" class="boxed">
      <div class="title">
        <h2>Вход на форум </h2>
      </div>
      <div class="content">
        <ul class="list1">
          <li class="first"><a href="http://guardian-angel.forum2x2.ru/login.forum?connexion">Вход на форум </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/profile.forum?mode=register">Регистрация</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/profile.forum?mode=sendpassword">Забыли пороль? </a></li>
        </ul>
      </div>
    </div>
    <!-- end #login -->
    <div class="boxed">
      <div class="title">
        <h2>Полезные ссылки </h2>
      </div>
      <div class="content">
        <ul class="list1">
          <li class="first"><a href="http://guardian-angel.forum2x2.ru/forum-f25/">Фильмы онлайн </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f4/">Книжная библеотека  </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f19/">Фан-видео</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f10/">Фан-арт</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f8/tema-t31.htm/">Список ролей </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f8/">Анкетирование</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/categoria-c6/">Реклама</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- end #sidebar -->
  <div id="extra" style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->
<div id="footer">
  <p id="legal">Copyright &copy; 2007 Eclipse. All Rights Reserved. Designed by</p>
</div>
</body>
</html>
А вот мой css:
Код:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: #000000 url(images/img1.jpg) no-repeat center top;
   font: normal 13px Georgia, "Times New Roman", Times, serif;
   color: #4E515B;
}

h1, h2, h3 {
   color: #CDCDE2;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
   text-align: justify;
}

p {
}

blockquote {
   margin-left: 3em;
}

ul {
   margin-left: 3em;
}

ul li {
}

.list1 {
   margin: 0;
   padding: 0;
   list-style: none;
}

.list1 li {
   padding: 8px 0;
   background: url(images/img5.gif) repeat-x left top;
}

.list1 .first li {
   background: none;
}

ol {
   margin-left: 3em;
}

ol li {
}

a {
   text-decoration: none;
   color: #CDCDE2;
}

a:hover {
   text-decoration: underline;
   color: #FFFFFF;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 5px 15px 0 0;
}

img.right {
   float: right;
   margin: 5px 0 0 15px;
}

/* Boxed Style */

.boxed {
   margin-bottom: 20px;
}

.boxed .title {
   padding: 5px 0;
   background: url(images/img5.gif) repeat-x left bottom;
}

.boxed .title h2 {
   background: url(images/img2.gif) no-repeat right center;
   text-transform: uppercase;
   font-size: 100%;
}

.boxed .content {
   padding: 20px 20px 40px 20px;
}

/* Post */

.post {
}

.post .title {
   padding: 5px 0;
   background: url(images/img5.gif) repeat-x left bottom;
}

.post .title h2 {
   background: url(images/img2.gif) no-repeat right center;
   text-transform: uppercase;
   font-size: 100%;
}

.post .date {
   float: left;
   width: 100px;
   height: 25px;
   padding-top: 15px;
   background: url(images/img5.gif) repeat-y right top;
   text-align: center;
   font-size: 9px;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
   float: left;
   width: 300px;
   height: 32px;
   padding: 8px 0 0 20px;
   font-size: 9px;
}

.post .meta p {
}

.post .story {
   clear: both;
   padding: 20px;
   background: url(images/img5.gif) repeat-x;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
   margin-bottom: 1.5em;
   line-height: 180%;
}

/* Logo */

#logo {
   width: 700px;
   height: 220px;
   margin: 0 auto;
}

#logo h1 {
   margin: 0;
   padding: 60px 0 0 325px;
   text-transform: uppercase;
   letter-spacing: -5px;
   font-size: 72px;
   font-weight: normal;
}

#logo h2 {
   margin: -10px 0 0 0;
   padding: 0 0 0 325px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 18px;
   font-weight: normal;
}

#logo a {
   text-decoration: none;
   color: #000000;
}

/* Page */

#page {
   width: 700px;
   margin: 0 auto;
}

#extra {
}

/* Content */

#content {
   float: right;
   width: 420px;
   padding: 0 20px;
   background: url(images/img4.gif) no-repeat;
}

/* Sidebar */

#sidebar {
   float: left;
   width: 200px;
   padding: 0 20px;
   background: url(images/img3.gif) no-repeat right top;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
   border: none;
}

#login legend {
   display: none;
}

#login label {
   font-size: x-small;
   font-weight: bold;
}

#login input {
   margin-bottom: 5px;
   padding: 2px 5px;
   border: none;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#inputtext1, #inputtext2 {
   width: 150px;
}

#inputsubmit1 {
   width: 100px;
   background: transparent url(images/img2.gif) no-repeat left top;
   color: #CDCDE2;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 10px;
   font-weight: bold;
}

/* Content > Sidebar > Menu */

#menu {
   width: 700px;
   height: 95px;
   margin: 0 auto;
}

#menu ul {
   margin: 0;
   padding-left: 20px;
   list-style: none;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 34px;
   padding: 16px 30px 0 40px;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 16px;
   color: #4E515B;
}

#menu a:hover {
   background: #000000 url(images/img2.gif) no-repeat 15px 50%;
   color: #CDCDE2;
}

#menu .first a {
   border: none;
}

#menu .active a {
   color: #FFFFFF;
}

/* Footer */

#footer {
   clear: both;
   width: 660px;
   margin: 0 auto;
   padding: 20px;
   background: url(images/img5.gif) repeat-x;
}

#footer p {
   margin: 0;
   text-align: right;
   font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

Че дальше мне надо делать?
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Irbis в Чт 22 Окт - 17:12

Проще всего сделать так
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eclipse</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background: #000000 url(images/img1.jpg) no-repeat center top;
  font: normal 13px Georgia, "Times New Roman", Times, serif;
  color: #4E515B;
}

h1, h2, h3 {
  color: #CDCDE2;
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
  text-align: justify;
}

p {
}

blockquote {
  margin-left: 3em;
}

ul {
  margin-left: 3em;
}

ul li {
}

.list1 {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list1 li {
  padding: 8px 0;
  background: url(images/img5.gif) repeat-x left top;
}

.list1 .first li {
  background: none;
}

ol {
  margin-left: 3em;
}

ol li {
}

a {
  text-decoration: none;
  color: #CDCDE2;
}

a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

img {
  border: none;
}

img.left {
  float: left;
  margin: 5px 15px 0 0;
}

img.right {
  float: right;
  margin: 5px 0 0 15px;
}

/* Boxed Style */

.boxed {
  margin-bottom: 20px;
}

.boxed .title {
  padding: 5px 0;
  background: url(images/img5.gif) repeat-x left bottom;
}

.boxed .title h2 {
  background: url(images/img2.gif) no-repeat right center;
  text-transform: uppercase;
  font-size: 100%;
}

.boxed .content {
  padding: 20px 20px 40px 20px;
}

/* Post */

.post {
}

.post .title {
  padding: 5px 0;
  background: url(images/img5.gif) repeat-x left bottom;
}

.post .title h2 {
  background: url(images/img2.gif) no-repeat right center;
  text-transform: uppercase;
  font-size: 100%;
}

.post .date {
  float: left;
  width: 100px;
  height: 25px;
  padding-top: 15px;
  background: url(images/img5.gif) repeat-y right top;
  text-align: center;
  font-size: 9px;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
  float: left;
  width: 300px;
  height: 32px;
  padding: 8px 0 0 20px;
  font-size: 9px;
}

.post .meta p {
}

.post .story {
  clear: both;
  padding: 20px;
  background: url(images/img5.gif) repeat-x;
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
  margin-bottom: 1.5em;
  line-height: 180%;
}

/* Logo */

#logo {
  width: 700px;
  height: 220px;
  margin: 0 auto;
}

#logo h1 {
  margin: 0;
  padding: 60px 0 0 325px;
  text-transform: uppercase;
  letter-spacing: -5px;
  font-size: 72px;
  font-weight: normal;
}

#logo h2 {
  margin: -10px 0 0 0;
  padding: 0 0 0 325px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: normal;
}

#logo a {
  text-decoration: none;
  color: #000000;
}

/* Page */

#page {
  width: 700px;
  margin: 0 auto;
}

#extra {
}

/* Content */

#content {
  float: right;
  width: 420px;
  padding: 0 20px;
  background: url(images/img4.gif) no-repeat;
}

/* Sidebar */

#sidebar {
  float: left;
  width: 200px;
  padding: 0 20px;
  background: url(images/img3.gif) no-repeat right top;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
  border: none;
}

#login legend {
  display: none;
}

#login label {
  font-size: x-small;
  font-weight: bold;
}

#login input {
  margin-bottom: 5px;
  padding: 2px 5px;
  border: none;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#inputtext1, #inputtext2 {
  width: 150px;
}

#inputsubmit1 {
  width: 100px;
  background: transparent url(images/img2.gif) no-repeat left top;
  color: #CDCDE2;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: bold;
}

/* Content > Sidebar > Menu */

#menu {
  width: 700px;
  height: 95px;
  margin: 0 auto;
}

#menu ul {
  margin: 0;
  padding-left: 20px;
  list-style: none;
}

#menu li {
  display: inline;
}

#menu a {
  display: block;
  float: left;
  height: 34px;
  padding: 16px 30px 0 40px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  color: #4E515B;
}

#menu a:hover {
  background: #000000 url(images/img2.gif) no-repeat 15px 50%;
  color: #CDCDE2;
}

#menu .first a {
  border: none;
}

#menu .active a {
  color: #FFFFFF;
}

/* Footer */

#footer {
  clear: both;
  width: 660px;
  margin: 0 auto;
  padding: 20px;
  background: url(images/img5.gif) repeat-x;
}

#footer p {
  margin: 0;
  text-align: right;
  font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}
</style>
</head>
<body>
<div id="logo">
  <h1><a href="http://tmp.wpestu.ru/" class="стиль1">Guardian Angel </a></h1>
  <h2><a href="http://tmp.wpestu.ru/"></a></h2>
</div>
<div id="menu">
  <ul>
    <li class="active first"><a href="http://guardian-angel.forum2x2.ru/html-h7.htm">Главная</a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/forum.htm">Форум</a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/categoria-c4/">Ролевая </a></li>
    <li><a href="http://guardian-angel.forum2x2.ru/html-h7.htm">Чат</a></li>
    <li><a href="http://tmp.wpestu.ru/">Друзья</a></li>
  </ul>
</div>
<!-- end #menu -->
<div id="page">
  <div id="content">
    <div id="welcome" class="post">
      <div class="title">
        <h2>Добро пожаловать в реальный мир </h2>
      </div>
      <h3 class="date"><span class="month">Октябрь.1</span><span class="day">8</span><span class="year">, 2009</span></h3>
      <div class="meta">
        <p>Администрация сайта <a href="http://tmp.wpestu.ru/"></a></p>
      </div>
      <div class="story"> <img src="images/img6.jpg" alt="" width="112" height="112" class="left" />
        <p><strong>Сайт посвящен новой книге &quot;Ангел Хранитель&quot;. Автором этой книги является Irinа Denali. Это новая книга с иторией о девушке которая трагически теряет своих родителей... Неожиданно в детском доме ее судьба меняется... что именно меняется и как...Вы можете это узнать прочтя новую книгу &quot;Ангел Хранитель&quot;. </strong><em></em></p>
        <p>Еще одна новость теперь по этой книге можно сыграть ролевую игру, пройдя в меню и выбрав кнопку &quot;Форум&quot; вы попадаете в реальный мир новой книги &quot;Ангел Хранитель&quot;. Так же на форуме есть игра по &quot;Затмению&quot; из Сумеречной саги Стефани Майер. </p>
      </div>
    </div>
    <div id="example" class="post">
      <div class="title">
        <h2>Сайт в процессе разработки </h2>
      </div>
      <h3 class="date"><span class="month">Октябрь.</span> <span class="day">18</span><span class="year">, 2009</span></h3>
      <div class="meta">
        <p>Администрация сайта <a href="http://tmp.wpestu.ru/"></a></p>
      </div>
      <div class="story">
        <p>приносим вам свои извенения сайт временно не доступен................................. </p>
      </div>
    </div>
  </div>
  <!-- end #content -->
  <div id="sidebar">
    <div id="login" class="boxed">
      <div class="title">
        <h2>Вход на форум </h2>
      </div>
      <div class="content">
        <ul class="list1">
          <li class="first"><a href="http://guardian-angel.forum2x2.ru/login.forum?connexion">Вход на форум </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/profile.forum?mode=register">Регистрация</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/profile.forum?mode=sendpassword">Забыли пороль? </a></li>
        </ul>
      </div>
    </div>
    <!-- end #login -->
    <div class="boxed">
      <div class="title">
        <h2>Полезные ссылки </h2>
      </div>
      <div class="content">
        <ul class="list1">
          <li class="first"><a href="http://guardian-angel.forum2x2.ru/forum-f25/">Фильмы онлайн </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f4/">Книжная библеотека  </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f19/">Фан-видео</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f10/">Фан-арт</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f8/tema-t31.htm/">Список ролей </a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/forum-f8/">Анкетирование</a></li>
          <li><a href="http://guardian-angel.forum2x2.ru/categoria-c6/">Реклама</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- end #sidebar -->
  <div id="extra" style="clear: both;">&nbsp;</div>
</div>
<!-- end #page -->
<div id="footer">
  <p id="legal">Copyright &copy; 2007 Eclipse. All Rights Reserved. Designed by</p>
</div>
</body>
</html>

Только пути до картинок поменять на соответствующие
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

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

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Чт 22 Окт - 20:49

Большое спасибо)))))))))))Все получилось и все пользователи теперь рады 13 d_daisy
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

Решено Re: [решено]Проблема с Css

Сообщение автор Denali G.A. в Пн 26 Окт - 13:32

Можете закрывать тему)))))))))))))))))))))Проблема решена...
avatar
Denali G.A.
Новичок

Сообщения : 8
Регистрация : 2009-10-18
Благодарности : 0

Без предупреждений

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

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

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

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