Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Вчера в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Вчера в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Оформление html-страницы
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Оформление html-страницы
Можно ли сделать типо вот такого
Это наброски в фотошопе как можно воплотить это в риальность в виде HTML страницы
Это наброски в фотошопе как можно воплотить это в риальность в виде HTML страницы
Re: Оформление html-страницы
- Код:
<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 и год", название вашего сайта или т.п.
Похожие темы
» Оформление HTML страницы
» Оформление первой страницы
» оформление главной страницы
» Оформление html
» Оформление главной страницы
» Оформление первой страницы
» оформление главной страницы
» Оформление html
» Оформление главной страницы
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения