диз 1

свой стиль:

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
	background: #1C1C1C; 
}

#pun-navlinks #navawards{display:none;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 160px; top: 0px
}

#pun-navlinks a {
display: inline-block;
height: 31px;
margin-left: 1px;
}
#navindex a {background: url(http://s1.ipicture.ru/uploads/20120528/jFV1RiS8.png) no-repeat top center; width: 65px;}
#navuserlist a {background: url(http://s1.ipicture.ru/uploads/20120528/77Zze6t9.png) no-repeat top center; width: 68px;}
#navsearch a {background: url(http://s1.ipicture.ru/uploads/20120528/EN4t4yEz.png) no-repeat top center; width: 83px;}
#navprofile a {background: url(http://s1.ipicture.ru/uploads/20120528/HUO3eXMx.png) no-repeat top center; width: 83px;}
#navpm a {background: url(http://s1.ipicture.ru/uploads/20120528/P5Z7cVDJ.png) no-repeat top center; width: 50px;}
#navadmin a {background: url(http://s1.ipicture.ru/uploads/20120528/630qCIOv.png) no-repeat top center; width: 78px;}
#navlogout a {background: url(http://s1.ipicture.ru/uploads/20120528/ooV2C4B8.png) no-repeat top center; width: 102px;}
#navlogin a {background: url(http://s1.ipicture.ru/uploads/20120528/jhaTJHyk.png) no-repeat top center; width: 77px;}
#navregister  a {background: url(http://s2.ipicture.ru/uploads/20120528/VTcx1R9x.png) no-repeat top center; width: 150px;}
#navindex a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/jFV1RiS8.png) no-repeat top center; width: 65px;}
#navuserlist a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/77Zze6t9.png) no-repeat top center; width: 68px;}
#navsearch a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/EN4t4yEz.png) no-repeat top center; width: 83px;}
#navprofile a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/HUO3eXMx.png) no-repeat top center; width: 83px;}
#navpm a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/P5Z7cVDJ.png) no-repeat top center; width: 50px;}
#navadmin a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/630qCIOv.png) no-repeat top center; width: 78px;}
#navlogout a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/ooV2C4B8.png) no-repeat top center; width: 102px;}
#navlogin a:hover {background: url(http://s1.ipicture.ru/uploads/20120528/jhaTJHyk.png) no-repeat top center; width: 77px;}
#navregister a:hover {background: url(http://s2.ipicture.ru/uploads/20120528/VTcx1R9x.png) no-repeat top center; width: 150px;}
#pun-navlinks a span {display: none;}

.punbb textarea, .punbb select, .punbb input {background: url(http://s1.ipicture.ru/uploads/20120529/zixkTixK.png); border-radius: 5px 5px 5px 5px; border-color: #D5AF7F;}
#pun-main .formsubmit input {background: url(http://s1.ipicture.ru/uploads/20120529/zixkTixK.png); border-radius: 5px 5px 5px 5px; border-color: #D5AF7F;}
#pun-main .post-author ul {background: url(http://s1.ipicture.ru/uploads/20120529/euzkhTxT.png); border-radius: 3px 3px 3px 3px; border-style: solid; border: 0px; text-align: center;}
#pun-main .code-box {background: url(http://s1.ipicture.ru/uploads/20120529/zixkTixK.png); border-radius: 3px 3px 3px 3px; border-style: solid;}
#pun-main .quote-box {background: url(http://s1.ipicture.ru/uploads/20120529/zixkTixK.png); border-radius: 3px 3px 3px 3px; border-style: solid;}
.punbb textarea{background: url(http://s1.ipicture.ru/uploads/20120529/euzkhTxT.png); border-radius: 3px 3px 3px 3px; border-style: solid; border: 0px;}
#pun_wrap #pun #pun-ulinks.section .container {text-align: center; }
#pun_wrap #pun .section #tieser-bottom.container {text-align: center; }
#pun_wrap #pun #pun-navlinks.section .container {text-align: center; }
#pun_wrap #pun #pun-ulinks.section .container {text-align: center; }
#pun-title .title-logo span {display: none;}

#pun {background: url(http://s1.ipicture.ru/uploads/20120528/IA5UAsKU.png);
width: 731px;
padding-left: 19px;
padding-right: 19px; }


#pun-title, #pun-navlinks, .punbb select,
.punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb
.forum,.punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post,
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin
#pun-admain h2,
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post
.post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table,
.punbb th,
.punbb .quote-box, .punbb .code-box,
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal
.info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal
.info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box, .punbb .info-box,
li.pa-online {
border-style: none !important;
background-color: transparent !important; 
background-image: none;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
   border: none;
  color: #492619;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  color: #492619;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #1474C3;
  color: #6B221D;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #E1EDF7;
  color: #6B221D;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  color: #492619
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #D1D1D1;
  color: #492619
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #E1E1E1;
  color: #492619
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #0F5995;
  color: #6B221D;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #FFFFFF;
  color: #492619
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
   border: none;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
   border: none;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border: none;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
   border: none;
  }

/* CS2.5 */
.punbb th {
   border: none;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
   border: none;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
   border: none;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
   border: none;
  }

.punbb .divider {
   border: none;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
   border: none;
  }

li.pa-online {
   border: none;
  }

.punbb .post-sig dt {
  display: block;
  border: none;
  width: 250px;
  margin: 5px auto;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #6B221D;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #492619
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #943F39;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #6B221D;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #943F39;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #0080D7 #0060B7 #0050A7 #0060B7}
tr.iredirect div.icon {border-color: #DEDFDF #DEDFDF #DEDFDF #DEDFDF}
div.inew {border-color: #E6E6E6 #C6C6C6 #B6B6B6 #C6C6C6}

#pun-main div.catleft, #pun-main div.catright {display: none}

х.-верх:

Код:

<style>
#pun-main #profile1[action$="id=4"]{
display:none;
}
.punbb .post-sig dt {
  display: block;
  border: none;
  width: 250px;
  margin: 5px auto;
  }
</style>

<!-- шапкотекст -->
<div style="position: absolute;
top: -70px;
left: 240px;
width: 500px;">
<table><tr><td align="right"><img src="http://s2.ipicture.ru/uploads/20120528/7OlTIrL5.png" border="0">
<br>
Если ты не ведаешь за собой ничего достойного сожаления, значит у тебя либо завидно избирательная память, либо жалкая жизнь.<br>
<small><i>Dragon Age: Origins.</i></small></td></tr></table>
</div>

<!-- шапка -->
<style type="text/css">
#pun {
width: 731px;
margin: 430px auto 0 auto;}

html {
background: #1C1C1C url(http://s1.ipicture.ru/uploads/20120528/5t6tRV14.png) no-repeat top center !important;
}
</style>

<style>
</style>

х.-низ:

Код:

<!-- запятуйка -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!-- штучкавсообщение -->
<script type="text/javascript">
var nrisunok="http://s1.ipicture.ru/uploads/20120529/1N3x15SQ.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<!-- кнопки -->
<style>
.punbb table Div.icon {float: left; display: block; width: 70px; height: 70px; border-style: none; background-image: url(http://s2.ipicture.ru/uploads/20120528/LWIvCW76.png); background-repeat: no-repeat; position: relative; margin-right: 3px;}
TR.inew Div.icon {
background: url(http://s2.ipicture.ru/uploads/20120528/op5uC5eg.png) no-repeat; }
</style>

<!-- табла -->
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 680;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  
  $('#slidesContainer').css('overflow', 'hidden');
  
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
 
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }

    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

<!-- пр-вход -->
<style>.Myimge {position:absolute;margin-top:-0px;cursor:pointer;}</style>
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://s1.ipicture.ru/uploads/20120529/dRBbREPT.png\" onmouseover=\"this.src='http://s1.ipicture.ru/uploads/20120529/dRBbREPT.png' \" onmouseout=\"this.src='http://s1.ipicture.ru/uploads/20120529/dRBbREPT.png'\" /></span>";
if($("#navlogin").html()!=null){
$("#navlogin").append(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Ра-та-та.

Меню навигации

Пользовательские ссылки

Информация о пользователе

диз 1

Сообщений 1 страница 1 из 1

Поделиться12012-08-20 11:22:05