Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Вчера в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 23rd 2024, 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 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
Оформление 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
Права доступа к этому форуму:
Вы не можете отвечать на сообщения