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

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


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

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



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

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


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

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

Оформление html-страницы

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

Оформление html-страницы

Сообщение автор SmAcK в Пт 2 Дек - 0:16

Можно ли сделать типо вот такого
Это наброски в фотошопе как можно воплотить это в риальность в виде HTML страницы

SmAcK
 
 

Сообщения : 39
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-11-11

http://live2kill.ukrainianforum.net/

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

Re: Оформление html-страницы

Сообщение автор SmAcK в Пт 2 Дек - 20:40

up

SmAcK
 
 

Сообщения : 39
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-11-11

http://live2kill.ukrainianforum.net/

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

Re: Оформление html-страницы

Сообщение автор Kostya в Сб 3 Дек - 4:38

Код:
<html>
<head>
  <style type="text/css">
    html, body {
      margin: 0px;
      height: 100%;
    }
    #background {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    #body {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
#footer {
   padding:20px;
   border-top:2px solid #ccff00;
   color:#ccc;
   text-align:center;
}
#footer a {
   color:#999;
}
#nav {
   margin:0 20px 0 0 !important;
   margin:0 10px 0 0;
   padding:0;
   float:right;
}

#nav li {
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}

#nav li a {
   display:block;
   padding:5px 10px 14px 10px;
   margin:0 1px 0 1px;
   color:#666;
   text-decoration:none;
   font-weight:bold;
}

#nav li a:hover, .active {
   background-image:url(../images/backgrounds/menu_a_hover.gif);
   background-position:bottom;
   background-repeat:repeat-x;
   color:#000;
}

#container {
   width:970px;
   margin:0 auto 0 auto;
}

#header {
   height:109px;
}

  </style>
</head>
<title>Название страницы</title>
<body>
  <img id="background" src="http://i46.servimg.com/u/f46/16/06/35/27/backgr11.jpg" />

  <div id="body">
<div id="container">
  <div id="header">
    <img src="http://i46.servimg.com/u/f46/16/06/35/27/logo10.png">
  </div>
  <ul id="nav">
    <li><a href="Адрес главной страницы"> <img src="http://i46.servimg.com/u/f46/16/06/35/27/home10.png"></a></li>
    <li><a href="Адрес форума"><img src="http://i46.servimg.com/u/f46/16/06/35/27/forum11.png"></a></li>
    <li><a href="Адрес регистрации"><img src="http://i46.servimg.com/u/f46/16/06/35/27/regist10.png"></a></li>
    <li><a href="Адрес amxbans"><img src="http://i46.servimg.com/u/f46/16/06/35/27/amx10.png"></a></li>
  </ul>
  <br class="clear" />
  <div id="content">
    <p><img src="http://i46.servimg.com/u/f46/16/06/35/27/image11.jpg"> </p>
    <font color="white"><p align="center">Welcome to Live2Kill Gaming Comunity</p>
    <p><BR></p>
    <p align="center">Our servers: 91.211.116.22:27016 - CSDM FFA</p>
    <p><BR></p>
    <p align="center">193.153.59.195:27026 - Просто Паблик</p>
    <p align="center">Правила серверов можете прочесть на форуме,<BR>перейдя по вкладке форум.</p>
    <p><BR></p>
    <p align="center">Главные Администраторы проекта: bAnD1T*, k3Nny (SmAcK)</p></color>
<div id="footer">
<p> My name Copyright 2023</p>
</div>
  </div>
</body>
</html>

Вот, надеюсь понравится. Вам только нужно изменить "Название страницы", вставить адреса страниц, например http://mysite.ru/home.html и написать в конце в футере вместо "My name и год", название вашего сайта или т.п.

Kostya
 
 

Пол : Мужчина
Сообщения : 85
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-11-24

http://clan-sv.forum2x2.ru/

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

Re: Оформление html-страницы

Сообщение автор SmAcK в Вт 6 Дек - 0:03

она у меня немножко кривая получилась

SmAcK
 
 

Сообщения : 39
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-11-11

http://live2kill.ukrainianforum.net/

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

Re: Оформление html-страницы

Сообщение автор vvo в Вт 6 Дек - 11:39

А разве в фотошопе нет экспорта psd в html?

vvo
 
 

Пол : Мужчина
Сообщения : 520
Место обитания : Киев
Карма : Без предупреждений
Благодарности : 84
Регистрация : 2009-07-15

http://www.google.com.ua/

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

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

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

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