Шаблончик от KenJoker

KenJoker · 14 Янв 2012

Сделал еще один шаблон для пользователей Pawno-Info.

Время работы около 40 Минут.
Опписание: Есть менюшка,блок для описания,бар для ссылок вверху.

Demo:

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

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>
        </center>
      </div>
      <div id="header" style="float: right">
        <center>
          <img src="http://www.wiki.pawno-info.ru/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="width: 170px; color: rgb(0, 255, 131); font-size: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 1px 1px rgb(0, 0, 0)"> Меню </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>
    <style> 
 Внимание! Изображения и движ. строка были взяты из версии SoFLY! 
 Идея странички: KenJoker Просьба при копировании указывать автора!
 </style>
  </body>
</html>

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

Шаблончик от KenJoker

KenJoker

Компетентный