Witam
Chce wstawić obrazek do nagłówku newsa oraz innych działów. Oraz krawędzie odzielające, każdy news. Probowalem z tym obrazkiem w style.css ale tam zmienilo mi cale tlo pod newsem nie tylko naglowka. W obrazku zalączam, o co dokładie mi chodzi. W miejscu nagłówką potrzebuję kod na obrazek o specyficznych wymiarach, oraz przydałby się na dół strony podobny. I krawędzie do newsów.
Kod z style.css
body {
font-family:Tahoma;
font-size:10px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* Menu */
.menu{
padding: 0;
width: 100%;
background: transparent;
}
.menu ul{
font: normal 12px Arial;
margin:0;
padding:0;
list-style:none;
}
.menu li{
display:inline;
margin:0 2px 0 0;
padding:0;
}
.menu a{
float:left;
color: #00ff12;
background: #251f1f no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}
.menu a span{
float:left;
display:block;
width:40px;
height:50px;
background: #216c94 no-repeat right top;
padding: 6px 8px 3px 7px;
}
.menu a span{
float:none;
}
.menu a:hover{
color: #fff;
background-color: #ff1a76;
}
.menu a:hover span{
color: #fff;
background-color: #ff1a76;
}
.menuline{
clear: both;
padding: 0;
width: 100%;
height: 18px;
line-height: 18px;
background: #678b3f url(images/menu_bar.png);
}
.tabcontent{
display:none;
}
/* End of menu */
/* General page style */
.bodyline {
background:#00ff12;
color:#a3b0ba;
border:1px solid #FFFFFF;
}
a {
color:#ff1a76;
text-decoration:none;
}
a:hover {
color:#e41e6e;
text-decoration:none;
}
a.side {
color:#fff;
text-decoration:none;
}
a:hover.side {
color:#f17cab;
text-decoration:underline;
}
a.white {
color:#fff;
text-decoration:none;
font-weight:bold;
}
a:hover.white {
color:#000;
text-decoration:underline;
}
.seperator {
color:#a3b0ba;
}
form {
margin:0px 0px 0px 0px;
}
hr {
height:0px;
border:solid #CCCCCC 1px;
border-top-width: 1px;
}
td {
font-family:Tahoma;
font-size:10px;
}
pre {
font-family:Tahoma;
font-size:11px;
}
.alt {
color:#000;
}
.sub-header {
font-family:Tahoma;
font-size:10px;
color:#000 ;
padding: 2px;
}
.white-header {
background: #ff1a76;
font-family:Tahoma;
font-size:10px;
color: #7a7a7a;
height:19px;
padding:4px 4px 4px 4px;
}
.full-header {
font-family:Tahoma;
font-size:10px;
color:#a3b0ba;
background-color:#251f1f;
}
.button {
font-family:Tahoma;
font-size:10px;
color:#fff;
background-color:#d21863;
border:1px #da1f6a solid;
margin-top:2px;
}
.textbox {;
font-family:Tahoma;
font-size:10px;
color:#000;
background-color:#ff1a76;
border:1px #ccc solid;
}
.visits {
color:#fff;
text-decoration:none;
font-weight: bold;
font-size:11px;
}
.main-body {
font-family:Tahoma;
font-size:11px;
color:#000;
background-color:#fff;
padding:3px 4px 3px 4px;
}
.side-body {
font-family:Tahoma;
font-size:10px;
color:#fff;
padding:4px 4px 6px 4px;
background-color:#216c94;
}
.main-bg {
background-color:#fff;
}
.border {
border-width:1px 1px 1px 1px;
border-color:#000000;
border-style:solid;
}
.border2 {
border-width:3px 1px 1px 1px;
border-color:#000000;
border-style:solid;
}
.news-footer {
font-size:9px;
font-weight:normal;
color:#142000;
background-color:#ff1a76;
padding:4px 4px 4px 4px;
}
.capmain {
font-family:Tahoma;
font-size:18px;
font-weight:bold;
color:#000;
height:24px;
padding:2px 2px 2px 2px;
}
.bottom {
background: #000 url(images/bottom-bg.png);
color: #000;
font-family:Tahoma;
height: 230px;
}
.bottom2 {
color: #fff;
font-family:Arial;
font-size: 10px;
height: 175px;
}
.panel {
color: #000;
font-family:Tahoma;
font-size: 18px;
font-weight: bold;
padding:4px 4px 4px 10px;
}
.bottom-header {
color: #216c94;
font-family:Arial;
font-size: 16px;
font-weight: bold;
border-bottom:1px #ff1a76 solid;
padding:4px 4px 4px 10px;
}
.border-tleft {
width:25px; height:27px;
background-image:url(goralewa.png);
}
.border-tright {
width:25px; height:27px;
background-image:url(goraprawa.png);
}
.border-tmain {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
color:#fff;
height:27px;
background-image:url(tlobelki.png);
}
.border-left {
width:27px; background-image:url(lewybok.png);
background-repeat:repeat-y;
}
.border-right {
width:27px; background-image:url(prawybok.png);
background-repeat:repeat-y;
}
.border-bleft {
width:25px; height:10px;
background-image:url(dol2.png);
}
.border-bright {
width:25px; height:10px;
background-image:url(dol33.png);
}
.border-bmain {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
color:#fff;
height:10px;
background-image:url(doltlo.png);
}
.footer {
background: #000;
padding:4px 4px 4px 4px;
color: #fff;
font-size: 11px;
font-family:Arial;
height: 14px;
}
.date {
background: none;
color: #DCE0E2;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;
text-decoration: none;
}
img {
border: 0px;
}
.side-border-left {
border-right : 0px solid #e1e1e1;
width: 200px;
padding : 5px;
}
.side-border-right {
border-left : 0px solid #e1e1e1;
width: 200px;
padding : 5px;
}
.capleft {
width:2px;
height:20px;
}
.capright {
width:2px;
height:20px;
}
.scapmain {
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#a3b0ba;
height:19px;
padding:2px 2px 2px 2px;
border-width:1px 0px 1px 0px;
border-color:#b2b3be #b2b3be #b2b3be #b2b3be;
border-style:solid;
}
.tbl-border {
background-color:#216c94;
}
.tbl {
font-size:11px;
padding:3px 4px 3px 4px;
}
.tbl1 {
font-size:11px;
color:#000;
background-color:#fff;
padding:4px;
}
.tbl2 {
font-size:11px;
color:#000;
background-color:#fff;
padding:4px;
}
/* Forum header*/
.forum-caption {
font-size:11px;
font-weight:bold;
color:#fff;
background-color:#ff1a76;
height:24px;
padding:0px 4px 2px 4px;
border-width:0px 0px 0px 0px;
border-color:#8A8573 #8A8573 #8A8573 #8A8573;
border-style:solid;
}
/* Quote Area */
.quote {
color:#2F2F2F;
background-color:#E8E8E8;
padding:2px;
margin:0px 20px 0px 20px;
border:1px #8A8573 solid;
}
/* Voting Poll */
.poll {
height:12px; border:1px #000 solid;
}
.comment-name {
font-weight:bold;
color:#a3b0ba;
}
/* This is for all aspects of the Shoutbox */
.shoutboxname {
font-weight:bold;
color:#a3b0ba;
}
.shoutbox {
color:#fff;
}
.shoutboxdate {
font-size:9px;
color:#fff;
}
.small {
font-size:11px;
font-weight:normal;
color:#000;
}
.small2 {
font-size:10px;
font-weight:normal;
color:#000;
}
.side-small {
font-size:9px;
font-weight:normal;
color:#fff;
}
.side-small2 {
font-size:9px;
font-weight:normal;
color:#fff;
}
.side-label {
background-color:#d21863;
font-weight:normal;
color:#fff;
padding:2px;
}
.pagenav span {
color: #000000;
background-color: #ff1a76;
border: 1px solid #e1e1e1;
padding: 2px 4px;
margin: 2px;
}
.pagenav a {
color: #000;
background-color: #fff;
border: 1px solid #e1e1e1;
padding: 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #000000;
background-color: #D21863;
text-decoration: none;
}
.center, *[align="center"] {margin: 0 auto;}
.admin-message {
border: 1px solid #666;
border-left: 3px solid #999;
padding: 8px;
margin-bottom: 8px;
}
.news-category {
border: 1px;
margin: 3px 5px 0 0;
float: left;
background-color: #D21863;
color: #000000
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation h2 {
font-size: 12px;
color: #ffffff;
background-color: #ff1a76;
margin: 0;
padding: 2px;
text-decoration: underline;
}
#navigation a {
display: block;
color: #ffffff;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #ffffff;
background-color: #D21863;
}
* html #navigation ul li{
height: 1%;
}
Edytowane przez tomsaw10 dnia 04.09.2009 22:35:14
|