- Регистрация
- 9 Дек 2011
- Сообщения
- 511
- Лучшие ответы
- 0
- Репутация
- 206
Доброго времяни суток,ув. форумчани. Тему я эту создал в связи решением модератора @max@.
Работа #1
- Этому шаблону я уделил массу времяни,т.к. это была моя 1-ая работа и мне не хотелась с первой темы,портить свою репуацию на данном форуме.
Что было сделано в шаблоне:
- Шапка сайта,красиво подобран цвет
- Меню,при наведении курсором на ссылку,появляется рамочка
- Блок с новостями,так скажем "Тело" где находится вся информация о проекте.
- К ссылкам добавил эффект тени,а также и к простому тексту.
Шаблон можно просмотреть
---------------------------------------------------------------------------------------------------------------------------
Работа #2:
Что было сделано:
- Красивая менюшка,по типу 1-ой работы,добавил эффект прозрачности.
- Шапка сайта,хорошо подобран цвет.
- Также "Тело" для обьявлений / Новостей / описания.
- Добавлена бегущая строка.
Шаблон можно посмотреть
---------------------------------------------------------------------------------------------------------------------------
Работа #3:
- "Плагиат" Вк
Что было изменино:
- Меню переместил в право,а блок с инфой в лево
- Изменил чуток шапочку ^^
- Сделал менюшку прикольную
- Сделал спец. дизайн для цитат
Шаблон можно просмотреть
---------------------------------------------------------------------------------------------------------------------------
Работа #4:
- Потратил множество времяни
Что было сделано:
- Заглавная страница
- Сделан мониторинг
- Сделан бан лог
- Сделана страница с Администрацией проекта
- Сделал страницу для "Доната"
- Хорошо подобрал цвета
- Округлил контейнеры
- При наведении курсором на ссылку - цвет меняется
Минус: - Не отображается страница с мониторингом,не знаю что делать.
На заметку: Я не проверял БанЛог. Проверьте пожалуйсто сами,у себя на сайте.
БанЛог и Мониторинг был взят с раздела PHP.
Просмотреть шаблон,можно
Скачать шаблон:
Работа #1
- Этому шаблону я уделил массу времяни,т.к. это была моя 1-ая работа и мне не хотелась с первой темы,портить свою репуацию на данном форуме.
Что было сделано в шаблоне:
- Шапка сайта,красиво подобран цвет
- Меню,при наведении курсором на ссылку,появляется рамочка
- Блок с новостями,так скажем "Тело" где находится вся информация о проекте.
- К ссылкам добавил эффект тени,а также и к простому тексту.
Шаблон можно просмотреть
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
PHP:
<html>
<head>
<title> Название Сервера/Сайта | 000.000.000:7777 </title>
<style>
body {
background-image: url("http://www.kyleeheuerphotography.com/sitezimages/background/website%20background.jpg");
background-color: #444;
Color: #999;
font-family: "Tahoma", "Calibri", "Verdana", "Geneva", sans-serif;
font-size: 16px
}
#page_body {
font-size: 11px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 15px;
padding-top: 0px;
margin-top: 150px;
margin-left: 200px;
font-size: 14px
}
#banner {
font-size: 18px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
margin-top: 10px;
margin-left: 0px;
width: 631px;
font-size: 14px
}
#header {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(85, 85, 85);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(112, 112, 112);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(112, 112, 112);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(112, 112, 112);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(112, 112, 112);
border-top-style: solid;
border-top-width: 1px;
color: rgb(214, 214, 214);
font-size: 11px;
font-weight: 700;
line-height: 140%;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
position: relative;
width: 500px;
}
#header1 {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(85, 85, 85);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(112, 112, 112);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(112, 112, 112);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(112, 112, 112);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(112, 112, 112);
border-top-style: solid;
border-top-width: 1px;
color: rgb(214, 214, 214);
font-size: 11px;
font-weight: 700;
line-height: 140%;
padding-bottom: 13px;
padding-left: 10px;
padding-right: 10px;
padding-top: 13px;
position: relative;
width: 710px;
margin-bottom: 15px
}
a {
color: #00afff;
cursor: pointer;
text-decoration: none;
}
.menu {
font-size: 12px;
text-shadow: 2px 2px 2px #444;
color: Red;
border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
.menu1 {
font-size: 12px;
text-shadow: 2px 2px 2px #444;
color: Red;
border-top-color: #666;
border-top-style: solid;
border-top-width: 1px;
font-weight: 700;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
#bar {
padding-bottom: 10px;
padding-left: 4px;
padding-right: 0px;
padding-top: 5px;
width: 160px;
}
#bar ol li#myprofile {
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
}
#bar ol li a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: #5b5b5b;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
text-decoration: none;
text-shadow: 1px 1px 1px #222222
}
#bar ol li a {
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: currentColor;
border-left-style: none;
border-left-width: 0px;
border-right-color: currentColor;
border-right-style: none;
border-right-width: 0px;
border-top-color: currentColor;
border-top-style: none;
border-top-width: 0px;
display: block;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 3px;
padding-top: 4px;
}
#bar ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
</style>
</head>
<body>
<div id="page_body" class="fl_r" style="width: 731px;">
<div id="header1">
<b style="font-size: 18px; text-shadow: 1px 1px 1px rgb(68, 68, 68); color: rgb(175, 255, 0)">Pawno-Info.Ru - Сайт о программировании в Pawno</b>
<br>
<br>
<b style="font-size: 15px; text-shadow: 1px 1px 1px #444;Color: #00afff">
<a href="http://pawno-info.ru/forums/74-Map"> Map </a>
|
<a href="http://pawno-info.ru/forums/75-Команды">Команды</a>
|
<a href="http://pawno-info.ru/forums/82-Моды">Моды</a>
|
<a href="http://pawno-info.ru/forums/83-Скрипты">Скрипты</a>
</b>
</div>
<b style="font-size: 15px; text-shadow: 1px 1px 1px #444;Color: #00afff">
<div id="header" style="float: left;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
<div class="menu">Заголовок</div>
<br>
<br>
<div style="text-shadow: 1px 1px 1px #222222"></div>
Здесь можно опубликовать какую либо информацию!
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<b style="color: #00afff; text-shadow: 1px 1px 1px #000">
<marquee>By KenJoker for Pawno-Info.Ru</marquee>
</b>
</div>
<div id="header" style="float: right;width: 170px;border-top-left-radius: 10px;border-top-right-radius: 10px;">
<div class="menu">Меню</div>
<div id="bar">
<ol>
<li id="l_ph">
<a href="">
Главная
<span></span>
</a>
</li>
<li id="l_ph">
<a href="">
Web Программирование
<span></span>
</a>
</li>
<li id="l_ph">
<a href="">
Pawnо Программирование
<span></span>
</a>
</li>
<li id="l_ph">
<a href="">
Уроки по Pawno
<span></span>
</a>
</li>
</ol>
</div>
</div>
<div id="header" style="float: right;width: 170px;margin-top: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
<div class="menu">Партнёры</div>
<div id="bar">
<ol>
<li id="l_ph">
<a href="">
Ссылка
<span></span>
</a>
</li>
<li id="l_ph">
<a href="">
Ссылка
<span></span>
</a>
</li>
<li id="l_ph">
<a href="">
Ссылка
<span></span>
</a>
</li>
<li id="l_ph">
<a href="">
Ссылка
<span></span>
</a>
</li>
</ol>
<br>
<div class="menu1">
<a href="Ссылка">
<center>Pawno-Info.Ru</center>
</a>
</div>
</div>
</div>
</b>
</div>
<b style="font-size: 15px; text-shadow: 1px 1px 1px #444;Color: #00afff">
<style>
Внимание! Изображения и движ. строка были взяты из версии SoFLY!
Идея странички: KenJoker Просьба при копировании указывать автора!
</style>
</b>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------
Работа #2:
Что было сделано:
- Красивая менюшка,по типу 1-ой работы,добавил эффект прозрачности.
- Шапка сайта,хорошо подобран цвет.
- Также "Тело" для обьявлений / Новостей / описания.
- Добавлена бегущая строка.
Шаблон можно посмотреть
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
PHP:
<html>
<head>
<title> Название Сервера/Сайта | 000.000.000:7777 </title>
<style>
body {
background-image: url("http://www.kyleeheuerphotography.com/sitezimages/background/website%20background.jpg");
background-color: #444;
Color: #999;
font-family: "Tahoma", "Calibri", "Verdana", "Geneva", sans-serif;
font-size: 16px
}
#page_body {
font-size: 11px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 15px;
padding-top: 0px;
margin-top: 150px;
margin-left: 200px;
font-size: 14px
}
#banner {
font-size: 18px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
margin-top: 10px;
margin-left: 0px;
width: 631px;
font-size: 14px
}
#header {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(85, 85, 85);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(112, 112, 112);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(112, 112, 112);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(112, 112, 112);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(112, 112, 112);
border-top-style: solid;
border-top-width: 1px;
color: rgb(214, 214, 214);
font-size: 11px;
font-weight: 700;
line-height: 140%;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
position: relative;
width: 500px;
}
#header1 {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(40, 153, 213);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(124, 207, 251);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(122, 205, 250);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(122, 205, 250);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(122, 205, 250);
border-top-style: solid;
border-top-width: 1px;
color: rgb(214, 214, 214);
font-size: 11px;
font-weight: 700;
line-height: 140%;
margin-bottom: 15px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
position: relative;
width: 710px;
}
#header1 a {
color: #b5d7f9;
text-shadow: 1px 1px 1px #666
}
#header1 a:hover {
color: #98c6f5
text-shadow: 1px 1px 1px #666
}
#header1 ol li a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.102);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
text-decoration: none;
text-shadow: 1px 1px 1px #222222
}
#header1 ol li a {
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: currentColor;
border-left-style: none;
border-left-width: 0px;
border-right-color: currentColor;
border-right-style: none;
border-right-width: 0px;
border-top-color: currentColor;
border-top-style: none;
border-top-width: 0px;
display: block;
padding-bottom: 10px;
padding-left: 3px;
padding-right: 3px;
padding-top: 10px;
}
#header1 ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
#header2 {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.102);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
font-size: 13px;
font-weight: 700;
line-height: 140%;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
position: relative;
width: 500px;
}
a {
color: #00afff;
cursor: pointer;
text-decoration: none;
}
.menu {
font-size: 12px;
text-shadow: 2px 2px 2px #444;
color: Red;
border-bottom-color: #666;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
.menu1 {
font-size: 12px;
text-shadow: 2px 2px 2px #444;
color: Red;
border-top-color: #666;
border-top-style: solid;
border-top-width: 1px;
font-weight: 700;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
#bar {
padding-bottom: 10px;
padding-left: 4px;
padding-right: 0px;
padding-top: 5px;
width: 160px;
}
#bar ol li#myprofile {
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
}
#bar ol li a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.102);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
text-decoration: none;
text-shadow: 1px 1px 1px #222222
}
#bar ol li a {
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: currentColor;
border-left-style: none;
border-left-width: 0px;
border-right-color: currentColor;
border-right-style: none;
border-right-width: 0px;
border-top-color: currentColor;
border-top-style: none;
border-top-width: 0px;
display: block;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 3px;
padding-top: 4px;
}
#bar ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.menu1 {
font-size: 12px;
text-shadow: 2px 2px 2px #444;
color: Red;
border-top-color: #666;
border-top-style: solid;
border-top-width: 1px;
font-weight: 700;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
}
</style>
</head>
<body>
<div id="page_body" class="fl_r" style="width: 731px;">
<div id="header1">
<center style="font-size: 15px;Color: #b5d7f9"><a href="">Форум</a> | <a href="">Играть</a> | <a href="">Войти в кабинет</a> | <a href="">Закрыть</a></b>
</div>
<div id="header" style="float: right">
<center><img src="http://www.sa-mp.wiki/images/logo.gif" border="0" alt=""></center><br>
<b style="color: #00ff83;font-size: 14px">::: О Сервере :::</b>
<br><br>
<div id="header2" style="width: 480px;"> Text...</div><br><br><br>
<div class="menu1"> <a href""><marquee>Text</marquee></a> </div>
</div>
<div id="header" style="float: left; width: 170px; color: #00ff83;font-size: 14px"> Меню </div>
<div id="header2" style="float: left; width: 170px;">
<div id="bar"> <ol>
<li id="l_ph">
<a href="">
Главная
</a>
</li>
<li id="l_ph">
<a href="">
Форум
</a>
</li>
<li id="l_ph">
<a href="">
Вход/Регистрация
</a>
</li>
</ol>
</div>
</div>
</div>
</div>
</body>
</html>
<style>
Внимание! Изображения и движ. строка были взяты из версии SoFLY!
Идея странички: KenJoker Просьба при копировании указывать автора!
</style>
---------------------------------------------------------------------------------------------------------------------------
Работа #3:
- "Плагиат" Вк
Что было изменино:
- Меню переместил в право,а блок с инфой в лево
- Изменил чуток шапочку ^^
- Сделал менюшку прикольную
- Сделал спец. дизайн для цитат
Шаблон можно просмотреть
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
PHP:
<html>
<head>
<title> ВК </title>
<style>
body {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(255, 255, 255);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
direction: ltr;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 11px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
body a {
color: #7295b2;
text-decoration: none;
font-family: "Tahoma";
font-size: 13px;
font-weight: 700;
}
body a:hover {
color: #5e86a4;
}
.scroll_fix_wrap {
direction: ltr;
text-align: left;
}
#global_prg {
position: absolute;
z-index: 400;
}
#page_layout {
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 791px;
z-index: 6;
}
#page_header {
height: 40px;
}
#side_bar {
float: right;
margin-right: 5px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 126px;
border-right-color: rgb(217, 224, 231);
border-right-style: solid;
border-right-width: 1px;
border-left-color: rgb(217, 224, 231);
border-left-style: solid;
border-left-width: 1px;
border-bottom-color: rgb(217, 224, 231);
border-bottom-style: solid;
border-bottom-width: 1px;
}
#page_header.p_head1 .back {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(78, 114, 154);
background-image: url("http://s011.radikal.ru/i317/1201/68/3e9606562469.gif");
background-origin: padding-box;
background-position: 0px -43px;
background-repeat: repeat-x;
background-size: auto;
}
#page_header .back {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(78, 114, 154);
background-image: url("http://vk.com/images/hat.gif");
background-origin: padding-box;
background-position: 0px -43px;
background-repeat: repeat-x;
background-size: auto;
height: 40px;
position: absolute;
width: 100%;
}
#page_header.p_head1 .left {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(78, 114, 154);
background-image: url("http://s011.radikal.ru/i317/1201/68/3e9606562469.gif");
background-origin: padding-box;
background-position: 0px -1px;
background-repeat: repeat;
background-size: auto;
width: 150px;
}
#page_header .left {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(78, 114, 154);
background-image: url("http://vk.com/images/hat.gif");
background-origin: padding-box;
background-position: 0px -1px;
background-repeat: repeat;
background-size: auto;
height: 40px;
left: 0px;
position: absolute;
width: 134px;
}
#page_header.p_head1 .right {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(78, 114, 154);
background-image: url("http://vk.com/images/hatvk3.gif");
background-origin: padding-box;
background-position: 100% -1px;
background-repeat: repeat;
background-size: auto;
}
#page_header .right {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(78, 114, 154);
background-image: url("http://vk.com/images/hat.gif");
background-origin: padding-box;
background-position: 100% -1px;
background-repeat: repeat;
background-size: auto;
height: 40px;
position: absolute;
right: 0px;
width: 10px;
}
#page_body {
float: left;
font-size: 11px;
margin-left: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 15px;
padding-top: 0px;
width: 631px;
}
#header_wrap1 {
border-bottom-color: rgb(243, 243, 243);
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(243, 243, 243);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(243, 243, 243);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(243, 243, 243);
border-top-style: solid;
border-top-width: 0px;
}
#header {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(233, 237, 241);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(217, 224, 231);
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: rgb(217, 224, 231);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(217, 224, 231);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(217, 224, 231);
border-top-style: solid;
border-top-width: 0px;
color: rgb(96, 115, 135);
font-size: 11px;
font-weight: 700;
line-height: 140%;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
position: relative;
}
#header1 {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(233, 237, 241);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(217, 224, 231);
border-bottom-style: solid;
border-bottom-width: 0px;
border-top-color: rgb(217, 224, 231);
border-top-style: solid;
border-top-width: 0px;
color: rgb(96, 115, 135);
font-size: 11px;
font-weight: 700;
line-height: 140%;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
position: relative;
}
#header h1 {
font-size: 11px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
}
#header1 h1 {
font-size: 11px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: hidden;
}
#wrap_between {
height: 0px;
overflow-x: hidden;
overflow-y: hidden;
}
#wrap2 {
border-bottom-color: rgba(100, 100, 100, 0.07843);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgba(100, 100, 100, 0.07843);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(100, 100, 100, 0.07843);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(100, 100, 100, 0.07843);
border-top-style: solid;
border-top-width: 0px;
}
#wrap1 {
border-bottom-color: rgb(217, 224, 231);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(217, 224, 231);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(217, 224, 231);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(217, 224, 231);
border-top-style: solid;
border-top-width: 0px;
}
#index, #ij_block {
line-height: 160%;
}
#index .content, #ij_block .content {
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
padding-top: 5px;
}
#side_bar ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
#side_bar ol li a {
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: currentColor;
border-left-style: none;
border-left-width: 0px;
border-right-color: currentColor;
border-right-style: none;
border-right-width: 0px;
border-top-color: currentColor;
border-top-style: none;
border-top-width: 0px;
display: block;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 3px;
padding-top: 4px;
}
#side_bar ol li a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: #e6ecfa;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
text-decoration: none;
text-shadow: 0px 1px 1px #FFF;
}
h2 {
border-bottom-color: rgb(218, 225, 232);
border-bottom-style: solid;
border-bottom-width: 1px;
color: rgb(69, 102, 142);
font-size: 13px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
</style>
</head>
<body>
<div class="scroll_fix_wrap" id="page_wrap">
<div>
<div class="scroll_fix" style="width: 1262px">
<div id="page_layout" style="width: 791px;">
<div id="page_header" class="p_head1 p_head_l0">
<div class="back"></div>
<div class="left"></div>
<div class="right"></div>
<div class="content">
<div id="top_nav" class="head_nav">
<a id="top_home_link" class="top_home_link fl_l" href="/"></a>
<div id="top_links">
<div class="fl_r" id="top_menu_wrap" style="display: none">
<a id="top_reg_link" class="fl_r top_nav_link" href="/join" style="display: none" onclick="return !showBox('join.php', {act: 'box', from: nav.strLoc}, {}, event)">регистрация</a>
</div>
<a class="fl_l top_nav_link" href="" id="top_back_link" onclick="return nav.go(this, event, {back: true})"></a>
</div>
</div>
</div>
</div>
<div id="side_bar" class="fl_l">
<div id="header1">
<h1 id="title">Меню</h1></div>
<br>
<ol>
<li>
<a href="">» Главная</a>
<a href="">» Форум </a><br><br>
<h2 style="padding-left: 6px">Моддинг</h2>
<a href=""> » Map </a>
<a href=""> » Mode </a>
<a href=""> » Scripts </a>
<a href=""> » Cmd </a>
</li>
</ol>
</div>
<div id="page_body" class="fl_r" style="width: 631px;">
<div id="header_wrap2">
<div id="header_wrap1">
<div id="header">
<h1 id="title">Добро пожаловать</h1>
</div>
</div>
</div>
<div id="wrap_between"></div>
<div id="wrap3">
<div id="wrap2">
<div id="wrap1">
<div id="content">
<div id="index">
<style>
.new_bar {
width: 500px;
margin-left: 50px;
background-color: rgb(236, 240, 247);padding: 10px;border-left: 1px solid #768fac;border-right: 1px solid #768fac;border-top: 1px solid #768fac;border-bottom: 1px solid #768fac;
}
.new_bar ol {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 11px;
}
.new_bar ol li a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: #f1f5f9;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
text-decoration: none;
border-left-color: #9ab1cc;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #9ab1cc;
border-right-style: solid;
border-right-width: 1px;
}
.new_bar ol li a {
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: #9ab1cc;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: #9ab1cc;
border-left-style: none;
border-left-width: 1px;
border-right-color: #9ab1cc;
border-right-style: none;
border-right-width: 1px;
border-top-color: #9ab1cc;
border-top-style: none;
border-top-width: 0px;
margin-left: 10px;
display: inline;
padding-bottom: 21px;
padding-left: 10px;
padding-right: 10px;
padding-top: 21px;
}
.new_bar ol li a:focus {
background-attachment: scroll;
background-clip: border-box;
background-color: #c9d8e6;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
text-decoration: none;
}
</style><br>
<div class="new_bar">
<ol>
<li>
<center>
<b style="color: #5e86a4;text-shadow: 1px 1px 1px #FFFFFF"> Pawno-Info.Ru </b>
<a href="">Зарегистрироваться</a>
<a href="">Войти</a>
</center>
</li>
</ol>
</div>
<br>
<center><img src="http://s017.radikal.ru/i434/1201/1a/7f1e609f0bb0.gif" style=""></center>
<div class="content" style="padding-top: 0px;">
<div style="font-size: 14px;">
<br><br>
<h2> Почему мы всегда впереди,перед другим сайтами?</h2>
<div style="color: #768fac;color: rgb(118, 143, 172); background-color: rgb(236, 240, 247);padding: 10px;border-left: 1px solid #768fac;border-right: 1px solid #768fac;border-top: 1px solid #768fac;border-bottom: 1px solid #768fac;box-shadow: 2px 2px 2px #e9eff6;"><b style="color: #5e86a4">»</b> Вежливый,адекватный персонал. <br>
<b style="color: #5e86a4">»</b> Большой выбор работ как и для сервера,так и для сайта. <br>
<b style="color: #5e86a4">»</b> У нас на <b>Pawno-Info</b> Проводятся различные конкурсы,с денежными призами. </div>
<br><br><br><br>
<h2> На Pawno-Info Можно найти:</h2>
<div style="color: #768fac;color: rgb(118, 143, 172); background-color: rgb(236, 240, 247);padding: 10px;border-left: 1px solid #768fac;border-right: 1px solid #768fac;border-top: 1px solid #768fac;border-bottom: 1px solid #768fac;box-shadow: 2px 2px 2px #e9eff6;"><b style="color: #5e86a4">»</b> Графику сделанную в программе PhotoShop.<br>
<b style="color: #5e86a4;">»</b> Web Дизайны,популярные движки для сайтов;форумов;блогов.<br>
<b style="color: #5e86a4;">»</b> Интересные модификации для серверов Sa:Mp.<br>
<b style="color: #5e86a4">»</b> Красивые работы по Map'ингу.<br>
<b style="color: #5e86a4;">»</b> Скрипты для сервера,которые будут привлекать игроков.<br>
<b style="color: #5e86a4;">»</b> Также на нашем проекте имеются Читы/Хаки/Баги разных серверов.<br></div><br>
<b style="color: #5e86a4;text-shadow: 1px 1px 1px #F2F2F2;color: #5e86a4;text-shadow: 0px 1px 1px #989898">Всё что выше перечисленно вы найдете в нашем <a href="pawno-ifo.ru">сайте</a>.</b>
<br><br><br><br><br>
<b style="font-size: 10px"> Дизайн VK.com <div style="color: #00bbff;text-shadow: 1px 1px 1px #e6e6e6"><marquee>Отредактированно KenJoker for Pawno-Info.Ru (c)</marquee></div> <br></b>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------
Работа #4:
- Потратил множество времяни
Что было сделано:
- Заглавная страница
- Сделан мониторинг
- Сделан бан лог
- Сделана страница с Администрацией проекта
- Сделал страницу для "Доната"
- Хорошо подобрал цвета
- Округлил контейнеры
- При наведении курсором на ссылку - цвет меняется
Минус: - Не отображается страница с мониторингом,не знаю что делать.
На заметку: Я не проверял БанЛог. Проверьте пожалуйсто сами,у себя на сайте.
БанЛог и Мониторинг был взят с раздела PHP.
Просмотреть шаблон,можно
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Скачать шаблон:
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Последнее редактирование модератором: