Единый форум поддержки

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (40)


Общие вопросы по оформлению (40)

Сообщений 701 страница 720 из 1000

701

TaoShKa
Здравствуйте.

TaoShKa написал(а):

Помогите пожалуйста найти скрипт для объявления, как на этом форуме: http://junjousekai.rolka.su

Код:
<style type="text/css">
#menu {
padding-left: 20px;
text-align: center;
}

#menu a {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 100px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: #65065f;
}
</style>
<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>

<table style="width: 100%;">
 <tbody>
  <tr>
   <td>
    <div id="menu">
     <a onclick="subMenu(this,'sm1')" style="cursor: pointer;">Заголовок 1</a>
     <a onclick="subMenu(this,'sm2')" style="cursor: pointer;">Заголовок 2</a>
     <a onclick="subMenu(this,'sm3')" style="cursor: pointer;">Заголовок 3</a>
     <a onclick="subMenu(this,'sm4')" style="cursor: pointer;">Заголовок 4</a>
     <a onclick="subMenu(this,'sm5')" style="cursor: pointer;">Заголовок 5</a>
     <a onclick="subMenu(this,'sm6')" style="cursor: pointer;">Заголовок 6</a>
     <a onclick="subMenu(this,'sm7')" style="cursor: pointer;">Заголовок 7</a>
    </div>
   </td>
  </tr>
  <tr>
   <td align="center">
    <div id="submenu">
     <div id="sm1" class="submenutext"><br /><br />Текст 1</div>
     <div id="sm2" class="submenutext"><br /><br />Текст 2</div>
     <div id="sm3" class="submenutext"><br /><br />Текст 3</div>
     <div id="sm4" class="submenutext"><br /><br />Текст 4</div>
     <div id="sm5" class="submenutext"><br /><br />Текст 5</div>
     <div id="sm6" class="submenutext"><br /><br />Текст 6</div>
     <div id="sm7" class="submenutext"><br /><br />Текст 7</div>
    </div>
   </td>
  </tr>
 </tbody>
</table>

+1

702

rps написал(а):

Primrose
http://tps.bbmy.ru

:glasses: Придецо регацо, чтобы засмотреть

0

703

Deff
Там где-то ошибка?

0

704

rps
Та не,  - с гостя ти закрыл форум

0

705

rps написал(а):

http://tps.bbmy.ru

прошу прощения, но не знаю, что делать после перехода по адресу. не объясните?

Deff написал(а):

Придецо регацо, чтобы засмотреть

хорошо, сейчас зарегюсь)

0

706

rps
у вас лучше получилось, не подскажите, как вы это сделали?

0

707

Deff написал(а):

Та не,  - с гостя ти закрыл форум

Да? Вроде б открыт был... Сейчас проверю.

Primrose написал(а):

у вас лучше получилось, не подскажите, как вы это сделали?

Уберите из ХТМЛ-низ, из самого конца

Код:
<img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/27449.jpg" style="padding-left:4px; margin-top:-50px; margin-left: -10px;"></div>

ХТМЛ-верх замените на:

Код:
<div id="profileSide"></div>
    <script type="text/javascript">
    function saveCookie(side){
    var c_date = new Date();
    c_date.setTime(c_date.getTime()+99999999999)
    date = c_date.toGMTString();
    document.cookie="profileSide="+side+"; expires="+date
    }

    function getSide(side){
    if(side==0 && document.cookie.indexOf("profileSide")!=-1){
        side = document.cookie.substring(document.cookie.indexOf("profileSide=")+12, document.cookie.indexOf("profileSide=")+13)
    }
    if(side=="L"){
        document.getElementById("profileSide").innerHTML="";
    } else if(side=="R"){
        document.getElementById("profileSide").innerHTML="<s"+"tyle type=\"text/css\">.punbb .post h3 span {border-right: 1px solid transparent;border-left: none;padding: 0.5em 1em;display: block; text-align: right;margin-right: 19em;margin-left: 0;}.punbb .post h3 strong {float: left;text-align: left;}.punbb .post .post-author, .pl-email, .pl-website {float: right;}.punbb .post-body {margin-right: 19em;margin-left: 0;border-right: 1px solid;border-left: none;}.punbb .post-links {margin-right: 19em;margin-left: 0em;border-right: 1px solid transparent;border-left: none;}.punbb .post-links ul {margin-right: -19em;margin-left: 0em;text-align: left;}.post-rating {float: left;}</st"+"yle>";
    }
    }
    getSide(0)
    </script>


<style type="text/css">
.stickytext {display:none}
</style>

<div style="position:absolute; left: 15px; top:375px; background-image: url(); color: #a77e35; width: 250px; height: 150px">

<div align=center>
<a href="http://saintvampireacademy.rolka.su/profile.php?id=4" target="_blank" title="Адриан"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/60261.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=3" target="_blank" title="Мия"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/79329.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=6" target="_blank" title="Александр"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/72162.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=109" target="_blank" title="Анели"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/84553.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=182" target="_blank" title="Рей"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/92127.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=47" target="_blank" title="Оливия"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/73076.jpg" border="0" width="30"></a>

<br>

<a href="http://saintvampireacademy.rolka.su/profile.php?id=156" target="_blank" title="Сидни"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/56914.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=50" target="_blank" title="Кристиан"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/99057.jpg" border="0" width="30"></a><a href="http://saintvampireacademy.rolka.su/profile.php?id=62" target="_blank" title="Менди"><img src="http://vampireacademy.nc-21.ru/files/0010/f2/9e/67281.jpg" border="0" width="30"></a>

</div>

</div>


<div style="position:absolute; left: 550px; top: -100px; background-image: url(); color: #c8ab47; width: 200px; height: 100px"><div align=center><i>В целях удачного отображения сайта, рекомендуем использовать следующие браузеры: Mozilla Firefox, Opera и Google Chrome</i></div>
</div>


<style type="text/css">
/* =Hoverbox Code= */
.hoverbox { cursor: default; list-style: none; padding: 0;}
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; }
.hoverbox img { background: transpanent; border-color: transpanent; border-style: solid; border-width: 0px; color: inherit; padding: 2px; vertical-align: top; }
.hoverbox li { background: white; color: inherit; display: inline; float: left; margin: 5px 10px 5px -25px; padding: 0px; position: relative; }
.hoverbox li.text { background: white; color: inherit; display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: transpanent; } 
/* ----------------- */
</style>

<style type="text/css">
.lastedit {display:none}
</style>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>

<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

<script src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">  
    /* jQuery уже подключен */  
</script>

И сам стиль:

Код:
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type=checkbox], .radiofield input[type=radio] {margin: 0 0.3em;}

/* A2.7 */
p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 95.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
/* ширина форума проставляется здесь */
#pun {
  margin: auto;
  width: 800px;
  position: relative;


  }

/* A5.2 */
.punbb {
  height: auto;
  width: 760px;
  margin: 0 auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: -550px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: none;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;

  }


/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  background-color: transparent;
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
background-color: transparent;
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
background-color: transparent;
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
background-color: transparent;
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
background-color: transparent;
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
    .punbb .main .tcl {
      border-left-style: none;
      border-left-width: 0
      }

    * html .tclcon {height: 1px}

    /* C2.14 */
    .punbb td div.tclcon {
            margin-left: 50px;
    }

    /* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 60px;
        height: 60px;}
 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}



/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;

  }

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

  }

/* 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-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #d6d6d6;

  }

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

  }

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

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
  border-left-color: transparent ;

  }








/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */


.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none;
  }

/* D1.2 */
#pun-title h1 {
  display: none;
  padding: 0;
  }

/* D1.3 */
#pun-title .container {
  border-style: none none none none;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 0;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title h1 span  {
  font-size: 0;
  }


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }




/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

/* D.3 */
#pun-navlinks li {
  display: inline;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */

#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }
Код:
/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;}

/* CS1.2 */
html {
  background: #291c14 url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/75487.jpg) top center;
}

body {
background: transparent url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/92191.jpg) no-repeat top center;
padding-top: 600px !important;
}

#pun_wrap {
  background: transparent url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/27449.jpg) no-repeat bottom center;
  padding-bottom: 60px !important;
}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #efd88b; background-image: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/94669.jpg); color: #2d1f11;}




/* CS2 Ссылки */

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #360101;
  text-decoration: none;
}

/* CS2.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: #360101; 
  text-decoration: none;

}



/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 10px;
margin-right: 10px;
width: 30px;
height: 30px;
background-image : url();
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url();
background-repeat: no-repeat;
width: 30px;
height: 30px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url();
background-repeat: no-repeat;
width: 30px;
height: 30px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url();
background-repeat: no-repeat;
width: 30px;
height: 30px;}

.category h2 {
  margin-left: -20px !important;
}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/33753.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category2.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/10436.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category3.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/71125.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category4.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/10145.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category5.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/15968.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category6.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/75530.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category7.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/90971.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}

#pun-category8.category h2 {
background: url(http://vampireacademy.nc-21.ru/files/0010/f2/9e/84297.png);
height: 60px;
width: 800px;
background-repeat : no-repeat;
font-size:0 !important;
margin-left: 0px;}



/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 10px 50px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 50px;
padding-top: 50px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 10px;
width: 800px;
margin-left: 0px;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #eed88d; 
background-image: url("адрес");
color: #3e250c}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px }

.punbb input { border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
box-shadow: 0px 0px 0px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #eed88d; color: #3e250c; padding-left: 5px; }

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -100px;
}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color: #1f1a19;
color: #778b4b; 
font-weight: normal;
text-align:center;
display: block;
font-weight: bold;
margin-left: 7px;
text-decoration: none;
border-left-style: solid;
border-left-color: #778b4b;
border-left-width: 0px;
width:150px;
height:20px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #708972; 
background-color:#1f1a19;
display: block;
font-weight: bold;
text-align:center;
text-decoration: none;
border-left-style: solid;
border-left-color: #708972;
border-left-width: 0px;
width:150px;
height:20px;
}





/* CS7.1 */
#pun-navlinks a {
  color: #efd88b;
  text-decoration: none;
  font-size: 17px !important;
  text-shadow: #000 1px 1px 1px, #9d632a 1px 1px 2px ;
  font-family: Monotype Corsiva;
}

/* CS7.2 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #c8ab47;
  text-decoration: none;
  text-shadow: #000 1px 1px 1px, #9d632a 1px 1px 2px ;
  font-size: 100%;
  font-family: Monotype Corsiva;
}

/* CS7.3 */
#pun-ulinks a {
  color: #efd88b;
  text-decoration: none;
  font-size: 14px;
  text-shadow: #000 1px 1px 1px, #9d632a 1px 1px 2px ;
  font-family: Monotype Corsiva;
}

/* CS7.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #c8ab47;
  text-decoration: none;
  font-size: 14px;
  text-shadow: #000 1px 1px 1px, #9d632a 1px 1px 2px ;
  font-family: Monotype Corsiva;
}

0

708

Добрый день,у меня почти тоже, что и у Primrose, только нужно сдвинуть текстовую часть от краев, возможно так сделать?
http://tmw.mybb.ru/

0

709

rps
огромное Вам спасибо!

как появится возможность - поставлю плюсы. честно, спасибо большое!!!

0

710

ребят, у меня вопрос:
у меня шапка стоит в хтмл и мне нужно поднять панель форум/участники/т.д. выше. Он в админке получается настолько поднимает, что я и не вижу эту панель. Можно ли поднять панель как-то через хтмл?
http://savepic.net/2414178.jpg
примерно так должно выглядеть. + боковая сделана в фоне никак не хочет становиться. На всех разрешениях по разному. Как разобраться с проблемой?
http://crimeempire.rusff.ru/
вот что у меня. Даже без боковой. Возможно ли поставить такой дизайн на форум?

Отредактировано #watershine (Пн, 30 Янв 2012 13:10:06)

0

711

у меня тоже вопрос, хотя возможно и глупый, но в дизайне я новичок.
мне вот интересен задний фон этого форума
задний фон и округлые края форума мне говорили надо делать заготовку ну вот допустим
http://uploads.ru/t/f/w/5/fw5Gi.png
это мой форум http://alexqwer.mybb.ru/
подскажите как такое сделать, а точнее вставить?

0

712

alinesa
Ну, к примеру замените второе Окно стиля на такой код:

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-image: url(http://uploads.ru/i/f/w/5/fw5Gi.png);
background-color:#505050;
background-repeat: no-repeat!important;
background-attachment: scroll;
background-position: center top;
padding-top:590px!important;
}
/* 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 {
  background-color: #transparent;
  color: #000000;
  }

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

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

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #C0C0C0;
  color: #000000;
  }



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

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

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

/* CS1.8 */
#pun-navlinks .container {
  background-color: #transparent;
  color: #000000;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #transparent;
  color: #000000
}

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

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

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #B0B0B0; border-style:none !important;
  }

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

/* 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-color: #C0C0C0; border-style:none !important;
  }
#pun-title,
#pun-title table {
background-image: none;
background-color: transparent;
height:70px!important;
}
#pun{
background-color: #D1CCB9;
}


/* CS2.5 */
.punbb th {
  border-color: #C0C0C0; border-style:none !important;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #A0A0A0 #E0E0E0 #E0E0E0 #A0A0A0; border-style:none !important;
  }

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

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

.punbb .divider {
  border-color: #A0A0A0 #E0E0E0 #E0E0E0 #E0E0E0
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #C0C0C0;
  }

.punbb .post-sig dt {
  border-top-color: #BBCEDE !important;
  }


/* 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: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* 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: #FFFFFF;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  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 {background-image : url(http://uploads.ru/i/X/t/9/Xt9PC.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(http://uploads.ru/i/Z/O/n/ZOnqS.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://uploads.ru/i/G/u/Z/GuZQg.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://uploads.ru/i/9/C/X/9CX3s.png); background-repeat: no-repeat;}

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

0

713

Deff
спасибо вам огромное. простите за вопрос, но а какой код нужен для построения? просто я как только не пыталась...
ах и при возможности с меня +

0

714

Здравствуйте!
У меня на форуме шапку обрезают границы форума:
http://uploads.ru/t/2/s/E/2sEld.png
(На картинке изображена желтая лента, которая обрезалась после красной линии)
Вот CSS шапки:

Код:
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 0px;
  border-style: double;
  border: none;
  margin-bottom: 0px;
}
/* D1.2 */
#pun-title h1 {
  display : block;
  height: 448px;
margin-bottom: -1px;
}
/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }
/* D1.4 */
#pun-title h1 span {
  display: none;
}
#pun-title TABLE {
  border: none;
  height: 448px;
  width: 100%; margin-bottom: 0px; margin-top: 0px;
}
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%; height: 448px;
}

0

715

Пушок
Ссылку на форум дайте

0

716

Deff
http://helpcw.rusff.ru

0

717

alinesa
Я не понял, что Опять не так ?

Весь код был

body {
background-image: url(http://uploads.ru/i/f/w/5/fw5Gi.png);
background-color:#505050;
background-repeat: no-repeat!important;
background-attachment: scroll;
background-position: center top;
padding-top:590px!important;
}

Красным картинка, прокрутка вместе с форумом, отступ форуму от верха

Остальное было убрать картинку с #pun-title table и сократить его высоту до высоты банера( 70px)

0

718

Пушок
Ну первое - Желательно обрезать картинку шапкуи в размер - поскольку сейчас центрирование не точное
Второе

#pun-title TABLE {
  border: none;
  height: 448px;
  width: 912px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: -32px;
}

Указать явно ширину - и ликвидировать смещение (* margin-left: -32px;), появляющееся за счет большей ширины чем форум

0

719

Здравствуйте, подскажите пожалуйста, ставлю скрипт для картинки в каждую категорию. Все картинки, кроме двух категорий в центре - отображаются нормально. Но две почему-то совсем отказываются отображаться...
вот скрипт.

Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Начало начал", "http://uploads.ru/i/y/F/N/yFN6C.png",
"Эльдорадо - город мечты", "http://uploads.ru/i/I/n/M/InMbv.png",
"Пригород", "http://uploads.ru/i/9/D/i/9Dib8.png",
"Television Center", "http://uploads.ru/i/J/R/l/JRlkx.png",
"Журнал", "http://uploads.ru/i/h/z/W/hzWpO.png",
"Модельное агентство", "http://uploads.ru/i/X/R/p/XRpDk.png",
"Личные вещи", "http://uploads.ru/i/0/G/w/0Gwya.png",
"Флешбек", "http://uploads.ru/i/m/Y/v/mYvXL.png",
"Флудильня", "http://uploads.ru/i/9/k/Y/9kYzc.png",
"Реклама", "картинка",
"Архив", "картинка",
"Администраторская", "картинка",
"Статистика форума", "картинка"    //Последний элемент без запятой!  
)

        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
 for(q=0;q<myarray.length;q++){

var cssObj = {
   "height":"50px",
   "background-color": "transparent",
   "background-image":"url("+myarray[q+1]+")",
   "background-position":"50% 50%",
   "background-repeat":"no-repeat"       //Последний элемент без запятой!
}

        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
 });
</script>

Категории Журнал и модельное агенство.

http://eldorado.rusff.ru/

0

720

Танюшка1482
Картинки ставятся по точному названию категории - категории журнал -у Вас нет
Она у Вас Журнал Eldorado life
Модельное агентство &quot;My dreams&quot; - Лучше у Модельного - сократите название - Нафига так мудрить - коль названия все одно скрыты и ставяцо картинками

+1


Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (40)