Ekspert
Postów: 2451 Pomógł: 164
v7.02.07 Data rejestracji: 21.07.2009 12:55
|
Witam.
Starałem się znaleźć za pomocą wujka Google i robić na zasadzie metody prób i błędów, koloryzując chyba wszystkie linie, ramki i tła w tym stylu, że końcu skórka wyglądała jak wystawiona na odpuście i ... poddaję się :|
Chciałby nadać kolor linii - ramce, oddzielającej poszczególne posty.
Linie oddzielające podpisy użytkowników i linie po edycji postów zlokalizowałem, a tych nie mogę.
Teraz już nie wiem, czy jest to wogóle w tym stylu, czy ja już jestem tak skołowany, że nie mogę tego znaleźć :|:D
Podam styl css. ,trochę zmodyfikowany przeze mnie, może ktoś mi podpowie, albo nakieruje.
Będę wdzięczny :)
/* Comment element properties */
a {
color: #006666;
text-decoration: none;
}
a:hover {
color: #660000;
text-decoration: underline;
}
a.side {
color: #006666;
text-decoration: none;
}
a:hover.side {
color: #660000;
text-decoration: underline;
}
a.white, li.white a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003333;
text-decoration: none;
}
a:hover.white, li.white a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #003333;
text-decoration: underline;
}
body {
font-family : Helvetica, sans-serif;
font-size : 12px;
background-image: url('images/bg.jpg');
background-color: #fff;
background-position: top center;
background-repeat: no-repeat;
margin: 0px auto;
}
hr {
height: 1px;
border: 1px solid #660000;
}
hr.side-hr {
height: 1px;
border: 1px solid #660000;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.alt {
color: #f96f00;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #555;
background-color: #f6f6f6;
border: 1px solid #003333;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #27608D;
background-color: #fff;
height: 20px;
border: 1px solid #003333;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990000;
background-color: #eee;
border: 1px solid #003333;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #990000;
background-color: #f8f8f8;
border: 1px solid #660000;
}
/* Header and footer properties */
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
height: 200px;
background-image: url('images/header.jpg');
padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #990000;
height: 100px;
background-color: #fff;
background-image: url('images/footer.png');
}
.main-body {
font-size: 12px;
color: #990000;
background-color: #fff;
border-width: 0px 1px 1px 1px;
border-color: #003333;
border-style: solid;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #990000;
background-color: #fff;
padding: 10px 5px 10px 5px;
width: 175px;
}
.side-border-right {
color: #990000;
background-color: #fff;
padding: 10px 5px 10px 5px;
width: 183px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #990000;
text-align: center;
background-image: url('images/side-cap.png');
background-repeat: repeat-x
}
.scapmain-left {
width: 12px;
height: 30px;
background-image: url('images/side-cap-left.png');
}
.scapmain-right {
width: 12px;
height: 30px;
background-image: url('images/side-cap-right.png');
}
.scapmain-bottom-left {
width: 12px;
height: 12px;
background-image: url('images/side-cap-bottom-left.png');
}
.scapmain-bottom-right {
width: 12px;
height: 12px;
background-image: url('images/side-cap-bottom-right.png');
}
.scapmain-center-right {
width: 12px;
background-image: url('images/side-cap-center-right.png');
background-repeat: repeat-y
}
.scapmain-center-left {
width: 12px;
background-image: url('images/side-cap-center-left.png');
background-repeat: repeat-y
}
.side-footer {
height: 12px;
background-image: url('images/side-bottom-cap.png');
background-repeat: repeat-x
}
.side-body {
font-size: 12px;
color: #990000;
background-image: url('images/back.png');
padding: 4px
}
/* Center-Panel properties */
.news-category {
border: 0px none;
float: left; margin-left:0; margin-right:5px; margin-top:3px; margin-bottom:0
}
.news-footer {
font-size: 12px;
color: #990000;
background-image: url('images/bottom-cap.png');
padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:25px
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #990000;
text-align: center;
background-image: url('images/cap.png');
background-repeat: repeat-x;
padding-left:4px; padding-right:2px; padding-top:25px; padding-bottom:6px
}
.capmain-left {
width: 46px;
height: 46px;
background-image: url('images/cap-left.png');
}
.capmain-right {
width: 46px;
height: 46px;
background-image: url('images/cap-right.png');
}
.capmain-bottom-left {
width: 46px;
height: 46px;
background-image: url('images/cap-bottom-left.png');
}
.capmain-bottom-right {
width: 46px;
height: 46px;
background-image: url('images/cap-bottom-right.png');
}
.capmain-center-right {
width: 46px;
background-image: url('images/cap-center-right.png');
background-repeat: repeat-y
}
.capmain-center-left {
width: 46px;
background-image: url('images/cap-center-left.png');
background-repeat: repeat-y
}
.main-bg {
color: #990000;
background-color: #fff;
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 1px solid #990000;
}
.tbl {
font-size: 12px;
color: #990000;
background-color: #fff;
padding: 4px;
}
.tbl1 {
font-size: 12px;
color: #000;
background-color: #fff;
padding: 4px;
}
.tbl2 {
font-size: 12px;
color: #990000;
background-color: #fff;
padding: 4px;
}
.forum-caption {
font-size: 13px;
font-weight: bold;
color: #990000;
background-color: #E5E5E5;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 12px;
color: #000066;
background-color: #999966;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #0000cc;
}
.poll {
height: 12px;
border: 1px solid #ddd;
}
.comment-name {
font-weight: bold;
color: #fff;
}
.shoutboxname {
font-weight: bold;
color: #000;
}
.shoutbox {
color: #990000;
}
.shoutboxdate {
font-size: 12px;
color: #990000;
}
.small {
font-size: 13px;
font-weight: normal;
}
.small2 {
font-size: 13px;
font-weight: normal;
color: #555;
}
.side-small {
font-size: 13px;
font-weight: normal;
color: #555;
}
.side-label {
color: #555;
background-color: #ececec;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 12px;
font-weight: normal;
background-color: #ececec;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #555;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #000;
background-color: #E5E5E5;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #006666;
background-color: #f6a504;
border: 1px solid #003333;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #ececec;
border: 1px solid #003333;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #f6a504;
margin: 2px;
text-decoration: none;
}
#subheaders a { color:#426060 !important; font-weight:bold; font-size:13px; text-decoration:none; display:block; text-transform:none; padding:0px 0px 0px 0px; width:auto; float:left; height:38px; vertical-align:bottom; background:url(images/1.png) no-repeat 0 0; margin:0px 1px 0px 0px; }
#subheaders a span { display:block; padding:13px 25px 14px 25px; background:url(images/3.png) no-repeat right 0; }
#subheaders a:hover { color:#426060 !important; font-weight:bold; font-size:13px; text-decoration:none; display:block; background:url(images/2.png) no-repeat 0 0; }
#subheaders a:hover span { padding:14px 25px 14px 25px; display:block; background:url(images/4.png) no-repeat right 0; }
#subheaders .active a { color:#2d2c2a !important; font-weight:bold; font-size:13px; text-decoration:none; display:block; background:url(images/2.png) no-repeat 0 0; }
#subheaders .active a span { padding:14px 25px 14px 25px; display:block; background:url(images/topmenu_right_act.png) no-repeat right 0; }
.jsfix { background: url(images/space.gif); background-repeat: repeat-y; }
.center, *[align="center"] { margin: 0 auto; }
.headsearchbox { width:115px; border:1px solid #990000; background:#fff; margin:0px 10px 6px 0px; padding:3px 0px 4px 5px; vertical-align:top; font:normal 12px Tahoma; color:#7a7979; }
.headsearchbutton { background:url(images/go.png) no-repeat 0 0; height:22px; width:39px; border:none; color:#fff; font-weight:bold; font-size:12px; vertical-align:top; cursor:pointer; }
.login { font-weight:normal; padding-left: 5px; background:url(images/loginform_bg.gif) no-repeat; background-position:top right; width: 200px; }
.login a { font-weight:normal; color:#FFF; }
.login a:hover { font-weight:normal; color:#FFF; text-decoration:underline; }
.loginbutton { border:none; background:url(images/login.png) no-repeat 0 0; width:57px; height:22px; color:#fff; font-size:12px; font-weight:bold !important; margin:4px 0px 0px 0px; text-align:center; padding:0px 0px 0px 0px; line-height:14px; vertical-align:top; cursor: pointer; }
.bbcode { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color: #FAF7E8; border-color: #FDFDFB #D1C99A #D1C99A #FDFDFB; border-width: 1px; border-style: solid; margin-top: 2px; }
.textbox { border:1px solid #990000; background:#fff; font:normal 13px Tahoma; color:#7a7979; padding: 2px; margin-top: 2px; }
.textbox:hover, .textbox:focus, .bbcode:hover { background-color: #eff9d0; border:1px solid #339966; margin-top: 2px; }
#subheaders ul { margin: 0 10px; padding: 0; }
#subheaders ul li { display:inline; }
#subheaders ul li.first-link .bullet { display: none; }
Kliknij i zaczekaj na załadowanie kodu ...
Nie szukaj Szczęścia, lecz dawaj Je innym, a wtedy samo do Ciebie przyjdzie.
Nie ma mnie na GG.
|