Мои работы. | Шаблоны by KenJoker.

KenJoker · 2 Фев 2012

Доброго времяни суток,ув. форумчани. Тему я эту создал в связи решением модератора @max@.

Работа #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.

Просмотреть шаблон,можно
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!

Скачать шаблон:
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!

Переход в группу "Пользователь"

Мои работы. | Шаблоны by KenJoker.

KenJoker

Изучающий