|
Dodanie obwoluty (graficznej ramki) w skórce Gillette
|
| BenLomax |
Dodany dnia 27.09.2008 14:27:45
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Witam!
Proszę o pomoc przy modyfikacji już lekko zmodyfikowanego szablonu "Gillette" która wygląda tak:
http://img375.ima...37aao7.png
zmodyfikowany został tylko plik styles.css - zmienione zostały tylko wartości
by uzyskać taki efekt:
http://img227.ima...537tc7.png
obwolutę wokół strony...
Proszę o pomoc
z góry dziękuję
PZDR
PW od moderatora:
- Zmiana nazwy tematu - Pieka 27.09 - 14:36
Edytowane przez Pieka dnia 30.09.2008 15:47:43
|
| |
|
|
| Wścibski Gość |
Dodany dnia 24.11.2024 21:31:38
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| Pieka |
Dodany dnia 27.09.2008 15:30:56
|
Postów: 19882
Pomógł: 767
 v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Edytuj plik styles.css, znajdz:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
background: #000;
margin: 5px;
}
i dla wartosci background ustaw swoj kolor. Aktualnie jest bialy (fff).
Jestem jaki jestem  |
| |
|
|
| BenLomax |
Dodany dnia 27.09.2008 16:14:24
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
moje body wygląda tak:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-image: url(images/background.gif);
margin: 20px;
}
tego nie da się kolorem zrobić...tak mi się wydaję, może na tamtych obrazkach nie widać co mam na myśli, wiec wrzucę to:
Edytowane przez BenLomax dnia 27.09.2008 16:33:54
|
| |
|
|
| Pieka |
Dodany dnia 27.09.2008 16:26:35
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
A co za problem zamienic:
background-image: url(images/background.gif);
na np.:
background: #000;
Myslec.. I zaczynac zdania wielka litera.
Jestem jaki jestem |
| |
|
|
| BenLomax |
Dodany dnia 27.09.2008 16:35:08
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
To co podajesz to zmienia kolor tła, a rozchodzi się by przypisać te "obrazki" odpowiednio pocięte i powtarzające się
by tworzyły w całości ładne obramowanie strony. |
| |
|
|
| Pieka |
Dodany dnia 27.09.2008 16:47:19
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
No to przypisz, co za problem? Pisales, ze masz Gillette, a w tej skorce jest kolor, a nie grafika.
Jestem jaki jestem |
| |
|
|
| bartek124 |
Dodany dnia 27.09.2008 17:05:37
|
Weteran
Postów: 3264
Pomógł: 236
v7.02.06
Data rejestracji: 26.05.2007 12:25
|
Strone z render_page wstaw w taką tabelę:
echo "<table align='center' cellspacing='0' cellpadding='0'>";
echo "<tr><td>KANT 1</td><td align='center'>GORA</td><td>KANT 2</td></tr>";
echo "<tr><td>BOK 1</td><td>";
TRESC STRONY, CZYLI ZAWARTOSC RENDER_PAGE bez zmiennych globalnych.
echo "<td>BOK 2</td></tr>";
echo "<tr><td>KANT 3</td><td align='center'>DOL</td><td>KANT 4</td></tr></table>";
Tam masz rozpisane gdzie kant gdzie bok itp, podstaw za to obrazek/tło i uzyskasz to co chcesz.
  Nie pomagam na komunikatorach oraz PW! |
| |
|
|
| BenLomax |
Dodany dnia 29.09.2008 11:56:42
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Hmm za bardzo nie rozumiem tego Strone z render_page wstaw w taką tabelę: mam całą zawartość pliku theme.php z mojego szablonu wstawić w tą tabelkę?
***edycja***
Już chyba wiem...sprawdzę i napiszę czy działa, mój plik theme.php po zmianie wygląda tak:
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_BULLET", "<span class='bullet'>·</span>");
require_once INCLUDES."theme_functions_include.php";
function render_page($license=false) {
global $settings, $main_style, $locale;
echo "<table align='center' cellspacing='0' cellpadding='0'>";
echo "<tr><td>KANT 1</td><td align='center'>GORA</td><td>KANT 2</td></tr>";
echo "<tr><td>BOK 1</td><td>";
//Header
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='full-header'>\n".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td class='sub-header'>".showsublinks(" ".THEME_BULLET." ", "white")."</td>\n";
echo "<td align='right' class='sub-header'>".showsubdate()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
//Content
echo "<table cellpadding='0' cellspacing='0' width='100%' class='$main_style'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td align='left' class='sub-header'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</td>\n";
echo "<td align='right' class='sub-header'>".showcounter()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']);
if (!$license) { echo "<br /><br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table>\n";
echo "<td>BOK 2</td></tr>";
echo "<tr><td>KANT 3</td><td align='center'>DOL</td><td>KANT 4</td></tr></table>";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td style='height:5px;background-color:#f6a504;'></td>\n";
echo "</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td style='height:5px;background-color:#f6a504;'></td>\n";
echo "</tr>\n</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n</tr>\n</table>\n";
}
?>
Kliknij i zaczekaj na załadowanie kodu ...
***edycja**
Chyba już działa, napisy kant, bok itp pokazują się w odpowiednich miejscach, ale jak przypisać dany obrazek?dla wartości w kodzie:
echo "<table align='center' cellspacing='0' cellpadding='0'>";
echo "<tr><td>KANT 1</td><td align='center'>GORA</td><td>KANT 2</td></tr>";
echo "<tr><td>BOK 1</td><td>";
KANT 1, GORA itp...obrazki odpowiedzialne za to są w \fusion\themes\moj_szablon\images\
Edytowane przez Pieka dnia 29.09.2008 13:12:31
|
| |
|
|
| jantom |
Dodany dnia 29.09.2008 15:39:21
|
Weteran
Postów: 3460
Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Może jestem wyprany przez W3C, ale nie mogę patrzeć na taki styl robienia obramowania (mowa o tabelkach). Efekt będzie taki sam, ale kod będzie bardziej cool ;).
Kod samego obramowania:
 GeSHi: HTML<div class='side-background'> <!--leci tu sobie reszta strony-->
Zinterpretowano w sekund: 0.005, wykorzystano GeSHi 1.0.8.10
A takie są sobie style:
GeSHi: CSS .side-r { background: transparent url(images/[prawy_brzeg]) right repeat-y; height: auto; } .side-l { background: transparent url(images/[lewy_brzeg]) left repeat-y; height: auto; } .side-t { background: transparent url(images/[gorny_brzeg]) top repeat-x; height: auto; } .side-b { background: transparent url(images/[dolny_brzeg]) bottom repeat-x; height: auto; } .side-b-r { background: transparent url(images/[dolny_prawy_rog]) right bottom no-repeat; height: auto; } .side-t-r { background: transparent url(images/[gorny_prawy_rog]) right top no-repeat; height: auto; } .side-b-l { background: transparent url(images/[dolny_lewy_rog]) left bottom no-repeat; height: auto; } .side-t-l { background: transparent url(images/[gorny_lewy_rog]) left top no-repeat; height: auto; } .side-background { background-color:transparent; /*wartość przykładowa, można zmienić, to będzie tło całości*/ }
Zinterpretowano w sekund: 0.004, wykorzystano GeSHi 1.0.8.10
Przy klasie side-t-l można się jeszcze pobawić z paddingami, ewentualnie dodać kolejnego div'a i nim ustawiać marginesy.
Edytowane przez jantom dnia 29.09.2008 17:39:11
|
| |
|
|
| BenLomax |
Dodany dnia 29.09.2008 17:02:19
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Ok, dzięki...Rozumiem,że część CSS'a 'dokleić' do do styles.css mojego szablonu? A co z kodem HTML?
Edytowane przez Pieka dnia 29.09.2008 17:45:32
|
| |
|
|
| bartek124 |
Dodany dnia 29.09.2008 18:15:27
|
Weteran
Postów: 3264
Pomógł: 236
v7.02.06
Data rejestracji: 26.05.2007 12:25
|
Kod CSS do styles.css a z divami robisz podobnie jak z moją tabelką, gdzie masz wstawić stronę Ci pisze w kodzie jantoma.
Nie pomagam na komunikatorach oraz PW! |
| |
|
|
| BenLomax |
Dodany dnia 29.09.2008 18:33:16
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Więc robię tak:
plik theme.php:
<div class='side-background'>
<div class='side-b'>
<div class='side-t'>
<div class='side-r'>
<div class='side-l'>
<div class='side-b-r'>
<div class='side-t-r'>
<div class='side-b-l'>
<div class='side-t-l'>
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_BULLET", "<span class='bullet'>·</span>");
require_once INCLUDES."theme_functions_include.php";
function render_page($license=false) {
global $settings, $main_style, $locale;
//Header
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='full-header'>\n".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td class='sub-header'>".showsublinks(" ".THEME_BULLET." ", "white")."</td>\n";
echo "<td align='right' class='sub-header'>".showsubdate()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
//Content
echo "<table cellpadding='0' cellspacing='0' width='100%' class='$main_style'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td align='left' class='sub-header'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</td>\n";
echo "<td align='right' class='sub-header'>".showcounter()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']);
if (!$license) { echo "<br /><br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td style='height:5px;background-color:#f6a504;'></td>\n";
echo "</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td style='height:5px;background-color:#f6a504;'></td>\n";
echo "</tr>\n</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n</tr>\n</table>\n";
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Kliknij i zaczekaj na załadowanie kodu ...
styles.css (dodany kod na samym dole):
/* Comment element properties */
a {
color: #663300;
text-decoration: none;
}
a:hover {
color: #666600;
text-decoration: underline;
}
a.side {
color: #555;
text-decoration: none;
}
a:hover.side {
color: #66CC00;
text-decoration: underline;
}
a.white, li.white a {
color: #660000;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #669900;
text-decoration: underline;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-image: url(images/background.gif);
margin: 20px;
}
hr {
height: 1px;
border: 1px solid #993333;
}
hr.side-hr {
height: 1px;
border: 1px solid #993333;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.alt {
color: #669900;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #660000;
background-color: #F5FFE4;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #660000;
background-color: #f6a504;
background-image: url(images/button.gif);
height: 20px;
border: 1px solid #000;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ccc;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: #F5FFE4;
border: 1px solid #ccc;
}
/* Header and footer properties */
.sub-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666600;
background-color: #555;
background-image: url(images/subheader-mid.gif);
padding: 7px 5px 8px 5px;
}
.sub-header-left {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-left.gif);
}
.sub-header-right {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-right.gif);
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #F5FFE4; /* logo */
padding: 5px 0 50px 0;
}
.main-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: #F5FFE4;
padding: 5px;
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color: #555;
padding: 4px 4px 5px 4px;
}
.main-body {
font-size: 11px;
color: #555;
background-color: #e8fdc3;
border: 1px solid #660000;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #777;
background-color: #F5FFE4;
padding: 10px 10px 10px 0;
width: 175px;
}
.side-border-right {
color: #777;
background-color: #F5FFE4;
padding: 10px 0 10px 10px;
width: 175px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #660033;
background-color: #555;
background-image: url(images/side.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.scapmain-left {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-left.gif);
}
.scapmain-right {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-right.gif);
}
.side-body {
font-size: 10px;
color: #555;
background-color: #F5FFE4;
background-image: url(images/gradient.gif);
background-repeat: repeat-x;
border: 1px solid #669900;
padding: 4px;
}
/* Center-Panel properties */
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size: 10px;
color: #555;
background-color: #F5FFE4;
border-width: 0 1px 1px 1px;
border-color: #660000;
border-style: solid;
padding: 3px 4px 4px 4px;
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #660000;
background-color: #555;
background-image: url(images/cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
}
.main-bg {
color: #555;
background-color: #F5FFE4;
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 1px solid #669900;
}
.tbl {
font-size: 11px;
color: #555;
background-color: #e8fdc3;
padding: 4px;
}
.tbl1 {
font-size: 11px;
color: #555;
background-color: #F5FFE4;
padding: 4px;
}
.tbl2 {
font-size: 11px;
color: #555;
background-color: #e8fdc3;
padding: 4px;
}
.forum-caption {
font-size: 11px;
font-weight: bold;
color: #e8fdc3;
background-color: #669900;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #660000;
background-color: #e8fdc3;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #bbb;
}
.poll {
height: 12px;
border: 1px solid #669933;
}
.comment-name {
font-weight: bold;
color: #669900;
}
.shoutboxname {
font-weight: bold;
color: #669900;
}
.shoutbox {
color: #990000;
}
.shoutboxdate {
font-size: 10px;
color: #888;
}
.small {
font-size: 10px;
font-weight: normal;
}
.small2 {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-small {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-label {
color: #555;
background-color: #e8fdc3;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
border: 1px solid #669933;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
background-color: #f1f1f1;
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: #fff;
background-color: #669900;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #669900;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #669900;
margin: 2px;
text-decoration: none;
}
.side-r {
background: transparent url(images/tlo.ps.gif) repeat-y right;
height: auto;
}
.side-l {
background: transparent url(images/tlo.ls.gif) repeat-y left;
height: auto;
}
.side-t {
background: transparent url(images/tlo.gora.gif) repeat-x top;
height: auto;
}
.side-b {
background: transparent url(images/tlo.dol.gif) repeat-x bottom;
height: auto;
}
.side-b-r {
background: transparent url(images/kant.dp.gif) no-repeat bottom right;
height: auto;
}
.side-t-r {
background: transparent url(images/kant.gl.gif) no-repeat top right;
height: auto;
}
.side-b-l {
background: transparent url(images/kant.dl.gif) no-repeat bottom left;
height: auto;
}
.side-t-l {
background: transparent url(images/kant.gp.gif) no-repeat top left;
height: auto;
}
.side-background {
background-color:transparent; /*warto¶ć przykładowa, można zmienić, to będzie tło cało¶ci*/
}
Kliknij i zaczekaj na załadowanie kodu ...
I nic :(
Edytowane przez BenLomax dnia 29.09.2008 18:40:22
|
| |
|
|
| jantom |
Dodany dnia 29.09.2008 18:47:35
|
Weteran
Postów: 3460
Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Z tym theme.php to żeś pojechał niczym Jasiu gołym tyłkiem po zjeżdżalni z nieheblowanych desek... Tak to być winno:
GeSHi: PHP function render_page($license=false) { global $settings, $main_style, $locale; //Header echo "<div class='side-background'> <div class='side-b'> <div class='side-t'> <div class='side-r'> <div class='side-l'> <div class='side-b-r'> <div class='side-t-r'> <div class='side-b-l'> <div class='side-t-l'><table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n"; echo "<td class='full-header'>\n".showbanners()."</td>\n"; echo "</tr>\n</table>\n"; echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n"; echo "<td class='sub-header-left'></td>\n"; echo "<td class='sub-header'>".showsublinks(" ".THEME_BULLET." ", "white")."</td>\n"; echo "<td align='right' class='sub-header'>".showsubdate()."</td>\n"; echo "<td class='sub-header-right'></td>\n"; echo "</tr>\n</table>\n"; //Content echo "<table cellpadding='0' cellspacing='0' width='100%' class='$main_style'>\n<tr>\n"; if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; } echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>"; if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; } echo "</tr>\n</table>\n"; //Footer echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n"; echo "<td class='sub-header-left'></td>\n"; echo "<td align='left' class='sub-header'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</td>\n"; echo "<td align='right' class='sub-header'>".showcounter()."</td>\n"; echo "<td class='sub-header-right'></td>\n"; echo "</tr>\n</table>\n"; echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n"; echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']); if (!$license) { echo "<br /><br />\n".showcopyright(); } echo "</td>\n"; echo "</tr>\n</table> </div> </div> </div> </div> </div> </div> </div> </div> </div>\n"; }
Zinterpretowano w sekund: 0.030, wykorzystano GeSHi 1.0.8.10
|
| |
|
|
| BenLomax |
Dodany dnia 29.09.2008 20:04:31
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
A więc mój theme.php wygląda tak:
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_BULLET", "<span class='bullet'>·</span>");
require_once INCLUDES."theme_functions_include.php";
function render_page($license=false) {
global $settings, $main_style, $locale;
//Header
echo "<div class='side-background'>
<div class='side-b'>
<div class='side-t'>
<div class='side-r'>
<div class='side-l'>
<div class='side-b-r'>
<div class='side-t-r'>
<div class='side-b-l'>
<div class='side-t-l'><table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='full-header'>\n".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td class='sub-header'>".showsublinks(" ".THEME_BULLET." ", "white")."</td>\n";
echo "<td align='right' class='sub-header'>".showsubdate()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
//Content
echo "<table cellpadding='0' cellspacing='0' width='100%' class='$main_style'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td align='left' class='sub-header'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</td>\n";
echo "<td align='right' class='sub-header'>".showcounter()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']);
if (!$license) { echo "<br /><br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td style='height:5px;background-color:#f6a504;'></td>\n";
echo "</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td style='height:5px;background-color:#f6a504;'></td>\n";
echo "</tr>\n</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n</tr>\n</table>\n";
}
?>
Kliknij i zaczekaj na załadowanie kodu ...
I nic :(
Edytowane przez BenLomax dnia 29.09.2008 20:07:07
|
| |
|
|
| sasii |
Dodany dnia 29.09.2008 23:41:10
|
Przedszkolak
Postów: 24
Pomógł: 1
Data rejestracji: 03.09.2008 17:47
|
A czy kolego dodał obrazki na serwer ?
A w css ma być tak:
background: transparent url(images/[prawy_brzeg]) right repeat-y;
[prawy_brzeg] zamiast tego wstawiasz nazwę obrazka np.: prawy_brzeg.gif
Edytowane przez sasii dnia 29.09.2008 23:42:38
|
| |
|
|
| BenLomax |
Dodany dnia 30.09.2008 01:08:56
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Tak, obrazki są w domyślnej lokalizacji czyli w:
fusion\themes\moj_szablon\images\
a css jest taki jak piszesz:
/* Comment element properties */
a {
color: #663300;
text-decoration: none;
}
a:hover {
color: #666600;
text-decoration: underline;
}
a.side {
color: #555;
text-decoration: none;
}
a:hover.side {
color: #66CC00;
text-decoration: underline;
}
a.white, li.white a {
color: #660000;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #669900;
text-decoration: underline;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-image: url(images/background.gif);
margin: 20px;
}
hr {
height: 1px;
border: 1px solid #993333;
}
hr.side-hr {
height: 1px;
border: 1px solid #993333;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.alt {
color: #669900;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #660000;
background-color: #F5FFE4;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #660000;
background-color: #f6a504;
background-image: url(images/button.gif);
height: 20px;
border: 1px solid #000;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ccc;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: #F5FFE4;
border: 1px solid #ccc;
}
/* Header and footer properties */
.sub-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666600;
background-color: #555;
background-image: url(images/subheader-mid.gif);
padding: 7px 5px 8px 5px;
}
.sub-header-left {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-left.gif);
}
.sub-header-right {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-right.gif);
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #F5FFE4; /* logo */
padding: 5px 0 50px 0;
}
.main-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: #F5FFE4;
padding: 5px;
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color: #555;
padding: 4px 4px 5px 4px;
}
.main-body {
font-size: 11px;
color: #555;
background-color: #e8fdc3;
border: 1px solid #660000;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #777;
background-color: #F5FFE4;
padding: 10px 10px 10px 0;
width: 175px;
}
.side-border-right {
color: #777;
background-color: #F5FFE4;
padding: 10px 0 10px 10px;
width: 175px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #660033;
background-color: #555;
background-image: url(images/side.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.scapmain-left {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-left.gif);
}
.scapmain-right {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-right.gif);
}
.side-body {
font-size: 10px;
color: #555;
background-color: #F5FFE4;
background-image: url(images/gradient.gif);
background-repeat: repeat-x;
border: 1px solid #669900;
padding: 4px;
}
/* Center-Panel properties */
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size: 10px;
color: #555;
background-color: #F5FFE4;
border-width: 0 1px 1px 1px;
border-color: #660000;
border-style: solid;
padding: 3px 4px 4px 4px;
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #660000;
background-color: #555;
background-image: url(images/cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
}
.main-bg {
color: #555;
background-color: #F5FFE4;
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 1px solid #669900;
}
.tbl {
font-size: 11px;
color: #555;
background-color: #e8fdc3;
padding: 4px;
}
.tbl1 {
font-size: 11px;
color: #555;
background-color: #F5FFE4;
padding: 4px;
}
.tbl2 {
font-size: 11px;
color: #555;
background-color: #e8fdc3;
padding: 4px;
}
.forum-caption {
font-size: 11px;
font-weight: bold;
color: #e8fdc3;
background-color: #669900;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #660000;
background-color: #e8fdc3;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #bbb;
}
.poll {
height: 12px;
border: 1px solid #669933;
}
.comment-name {
font-weight: bold;
color: #669900;
}
.shoutboxname {
font-weight: bold;
color: #669900;
}
.shoutbox {
color: #990000;
}
.shoutboxdate {
font-size: 10px;
color: #888;
}
.small {
font-size: 10px;
font-weight: normal;
}
.small2 {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-small {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-label {
color: #555;
background-color: #e8fdc3;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
border: 1px solid #669933;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
background-color: #f1f1f1;
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: #fff;
background-color: #669900;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #669900;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #669900;
margin: 2px;
text-decoration: none;
}
.side-r {
background: transparent url(images/prawy_brzeg.gif) repeat-y right;
height: auto;
}
.side-l {
background: transparent url(images/lewy_brzeg.gif) repeat-y left;
height: auto;
}
.side-t {
background: transparent url(images/gorny_brzeg.gif) repeat-x top;
height: auto;
}
.side-b {
background: transparent url(images/dolny_brzeg.gif) repeat-x bottom;
height: auto;
}
.side-b-r {
background: transparent url(images/dolny_prawy_rog.gif) no-repeat bottom right;
height: auto;
}
.side-t-r {
background: transparent url(images/gorny_prawy_rog.gif) no-repeat top right;
height: auto;
}
.side-b-l {
background: transparent url(images/dolny_lewy_rog.gif) no-repeat bottom left;
height: auto;
}
.side-t-l {
background: transparent url(images/gorny_lewy_rog.gif) no-repeat top left;
height: auto;
}
.side-background {
background-color:transparent; /*warto¶ć przykładowa, można zmienić, to będzie tło cało¶ci*/
}
Kliknij i zaczekaj na załadowanie kodu ...
|
| |
|
|
| jantom |
Dodany dnia 30.09.2008 10:35:48
|
Weteran
Postów: 3460
Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Przy klasie side-t-l można się jeszcze pobawić z paddingami
Nie pisałem tego bez powodu. Nie chciało mi się bawić z podglądem, ile px mają obrazki obramowania. Dodać parametr padding do w/w klasy, ustawić odpowiednią wartość dla niego a radość i szczęście zawita na chwilę do twego domu.
Edytowane przez jantom dnia 30.09.2008 10:36:18
|
| |
|
|
| sasii |
Dodany dnia 30.09.2008 13:03:07
|
Przedszkolak
Postów: 24
Pomógł: 1
Data rejestracji: 03.09.2008 17:47
|
I nadal nie jest tak jak powinno być ?
J też modyfikuje tą samą skórę, ale praktycznie całą i mam obramowania zrobione na tabelach i jest wszystko oki. Jak coś to podeślij Thema i obramowania to zobaczę nie jestem w tym dobry ale coś da się zrobić. |
| |
|
|
| BenLomax |
Dodany dnia 30.09.2008 15:12:00
|
Bywalec
Postów: 426
Pomógł: 25
Ostrzeżeń: 1
Data rejestracji: 25.06.2008 09:48
|
Nie, już widać postępy w pracach i prawie jestem uśmiechnięty. Dodałem parametr padding przy side-t-l i teraz wygląda tak,
http://img356.ima...217pv2.jpg
ale na dole strony jest coś nie tak.
A oto kod od css od miłego użytkownika @jantom, którego używam:
.side-r {
background: transparent url(images/prawy_brzeg.gif) repeat-y right;
height: auto;
}
.side-l {
background: transparent url(images/lewy_brzeg.gif) repeat-y left;
height: auto;
}
.side-t {
background: transparent url(images/gorny_brzeg.gif) repeat-x top;
height: auto;
}
.side-b {
background: transparent url(images/dolny_brzeg.gif) repeat-x bottom;
height: auto;
}
.side-b-r {
background: transparent url(images/dolny_prawy_rog.gif) no-repeat bottom right;
height: auto;
}
.side-t-r {
background: transparent url(images/gorny_prawy_rog.gif) no-repeat top right;
height: auto;
}
.side-b-l {
background: transparent url(images/dolny_lewy_rog.gif) no-repeat bottom left;
height: auto;
}
.side-t-l {
background: transparent url(images/gorny_lewy_rog.gif) no-repeat top left;
height: auto;
padding: 15px;
}
.side-background {
background-color:transparent; /*warto¶ć przykładowa, można zmienić, to będzie tło cało¶ci*/
}
Kliknij i zaczekaj na załadowanie kodu ...
Wiadomość doklejona:
W końcu się udało. Obramowanie ładnie jest dopasowane. Konflikt sprawiały obrazki wyświetlane na dole strony, były 2x wyższe od tych górnych.
Dzięki za pomoc :)
Edytowane przez BenLomax dnia 01.10.2008 00:17:30
|
| |
|
Rozwiń Kod źródłowy PHP