Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Адаптирование стилей
Здравствуйте. У меня возникла небольшая проблема. Я переезжал с rolka.su на mybb и решил адаптировать уже готовый дизайн. Возможно ли это сделать? Все файлы с сервера находятся по ссылке.
http://openfile.ru/667243/
Отредактировано Deth (Ср, 11 Авг 2010 05:28:04)
Deth
Здравствуйте.
Здравствуйте. У меня возникла небольшая проблема. Я переезжал с rolka.su на mybb и решил адаптировать уже готовый дизайн. Возможно ли это сделать? Все файлы с сервера находятся по ссылке.
http://ifolder.ru/18853088
МайББ и Ролка.сью - это один сервис, поэтому достаточно перенести код с одного форума на другой.
Отредактировано rps (Ср, 11 Авг 2010 05:07:47)
Ясно, спасибо. Я немного неправильно поставил вопрос. Дизайн делала сторонняя контора с которой в данный момент невозможно связаться, форум был удален, но я успел скопировать его на жесткий диск. Теперь я хочу поднять дизайн но не знаю как это сделать, у меня куча папок с CSS таблицами и картинками и куда и что я как то теряюсь. Ссылку случайно оставил не ту, сейчас изменю.
Deth
Это добавьте в первое окно стиля:
/*************************************************************
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: 100.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 {
color:#140800;
font-size:1em;
font-weight:normal;
}
.punbb th {
color: #594741;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-family: Georgia,serif;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.punbb legend span {
background-color: #FDF9F0;
font-family: Georgia,serif;
font-size: 1.1em;
font-variant: small-caps;
text-transform: none;
}
/* 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
-------------------------------------------------------------*/
#pun_wrap {
margin: 0;
}
/* A5.1 */
#pun {
position: relative;
background: transparent;
min-width: 900px;
}
/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}
/* A5.4 */
.punbb .section {
margin-bottom: 0;
}
.punbb .section#html-footer, .punbb .section#pun-about {
margin-bottom: 0;
}
.punbb .section#pun-ulinks {
margin-bottom: 0;
}
/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0;
}
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
/* 5.7 */
#pun-post .topic {
margin-top: 0;
}
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
border-style: none;
}
.punbb .category {
background-color: transparent;
background-image:url("../../../../uploads/000c/dd/b7/100-5-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/100-5-f.gif*/);
background-position:right bottom;
background-repeat:repeat-x;
padding-bottom: 15px;
}
.punbb .formal {
background:none;
padding-bottom: 0;
}
.formal #form-area {
background-image:url("../../../../uploads/000c/dd/b7/5-1.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/5-1.gif*/);
background-position:right top;
background-repeat:repeat-x;
}
#punbbsearch {
background-color: transparent;
background-image:url("../../../../uploads/000c/dd/b7/9-1-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/9-1-f.gif*/);
background-position:right top;
background-repeat:repeat-x;
}
/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 0;
}
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding:16px 0 29px 2.3em;
}
/*************************************************************
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 #e3d7c8;
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 {
border-style:solid;
border-width:1px;
margin:0.4em 1.8em 1.4em;
padding:1em;
}
.punbb .post-content .code-box {
width: 578px;
}
/* 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%;
color:#6F544B;
height: 0;
}
/* B3.2 */
.multipage, .statscon {
margin-top: 0;
padding-bottom: 15px;
background: transparent url("../../../../uploads/000c/dd/b7/8-4-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/8-4-f.gif*/) repeat-x bottom left;
}
/* B3.3 */
.linkst .pagelink {
left:10px;
position:absolute;
top:-1.4em;
width:24em;
}
/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}
/* B3.5 */
.punbb .linksb {
background-color: transparent;
background:url("../../../../uploads/000c/dd/b7/9-1-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/9-1-f.gif*/) repeat-x top;
color:#6F544B;
text-align: right;
padding: 1em 1em 0.7em 1em;
}
.punbb #profile .linksb {
background:none;
}
/* 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: 1em 2em;
}
/* 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;
margin:1em 0 0;
padding:0 18px;
}
/* C1.5 */
.punbb fieldset legend {
background-color: transparent;
color:#67ACD2;
font-family:georgia,serif;
font-size:1.1em;
font-variant:small-caps;
letter-spacing:0.1em;
padding: 0 5px;
}
/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0;
}
/* C1.8 */
.punbb .fs-box {
margin:1em -1px -1px;
padding-bottom:1em;
}
.punbb #messages .fs-box {
margin:1em -19px -1px;
}
/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 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 */
}
.punbb .formal span.input {
padding-right:0 !important;
}
/* 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 {
background:url("../../../../uploads/000c/dd/b7/10-3.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/10-3.gif*/) repeat-x scroll right bottom transparent;
overflow:hidden;
text-align:left;
width:50%;
}
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 7%;
}
/* C2.3 */
.punbb .main .tcr {
background:url("../../../../uploads/000c/dd/b7/10-3.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/10-3.gif*/) repeat-x scroll left bottom transparent;
overflow:hidden;
text-align:center;
width:25%;
}
.punbb .main thead .tcr {
background:url("../../../../uploads/000c/dd/b7/9-2.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/9-2.gif*/) repeat-x scroll left bottom transparent;
overflow:hidden;
text-align:center;
width:25%;
}
/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
width: 30%;
}
/* C2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
text-align: center;
width: 20%;
}
/* C2.6 */
#pun-debug table .tcl {
width: 15%;
white-space:normal;
}
/* C2.7 */
#pun-debug .tcr {
width: 90%;
white-space: normal;
}
/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
font-family: Georgia, serif;
font-variant: small-caps;
}
/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
/* C2.10 */
.punbb td .modlist {
display: block;
font-size: 0.9em;
padding-top: 0.3em;
}
/* C2.11 */
.punbb .main td {
border-style: none;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}
/* C2.12 */
.punbb .main th {
border-style: none;
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
}
.punbb .main thead .tcl, .main thead .tc2, .main thead .tc3, .main thead .tcr, .main thead .tcmod{
background:url("../../../../uploads/000c/dd/b7/9-2.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/9-2.gif*/) repeat-x scroll right bottom transparent;
color:#837976;
}
/* C2.14 */
* html .tclcon {
height: 1px;
}
/* C2.14 */
.punbb td div.tclcon {
margin-left: 76px;
}
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 70px;
height: 64px;
padding-top: 1px;
margin-top: 1px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
border-style: none solid;
border-color: #f9f9f9;
border-width: 1px;
margin-top: -1px;
}
.punbb .post-rating .container {
background-color: transparent;
}
/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}
/* C3.3 */
.punbb .post h3 span {
-moz-background-inline-policy:continuous;
background:url("../../../../uploads/000c/dd/b7/16-1-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/16-1-f.gif*/) repeat-x scroll left bottom transparent;
border-left-style:solid;
border-left-width:1px;
display:block;
margin-left:19em;
padding:0.5em 1em;
}
/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}
/* C3.5 */
.punbb .post .post-author {
background:transparent url("../../../../uploads/000c/dd/b7/13-4.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/13-4.gif*/) no-repeat scroll center top;
float:left;
margin-top:-1.8em;
overflow:hidden;
padding-top:2.8em;
width:19em;
}
.punbb .post .post-author .pa-author, .punbb .post .post-author .pa-title, .punbb .post .post-author .pa-avatar {
text-align: center;
}
/* 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;
padding-bottom: 0.2em;
padding-top: 1em;
}
/* C3.8 */
.pa-author a {
font-family: Georgia, serif;
font-size: 1.1em;
text-decoration: none;
}
.pa-author a:hover {
text-decoration: underline;
}
/* C3.9 */
li.pa-title {
font-weight:bold;
padding-top:0.3em;
}
li.pa-online {
border-left-style: solid;
border-left-color: #b2d5ed;
border-left-width: 0.7em;
padding-left: 0.6em;
margin-top: 0.8em;
}
/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
background-image: url("../../../../uploads/000c/dd/b7/5-4-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/5-4-f.gif*/);
background-position: right bottom;
background-repeat: no-repeat;
}
/* 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 {
background: url("../../../../uploads/000c/dd/b7/8-3.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/8-3.gif*/) repeat-x top left transparent;
height: 2em;
line-height: 2em;
margin-left: -19em;
padding: 0 1em 0 0;
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;
border-top:1px solid #c7ac7d;
}
/* 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;
}
.info, #poll-special {
background: transparent url("../../../../uploads/000c/dd/b7/5-1.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/5-1.gif*/) repeat-x top;
}
/* 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;
margin-top: 1em;
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;
}
#pun-userlist .formal .container {
background: transparent url("../../../../uploads/000c/dd/b7/9-1-f.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/9-1-f.gif*/) repeat-x top;
}
/* C7.2 */
#pun-userlist .usertable .container {
border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
border-style: none;
background-color:#F8F0E3;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: none;
border-width: 1px 1px 0 1px;
}
/* D1.2 */
#pun-title h1 {
display: none;
height: 40px;
padding: 2em 1em 0 1em;
}
/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}
/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}
#pun-title table {
border: none;
height: 5px;
width: 100%;
background: #ede8e4 url("../../../../uploads/000c/dd/b7/27-3-f.jpg"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/27-3-f.jpg*/) repeat-x scroll 0 0;
background-position: center bottom;
}
#pun-title tr#title-logo-tr {
border: none;
font-size: 0;
color: transparent;
width: 100%;
height: 76px;
}
#pun-title td.title-logo-tdl {
border: none;
font-size: 0;
color: transparent;
width: 100%;
}
#pun-title table tbody tr .title-logo-tdr {
z-index: 1;
}
/* 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-left-style: solid 1px;
border-right-style: solid 1px;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
font-family: Georgia, serif;
font-size: 0.9em;
padding: 0.7em 1em;
text-align: center;
text-transform: uppercase;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding: 0;
margin: 0;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-top: 0px;
}
/* D4.2 */
#pun-ulinks .container {
text-align: center;
padding: 0.7em 1em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
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;
color: #837976;
}
/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}
/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0em;
}
/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-bottom:-3px;
}
/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
color: #837976;
}
/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: 0;
position: relative;
z-index: 1;
border-top-color: #c7ac7d;
border-bottom-color: #eaeaea;
}
/* 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;
background-colour: #eaeaea;
}
div#pun-announcement h2 {
display:none;
}
#pun-announcement .container {
padding: 0px;
}
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
background-color:#FDF9F0;
padding:0.8em 1em;
}
#pun-stats ul.container {
background-color: transparent;
background-image:url("../../../../uploads/000c/dd/b7/13-5.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/13-5.gif*/);
background-position:9px 25px;
background-repeat:no-repeat;
padding:2.5em 1em 0.8em 84px;
}
#pun-stats {
background-color: transparent;
}
/* 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;
float: left;
}
/* 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;
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;
color: #837976;
}
/* D8.8 */
#pun-break4 {
margin: 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;
}
/* D9.9 */
#font-area, #size-area, #color-area, #smilies-area, #imageup-area, #keyboard-area {
background-color:#F8FAFD;
border:1px solid #ccc;
position:absolute;
right:1%;
top:43px;
}
.lastedit {
display:none;
}
#tieser-bottom {
background:url("../../../../uploads/000c/dd/b7/2-1.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/2-1.gif*/) repeat-x scroll center top transparent;
background-color:#F8F0E3;
}Это во второе окно стиля:
div.tclcon, td.tcr, td.tc2, td.tc3 {
color: #6F544B;
}
#pun-navlinks ul.container li {
margin-left: -2px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#pun-navlinks ul.container li#navindex {
background-image: none;
}
#pun-navlinks ul.container li a {
padding: 6px;
}
#pun-navlinks ul.container li a:hover{
background-color: none;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body{
background-color: #fdf9f0;
color: #fdf9f0;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #f8f0e3;
color: #140800;
}
.punbb .section#pun-about p.container {
background-repeat: no-repeat;
background-color: #f8f0e3;
}
.punbb .section#pun-ulinks .container {
background-color: transparent;
display: none;
}
.punbb td.tc2, .punbb td.tc3 {
background-repeat: no-repeat;
background-position: left bottom;
}
.punbb td.tc3 {
background-repeat: no-repeat;
background-position: right bottom;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #6F544B;
}
.punbb-admin #pun-admain .adcontainer legend, .punbb-admin #pun-admain .adcontainer, .punbb-admin #pun-admain .adcontainer fieldset, .punbb-admin #pun-admain .adcontainer .adfs-box, .punbb-admin #pun-admain .adcontainer .adfs-box p, .punbb-admin #pun-admain .adcontainer .adfs-box p .adlabel {
background-color: transparent;
color: #033559;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h2 {
background-color: transparent;
background-image:url(http://forumupload.ru/uploads/000c/dd/b7/2-2-f.gif);
background-position:right top;
background-repeat:repeat-x;
color:#033559;
font-weight:bold;
margin-top:0;
text-shadow:0 0 6px #FFFFFF;
}
.punbb .main h1, #pun-debug h2 {
background-color: transparent;
background-image:url(http://forumupload.ru/uploads/000c/dd/b7/5-3-f.gif);
background-position:left top;
background-repeat:repeat-x;
color:#033559;
font-weight:bold;
margin-top:0;
text-shadow:0 0 6px #FFFFFF;
}
.punbb-admin #pun-admain h2 {
background-color:#F8F0E3;
color:#033559;
font-weight:bold;
margin-top:0;
text-shadow:0 0 6px #FFFFFF;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color:#3a1900;
}
.punbb .modmenu .container {
background-color: #f8f0e3;
color:#3a1900;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #FDF9F0;
color: #033559;
}
/* CS1.6 */
.punbb .post h3 span {
background: #fdf9f0;
color: #3a1900;
}
.punbb th {
background: #e1e1e1;
color: #3a1900;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color:#F8FAFD;
color:#594741;
}
/* CS1.8 */
#pun-navlinks .container {
background:transparent url(http://forumupload.ru/uploads/000c/dd/b7/8-1-f.jpg) repeat scroll center center;
}
.offline li.pa-online strong {
font-weight: normal
}
#pun-announcement{
color: #033559;
}
.punbb textarea, .punbb select, .punbb input {
color:#000;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .post-body, .post h3, #pun-title {
border-left-color: #EAEAEA;
border-right-color: #EAEAEA;
border-top-color: #c7ac7d;
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
border-color: #c7ac7d;
}
.punbb-admin #pun-admain h2 {
border-color: #F8F0E3;
}
/* CS2.4 */
.punbb td, .punbb fieldset {
border-color: #E3D7C8;
}
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb .post .post-body, #viewprofile ul, #profilenav ul {
border-color: #c7ac7d;
}
/* CS2.5 */
.punbb th {
border-color: #c7ac7d;
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #CCCCCC;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #c7ac7d;
}
#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 #C1C1C1;
}
li.pa-online {
border-left-color: #с1с1с1;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #923412;
}
.punbb a:visited {
color: #923412;
}
.punbb a:active, .punbb a:focus {
color: #e69e3c;
}
.punbb a:hover {
color: #67acd2;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #033559;
}
/* CS3.2 */
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #999;
}
/* CS3.3 */
#pun-navlinks a {
color: #033559;
text-decoration: none;
font-weight:bold;
text-shadow:0 2px 6px #FFFFFF;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #923412;
text-decoration: none;
font-weight:bold;
text-shadow:0 2px 6px #ffa2a2;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #fff;
color: #033559;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://forumupload.ru/uploads/000c/dd/b7/9-5.jpg) no-repeat;
}
tr.inew div.icon {
background: url(http://forumupload.ru/uploads/000c/dd/b7/5-2.gif) no-repeat;
}
tr.iclosed div.icon {
background: url(http://forumupload.ru/uploads/000c/dd/b7/1-3.gif) no-repeat;
}
tr.iredirect div.icon {
background: url(http://forumupload.ru/uploads/000c/dd/b7/1-5.gif) no-repeat;
}
tr.isticky div.icon {
background: url(http://forumupload.ru/uploads/000c/dd/b7/1-4.gif) no-repeat;
}
td.tcr a {
background: transparent url(http://s16.radikal.ru/i191/1005/35/561abe292a2d.gif) no-repeat 5px 50%;
padding-left: 20px;
}
/*******************************/
/********** PM Tables. ************/
/*******************************/
.punbb .main div.fs-box td.tc2.pmtc22, .punbb .main div.fs-box td.tc3.pmtc33, .punbb .main div.fs-box td.tc2.pmtc24 {
border-style: none;
}
.punbb .main div.fs-box td.tcl.pmtcl1 {
border-style: none;
}
.punbb .main #profile fieldset .post.toppost {
border-color:#C7AC7D;
border-style:none solid solid;
border-width:1px;
margin-bottom:-11px;
margin-left:-18px;
margin-right:-18px;
}
/*******************************/
/******** Expander styles. ********/
/*******************************/
/* Generic styles. */
div.expander.collapsed div.content {
display: none;
}
div.expander.expanded div.content {
display: block;
}
/* shapkaexpander styles. */
div.expander#shapkaexpander div.content {
padding: 0;
}
div.expander.expanded#shapkaexpander div.header div.hint-inscription#collapsed-hint {
display:none;
}
div.expander.collapsed#shapkaexpander div.header div.hint-inscription#collapsed-hint {
display:block;
}
div.expander.expanded#shapkaexpander div.header div.hint-inscription#expanded-hint {
display:block;
}
div.expander.collapsed#shapkaexpander div.header div.hint-inscription#expanded-hint {
display:none;
}
/*******************************/
/******** Shapka Styles ********/
/*******************************/
/* Main Shapka Div */
#shapka_background {
-moz-background-inline-policy:continuous;
background:url(http://forumupload.ru/uploads/000c/dd/b7/10-5-f.jpg) repeat scroll center top transparent;
height:314px;
width:100%;
}
#shapka_background #slogan {
color:#A90020;
font-family:Georgia;
font-size:1.4em;
font-style:italic;
left:50%;
margin-left:-80px;
position:absolute;
top:238px;
}
#shapka_background #slogan a {
color:#923412;
text-decoration:none;
}
#shapka_background #slogan a:hover, #shapka_background #slogan a:focus, #shapka_background #slogan a:active {
color:#033559;
text-decoration:none;
}
/* Main Buttons */
#shapka_background #main_buttons {
left:50%;
margin-left:-321px;
position:absolute;
top:382px;
}
#shapka_background #main_buttons a#story_button {
width: 109px;
height: 21px;
display: inline-block;
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-1.gif) no-repeat scroll 0 0;
}
#shapka_background #main_buttons a#story_button:hover {
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-1.gif) no-repeat scroll 0 100%;
}
#shapka_background #main_buttons a#rules_button {
width: 107px;
height: 21px;
display: inline-block;
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-2.gif) no-repeat scroll 0 0;
}
#shapka_background #main_buttons a#rules_button:hover {
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-2.gif) no-repeat scroll 0 100%;
}
#shapka_background #main_buttons a#world_button {
width: 107px;
height: 21px;
display: inline-block;
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-3.gif) no-repeat scroll 0 0;
}
#shapka_background #main_buttons a#world_button:hover {
background: transparent url(tpa=http://forumupload.ru/uploads/000c/dd/b7/34-3.gif) no-repeat scroll 0 100%;
}
#shapka_background #main_buttons a#map_button {
width: 107px;
height: 21px;
display: inline-block;
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-4.gif) no-repeat scroll 0 0;
}
#shapka_background #main_buttons a#map_button:hover {
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-4.gif) no-repeat scroll 0 100%;
}
#shapka_background #main_buttons a#faq_button {
width: 107px;
height: 21px;
display: inline-block;
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-5.gif) no-repeat scroll 0 0;
}
#shapka_background #main_buttons a#faq_button:hover {
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/34-5.gif) no-repeat scroll 0 100%;
}
#shapka_background #main_buttons a#banners_button {
width: 109px;
height: 21px;
display: inline-block;
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/27-5.gif) no-repeat scroll 0 0;
}
#shapka_background #main_buttons a#banners_button:hover {
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/27-5.gif) no-repeat scroll 0 100%;
}
/*******************************/
/******** Ramka Styles ********/
/*******************************/
/* For Temporal Divs Hiding */
.punbb>#pun-status, .punbb>#pun-break1, .punbb>#pun-crumbs1, .punbb>#pun-break2, .punbb>#pun-main, .punbb>#pun-stats, .punbb>#pun-break3, .punbb>#pun-crumbs2, .punbb>#pun-break4, .punbb>#pun-about, .punbb>#pun-stats+.section, .punbb>#pun-main+.section {
display: none;
}
/* Ramka Table */
.ramka_table {
width: 100%;
}
.ramka_table .ramka_left {
vertical-align:top;
min-width: 45px;
background: url(http://forumupload.ru/uploads/000c/dd/b7/5-5.gif) repeat-y;
}
.ramka_table .ramka_right {
vertical-align:top;
min-width: 45px;
background: url(http://forumupload.ru/uploads/000c/dd/b7/2-5.gif) repeat-y;
}
.ramka_table .ramka_content {
vertical-align:top;
width: 100%;
}
.ramka_table .ramka_left_space {
width: 45px;
}
.ramka_table .ramka_right_space {
width: 45px;
}
/* Ramka Top */
#ramka_corner_lt {
background:transparent url(http://forumupload.ru/uploads/000c/dd/b7/26-1.gif) no-repeat scroll 0 0;
height:128px;
margin-top:0;
position:relative;
width:45px;
}
#ramka_corner_rt {
background: url(http://forumupload.ru/uploads/000c/dd/b7/26-2.gif) no-repeat;
height:128px;
margin-top:0;
position:relative;
width:45px;
}
#ramka_top {
width: 100%;
background: url(http://forumupload.ru/uploads/000c/dd/b7/26-3.gif) repeat-x;
}
#ramka_torchok_lt {
min-width: 42px;
height: 9px;
}
#ramka_torchok_rt {
min-width: 42px;
height: 9px;
}
#ramka_torchok_t {
width: 100%;
}
/* Ramka Bottom */
#ramka_corner_lb {
background:url(http://forumupload.ru/uploads/000c/dd/b7/10-2.gif) no-repeat scroll 0 0 transparent;
height:126px;
margin-top:-72px;
position:relative;
width:45px;
}
#ramka_corner_rb {
background:url(http://forumupload.ru/uploads/000c/dd/b7/10-1.gif) no-repeat scroll 0 0 transparent;
height:126px;
margin-top:-72px;
position:relative;
width:45px;
}
#ramka_bottom {
width: 100%;
background: url(http://forumupload.ru/uploads/000c/dd/b7/13-3.gif) repeat-x bottom;
}
#ramka_torchok_lb {
background: url(http://forumupload.ru/uploads/000c/dd/b7/13-1.gif) no-repeat;
min-width: 42px;
height: 40px;
}
#ramka_torchok_rb {
background: url(http://forumupload.ru/uploads/000c/dd/b7/13-2.gif) no-repeat;
min-width: 42px;
height: 40px;
}
#ramka_torchok_b {
width: 100%;
}
.ramka_torchok_space {
width: 42px;
}
/*******************************/
/******** Footer Styles ********/
/*******************************/
.punbb #html-footer .container {
background-color:transparent;
margin-top:-10px;
}
div#kopirayt {
margin-top:-7em;
}
/*******************************/
/******** Gazeta Styles ********/
/*******************************/
#ramka_gazeta {
background:url(http://forumupload.ru/uploads/000c/dd/b7/10-4-f.gif) repeat-x scroll center bottom transparent;
padding-bottom: 15px;
}
#gazeta-paper-top {
background:url(http://forumupload.ru/uploads/000c/dd/b7/26-4-f.gif) repeat-x scroll center top #fdf9f0;
}
#gazeta-paper-bottom {
background:url(http://forumupload.ru/uploads/000c/dd/b7/1-2-f.gif) repeat-x scroll center bottom transparent;
padding-bottom: 10px;
}
#ramka_gazeta .gazeta-columns {
width: 100%;
font-family:Georgia;
font-size:1.2em;
}
.gazeta-columns .gazeta-left-column {
padding: 0px 16px;
/*vertical-align: top;*/
}
.gazeta-columns .gazeta-right-column {
width: 250px;
padding: 2px 16px;
vertical-align: top;
}
.gazeta-columns #gazeta-header-left {
background:url(http://forumupload.ru/uploads/000c/dd/b7/27-1.gif) no-repeat left top transparent;
padding-top: 18px;
}
.gazeta-columns #gazeta-header-right {
background:url(http://forumupload.ru/uploads/000c/dd/b7/27-2.gif) no-repeat right top transparent;
padding-top: 18px;
}
.gazeta-columns #gazeta-drakenfurt-courier {
background:url(http://forumupload.ru/uploads/000c/dd/b7/2-4-f.gif) no-repeat scroll center center transparent;
height:50px;
margin-top: 0;
width:100%;
}
.gazeta-columns #gazeta-time-weather {
background:url(http://forumupload.ru/uploads/000c/dd/b7/2-3.gif) no-repeat scroll center center transparent;
height:50px;
margin-top: 0;
width:100%;
}
/* Gazeta Expander */
div.expander#gazeta-expander #gazeta-expander-header {
background:url(http://forumupload.ru/uploads/000c/dd/b7/27-4.gif) no-repeat right bottom transparent;
}
div.expander#gazeta-expander div.content {
padding:0;
}
#gazeta-expander .gazeta-switching-button {
display:inline-block;
height:16px;
width:86px;
margin-left: 16px;
}
#gazeta-expander #gazeta-expand-button {
background:url(http://forumupload.ru/uploads/000c/dd/b7/16-2.gif) no-repeat scroll 0 0 transparent;
}
#gazeta-expander #gazeta-expand-button:hover {
background:url(http://forumupload.ru/uploads/000c/dd/b7/16-2.gif) no-repeat scroll 0 100% transparent;
}
.expander.expanded#gazeta-expander #gazeta-expand-button {
display:none;
}
#gazeta-expander #gazeta-collapse-button {
background:url(http://forumupload.ru/uploads/000c/dd/b7/16-3.gif) no-repeat scroll 0 0 transparent;
}
#gazeta-expander #gazeta-collapse-button:hover {
background:url(http://forumupload.ru/uploads/000c/dd/b7/16-3.gif) no-repeat scroll 0 100% transparent;
}
.expander.collapsed#gazeta-expander #gazeta-collapse-button {
display:none;
}
/* Reply Form */
#button-dice {
background-image:url(http://forumupload.ru/uploads/0005/6e/de/20529-1.gif);
}
#button-spoiler {
background-image:url(http://forumupload.ru/uploads/0005/6e/de/8839-5.gif);
}
.punbb #color-area {
padding:2px;
position:absolute;
right:12px;
top:43px;
width:95%;
}
.punbb #color-area td {
border-style:solid none none solid;
border-width:1px 0 0 1px;
border-color: #f9f9f9;
}
.punbb #color-area table, .punbb #color-area td img {
height:16px;
margin:0;
padding:0;
width:100%;
}
/* Profile */
.punbb #profile {
background-image:url(http://forumupload.ru/uploads/000c/dd/b7/100-2-f.gif);
background-position:right top;
background-repeat:repeat-x;
}
/* login */
#loginDiv{
position:absolute;
z-index: 2;
background: #F8FAFD;
border:medium solid #67ACD2;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
left: 40%;
text-align: center;
}
#loginDiv #closeButton {
background: transparent url(http://forumupload.ru/uploads/000c/dd/b7/9-3.gif) repeat scroll 0% 0%;
background-position: 0 0;
display:inline-block;
height:16px;
position:absolute;
right:1px;
top:1px;
width:16px;
}
#loginDiv #closeButton:hover {
background-position: 0 -16px;
}
.post-sig {
color: #837976;
}Deth
Это в ХТМЛ-верх:
<script type="text/javascript" src="../sadhaka.moy.su/JS/jquery.js" tppabs="http://sadhaka.moy.su/JS/jquery.js"></script>
<script type="text/javascript" language="javascript">
function findExpanderElement(header)
{
var currentElement = header.parentNode;
while (currentElement != null)
{
if (currentElement.className.indexOf("expander") != -1)
return currentElement;
currentElement = currentElement.parentNode;
}
return null;
}
function expandExpander(expander)
{
expander.className = "expander expanded";
}
function collapseExpander(expander)
{
expander.className = "expander collapsed";
}
function switchExpander(expander)
{
if (expander != null)
{
if (expander.className.indexOf("collapsed") != -1)
{
expandExpander(expander);
}
else
{
collapseExpander(expander);
}
}
}
function switchExpanderByHeader(header)
{
switchExpander(findExpanderElement(header));
}
</script>
<script type="text/javascript" language="javascript">
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
var g_shapkaCookieName = "shapkacookie";
var g_shapkaCookieExpirationDays = 1;
var g_shapkaCookieExpanded = "expanded";
var g_shapkaCookieCollapsed = "collapsed";
function setShapkaCookie()
{
var shapkaexpander = document.getElementById("shapkaexpander");
if (shapkaexpander .className.indexOf("collapsed") != -1)
{
setCookie(g_shapkaCookieName, g_shapkaCookieCollapsed, g_shapkaCookieExpirationDays);
}
else
{
setCookie(g_shapkaCookieName, g_shapkaCookieExpanded, g_shapkaCookieExpirationDays);
}
}
function checkShapkaCookie()
{
var shapkaCookie = getCookie(g_shapkaCookieName);
var shapkaexpander = document.getElementById("shapkaexpander");
if (shapkaCookie == g_shapkaCookieCollapsed)
{
collapseExpander(shapkaexpander);
}
else
{
expandExpander(shapkaexpander);
}
}
</script>
<script type="text/javascript">
window["ActiveTitle"] = "Недавно игру посетили:";
</script>Это в ХТМЛ-объявление:
<div id="shapka_background">
<div id="main_buttons">
<table cellspacing="0" cellpadding="0">
<tr>
<td><a href="javascript:if(confirm('http://drakenfurt.ru/viewtopic.php?id=22 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewtopic.php?id=22#p62'" tppabs="http://drakenfurt.ru/viewtopic.php?id=22#p62" id="story_button"></a></td>
<td><a href="javascript:if(confirm('http://drakenfurt.ru/viewtopic.php?id=278 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewtopic.php?id=278#p2057'" tppabs="http://drakenfurt.ru/viewtopic.php?id=278#p2057" id="rules_button"></a></td>
<td><a href="javascript:if(confirm('http://drakenfurt.ru/viewforum.php?id=2 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewforum.php?id=2'" tppabs="http://drakenfurt.ru/viewforum.php?id=2" id="world_button"></a></td>
<td><a href="javascript:if(confirm('http://drakenfurt.ru/viewtopic.php?id=54 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewtopic.php?id=54#p113'" tppabs="http://drakenfurt.ru/viewtopic.php?id=54#p113" id="map_button"></a></td>
<td><a href="javascript:if(confirm('http://drakenfurt.ru/viewtopic.php?id=218 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewtopic.php?id=218#p956'" tppabs="http://drakenfurt.ru/viewtopic.php?id=218#p956" id="faq_button"></a></td>
<td><a href="javascript:if(confirm('http://drakenfurt.ru/viewtopic.php?id=218 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewtopic.php?id=218#p956'" tppabs="http://drakenfurt.ru/viewtopic.php?id=218#p956" id="banners_button"></a></td>
</tr>
</table>
</div>
<div id="slogan"><a href="javascript:if(confirm('http://drakenfurt.ru/viewtopic.php?id=36 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://drakenfurt.ru/viewtopic.php?id=36'" tppabs="http://drakenfurt.ru/viewtopic.php?id=36">форумная ролевая игра</a></div>
</div>
<div id="ramka_top_container">
<table class="ramka_table" cellpadding="0" cellspacing="0">
<tr>
<td class="ramka_left">
<div id="ramka_corner_lt"></div>
</td>
<td class="ramka_content" id="ramka_gazeta">
<div>
<table id="ramka_top" cellpadding="0" cellspacing="0">
<tr>
<td id="ramka_torchok_lt"><div class='ramka_torchok_space'></div></td>
<td id="ramka_torchok_t"></td>
<td id="ramka_torchok_rt"><div class='ramka_torchok_space'></div></td>
</tr>
</table>
</div>
<div id="gazeta-paper-top">
<div id="gazeta-paper-bottom">
<table class="gazeta-columns" cellspacing="0" cellpadding="0">
<tr>
<td class="gazeta-left-column" id="gazeta-header-left"><div id="gazeta-drakenfurt-courier"></div></td>
<td class="gazeta-right-column" id="gazeta-header-right"><div id="gazeta-time-weather"></div></td>
</tr>
<tr>
<td class="gazeta-left-column"><a href="search.php-action=show_new.htm" tppabs="http://vm.rolka.su/search.php?action=show_new">Новые сообщения</a>, <a href="search.php-action=show_24h.htm" tppabs="http://vm.rolka.su/search.php?action=show_24h">Активные темы</a> - все, что произошло с момента твоего последнего визита.<br>
Герой, ты пришел к воротам великого Магического мира! Прежде чем шагнуть за них, помни – обратного пути уже не будет! Здесь тебя захлестнет водоворот приключений, ратных подвигов и мистических тайн. Здесь ты, возможно, встретишь свою любовь и обретешь братьев по оружию! Да, тебе придется взять в руки оружие, ибо Магический мир давно содрогается от кровопролитных баталий между воинами Порядка и Хаоса!
<td class="gazeta-right-column">Сегодня в игре: седьмая луна года Вайверна, день I;<br>ветренно, но солнечно, осадков не предвидится;<br> температура воздуха -1°С
</td>
</tr>
</table>
<div class="expander collapsed" id="gazeta-expander">
<div id="gazeta-expander-header">
<a class="gazeta-switching-button" id="gazeta-expand-button" onClick="switchExpanderByHeader(this)"></a>
<a class="gazeta-switching-button" id="gazeta-collapse-button" onClick="switchExpanderByHeader(this)"></a>
</div>
<div class="content">
<table class="gazeta-columns" cellspacing="0" cellpadding="0">
<tr>
<td class="gazeta-left-column"><a href="javascript:if(confirm('http://top.roleplay.ru/7510 \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://top.roleplay.ru/7510'" tppabs="http://top.roleplay.ru/7510" target="top_">
<img src="../img.rpgtop.su/top8015_14.gif" tppabs="http://img.rpgtop.su/top8015_14.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="80" height="15"></a> — <a href="javascript:if(confirm('http://top.roleplay.ru/comm/7510/1.htm \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://top.roleplay.ru/comm/7510/1.htm'" tppabs="http://top.roleplay.ru/comm/7510/1.htm">добавить комментарий</a><br>Дорогие гости, не проходите мимо. Нам нужны ваши творческие способности и ваша фантазия! Заполняйте анкету, регистрируйтесь и играйте! Каждому новому игроку будет уделено персональное внимание.<br> Дорогие игроки, не сидите на главной странице! Открывайте новые локации, заказывайте себе квесты и присоединяйтесь к игре!</td>
<td class="gazeta-right-column">Время в игре идет таким образом: на протяжении реального месяца длится одна игровая неделя. В рамках этой недели смена дня и ночи происходит на ваше усмотрение, то есть вы сами выставляете в начале каждого своего поста (если есть необходимость) нужное вам время суток и дату. Естественно, дата не должна выходить за рамки объявленного выше временного промежутка.</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</td>
<td class="ramka_right">
<div id="ramka_corner_rt"></div>
</td>
</tr>
</table>
</div>Это в ХТМЛ-низ:
<!--Цветовыделение Статистика-->
<script type="text/javascript">
var text="<center><a href=http://vm.rolka.su/userlist.php?username=&show_group=1&sort_by=last_visit&sort_dir=DESC&search=%CE%F2%EF%F0%E0%E2%E8%F2%FC><b><font color=#b31b1b> Администраторы</font></b></a> <font color=#C7AC7D>|</font> <a href=http://vm.rolka.su/userlist.php?username=&show_group=2&sort_by=last_visit&sort_dir=DESC&search=%CE%F2%EF%F0%E0%E2%E8%F2%FC><b><font color=#007fae> Модераторы</font></b></a> <font color=#C7AC7D>|</font> <a href=http://vm.rolka.su/userlist.php?username=&show_group=4&sort_by=last_visit&sort_dir=DESC&search=%CE%F2%EF%F0%E0%E2%E8%F2%FC><b><font color=#12611c> Мастера игры </font></b></a></center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 10px; top: 63px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>
<script type="text/javascript">
var arr=document.links
var arr1=new Array ("", "Элириен", "")
var arr2=new Array ("", "", "", "")
var arr3=new Array ("", "", "", "")
var arr4=new Array ("", "", "", "", "")
var arr5=new Array ("", "", "", "", "")
var arr6=new Array ("", "", "", "", "")
for (x in arr)
{for (y in arr1)
{if (arr[x].innerHTML==arr1[y])
{
arr[x].innerHTML="<font color='#b31b1b'>"+arr[x].innerHTML+"</font>"}
}}
for (x in arr)
{for (j in arr2)
{if (arr[x].innerHTML==arr2[j])
{
arr[x].innerHTML="<font color='#007fae'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (l in arr3)
{if (arr[x].innerHTML==arr3[l])
{
arr[x].innerHTML="<font color='#12611c'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (j in arr4)
{if (arr[x].innerHTML==arr4[j])
{
arr[x].innerHTML="<font color='#cc6633'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (p in arr5)
{if (arr[x].innerHTML==arr5[p])
{
arr[x].innerHTML="<font color='steelblue'>"+arr[x].innerHTML+"</font>"}}}
for (x in arr)
{for (s in arr6)
{if (arr[x].innerHTML==arr6[s])
{
arr[x].innerHTML="<font color='steelblue'>"+arr[x].innerHTML+"</font>"}}}
</script>
<script type="text/javascript">
var spans = document.getElementById("pun-status").getElementsByTagName("span");
for (var i = 0; i < spans.length; i++) {
if (spans[i].className == "item1" && GroupID == 3)
spans[i].innerHTML = "<b>Добро пожаловать!</b>";
}
</script>
<script type="text/javascript">
if (document.URL.indexOf("viewforum")!=-1)
{var trs=document.getElementById('pun-main').getElementsByTagName("table")[0].rows
var io=1
for (io=1; io<=(trs.length-1); io++)
{if ((trs[io].className.indexOf("isticky")!=-1)&&(io==1))
{var portant=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(1)
var im=portant.insertCell(0)
im.innerHTML="Важная информация"
im.style.color="#5e5b4e"
im.style.backgroundColor="transparent"
im.colSpan="4"}
else if ((trs[io].className.indexOf("isticky")!=-1)&&(trs[io+1].className.indexOf('isticky')==-1))
{var normal=document.getElementById('pun-main').getElementsByTagName("table")[0].insertRow(io+1)
var normal1=normal.insertCell(0)
normal1.innerHTML="Игровые темы"
normal1.style.color="#5e5b4e"
normal1.style.backgroundColor="transparent"
normal1.colSpan="4"
}}}
</script>
<script type="text/javascript">
defaultPict = "uploads/000c/dd/b7/9-4.gif"/*tpa=http://forumupload.ru/uploads/000c/dd/b7/9-4.gif*/
var arr=document.getElementsByTagName("ul")
i=1
while(arr[++i]){
str=arr[i].innerHTML
if(str.indexOf("pa-avatar")==-1) {
q=str.toLowerCase()
if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
nstr =str.substring(0,pos)
nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Здесь нет аватара\" /></li>"
nstr+=str.substring(pos)
arr[i].innerHTML=nstr
}}}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
while(arr[i] ){
if(arr[i].className=="pl-quote"){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=""+name+" <a href=\"#pun-main\">В начало страницы</a> "
}
i++
}
</script>
<script language="JavaScript">
function showLDiv()
{
if( document.getElementById("loginDiv").style.display == 'none' )
document.getElementById("loginDiv").style.display = ''
else document.getElementById("loginDiv").style.display = 'none'
return false;
}
function check_form()
{
if(document.forms["form_login"].req_username.value=='' || document.forms["form_login"].req_username.value=='') {
alert('Оба поля обязательны для заполнения');
return false;
}
return true
}
url=document.URL
if(url.indexOf("http://vm.rolka.su/login.php")==-1 && document.getElementById('navlogin')){
document.getElementById('navlogin').innerHTML = "<a href=\"login.php\" onclick=\"return showLDiv()\"><span>Войти</span></a>"
login = "<div id=loginDiv style=\"display: none; \">"
login += "<a id='closeButton' onclick='return showLDiv()' href=''></a>"
login += "<form id=form_login name=login method=post action=\"http://vm.rolka.su/login.php?action=in/" onsubmit=\"return check_form()\">"
login += "<fieldset>"
login += "<legend>Введите ваше имя и пароль</legend>"
login += "<input type=hidden name=form_sent value=1 />"
login = login + "<input type=hidden name=redirect_url value="+document.URL+" />"
login += "<br><table width=\"100%\" align=left>"
login += "<tr><td align=left><b>Имя:</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"30\" maxlength=\"25\" /></td></tr>"
login += "<tr><td align=left><b>Пароль:</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"30\" maxlength=\"16\" /></td></tr>"
login += "</table>"
login += "</fieldset>"
login += "<p class=formsubmit><input type=submit class=button name=login value=\"Войти\" /><br /><br /> <a href=\"register.php\">Ещё не зарегистрированы?</a><br /> <a href=\"http://vm.rolka.su/login.php?action=forget/">Забыли пароль?</a></p>"
login += "</form>"
login += "</div>"
document.getElementById('pun-navlinks').innerHTML += login
}
</script>
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>
<!-- Begin Ramka -->
<div id="ramka_bottom_container">
<table class="ramka_table" cellpadding="0" cellspacing="0">
<tr>
<td class="ramka_left" valign="bottom">
<div id="ramka_corner_lb"></div>
</td>
<td class="ramka_content">
<div>
<table id="ramka_bottom" cellpadding="0" cellspacing="0">
<tr>
<td id="ramka_torchok_lb"><div class='ramka_torchok_space'></div></td>
<td id="ramka_torchok_b"></td>
<td id="ramka_torchok_rb"><div class='ramka_torchok_space'></div></td>
</tr>
</table>
</div>
</td>
<td class="ramka_right">
<div id="ramka_corner_rb"></div>
</td>
</tr>
</table>
</div>
<!-- End Ramka -->
<!-- Begin of Page Reconstruction -->
<script language="javascript" type="text/javascript">
function insertAfter(parentNode, node, referenceNode) {
if (referenceNode.nextSibling)
parentNode.insertBefore(node, referenceNode.nextSibling);
else
parentNode.appendChild(node);
}
// Gets elements array by their ids
function GetElementsByIds(ids)
{
var result = new Array();
for (var i in ids)
{
var element = document.getElementById(ids[i]);
result.push(element);
}
return result;
}
// Gets elements array by their ids
function GetElementsFromIdToId(fromId, toId)
{
var result = new Array();
var fromElement = document.getElementById(fromId);
result.push(fromElement);
var currentElement = fromElement;
while (currentElement.nextSibling && currentElement.id != toId)
{
currentElement = currentElement.nextSibling
result.push(currentElement);
}
return result;
}
// Reconstructs page
function ReconstructPage(elements, outerHtml, putInsideId, containerId, markerElement)
{
var element = document.createElement('div');
element.id = containerId;
element.innerHTML = outerHtml;
insertAfter(markerElement.parentNode, element, markerElement);
var container = document.getElementById(putInsideId);
for (var i in elements)
{
var element = elements[i];
container.appendChild(element);
}
}
function ReconstructForumPage()
{
var outerHtml = "<table class='ramka_table' cellpadding='0' cellspacing='0'>\
<tr>\
<td class='ramka_left'><div class='ramka_left_space'></div></td>\
<td class='ramka_content' id='ramka_forum_content'></td>\
<td class='ramka_right'><div class='ramka_right_space'></div></td>\
</tr>\
</table>";
var insertMarker = document.getElementById("pun-announcement");
ReconstructPage(GetElementsFromIdToId("pun-status", "pun-about"), outerHtml, "ramka_forum_content", "ramka_container", insertMarker);
}
ReconstructForumPage();
</script>
<!-- End of Page Reconstruction -->
<!-- Begin Спойлер-->
<script type="text/javascript">
function tag_spoiler(){
var y = prompt("Введите описание закрытой кнопки", '');
if (y != 'null' && y != '' && typeof(y) != 'object' && typeof(y) != 'undefined') {
var x = prompt("Введите описание открытой кнопки", '');
if (x == 'null' || x == '' || typeof(x) == 'object' || typeof(x) == 'undefined')
bbcode('[spoiler=' + y + ']', '[/spoiler]');
else
bbcode('[spoiler=' + y + '|' + x + ']', '[/spoiler]');
}
else
bbcode('[spoiler]', '[/spoiler]')
}
function addSpoiler(str, from, internal){
var pos = 0, pos2 = 0, pos_c = 0, pos_l = 0, newpos = 0, string = '', close = '', open = '';
if ((pos = str.indexOf("[spoiler", from)) == -1)
return str;
if ((pos2 = str.indexOf("[/spoiler]"), pos + 9) == -1)
return str;
if (((pos_c = str.indexOf("]", pos + 8)) != -1) && ((pos_c != pos + 8) && (pos_c != pos + 9))) {
string = str.substring(pos + 9, pos_c);
if ((pos_l = string.indexOf("|")) != -1) {
close = string.substring(0, pos_l);
open = string.substring(pos_l + 1, string.length);
}
else {
close = string;
open = string;
}
}
else {
close = 'Показать спойлер';
open = 'Скрыть спойлер';
}
newpos = str.indexOf("[spoiler", pos + 9)
if (newpos < pos2 && newpos != -1)
str = addSpoiler(str, pos + 9, true)
if ((pos2 = str.indexOf("[/spoiler]", pos + 9)) == -1)
return str;
str = str.substring(0, pos) + makeSpoiler(str.substring(pos_c + 1, pos2), open, close) + str.substring(pos2 + 10, str.length)
if (str.indexOf("[spoiler") != -1 && internal == false)
str = addSpoiler(str, 0, false)
return str;
}
function makeSpoiler(txt, open, close){
txt = '<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><a id="' + open + '" class="spoiler" style="width:100%;font-size:10px; margin:0;border:none;cursor:pointer;text-align:left;">'+close+'</a></cite><blockquote class="quote-box" style="display:none; width: 95%;border: 1px solid silver;margin:0;">' + txt + '</blockquote></div>'
return txt;
}
$(document).ready(function(){
$("div.quote-box > cite > a.spoiler").click(function(){
$(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
var a = this.innerHTML;
this.innerHTML= $(this).attr('id');
$(this).attr('id', a);
});
});
if ((document.URL.indexOf("viewtopic.php.htm"/*tpa=http://vm.rolka.su/viewtopic.php*/) != -1) || (document.URL.indexOf("http://vm.rolka.su/post.php") != -1)) {
elm = document.getElementById("pun-main").getElementsByTagName("div")
for (x in elm)
if (elm[x].className == "post-content") {
var post = elm[x]
post.innerHTML = addSpoiler(post.innerHTML, 0, false)
}
}
if(form=document.getElementById("answer"))
form.getElementsByTagName("tr")[0].insertCell(1).innerHTML="<img id=\"spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>
<!-- End of Спойлер-->
<!-- Begin Enhanced Colors -->
<script type="text/javascript">
var colorArea = document.getElementById("color-area");
if (colorArea)
{
colorArea.innerHTML = ' \
<table cellspacing="0"> \
<tr> \
<td style="background-color: black;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=black]\',\'[/color]\')"></td> \
<td style="background-color: gray;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=gray]\',\'[/color]\')"></td> \
<td style="background-color: silver;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=silver]\',\'[/color]\')"></td> \
<td style="background-color: #007fae;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#007fae]\',\'[/color]\')"></td> \
<td style="background-color: #83cfdc;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#83cfdc]\',\'[/color]\')"></td> \
<td style="background-color: #6ba5a7;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#6ba5a7]\',\'[/color]\')"></td> \
<td style="background-color: #538451;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#538451]\',\'[/color]\')"></td> \
<td style="background-color: #008101;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#008101]\',\'[/color]\')"></td> \
<td style="background-color: #5e7343;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#5e7343]\',\'[/color]\')"></td> \
<td style="background-color: #a89362;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#a89362]\',\'[/color]\')"></td> \
<td style="background-color: #a76646;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#a76646]\',\'[/color]\')"></td> \
<td style="background-color: #8f4c4d;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#8f4c4d]\',\'[/color]\')"></td> \
<td style="background-color: #b31b1b;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#b31b1b]\',\'[/color]\')"></td> \
<td style="background-color: #f15f85;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#f15f85]\',\'[/color]\')"></td> \
<td style="background-color: #82738f;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#82738f]\',\'[/color]\')"></td> \
<td style="background-color: #bfbef8;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#bfbef8]\',\'[/color]\')"></td> \
</tr> \
<tr> <td style="background-color: #013236;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#013236]\',\'[/color]\')"></td> \
<td style="background-color: #384b5c;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#384b5c]\',\'[/color]\')"></td> \
<td style="background-color: teal;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=teal]\',\'[/color]\')"></td> \
<td style="background-color: #023f50;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#023f50]\',\'[/color]\')"></td> \
<td style="background-color: navy;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=navy]\',\'[/color]\')"></td> \
<td style="background-color: #02ca67;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#02ca67]\',\'[/color]\')"></td> \
<td style="background-color: #258452;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#258452]\',\'[/color]\')"></td> \
<td style="background-color: #629512;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#629512]\',\'[/color]\')"></td> \
<td style="background-color: #c78f07;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#c78f07]\',\'[/color]\')"></td> \
<td style="background-color: #c8692f;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#c8692f]\',\'[/color]\')"></td> \
<td style="background-color: #9d3005;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#9d3005]\',\'[/color]\')"></td> \
<td style="background-color: #9b0000;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#9b0000]\',\'[/color]\')"></td> \
<td style="background-color: #d11c20;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#d11c20]\',\'[/color]\')"></td> \
<td style="background-color: #ff0649;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#ff0649]\',\'[/color]\')"></td> \
<td style="background-color: #73499a;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#73499a]\',\'[/color]\')"></td> \
<td style="background-color: #9899ff;"><img src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/ onclick="bbcode(\'[color=#9899ff]\',\'[/color]\')"></td> \
</tr> \
</table>';
}
</script>
<!-- End Enhanced Colors -->
<!--Спойлер-->
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
{
var buttonCell = form.getElementsByTagName("tr")[0].insertCell(20);
buttonCell.id = "button-spoiler";
buttonCell.title = "Спойлер";
buttonCell.innerHTML='<img onclick="tag_spoiler();" src="i/blank.gif"/*tpa=http://vm.rolka.su/i/blank.gif*/>';
}
</script>
<div id="kopirayt" align="center">
© Волшебный мир — 2010 <br><br></div>
<!-- Begin Favicon Insertion -->
<link rel="shortcut icon" type="image/x-icon" href="http://forumupload.ru/uploads/000c/dd/b7/100-3.png">
<link rel="icon" type="image/x-icon" href="http://forumupload.ru/uploads/000c/dd/b7/100-3.png">
<!-- End Favicon Insertion -->Deth
К сожалению, не могу Вам достать содержимое ХТМЛ-формы ответа, поскольку, судя по-всему, сохранение производилось гостем.
Спасибо большое за помощь.
Хм, а у меня почему то даже после смены ссылок на картинки и внятного копирования стиль рассыпается, все менял очень аккуратно. Тест браузеров показал следующее
Sea Monkey - Нету части шапки, java скриптов и картинок.
Internet Explorer 8 - Нету части картинок которая есть в Sea Monkey.
Mozilla firefox 3.6.8 - Вообще не отображается графика
Internet Explorer 5,6,7,9 - Вообще не отображается графика
+ к тому мне пришлось впилить часть кода из цветов в саму таблицу стилей, иначе отказывались прогружаться элементы дизайна описанные там.
Адрес форума - morion.0bb.ru
Отредактировано Deth (Чт, 12 Авг 2010 06:22:00)
Deth А Адрес форума,где Вы всё монтируете(*заушно тяжело советы давать -испорченный телефон) ?
Я же дал внизу предыдущего сообщения. morion.0bb.ru
Вот так оно должно выглядеть:
http://s11.radikal.ru/i184/1008/86/e6e85026b5c0.jpg
http://s50.radikal.ru/i128/1008/00/bae271dbf146.jpg
Отредактировано Deth (Чт, 12 Авг 2010 10:36:18)
Deth
Пожалуйста, скопируйте содержимое первого окна стиля, пункта A1.1.
/*************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url("style_cs.css);Отредактировано Deth (Чт, 12 Авг 2010 12:54:07)
Deth
А что если вот так вот поставить?
/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css);
Спасибо, грузится. Теперь возникла другая проблема. В опере все рушится, но видно потерянный кусок левой рамки, в мозилле все нормально, но без рамки. (Со скриптами отдельная песня, там я как нибудь сам разберусь)
rps
Вверху Опера, внизу - СеаМанки.
Deth
У меня, кстати, и в Мозилле, и в Опере, и в ИЕ всё криво...
Здесь пока единственный выход - перелопачивать код и вносить исправления... Либо чего-то нехватает (например Вы не сохранили со старого форума), либо ошибки в текущем коде.
Отредактировано rps (Чт, 12 Авг 2010 13:24:27)
Сейчас смотрится через мозиллу файрфокс нормально, скобка в шапке и рамочки левой нет только. Насчет перелопачивать похоже не вариант...но я почти добился конечного вида. Осталось убрать скобку из шапки и рамочку сделать видной.
Отредактировано Deth (Чт, 12 Авг 2010 13:31:28)
/* For Temporal Divs Hiding */
.punbb>#pun-status, .punbb>#pun-break1, .punbb>#pun-crumbs1, .punbb>#pun-break2, .punbb>#pun-main, .punbb>#pun-stats, .punbb>#pun-break3, .punbb>#pun-crumbs2, .punbb>#pun-break4, .punbb>#pun-about, .punbb>#pun-stats+.section, .punbb>#pun-main+.section {
display: none;
}
/* Ramka Table */
.ramka_table {
width: 100%;
}
.ramka_table .ramka_left {
vertical-align:top;
min-width: 45px;
background: url(http://forumupload.ru/uploads/000d/6f/ba/39-2.giff) repeat-y;
}
.ramka_table .ramka_right {
vertical-align:top;
min-width: 45px;
background: url(http://forumupload.ru/uploads/000d/6f/ba/39-1.gif) repeat-y;
}
.ramka_table .ramka_content {
vertical-align:top;
width: 100%;
}
.ramka_table .ramka_left_space {
width: 45px;
}
.ramka_table .ramka_right_space {
width: 45px;
}
/* Ramka Top */
#ramka_corner_lt {
background:transparent url(http://forumupload.ru/uploads/000d/6f/ba/40-1.gif) no-repeat scroll 0 0;
height:128px;
margin-top:0;
position:relative;
width:45px;
}
#ramka_corner_rt {
background: url(http://forumupload.ru/uploads/000d/6f/ba/40-2.gif) no-repeat;
height:128px;
margin-top:0;
position:relative;
width:45px;
}
#ramka_top {
width: 100%;
background: url(http://forumupload.ru/uploads/000d/6f/ba/41-1.gif) repeat-x;
}
#ramka_torchok_lt {
min-width: 42px;
height: 9px;
}
#ramka_torchok_rt {
min-width: 42px;
height: 9px;
}
#ramka_torchok_t {
width: 100%;
}
/* Ramka Bottom */
#ramka_corner_lb {
background:url(http://forumupload.ru/uploads/000d/6f/ba/42-2.gif) no-repeat scroll 0 0 transparent;
height:126px;
margin-top:-72px;
position:relative;
width:45px;
}
#ramka_corner_rb {
background:url(http://forumupload.ru/uploads/000d/6f/ba/42-1.gif) no-repeat scroll 0 0 transparent;
height:126px;
margin-top:-72px;
position:relative;
width:45px;
}
#ramka_bottom {
width: 100%;
background: url(http://forumupload.ru/uploads/000d/6f/ba/43-1.gif) repeat-x bottom;
}
#ramka_torchok_lb {
background: url(http://forumupload.ru/uploads/000d/6f/ba/43-2.gif) no-repeat;
min-width: 42px;
height: 40px;
}
#ramka_torchok_rb {
background: url(http://forumupload.ru/uploads/000d/6f/ba/43-3.gif) no-repeat;
min-width: 42px;
height: 40px;
}
#ramka_torchok_b {
width: 100%;
}
.ramka_torchok_space {
width: 42px;
}Вот код отвечающий за рамки, не могли бы вы подсказать где здесь ошибка?
Так, с рамками разобрался, не могу выловить эту скобку в шапке в коде.
Спасибо вам огромное за помощь, практически со всем разобрался.
Вы здесь » Единый форум поддержки » Корзина » Адаптирование стилей