Общие вопросы по оформлению (36)
Сообщений 81 страница 100 из 1000
Поделиться82Вт, 30 Авг 2011 22:09:00
Проблема.
Хочется увеличить шапку, но при увеличении картинки - она просто съедается стилем справа и слева. Как увеличить в стиле само место под шапку?
Структура:
/*************************************************************
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, geneva, lucida, 'lucida grande', 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 th {
font-size: 1em;
font-weight: bold;
}
.punbb h4, .punbb table {
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: italic;
}
/* 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: 0px auto auto auto;
width : 790px;
padding: 0px 20px 0px 0px;
border: none;
float: center;
}
/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}
#pun-redirect {
padding-bottom: 1.2em !important;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
}
/* 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 none none;
border-width: 0px 0px 0px 0px
}
/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 0px;
}
/* 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 0px 0px 0;
}
border-style: none none none none;
border-width: 0px 0px 0px 0px;
}
#pun-main h2 {
font-size: 14px;
text-align: center;
font-family: Georgia, helvetica, verdana;
padding: 20px 1em 12px 1em;
border-style: solid solid none solid;
border-width: 0px 0px 0 0px;
text-transform: Normal;
font-weight:normal;
}
/
*************************************************************
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: 0px solid;
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-top
}
/* 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: 1px dashed;
border-left: 1px dashed;
}
/* 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: 0px;
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: -4.4em;
left: 1em;
width: 24em;
}
/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4.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: 0px;
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 4em 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;
}
.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}
/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 0px;
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 {
text-align: center;
width: 10%;
}
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: center;
width: 30%;
}
/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}
/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
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;
}
/* 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: 0px 0 0 0px;
padding: 0.8em 1em;
}
/* C2.12 */
.punbb .main th {
padding: 5px 1em 6px 1em;
border-left: 0px solid;
}
/* 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: 10px;
}
/* C2.15 */
.punbb div.icon {
display:block;
float:left;
height:55px;
margin-left:9px;
width:65px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 0px;
margin-top: -1px;
padding-bottom: 1px;
}
/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 0px;
}
/* C3.3 */
.punbb .post h3 span {
border-left: 1px solid;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}
/* 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: 0px;
padding: 0 0 0px 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: 0px;
}
/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: solid ;
border-top-width: 0px;
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;
margin-top: 4px;
}
/* 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: 0px;
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: 0px;
}
/
/*************************************************************
*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border: none;
}
/* D1.2 */
#pun-title h1 {
display : block;
height: 120px;
margin: -1px 0px 0px -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: 400px;
width: 1000 px;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-top: 20px;
padding-right: 0px;
}
/* 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;
font-weight:bold;
text-align: center;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-top: 0;
}
/* D4.2 */
#pun-ulinks .container {
text-align: center;
padding: 0.7em 1em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 0px;
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: 0px 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 0px 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: 0px;
}
/* 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: 0px;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 0px;
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: 0px 0;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 0px;
}
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 0px;
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: 0px;
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;
}Поделиться83Вт, 30 Авг 2011 22:12:05
Deff
Появился отклик от того сайта :3
Поделиться84Вт, 30 Авг 2011 22:22:02
прибил - не помогло( как отображались стандартные зелёные квадратики, так и отображаются.
Попробуйте в первом окне стиля поменять /* C2.14 */ и /* C2.15 */ на это:
/* C2.14 */
.punbb td div.tclcon {
margin-left: 135px;
}
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 128px;
height: 128px;
}Поделиться85Вт, 30 Авг 2011 23:14:14
Хочется увеличить шапку, но при увеличении картинки - она просто съедается стилем справа и слева. Как увеличить в стиле само место под шапку?
#pun-title TABLE {
border: none;
height: 400px; высота
width: 1000 px; ширина
Поделиться86Вт, 30 Авг 2011 23:18:31
Остахато
премного благодарен, отображаться стало. дальше сам поковыряюсь.
Поделиться87Ср, 31 Авг 2011 00:00:49
У меня возник вопрос, касающийся интересного оформления таблицы, представленного на форуме здесь: [link]В графе "недавние работ" при наведении курсором на изображение, оно увеличивается в размерах. Как такого же добиться? Путем вставления «хитрого» HTML-скрипта или через Java?
Нинаю - Изобразил собственную Версию
Превью > http://hostjs-mybb2011.narod.ru/uvelichilka.htm
Вставляем туда, где нужны картинки
<style>
table.prev {
border-collapse:collapse;
border:solid 1px transparent;
}
table.prev td{
padding:0 24px;
}
.Myimg {
width:150px;
position:absolute;
display:none;
z-index:100;
margin-top:-125px;
margin-left:-53px;
}
</style><table class=prev><tr>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
</tr></table>
<!--Увеличилка картинок по наведению-->
<script type="text/javascript">
$(document).ready(function(){
$('img.tryam').mouseover(function(){
$(this).parent().children('.Myimg').show('slow');
}).mouseout(function(){
});$('.Myimg img').mouseover(function(){
}).mouseout(function(){
$(this).parent('.Myimg').hide('slow');
});
});
</script>
Пояснения:
Вставляем картинки табличкой;
Размножаемый элемент таблички -ячейка - выделен синим жирным
Ссылки на картинки - красным
Первая картинка - малая - вторая - большая
(*в данном конкретном случае обе картинки идентичны..размер большей и меньшей задается настройками
<td><img class="tryam" src="http://mybb.ru/f/collection/0208.gif" width="50"/><div class="Myimg" style="display:none;"><img src="http://mybb.ru/f/collection/0208.gif" style="width:100%;"/></div></td>
50 -Размер малой картинки - задаём непосредственно в размножаемом блоке
.Myimg {
width:150px;
position:absolute;
display:none;
z-index:100;
150 - Размер большой картинки (*задается размером обрамляющего блока
Отступ малых картинок друг от друга(первично показываемых в таблице) задаётся этой цифрой
table.prev td{
padding:0 24px;
}
После установки таблицы, необходимо:
Центрировать положение больших всплывающих картинок относительно исходных - малых:
z-index:100;
margin-top:-125px;
margin-left:-53px;
}
-125 - cдвиг влево( приблизительно ширина большой картинки минус ширина малой
-53 - cдвиг вверх - примерно равен третьей части высоты большой...
Оба параметра - регулируем
Поделиться88Ср, 31 Авг 2011 00:50:47
не работант ни один скрипт по уведомлении о новом личном сообщение. два скрипта перепробовала -_-
http://grotteradventures.rusff.ru/
Поделиться89Ср, 31 Авг 2011 00:56:28
Lady_Li
Самый лучший - Вот этот
В Самый верх - HTML низ
<script type="text/javascript">
var nrisunok="http://upforme.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
(Думаю и предыдущие в данном месте размещения будут работать!
Поделиться90Ср, 31 Авг 2011 01:23:13
Доброй ночи. Неожиданно перестал разворачиваться спойлер. Кликаю на него - ничего не происходит. Что не так? Так стало после добавления после скрипта для стилей ссылок, вставки ссылок на конкретный пост в форму ответа и выделения кода, в ХТМЛ-низ. Посмотрите, пожалуйста, может, где-то конфликт.
<!--Замена приветствия пользователя-->
<script><!--
greet="C возвращением, "
str = document.getElementById("pun-status").innerHTML
pos = str.indexOf("Привет")
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1)
visit="В прошлый раз мы встретились: "
str = document.getElementById("pun-status").innerHTML
if( (pos=str.indexOf("Ваш последний визит")) != -1 )
document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1)
--></script>
<!--Стиль ссылок-->
<style type="text/css">
a:link,a:visited,a:hover {font-family: 'Book Antiqua'; font-size: 16px;}
</style>
<!--Спойлер v.2.3-->
<script type="text/javascript">
function tag_spolier()
{var FoundErrors = '';
var enterTITLE = prompt("Введите описание скрытого текста", 'Спойлер');
bbcode('[spoiler]',('|'+enterTITLE+'[/spoiler]'));}
$(function(){
$("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box").find("blockquote.quote-box").toggle("normal");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
}); });
$('td#button-code').before('<td style=\'background-image:url("http://i030.radikal.ru/0906/b4/4b44c8dc3465.gif")\' onclick="tag_spolier()"><img src="/i/blank.gif" alt="Спойлер"></td>');
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/spoiler]" ) != -1) {
spoilerr = /\[spoiler\]([^`]*?)\|(.*?)\[\/spoiler\]/gi
$(this).html(text.replace(spoilerr, "<div class='quote-box' style='padding:1px;background: none;border: 0;'><cite style='width:100%;margin:0;'><input id='Закрыть' class='spoiler-button' style='width:60%;font-size:14px; margin:0; cursor: pointer; font-weight:none' type='button' value='$2'></cite><blockquote class='quote-box' style='display:none; width:95%;border: 1px solid black;margin:0;'>$1</blockquote></div>"))
} });
</script>
<!--Запреты рекламному боту-->
<script type="text/javascript">
var a =document.URL
var b=document.getElementById('pun-status').innerHTML
if (b.indexOf("Странник")!=-1){
if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1)
||(a.indexOf("section=essentials")!=-1)
||(a.indexOf("section=personal")!=-1)
||(a.indexOf("section=messaging")!=-1)
||(a.indexOf("section=privacy")!=-1)
||(a.indexOf("section=fields")!=-1))
{document.getElementsByName('update')[0].onclick=noChange}
else if (a.indexOf("upload-avatar")!=-1)
{document.getElementsByName('urload')[0].onclick=noChange}}
function noChange()
{alert ("Увы, для рекламного бота эта возможность не предусмотрена")
return false}
</script>
<!--Шаблон подписи-->
<script type="text/javascript">
if (document.URL.indexOf("viewtopic")!=-1)
{var sigs=document.getElementById('pun-main').getElementsByTagName("div")
var v=0
for (v=0; v<=(sigs.length-1); v++)
{if (sigs[v].className=="post-content")
{if (sigs[v].innerHTML.toLowerCase().indexOf("<span>подпись автора</span>")==-1)
{sigs[v].innerHTML=sigs[v].innerHTML+"<dl class='post-sig'><dt><span>Подпись автора</span></dt><dd><p>"+"[Данный блок виден, если подпись не заполнена]<br>Внешность: <i>рост, телосложение, цвет глаз, волос</i><br>При себе: <i>одежда, оружие, телефоны, документы, деньги, другие вещи</i><br> Настроение: <i>моральное состояние</i><br>Состояние: <i>физическое состояние</i><br>[Добавить оформление: вставить текст в поле быстрого ответа в любой теме, отформатировать по вкусу, вырезать оттуда, не отправляя, вставить в поле подпись в профиле и сохранить]"+"</p></dd></dl>"}}}}
</script>
<!--Замена позитива-->
<script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr){
if (arr[j].innerHTML=="Позитив")
{arr[j].innerHTML="Одобрение"}
}}
changeLink()
</script>
<!--Вставка ссылок-переходов-->
<script>
var Lptp='http://'+ location.hostname + '/viewtopic.php?pid=';
var a=" <a class=\"Pst-userlink\" href=\"#\" title=\"Получить ссылку\"><font color=\"#000\">(<u>получить ссылку-переход</u>)</font></a>";
$(".post h3 span a").after(a);
$('.Pst-userlink').click(function(){
a=$(this).parents('.post').attr('id').replace(/^p/i,'');
smile('======> [url=+Lptp + a + '#p'+ a +]Страна-форум/подфорум. Название темы-локации в ней, куда идем или откуда приходим[/url]');
return false;
});
</script>
<!--Универсальный mp3 плеер-->
<style type="text/css">
#button-mp3 {background-image:url('http://img413.imageshack.us/img413/5702/sound3.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script type="text/javascript">
function addSpoiler_mp3(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[mymp3]",from))==-1) return str;
if((pos2=str.indexOf("[/mymp3]"),pos+8)==-1) return str;
newpos=str.indexOf("[mymp3]",pos+8)
if(newpos<pos2 && newpos!=-1) str=addSpoiler_mp3(str,pos+8,true)
if((pos2=str.indexOf("[/mymp3]",pos+8))==-1) return str;
txt = str.substring(pos+7,pos2);
if((sepPos=txt.indexOf("|",0))==-1) return str;
str=str.substring(0,pos)+makeSpoiler_mp3(txt.substring(0,sepPos),txt.substring(sepPos+1,txt.length))+str.substring(pos2+8,str.length)
if( str.indexOf("[mymp3]")!=-1 && internal==false) str=addSpoiler_mp3(str,0,false)
return str
}
function makeSpoiler_mp3(txt1,txt2){
txt='<br /><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" src="http://www.enricolai.com/FMP3/FMP3.swf" quality="high" allowscriptaccess="sameDomain" flashvars="vol=80&action=stop&title='+txt2+'&color=bfbebe&textcolor=3c3935&loop=yes&lma=no;height=60&width=260&mp3='+txt1+'" height="60" width="260">';
return txt;
}
var popup;
function tag_urlm()
{var FoundErrors = '';
var enterURL = prompt("Прямая ссылка на mp3 файл, можно загрузить сюда и взять из кода", "http://klopp.net.ru/musicbox/");
var enterTITLE = prompt("Автор и название песни", "Описание песни");
if (!enterURL)
{FoundErrors += " " + error_no_url;}
if (FoundErrors)
{alert("Ошибка!" + FoundErrors);
return;}
insert("[mymp3]" + enterURL + "|" + enterTITLE + "[/mymp3]");}
if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("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_mp3(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(17).innerHTML="<img src='/i/blank.gif' title='Загрузить mp3' id='button-mp3' onclick=\"tag_urlm()\">"
</script>
<!--Обтекание изображения-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
});
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#e5e4e4;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-41.4%; margin-left:15%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>
<!--Дополнительные цвета © Romych-->
<script language="javascript">
$(function(){
$('div#color-area table').append('<td style="background-color: thistle;"><img src="/i/blank.gif" onclick="bbcode(\'[color=thistle]\',\'[/color]\')"></td><td style="background-color: yellowgreen;"><img src="/i/blank.gif" onclick="bbcode(\'[color=yellowgreen]\',\'[/color]\')"></td><td style="background-color: lightblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=lightblue]\',\'[/color]\')"></td><td style="background-color: lightpink;"><img src="/i/blank.gif" onclick="bbcode(\'[color=lightpink]\',\'[/color]\')"></td><td style="background-color: palegoldenrod;"><img src="/i/blank.gif" onclick="bbcode(\'[color=palegoldenrod]\',\'[/color]\')"></td><td style="background-color: steelblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=steelblue]\',\'[/color]\')"></td><td style="background-color: orange;"><img src="/i/blank.gif" onclick="bbcode(\'[color=orange]\',\'[/color]\')"></td><td style="background-color: forestgreen;"><img src="/i/blank.gif" onclick="bbcode(\'[color=forestgreen]\',\'[/color]\')"></td><td style="background-color: firebrick;"><img src="/i/blank.gif" onclick="bbcode(\'[color=firebrick]\',\'[/color]\')"></td><td style="background-color: lightsteelblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=lightsteelblue]\',\'[/color]\')"></td><td style="background-color: sienna;"><img src="/i/blank.gif" onclick="bbcode(\'[color=sienna]\',\'[/color]\')"></td><td style="background-color: darkseagreen;"><img src="/i/blank.gif" onclick="bbcode(\'[color=darkseagreen]\',\'[/color]\')"></td><td style="background-color: saddlebrown;"><img src="/i/blank.gif" onclick="bbcode(\'[color=saddlebrown]\',\'[/color]\')"></td><td style="background-color: mediumpurple;"><img src="/i/blank.gif" onclick="bbcode(\'[color=mediumpurple]\',\'[/color]\')"></td><td style="background-color: tan;"><img src="/i/blank.gif" onclick="bbcode(\'[color=tan]\',\'[/color]\')"></td><td style="background-color: dodgerblue;"><img src="/i/blank.gif" onclick="bbcode(\'[color=dodgerblue]\',\'[/color]\')"></td>');
});
</script>
<!--Дополнительные символы © Romych-->
<script language="javascript">
$(function(){
$('#button-smile').before('<td id="altsym" style=\'background-image:url("http://darknight.kzar.ru/my_castle/symbols.jpg")\'><img src="/i/blank.gif" title="Cимволы"></td>');
$('.dopsym').css({'width' : '12px', 'height' : '12px', 'cursor' : 'pointer', 'text-decoration' : 'none'});
$('#altsym, .dopsym').click(function(){
$('div#tablesym').toggle();}); });
</script>
<div class="container" id="tablesym" style="display:none; width:auto; padding:8px; position:absolute; margin-top:-36%; margin-left:45%;">
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('©')">©</a>
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('™')">™</a>
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('«')">«</a>
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('»')">»</a>
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('–')">–</a>
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('?')">?</a>
<a class="dopsym" style="background-color:#ebdbc3" onclick="insert('?')">?</a></div>
<!--Выпадающее меню в объявлении-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<!-Выделяем поля профиля--->
<script type="text/javascript">
var div = document.getElementById("pun-main").getElementsByTagName("div");
for (var i=0; i<div.length; i++) {
if (div[i].className == "post-author" || div[i].className == "post-author online" ) {
var li = div[i].getElementsByTagName("li")
for (var k=0; k<li.length; k++){
var j = li[k].innerHTML.indexOf(":");
if (li[k].className != "pa-respect" && li[k].className != "pa-positive" && li[k].className != "pa-title"){
li[k].innerHTML = "<b>" + li[k].innerHTML.substring(0, j) + "</b>" + li[k].innerHTML.substring(j);
}
else if(li[k].className == "pa-respect" || li[k].className == "pa-positive"){
li[k].getElementsByTagName("a")[0].innerHTML = "<b>" + li[k].getElementsByTagName("a")[0].innerHTML + "</b>";
}}}}
</script>
<!--Пиар-вход-->
<script type="text/javascript">
PiarNik="Странник";
PiarPas="Kindret";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">PR-вход</a></span></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
<!--Выделение кода-->
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {
var s=window.getSelection();
if(s.setBaseAndExtent){
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);
}
else {
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
}
else if(document.getSelection){
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);
}
else if(document.selection){
var r=document.body.createTextRange();
r.moveToElementText(elem);
r.select();
}
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>Поделиться91Ср, 31 Авг 2011 01:24:09
Фелис Ссылку на форум
Поделиться92Ср, 31 Авг 2011 01:25:15
Deff
В профиле. Если конкретно - вот даже пост со спойлером: http://kindret.6bb.ru/viewtopic.php?id=7#p6419
Поделиться93Ср, 31 Авг 2011 01:30:48
Lady_Li Я не понимаю - что Вы сообщений - не читаете
- в самый верх!! HTML низ -, то есть В САмое начало Окна HTML низ...
Отредактировано Deff (Ср, 31 Авг 2011 02:03:27)
Поделиться94Ср, 31 Авг 2011 01:41:58
профиле. Если конкретно - вот даже пост со спойлером: http://kindret.6bb.ru/viewtopic.php?id=7#p6419
Ищите в HTML низ такой код
<!--Выпадающее меню в объявлении-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
Удаляйте строку красным!
Поделиться95Ср, 31 Авг 2011 05:24:50
Можно еще нюансик, уважаемые? Где в настройках возможно убрать строку, что сообщение отредактировано тогда-то и тогда-то? Неопрятно смотрится эта надпись.
Поделиться96Ср, 31 Авг 2011 06:32:45
Создать бесплатный форум | Загрузить картинку | Сокращатель ссылок - как изменить расположение этих ссылок?
Поделиться97Ср, 31 Авг 2011 06:36:36
http://bollywoodlife.rolevaya.ru/ - и можно попросить этот вариант оформления объявления?
Поделиться98Ср, 31 Авг 2011 09:47:15
Где в настройках возможно убрать строку, что сообщение отредактировано тогда-то и тогда-то?
В HTML верх
<style>
.lastedit {
display:none;
</style>
Создать бесплатный форум | Загрузить картинку | Сокращатель ссылок - как изменить расположение этих ссылок?
В HTML верх
<style>
#pun-about .container span.item1{
position:relative;
margin:100px 200px -100px -200px;
}
</style>
значение Синим и красным - попарно равны и противоположны по знаку; - сами цифры - регулируем
http://bollywoodlife.rolevaya.ru/ - и можно попросить этот вариант оформления объявления?
Спросите в заказах таблиц - недавно видал там такое
Отредактировано Deff (Ср, 31 Авг 2011 09:57:53)
Поделиться99Ср, 31 Авг 2011 10:10:47
пост 81
Поделиться100Ср, 31 Авг 2011 10:29:46
Кейс
Напомните вопрос и ссылку на форум
Отредактировано Deff (Ср, 31 Авг 2011 10:32:25)
Похожие темы
| Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Вс, 18 Янв 2026 |
| Общие вопросы по оформлению (62) | Архив | Сб, 26 Авг 2017 |
| Общие вопросы по оформлению (65) #1 | Архив | Сб, 19 Дек 2020 |
| Общие вопросы по оформлению (54) | Архив | Пт, 30 Янв 2015 |
| Общие вопросы по оформлению (53) | Архив | Сб, 11 Окт 2014 |
