Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (35)
Подскажите, пожалуйста, для чего нужны эти строки:
/* CS2.5 */
.punbb th {
border-color: #FF0000
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #FFFFEA
}И как фон изменить в переадресации, в цветах style_cs.css:
Доброго времени суток))
Как бы я ни любила пользоваться поиском в этот раз он меня подвел)
Вообщем, если ближе к делу.
форум: http://200.mybb.ru/
http://i26.fastpic.ru/big/2011/0807/c8/ … 33b8c8.jpg
http://i26.fastpic.ru/big/2011/0807/c9/ … eff2c9.jpg
http://i26.fastpic.ru/big/2011/0807/ff/ … f62cff.jpg
В тех местах, на которые указано красными стрелочками очень очень нужно убрать прозрачность, либо закрасить цветом фона (#d3d3d4). Было бы просто идеально, если в том месте, где на втором скрине идет разрыв между информационным табло и первым сообщением убрать этот пропуск вообще, а заодно и надписи "Страница", "Ответить", если это осуществимо, конечно)
Зарание спасибо)
Отредактировано Апофеоз (Вс, 7 Авг 2011 04:18:21)
Подскажите, пожалуйста, для чего нужны эти строки:
/* CS2.5 */
Обрамление(бордюр) Легенды таблицы на главной в профиле и в форумахна главной это строка
Форум Тем Сообщений Последнее сообщение
/* CS2.6 */ - Обрамление цитаты и блока Код
И как фон изменить в переадресации, в цветах style_cs.css:
Отредактировано Deff (Вс, 7 Авг 2011 11:34:45)
В тех местах, на которые указано красными стрелочками очень очень нужно убрать прозрачность,
Так не спаcает ?
В HTML верх
<style type="text/css">
#pun{
background-color: #D3D3D4!important;
}
</style>
Так не спаcает ?В HTML верх
Помгло)
Премного благодарна)
Астра
/*************************************************************
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 h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}
.punbb th {
font-size: 0.9em;
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: normal
}
/* A3.8 */
.punbb .post-content em {
font-style: italic
}
/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
}
/* A3.10 */
.punbb a {
}
/* A3.11 */
.punbb optgroup {
font-weight: bold;
}
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}
/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: auto;
width: 858px;
padding: 0px 58px 0px 56px;
}
/* A5.2 */
.punbb {
float: lcenter;
width: 100%;
height: auto;
}
/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}
/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}
/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}
/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
}
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 2.5em 1em;
width: 862px;
margin-left: -17px;
}
/*************************************************************
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;
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 solid;
}
/* 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;
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.5em;
left: 1em;
width: 24em;
}
/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4.5em;
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 {
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 {
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: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}
/* C2 Table layout
-------------------------------------------------------------*/
/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
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: 1px 0 0 1px;
padding: 0.8em 1em;
}
/* C2.12 */
.punbb .main th {
padding: 3px 1em 5px 1em;
border-top: none;
border-left: none;
}
/* 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: 61px;
}
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 70px;
height: 100px;
padding-top: 1px;
margin-top: 1px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
margin-top: -1px;
padding-bottom: 1px;
}
/* C3.2 */
.punbb .post h3 {
}
/* C3.3 */
.punbb .post h3 span {
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: 1.2em;
padding-left: 1.6em;
margin-top: 0.7em;
}
/* C3.11 */
.punbb .post-body {
margin-left: 19em;
padding: 0 0 1px 0;
}
/* C3.12 */
.punbb .post-box {
padding: 1em;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
}
/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}
/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}
/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}
/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
margin-top: 0px;
border: none;
margin-bottom: -55px;
width: 860px;
background: url(http://s2.ipicture.ru/uploads/20110805/j4t4oTZz.png) no-repeat top center transparent;
}
/* D1.2 */
#pun-title h1 {
display : block;
height: 400px;
margin: -1px 0px 0px 10px;
}
/* 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: 259px;
width: 100%;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}
#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-right: 183px;
padding-top: 180px;
}
/* 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 {
margin: 0;
margin-bottom: 0px;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 0px;
height: 21px;
text-align: center;
}
/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0.7%;
padding: 0px;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.3em;
font-family: tahoma;
padding: 0px 0px 2px 4px;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-bottom: 10px;
border-top: none;
}
/* D4.2 */
#pun-ulinks .container {;
text-align: center;
padding-top: 4px;
height: 19px;
font-weight: bold;
}
/* 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;
}
/* 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;
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;
position: relative;
font-weight: bold;
}
/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
}
/* 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;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
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;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
}
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
padding-bottom: 0;
margin-bottom: 0.8em;
}
/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
font-size: 1.1em;
}
/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}
/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}
/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}
/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}
/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {
background: #FFCC66;
}
.forum .tclcon a {
font-weight: bold !important;
}
.main-title {
background: url(http://s2.ipicture.ru/uploads/20110805/Y2YNWFJV.png) no-repeat top center !important;
padding: 1em !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
}
#pun-title td.title-logo-tdr {
vertical-align:baseline!important;
position:absolute!important;
display:block!important;
left: 2%!important;
margin-top: 50px;
}
#pun{
background-position: top center;
background-repeat: repeat-y;
background-image: url(http://s1.ipicture.ru/uploads/20110805/WxsWS3w4.jpg);
}
/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: #FFFF99;
color: #4d4e0d;
}
.punbb-admin #pun-admain .adcontainer {
color: #4d4e0d;
background: #FFFF99;
}
#pun-ulinks .container{
background: #FFFF99;
color: #4d4e0d;
}
/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background: #FFFF99;
color: #4d4e0d;
}
.punbb .post h3 span {
background: #FFFF99;
color: #4d4e0d;
}
.punbb td.tc2, .punbb td.tc3 {
color: #4d4e0d;
font-size: 1.5em;
font-family: arial;
}
.multipage td.tc2, .multipage td.tc3 {font-size: 1em !important; font-family: tahoma;}
.punbb td.tc3 {color:#4d4e0d;}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/1aWi3Gm5.jpg);
background-repeat: no-repeat;
background-position: top center;
color: #4d4e0d;
font-family: "PF Scandal Pro";
font-size: 16px;
}
#pun-category1 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/nLfV0D2V.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category2 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/8xVQJPdA.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category12 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/ZnFz7Puo.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category4 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/RsRFBNl5.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category5 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/5OW7N88e.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category6 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/xK7dn1c1.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category7 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/CG0OUV4O.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category8 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/5yRjH6PW.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category9 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/OUvTa2SR.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category10 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/ao4EKhRV.jpg);
background-repeat: no-repeat;
background-position: top center;
}
#pun-category11 h2 {
background-image: url(http://s1.ipicture.ru/uploads/20110805/AfKJRIYA.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.punbb-admin #pun-admain h2 {
background: #FFFF99;
color: #4d4e0d;
}
/* CS1.4 */
.punbb .modmenu .container {
background: #FFFF99;
color: #4d4e0d;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background: #FFFF99;
color: #4d4e0d;
}
#viewprofile h2 span {
background-image: none;
}
.punbb .post h3 strong {
font-size: 0.9em;
color: #4d4e0d;
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #FFFF99;
color: #4d4e0d;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background: #FFCC66;
color: #4d4e0d;
border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
}
.punbb textarea, .punbb select, .punbb input {
background: #FFCC66;
color: #4d4e0d;
border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
-moz-border-radius:7px;
-o-border-radius:7px;
box-shadow: 0px 1px 1px #4d4e0d;
-webkit-box-shadow:0px 1px 1px #4d4e0d;
-khtml-box-shadow:0px 1px 1px #4d4e0d;
-moz-box-shadow:0px 1px 1px #4d4e0d;
}
/* CS1.8 */
#pun-navlinks .container {
background: #FFFF99;
color: #4d4e0d;
}
.offline li.pa-online strong {
font-weight: normal;
}
/* CS2 Border colours
-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
border-color: #FFFF99;
}
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: #FFFF99;
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #FFFF99;
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #FFFF99;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #FFFF99;
}
/* CS2.5 */
.punbb th {
border-color: #FFFF99;
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #FFCC66;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #FFFF99;
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #FFFF99;
}
.punbb .divider {
border-color: #FFFF99;
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #FFFF99;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited {
color: #CC9933;
text-decoration: none;
}
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #CC9933;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #CC9933;
text-decoration: none;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active {
color: #CC9933;
text-decoration: none;
}
/* CS3.3 */
#pun-navlinks a {
color: #CC9933;
text-decoration: none;
background: none;
text-transform: uppercase;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #CC9933;
text-decoration: none;
background: none;
text-transform: uppercase;
}
#pun-ulinks a {
color: #CC9933;
text-decoration: none;
}
/* CS3.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #CC9933;
text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #CC9933;
text-decoration: none;
}
.subscribelink a, .subscribelink a:link, .subscribelink a:visited {
color: #CC9933;
text-decoration: none;
}
.subscribelink a:hover, .subscribelink a:focus {
color: #CC9933;
text-decoration: none;
}
.postlink a, .postlink a:link, .postlink a:visited,
.pagelink a, .pagelink a:link, .pagelink a:visited {
color: #CC9933;
text-decoration: none;
}
.postlink a:hover, .postlink a:focus,
.pagelink a:hover, .pagelink a:focus {
color: #CC9933;
text-decoration: none;
}
.pagelink, .postlink { color: #CC9933;
text-decoration: none;}
.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
color: #CC9933;
text-decoration: none;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://s2.ipicture.ru/uploads/20110805/p2ngx4J2.png) no-repeat;
}
tr.inew div.icon {
background: url(http://s2.ipicture.ru/uploads/20110805/KCDtKBLA.png) no-repeat;
}
tr.iclosed div.icon {
background: url(http://s2.ipicture.ru/uploads/20110805/3vSx952k.png) no-repeat;
}
tr.isticky div.icon {
background: url(http://s2.ipicture.ru/uploads/20110805/YH6aD6Vo.png) no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {
display: none;
}Отредактировано rps (Пн, 8 Авг 2011 03:30:33)
Narka
Здравствуйте.
в общем пишу по поводу глюка в дизайне. Как-то странно обрезаются аватарки. Подробнее на скине внизу. Что это такое? http://wavephotoshop.rusff.ru/uploads/0 … 8167-1.jpg
Вы бы ещё меньше сделали скриншот, а то под микроскопом ещё можно что-то рассмотреть.
Предположительно аватарка не помещается по ширине под отведённое под неё в профиле место. Либо делайте её уже, либо поле с данными шире. Когда будет полноразмерный скриншот - дам точные указания.
+ хотелось бы код для оповещения о том, что пришло ЛС
Самый простой вариант:
<script language="JavaScript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("Вам пришло новое личное сообщение")
}
</script>Если не устроит - могу дать ещё.
+в лого под аватаром дня баннеры пихнуть которые будут слева направо перемещаться
В ХТМЛ-низ:
<div id="m" style="display: none;"><marquee>Some HTML object or text...</marquee></div>
<script type="text/javascript">
document.getElementById("title-logo-tdr").innerHTML += "<div>" + document.getElementById("m").innerHTML + "</div>";
</script>Отредактировано rps (Пн, 8 Авг 2011 03:51:11)
Если поможешь поправить - было б не плохо( а то достали с очисткой
/*************************************************************
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 {
font-size: 1em;
font-weight: normal;
}
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}
/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}
/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}
/* A3.8 */
.punbb .post-content em {
font-style: italic
}
/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
/* A3.10 */
.punbb a {
text-decoration: underline
}
/* A3.11 */
.punbb optgroup {
font-weight: bold;
}
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}
/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: 0 auto auto auto;
width: 720px;
border-style: none;
}
/* 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, .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: none;
border-width: 0px;
}
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}
#pun-main h2 {
padding: 10px 1em 10px 1em;
border-style: none none none none;
border-width: 0 0 0 0;
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}
/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 0px none #888;
width: 250px;
margin: 5px 0;
}
/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}
/* B1.4 */
.punbb .post-content img {
vertical-align: text-bottom
}
/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}
/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}
/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: none;
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: -4em;
left: 1em;
width: 24em;
}
/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}
/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}
/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}
/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}
/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}
/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}
/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}
/* C1.4 */
.punbb fieldset {
border-style: none;
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 12em 0 0;
height: 100%; /* For IE */
}
/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}
/* C1.17 */
.punbb .hashelp {
position: relative;
}
/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}
/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}
/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}
/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}
/* C2 Table layout
-------------------------------------------------------------*/
/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
padding-right: 1px;
}
/* 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: left;
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: none none none none;
border-width: 0px 0 0 0px;
padding: 0.8em 1em;
}
/* C2.12 */
.punbb .main th {
border-style: none none none none;
border-width: 0 0 0 0px;
padding: 0.4em 1em 0.4em 1em;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
margin-left: 10px;
}
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 70px;
height: 70px;
margin-left: 18px;}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
border-style: none none none none;
border-width: 0px;
margin-top: -1px;
padding-bottom: 1px;
}
/* C3.2 */
.punbb .post h3 {
border-style: none none none none;
border-width: 0px;
}
/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: none;
border-left-width: 0px
}
/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
padding-right: 30px;
}
/* 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%;
text-align: left;
}
/* 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: none;
border-left-width: 0px;
padding: 0 0 1px 0;
padding-right: 20px;
}
/* C3.12 */
.punbb .post-box {
padding: 1em;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}
/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: none;
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;
}
/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}
/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}
/* C5 Message boxes
-------------------------------------------------------------*/
/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}
/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}
/* C6 Profile
-------------------------------------------------------------*/
/* C6.1 */
#profile .container {
padding-left: 18.6em;
}
/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}
/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}
/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}
/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}
/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}
/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}
/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}
/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}
/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}
/* C7 User list
-------------------------------------------------------------*/
/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}
/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: none none none none;
border-width: 0px 0px 0 0px;
}
/* D1.2 */
#pun-title h1 {
display : block;
height : 370px;
padding: 2em 1em 0 1em;
}
/* D1.3 */
#pun-title .container {
border-style: none none none none;
}
/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
display: none;
}
#pun-title table {
border: none;
height: 40px;
width: 100%;
}
#pun-title td.title-logo-tdl {
border: none;
width: 100%;
margin-top: 1px;
}
#pun-title td.title-logo-tdr {
border: none;
width: 168px;
vertical-align: top;
}
/* 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;
text-align: center;
}
/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-top: 0;
text-align: center;
}
/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
width: 890px;
}
/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
width: 890px;
}
/* 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;
margin-right: 35px;
}
/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: none 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 none none;
border-width: 0 0 0px 0;
position: relative;
font-weight: normal;
}
/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: none;
border-bottom-width: 0px;
display: none;
}
/* 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: none;
border-top-width: 0px;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
border-top-style: none;
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: none none;
border-width: 0px 0;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: none;
border-top-width: 0px;
}
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: none;
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: none;
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;
}/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {
background-color: #7A5648;
background-image: url(http://radikal.ua/data/upload/c2184/fb1a9/aa9f902a07.png);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;
color: #000;
}
.lastedit {
display: none;
}
.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom {
filter: alpha(opacity=40);
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter: alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: transparent none;
color: #000;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background: transparent none;
color: #000;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url(http://savepic.org/1906425.png);
background-position: top center;
background-repeat: no-repeat;
color: #000;
text-align: center;
height: 50px;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
color: #000;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background: transparent none;
color: #000
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background: transparent none;
color: #000;
text-align: center;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #ADA4F0;
color: #000;
}
/* CS1.8 */
#pun-navlinks .container {
color: #000;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb select, .punbb input {
background-color: #D3B7BC;
color: #000;
}
.punbb textarea{
background-color: #D3B7BC;
color: #000;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent;
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: transparent;
}
/* CS2.5 */
.punbb th {
border-color: transparent;
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #000000 #000000 #000000 #000000;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}
.punbb .divider {
border-color: transparent;
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border-color: transparent;
}
li.pa-online {
border-color: transparent;
}
.punbb .post-sig dt {
border-top-color: transparent !important;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #000;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000;
text-decoration: underline;
}
/* CS3.3 */
#pun-navlinks a {
color: #000;
text-decoration: none;
font-size: 1.2em;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #000;
font-weight: normal;
font-style: normal;
text-decoration: underline;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
Div.icon {background-image : url(http://savepic.org/1932027.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(http://savepic.org/1922811.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://savepic.org/1916667.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://savepic.org/1964794.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(http://savepic.org/1964794.png); background-repeat: no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}
/* CS5 Other
-------------------------------------------------------------*/
#pun-title .title-logo {
background-image : url(http://radikal.ua/data/upload/69fda/fb1a9/931d645f2d.png);
background-repeat : no-repeat;
height : 450px;
background-position: center top;
}
#pun-title table tbody tr .title-logo-tdr {
position: absolute;
z-index: 1;
left: 300px;
top: 10px;
}Здравствуйте.
Ищу таблицу как здесь, но никак не могу найти подобный скрипт (только шаблоны на заказ, но там немного не то было), ибо не знаю его названия.
Просьба дать ссылку на этот самый скрипт/написать его здесь, с учетом того, что я хочу эффект, как на вышеуказанном форуме (т.е. при нажатии на кнопку текст не дергается, уползает куда-то и вылетает другой, как я видела на многих форумах, а как бы растворяется и плавно заменяется другим), и, во-вторых, подскажите, как для навигационного меню (т.е. кнопок) поставить общую полосу-фон?)
Заранее спасибо.
________________________
АПД: через исходный код браузера взяла код их таблицы, однако картинки на фоне навигации так же не наблюдается. ><
http://detectivi.rolka.su/
Отредактировано Nataly-Jane (Пн, 8 Авг 2011 12:32:48)
rps
Благодарю))
rps
Вы бы ещё меньше сделали скриншот, а то под микроскопом ещё можно что-то рассмотреть.
Предположительно аватарка не помещается по ширине под отведённое под неё в профиле место. Либо делайте её уже, либо поле с данными шире. Когда будет полноразмерный скриншот - дам точные указания.
Извиняюсь, вот
http://xmages.net/show.php/3020931_51-png.html
+ http://wavephotoshop.rusff.ru/
смотрите как баннеры получились. Хотелось бы их поместить ПОД аватаром дня там есть маленькое место
вот скрин
Отредактировано Narka (Пн, 8 Авг 2011 13:09:24)
смотрите как баннеры получились. Хотелось бы их помест
Не видит банеров вовсе http://savepic.net/1802347.png
Отредактировано Deff (Пн, 8 Авг 2011 13:14:46)
rps
Пасиб!
Если не устроит - могу дать ещё.
не работает
Не видит банеров вовсе http://savepic.net/1802347.png
сейчас убрала, посмотрите на скрин. так и было
Narka Не лечу зубы по фотографиям ( нарисовать можно что угодно...
Хотите правки - ставите код и отписываетесь
Deff
поставила, спешиал фор ю
http://wavephotoshop.rusff.ru/ обновите
Narka
Замените весь скрипт на такой код
<div id="m" style="position:absolute;top:420px;margin-left:413px;width:290px;"><marquee><p> <a href="http://nestandart.artbb.ru/"><img src="http://funkyimg.com/u2/950/273/The_Field_by_Joker84.png"></a><a href="http://colorforum.ru" target="_blank"><img src="http://forumupload.ru/uploads/000c/77/06/66225-1.gif" border="0" alt="COLOR FORUM" /></a><a title="Сompany Аrt" href="http://cart.artbb.ru/" target="_blank"> <img src="http://xmages.net/storage/10/1/0/4/a/upload/4d6f811d.gif" alt="" /> </a><a href="http://kosmotibs.mybb.ru/" target="_blank"><img src="http://10pix.ru/img1/4430/4581242.gif" alt="Тибидохс - Закрытый Космос" /> </a><a title="Gossip Girl / second by farenheit" href="http://farenheit.rusff.ru/"><img src="http://savepic.org/1770994.gif" alt="" /></a><a href="http://lumosmaxima.rolebb.ru/"> </a><a title="More Potter, more" href="http://pottermore.hutt.ru/" target="_blank"><img src="http://xmages.net/storage/10/1/0/4/2/upload/6f24d94d.png" border="0" alt="" width="88" height="31" /></a><a href="http://harvuniver.rusff.ru/" target="_blank"> <img src="http://savepic.org/1876677.png" border="0" alt="Harvard University" width="88" /></a><a href="http://hollywoodlive.rolevaya.ru/"> <img src="http://i47.tinypic.com/24m7p52.gif" alt="null" width="88" height="31" /></a><a href="http://xmenevolution.rusff.ru/" target="_blank"> <img title="X-MEN: E V O L U T I O N" src="http://savepic.net/1437442.gif" border="0" alt="" width="88" height="31" /></a><a title="theory of war | korean academy." href="http://merrygoround.rusff.ru/"> </a><a title="theory of war | korean academy." href="http://merrygoround.rusff.ru/"><img src="http://savepic.org/1793536.gif" border="0" alt="" width="88" height="35" /></a>_<a title="University of California" href="http://californication.rusff.ru/" target="_blank"><img src="http://savepic.net/1445938.gif" alt="" /></a></p> <p> <a href="http://pragent.userforum.ru/"> </a></p> <p><a href="http://pragent.userforum.ru/"> </a><a href="http://pragent.userforum.ru/"> </a><a href="http://pragent.userforum.ru/"><br /></a></p> <p><a href="http://pragent.userforum.ru/"><br /></a></p> <p> </p></marquee></div>
Отредактировано Deff (Пн, 8 Авг 2011 14:30:06)
Deff
Cпасибо большое )
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (35)