Tło jak zrobić?
|
Kaaleth |
Dodany dnia 03.05.2007 18:30:48
|
Przedszkolak
Postów: 6 Ostrzeżeń: 1
Data rejestracji: 18.03.2007 12:26
Złamana licencja
|
Witam, w php-fusion jestem kompletnie zielony. Nie bardzo znam się na plikach w themach. Tu moje pytanie, jak zastąpić tło które jest kolorem, tłem obrazkowym? Chciałbym też wiedzieć jak zrobić tło obrazkowe w tabelach, zamiast tła zwykłego koloru. Proszę o pomoc.
Edytowane przez Kaaleth dnia 03.05.2007 18:32:32
|
|
|
|
Wścibski Gość |
Dodany dnia 25.11.2024 16:13:54
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
marpar |
Dodany dnia 03.05.2007 18:33:06
|
Bywalec
Postów: 535
Data rejestracji: 30.09.2005 20:02
|
Otwieramy style.css dodajemy do sekcji .body background-image:url(adres obrazka);
Następnym razem radze uzywac Szukajki
|
|
|
|
Kaaleth |
Dodany dnia 03.05.2007 18:33:57
|
Przedszkolak
Postów: 6 Ostrzeżeń: 1
Data rejestracji: 18.03.2007 12:26
Złamana licencja
|
Edytowałem post i chciałbym też wiedzieć jak zmienić tło w tabelach. |
|
|
|
marpar |
Dodany dnia 03.05.2007 18:37:30
|
Bywalec
Postów: 535
Data rejestracji: 30.09.2005 20:02
|
dodajesz to co wyżej do sekcji .side-body
|
|
|
|
Kaaleth |
Dodany dnia 03.05.2007 20:13:51
|
Przedszkolak
Postów: 6 Ostrzeżeń: 1
Data rejestracji: 18.03.2007 12:26
Złamana licencja
|
Nie działa :( mógłbyś mi wkleić kod do tła i do tła w tabeli?
To jest ten plik :
body {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
scrollbar-face-color:#75726A;
scrollbar-shadow-color:#555;
scrollbar-highlight-color:#8F8C82;
scrollbar-3dlight-color:#888;
scrollbar-darkshadow-color:#111;
scrollbar-track-color:#8F8C82;
scrollbar-arrow-color:#aaa;
}
/* General page style */
.bodyline {
background:#9A978E;
color:#000000;
border:1px solid #8A8573;
}
a {
color:#3A3935;
text-decoration:none;
}
a:hover {
color:#444444;
text-decoration:underline;
}
a.side {
color:#3A3935;
text-decoration:none;
}
a:hover.side {
color:#444444;
text-decoration:underline;
}
a.white {
color:#DCE0E2;
text-decoration:none;
font-weight:bold;
}
a:hover.white {
color:#444444;
text-decoration:underline;
}
.seperator {
color:#726D5D;
}
form {
margin:0px 0px 0px 0px;
}
hr {
height:0px;
border:solid #CCCCCC 1px;
border-top-width: 1px;
}
hr.side-hr {
height:0px;
border:solid #CCCCCC 0px;
border-top-width:1px;
}
td {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
}
pre {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
.alt {
color:#1C1C1C;
}
.sub-header {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000;
padding: 2px;
}
.white-header {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#414141;
background-color:#D4DDDE;
padding:4px;
border-top:#8A8573 1px solid;
border-bottom:#8A8573 1px solid;
}
.full-header {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#111111;
background-color:#BDBBB5;
}
.button {
background: #EAE9E4 url(images/cellpic.gif);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000000;
background-color:#E8E8E8;
border:1px #8A8573 solid;
margin-top:2px;
}
.textbox {
background: #EAE9E4 url(images/bg_body.gif);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000000;
background-color:#E8E8E8;
border:1px #8A8573 solid;
}
.visits {
color:#3A3935;
text-decoration:none;
font-weight: bold;
font-size:10px;
}
.main-body {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px; color:#000;
background-color:#BAB7AE;
padding:3px 4px 3px 4px;
}
.side-body {
font-size:10px;
color:#444444;
padding:4px 4px 6px 4px;
background-color:#BAB7AE;
}
td.lefttd {
background-repeat: repeat-y;
background-image: url(images/leftside.gif);
}
td.righttd {
background-image: url(images/rightside.gif);
background-repeat: repeat-y;
}
.main-bg {
background-color:#9A978E;
}
.border {
border-width:0px 1px 1px 1px;
border-color:#8A8573;
border-style:solid;
}
.border2 {
border-width:1px 1px 0px 1px;
border-color:#8A8573;
border-style:solid;
}
.news-footer {
font-size:9px;
font-weight:normal;
color:#142000;
background-color:#BEBCB5;
padding:4px 4px 4px 4px;
}
.capmain {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
font-weight:bold;
border-width:1px 1px 1px 1px;
border-color:#8A8573;
border-style:solid;
color:#B78E00;
height:24px;
padding:2px 2px 2px 2px;
}
.panel {
background: #A9A79E url(images/cellpic.gif);
color: #414141;
font-weight: bold;
text-align: left;
height: 24px;
padding:0px 4px 0px 4px;
}
.footer {
padding:0px 4px 0px 4px;
}
.date {
background: none;
color: #DCE0E2;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Helvetica;
text-decoration: none;
}
img {
border: 0px;
}
.capleft {
width:2px;
height:20px;
}
.capright {
width:2px;
height:20px;
}
.scapmain {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
font-weight:bold;
color:#000;
height:19px;
padding:0px 2px 0px 2px;
border-width:1px 0px 1px 0px;
border-color:#8A8573 #8A8573 #8A8573 #8A8573;
border-style:solid;
}
.tbl-border {
background-color:#8A8573;
}
.tbl {
font-size:11px;
padding:3px 4px 3px 4px;
}
.tbl1 {
font-size:11px;
color:#000;
background-color:#BAB7AE;
padding:4px;
}
.tbl2 {
font-size:11px;
color:#091609;
background-color:#B4B1A7;
padding:4px;
}
/* Forum header*/
.forum-caption {
font-size:10px;font-weight:bold;
color:#D0D0CC;
background-color:#BAB7AE;
height:24px;
padding:0px 4px 2px 4px;
background-image:url(images/forum_caption.gif);
background-repeat:repeat-x;
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 #444 solid;
}
.comment-name {
font-weight:bold;
color:#373737;
}
/* This is for all aspects of the Shoutbox */
.shoutboxname {
font-weight:bold;
color:#E1E1E1;
}
.shoutbox {
color:#06070A;
}
.shoutboxdate {
font-size:9px;
color:#1C1C1C;
}
.small {
font-size:11px;
font-weight:normal;
color:#111111;
}
.small2 {
font-size:10px;
font-weight:normal;
color:#1C1C1C;
}
.side-small {
font-size:9px;
font-weight:normal;
color:#3A3935;
}
.side-label {
background-color:#CCC9C2;
font-weight:normal;
color:#32312F;
padding:2px;
}
Mógłby mi ktoś to wyjaśnić ? prosze ...
Edytowane przez Kaaleth dnia 07.05.2007 07:49:55
|
|
|
|
guto |
Dodany dnia 16.05.2007 14:31:06
|
Przedszkolak
Postów: 13
Data rejestracji: 12.05.2007 16:12
ZBANOWANY: Dożywotnio
|
wielkie mi trudnosc...
tylko by czekali na gotowe a sami lbem nie rusza...
Masz cos nie tak z rozumieniem tekstow pisanych? Ile razy mamy Cie upominac?!!/Pieka
Edytowane przez Pieka dnia 16.05.2007 19:29:29
|
|
|
|
kraski1 |
Dodany dnia 30.05.2007 09:06:15
|
Początkujący
Postów: 115
Data rejestracji: 25.02.2007 15:02
|
Mi chyba coś nie działa. Strona : pship.dl.pl
Kod wstawiłem lecz tlo sie nie wyswietla.
body {
background-image:url(img.gif);
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
padding:0px 0px 0px 0px;
margin: 5px 10px 0px 10px;
scrollbar-face-color: #DADADA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #E9E9E9;
scrollbar-arrow-color: #7A9ADF;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #D4D4D4;
}
a {
color:#003D71; text-decoration:none;
}
a:hover {
color:#113355; text-decoration:underline;
}
a.side {
color:#003D71; text-decoration:none;
}
a:hover.side {
color:#113355; text-decoration:underline;
}
a.white {
font-size:11px;color:#yellow; text-decoration:none;
}
a:hover.white {
color:#113355; text-decoration:underline overline;
}
img {
border: 0px;
}
form {
margin:0px 0px 0px 0px;
}
hr {
border-top:1px #E2E2E2 solid;
border-bottom:1px #F9F9F9 solid;
}
hr.side-hr {
border:1px #E2E2E2 solid;
border-bottom:1px #F9F9F9 solid;
}
td {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
pre {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
.alt {
color:#666;
}
.header {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
font-color:10px;
color:#333;
background-color:#FFFFFF;
padding:5px;
}
.button {
background-image:url(images/button.gif);
font-family:Tahoma,Arial,Verdana,Sans-Serif;
font-size:10px;
color:#000000;
background-color:#F2F1ED;
border:#999999 1px solid;
margin-top:2px;
}
.textbox {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000;
background-image:url(img.gif);
border:1px #666 solid;
}
.main-bg {
padding:5px 0px 5px 0px;
}
.side-border-left {
padding:5px 5px 0px 0px;
}
.side-border-right {
padding:5px 0px 0px 5px;
}
.main-body {
font-size:11px;
color:#000;
background-color:#FFFFFF;
padding:12px 4px 3px 4px;
text-align: justify;
line-height: 150%;
}
.side-body {
font-size:9px;
color:#000000;
background-image:url(img2.png);
padding:5px 0px 0px 0px;
}
.border {
background-color:#ddd;
border:2px #979797 solid;
}
.infobar {
background-color:#F9F9F9;
font-size:9px;
color:#FFFFFF;
border-top: solid #C4C4C4;
border-top-width: 1px;
border-left: solid #C4C4C4;
border-left-width: 1px;
border-right: solid #F6F6F6;
border-right-width:0px;
border-bottom: solid #F6F6F6;
border-bottom-width:1px;
padding:3px 4px 3px 4px;
}
.infobar2 {
background-color:#F9F9F9;
font-size:9px;
color:#FFFFFF;
border-top: solid #C4C4C4;
border-top-width: 1px;
border-left: solid #C4C4C4;
border-left-width: 0px;
border-right: solid #F6F6F6;
border-right-width:1px;
border-bottom: solid #F6F6F6;
border-bottom-width:1px;
padding:3px 4px 3px 4px;
}
.panel-left {
width:13px; height:26px;
background-image:url(images/panel-left.gif);
}
.panel-right {
width:13px; height:26px;
background-image:url(images/panel-right.gif);
}
.panel-main {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;font-weight:bold;
color:#FFFFFF;
height:26px;
padding:0px 2px 0px 2px;
background-image:url(images/panel-main.gif);
background-repeat:repeat-x;
}
.border-left {
width:13px; background-image:url(images/border-left.gif);
background-repeat:repeat-y;
}
.border-right {
width:13px; background-image:url(images/border-right.gif);
background-repeat:repeat-y;
}
.border-bleft {
width:13px; height:20px;
background-image:url(images/border-bleft.gif);
}
.border-bright {
width:13px; height:20px;
background-image:url(images/border-bright.gif);
}
.border-bmain {
height:20px; background-image:url(images/border-bmain.gif);
background-repeat:repeat-x;
}
.side-caption {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px; font-weight:bold;
color:#FFFFFF; background-color:#004A80;
padding:0px 4px 3px 4px;
}
.tbl-border {
background-color:#979797;
}
.tbl {
font-size:10px; padding:3px 4px 3px 4px;
}
.tbl1 {
font-size:10px; color:#000;
background-color:#FFFFFF; padding:4px;
}
.tbl2 {
font-size:10px; color:#000;
background-color:#F6F6F6; padding:4px;
}
.forum-caption {
font-size:10px; font-weight:bold;
background-image:url(images/cellpic.gif);
color:#485D9F; background-color:#F6F6F6;
padding:4px 4px 4px 4px;
}
.quote {
color:#004279; background-color:#F9F9F9;
padding:2px;
margin:0px 20px 0px 20px;
border:1px #979797 solid;
}
.copyright {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:9px;
color:#000;
}
.poll {
height:12px; border:1px #979797 solid;
}
.comment-name {
font-weight:bold; color:#113355;
}
.shoutboxname {
font-weight:bold; color:#113355;
}
.shoutbox {
color:#555;
}
.shoutboxdate {
font-size:9px; color:#333; text-align:right;
}
.small {
font-size:10px; font-weight:normal;
}
.small2 {
font-size:10px; font-weight:normal; color:#555;
}
.side-small {
font-size:9px; font-weight:normal; color:#333;
}
.side-label {
background-color:#e3e3e3;
padding:1px 4px 3px 4px;
background-image:url(images/side-cell.gif);
background-repeat:repeat-x;
}
.table-cellpic {
font-size: 11px;
line-height: 25px;
font-weight: bold;
color: yellow;
background-color: #EDEDED;
background-image: url(images/cellpic1.gif);
padding:0px 4px 0px 4px;
}
|
|
|
|
Piotrroger |
Dodany dnia 30.05.2007 09:54:49
|
Bywalec
Postów: 998 Pomógł: 19
v7.02.03 Data rejestracji: 27.04.2006 18:29
|
A wstawiłeś jakieśzdjęcie i podpisałeś je: img.gif ??
|
|
|
|
Johny |
Dodany dnia 30.05.2007 10:17:38
|
Bywalec
Postów: 372 Pomógł: 2
Data rejestracji: 30.08.2006 23:02
|
Kraski - wrzuć obrazek do images w swoim themie najlepiej... i w tedy:
background-image:url(images/img.gif);
Tylko do images w themie, a nie do images ogólnych :D Sam też popełniałem taki błąd kiedyś i się zastanawiałem czemu nie działa :P |
|
|