Dodanie w skórce kolorowej ramki i tła obrazkowego
|
Quickfire |
Dodany dnia 27.06.2008 09:55:53
|
Przedszkolak
Postów: 34 Ostrzeżeń: 4
Data rejestracji: 03.06.2008 14:21
Złamana licencja
|
Jak edytować ten plik, aby obramowania wokół paneli miały kolor #373535
i czy da się, aby cała strona miała jedno tło obrazkowe.
Jeśli jest ktoś tak miły niech pomoże.
Prosiłbym o zrobienie to w 2 przykładach, jeden, żeby obramowania miały kolor #373535, a drugi, jak by było tło obrazkowe.
Z góry dzięki.
a { color:#8d8a8a; text-decoration:none; }
a:hover { color:#dc0404; text-decoration:underline; }
a.side { color:#8d8a8a; text-decoration:none; }
a:hover.side { color:#dc0404; text-decoration:underline; }
a.white { color:#eee; text-decoration:none; }
a:hover.white { color:#dc0404; text-decoration:underline; }
body {
font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px;
}
form { margin:0px 0px 0px 0px; }
hr { height:1px; color:#373535; }
hr.side-hr { height:1px; color:#373535; }
td { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px; }
pre { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; }
.alt { color:#ccc; }
.header1 {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#ddd; background-color:#373535;
padding:4px;
}
.header2 {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#ccc; background-color:#373535;
}
.button {
font-family:Tahoma,Arial,Verdana,Sans-Serif;
font-size:10px;
color:#fff; background-color:#373535;
height:19px;
padding:0px 2px 0px 2px;
border:1px #000 solid;
margin-top:2px;
}
.textbox {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#af0303; background-color:#373535;
border:1px #000 solid;
}
.main-body {
font-size:11px;
color:#ddd; background-color:#373535;
padding:3px 4px 3px 4px;
}
.side-body {
font-size:10px;
color:#ddd; background-color:#373535;
padding:4px 4px 6px 4px;
}
.main-bg { background-color:#373535; padding:10px; }
.border { border:1px #000 solid; }
.side-border-left { background-color:#373535; padding:10px 0px 10px 0px; }
.side-border-right { background-color:#373535; padding:10px 0px 10px 0px; }
.news-footer {
font-size:9px;
text-align:right;
color:#ccc; background-color:#373535;
padding:10px 4px 4px 4px;
}
.barmain {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#000;
padding:4px 4px 4px 4px;
}
.cap-main {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:9px;
height:20px;
color:#aed5f4;
background-image:url(images/cap-main-1.gif); background-repeat:repeat-x;
padding:0px 5px 0px 5px;
}
.cap-main-l { width:9px; height:20px; background-image:url(images/cap-main-l.gif); }
.cap-main-m { width:9px; height:20px; background-image:url(images/cap-main-m.gif); }
.cap-main-2 { text-align:right; width:100%; height:20px; background-image:url(images/cap-main-2.gif); background-repeat:repeat-x; }
.cap-main-r { width:9px; height:20px; background-image:url(images/cap-main-r.gif); }
.bar-l { width:9px; height:13px; background-image:url(images/bar-l.gif); }
.bar-m { width:100%; height:13px; background-image:url(images/bar-m.gif); background-repeat:repeat-x; }
.bar-r { width:9px; height:13px; background-image:url(images/bar-r.gif); }
.tbl-border { background-color:#373535; }
.tbl { font-size:11px; padding:4px; }
.tbl1 { font-size:11px; color:#ddd; background-color:#454444; padding:4px; }
.tbl2 { font-size:11px; color:#ddd; background-color:#242020; padding:4px; }
.forum-caption {
font-size:10px;font-weight:bold;
color:#dc0404; background:#262929 url(images/cat2_back.gif);
height:20px;
padding:0px 4px 2px 4px;
}
.quote {
color:#ddd; background-color:#898686;
padding:2px;
margin:0px 20px 0px 20px;
border:1px #000 solid;
}
.poll { height:12px; border:1px #000 solid; }
.comment-name { font-weight:bold; color:#aed5f4; }
.shoutboxname { font-weight:bold; color:#aed5f4; }
.shoutbox { color:#bbb; }
.shoutboxdate { font-size:9px; color:#af0303; }
.small { font-size:10px; font-weight:normal; }
.small2 { font-size:10px; font-weight:normal; color:#ccc; }
.side-small { font-size:10px; font-weight:normal; color:#ddd; }
.side-label { background-color:#242020; padding:2px; background:#262929 url(images/cat2_back.gif); }
.gallery { padding: 16px 0px 8px 0px; }
.gallery img { border: 1px solid #ccc; filter: gray; }
.gallery:hover img { border: 1px solid red; filter: none; }
img.activegallery { border: 1px solid green; filter: none; }
PW od moderatora:
- Zmiana nazwy tematu - jantom 27.06 - 10:22
Edytowane przez szymon dnia 27.06.2008 12:08:33
|
|
|
|
Wścibski Gość |
Dodany dnia 01.11.2024 00:55:40
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
jantom |
Dodany dnia 27.06.2008 10:24:51
|
Weteran
Postów: 3460 Pomógł: 123
Data rejestracji: 31.03.2005 20:10
|
Kolego, CSS bez kodu HTML to jak... hmm... bebechy człowieka bez kośćca? To chyba będzie dobre porównanie. CSS opisuje Ci właściwości elementów HTML, który jest głównym szkieletem. Bez punktu odniesienia, nie zgadniemy Ci, która klasa ma być zmieniona.
Edytowane przez Pieka dnia 27.06.2008 11:17:16
|
|
|
|
Quickfire |
Dodany dnia 27.06.2008 10:52:14
|
Przedszkolak
Postów: 34 Ostrzeżeń: 4
Data rejestracji: 03.06.2008 14:21
Złamana licencja
|
Prosze bardzo plik theme.php
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
// theme settings
$body_text = "#dddddd";
$body_bg = "#373535";
$theme_width = "100%";
$theme_width_l = "170";
$theme_width_r = "170";
function render_header($header_content) {
global $theme_width,$settings,$locale;
echo "
<table align='center' width='$theme_width' cellspacing='0' cellpadding='0'>
<tr>
<td>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='bar-l'><img src='".THEME."images/blank.gif' width='9' height='13' alt='' style='display:block'></td>
<td class='bar-m'><img src='".THEME."images/blank.gif' width='1' height='13' alt='' style='display:block'></td>
<td class='bar-r'><img src='".THEME."images/blank.gif' width='9' height='13' alt='' style='display:block'></td>
</tr>
</table>
<div style='margin:2px;'></div>
<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='main-body'>
<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td id='logo'><center><img src='".THEME."images/banner.jpg' alt='Fusion-Themes' title='Fusion-Themes'></center></td>
</tr>
</table>
</td>
</tr>
</table>
<div style='margin:2px;'></div>
<table width='100%' cellspacing='0' cellpadding='0' class='border'>
<tr>
<td class='header1'>\n";
$result = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' ORDER BY link_order");
if (dbrows($result) != 0) {
$i = 0;
while($data = dbarray($result)) {
if (checkgroup($data['link_visibility'])) {
if ($data['link_url']!="---") {
if ($i != 0) { echo " ·\n"; } else { echo "\n"; }
$link_target = ($data['link_window'] == "1" ? " target='_blank'" : "");
if (strstr($data['link_url'], "http://") || strstr($data['link_url'], "https://")) {
echo "<a href='".$data['link_url']."'".$link_target." class='white'>".$data['link_name']."</a>";
} else {
echo "<a href='".BASEDIR.$data['link_url']."'".$link_target." class='white'>".$data['link_name']."</a>";
}
}
$i++;
}
}
}
echo ($i == 0 ? " " : "")."
</td>
<td align='right' class='header1'>".ucwords(showdate("%A, %B %d, %Y", time()))."</td>
</tr>
</table>
<table width='100%' cellspacing='0' cellpadding='0'>
<tr>\n";
}
function render_footer($license=false) {
global $theme_width,$settings,$locale;
echo "
</tr>
</table>
<table cellpadding='0' cellspacing='0' width='100%' class='border'>
<tr>
<td class='header1'>".stripslashes($settings['footer'])."</td>
</tr>
</table>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='center' class='header2'><br>
".$settings['counter']." ".($settings['counter'] == 1 ? $locale['140']."<br><br>\n" : $locale['141']."<br><br>\n");
if ($license == false) {
echo "
<font color='#af0303'>BladeII revamped by</font> <a href='http://www.fusion-themes.com' target='_blank' class='white'>Fusion-Themes</a><br>\n";
echo "Powered by <a href='http://www.php-fusion.co.uk' target='_blank'>PHP-Fusion</a> v".$settings['version']." © 2003-2005<br><br>\n";
}
echo "
</td>
</tr>
</table>
</td>
</tr>
</table>\n";
}
function render_news($subject, $news, $info) {
global $locale;
echo "
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='cap-main-l'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main' style='white-space:nowrap'>$subject</td>
<td class='cap-main-m'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main-2'><img src='".THEME."images/box_on.gif' width='7' height='14' alt=''></td>
<td class='cap-main-r'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
</tr>
</table>
<div style='margin:2px;'></div>
<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='main-body'>
<div style='width:100%;vertical-align:top;'>$news</div>
<div class='news-footer'><img src='".THEME."images/bullet.gif' alt='·'>
".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a>
".$locale['041'].showdate("longdate", $info['news_date'])." ·
".($info['news_ext'] == "y" ? "<a href='news.php?readmore=".$info['news_id']."'>".$locale['042']."</a> ·\n" : "");
if ($info['news_allow_comments']) echo "<a href='news.php?readmore=".$info['news_id']."'>".$info['news_comments'].$locale['043']."</a> ·\n";
echo $info['news_reads'].$locale['044']."
<a href='print.php?type=N&item_id=".$info['news_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' style='border:0px;vertical-align:middle;'></a>
</div>
</td>
</tr>
</table>\n";
}
function render_article($subject, $article, $info) {
global $locale;
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='cap-main-l'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main' style='white-space:nowrap'>$subject</td>
<td class='cap-main-m'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main-2'><img src='".THEME."images/box_on.gif' width='7' height='14' alt=''></td>
<td class='cap-main-r'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
</tr>
</table>
<div style='margin:2px;'></div>
<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='main-body'>
<div style='width:100%;vertical-align:top;'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>
<div class='news-footer'><img src='".THEME."images/bullet.gif' alt='·'>
".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a>
".$locale['041'].showdate("longdate", $info['article_date'])." ·\n";
if ($info['article_allow_comments']) echo $info['article_comments'].$locale['043']." ·\n";
echo $info['article_reads'].$locale['044']."
<a href='print.php?type=A&item_id=".$info['article_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' style='border:0px;vertical-align:middle;'></a>
</div>
</td>
</tr>
</table>\n";
}
function opentable($title) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='cap-main-l'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main' style='white-space:nowrap'>$title</td>
<td class='cap-main-m'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main-2'><img src='".THEME."images/box_on.gif' width='7' height='14' alt=''></td>
<td class='cap-main-r'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
</tr>
</table>
<div style='margin:2px;'></div>
<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='main-body'>\n";
}
function closetable() {
echo "
</td>
</tr>
</table>\n";
}
function openside($title) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='cap-main-l'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main' style='white-space:nowrap'>$title</td>
<td class='cap-main-m'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main-2'><img src='".THEME."images/box_on.gif' width='7' height='14' alt=''></td>
<td class='cap-main-r'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
</tr>
</table>
<div style='margin:2px;'></div>
<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='side-body'>\n";
}
function closeside() {
echo "
</td>
</tr>
</table>\n";
tablebreak();
}
function opensidex($title,$open="on") {
$boxname = str_replace(" ", "", $title);
$box_img = $open == "on" ? "off" : "on";
echo "
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='cap-main-l'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main' style='white-space:nowrap'>$title</td>
<td class='cap-main-m'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
<td class='cap-main-2'><img src='".THEME."images/panel_$box_img.gif' alt='$box_img' name='b_$boxname' onclick=\"javascript:flipBox('$boxname')\"></td>
<td class='cap-main-r'><img src='".THEME."images/blank.gif' width='9' height='20' alt='' style='display:block'></td>
</tr>
</table>
<div id='box_$boxname'".($open=="off" ? " style='display:none'>" : ">")."
<div style='margin:2px;'></div>
<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='side-body'>\n";
}
function closesidex() {
echo "
</td>
</tr>
</table>
</div>\n";
tablebreak();
}
function tablebreak() {
echo "<table width='100%' cellspacing='0' cellpadding='0'>
<tr>
<td height='8'></td>
</tr>
</table>\n";
}
?>
Edytowane przez Pieka dnia 27.06.2008 11:17:33
|
|
|
|
rytek90 |
Dodany dnia 27.06.2008 11:28:04
|
Przedszkolak
Postów: 31 Pomógł: 5
Data rejestracji: 11.03.2005 16:52
|
Jak edytować ten plik aby obramowania wokół paneli miały kolor #373535
Ja bym w
.border { border:1px #000 solid; }
zmienił kolor obramowania - czyli tak:
.border { border:1px #373535 solid; }
|
|
|
|
Quickfire |
Dodany dnia 27.06.2008 11:52:00
|
Przedszkolak
Postów: 34 Ostrzeżeń: 4
Data rejestracji: 03.06.2008 14:21
Złamana licencja
|
No a co trzeba by było edytować, żeby ustawić tło obrazkowe?
Edytowane przez szymon dnia 27.06.2008 12:09:01
|
|
|
|
szer |
Dodany dnia 27.06.2008 11:58:57
|
Zaawansowany
Postów: 1139 Pomógł: 4
Data rejestracji: 13.11.2004 23:06
|
W stylach CSS w
body {
font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px;
}
dodaj:
background: url(images/tlo.gif) top center no-repeat;
Wrzuć plik tlo.gif do themes/Twoja_skorka/images/. Kod spowoduje, że doda się plik graficzny jako tło. Zostanie wyrównany do góry (top) i do środka (center). Spowoduje też, iż owe tło nie będzie się powtarzało.
Edytowane przez szymon dnia 27.06.2008 12:12:48
|
|
|
|
rytek90 |
Dodany dnia 27.06.2008 12:03:08
|
Przedszkolak
Postów: 31 Pomógł: 5
Data rejestracji: 11.03.2005 16:52
|
Jeśli mają być tylko w bocznych panelach:
w
.side-body {
font-size:10px;
color:#ddd; background-color:#373535;
padding:4px 4px 6px 4px;
}
Dodaj:
background-image: url(adres_do_obrazka_tła);
background-repeat:repeat;
A jeśli również w środkowych, to dodaj to samo do:
main-body{
}
Edit: Ahh... nie doczytałem.
Myślałem, że cały czas chodzi o panele ;). Czytanie ze zrozumieniem mi coś dzisiaj nie wychodzi ;p
Edytowane przez szymon dnia 27.06.2008 12:13:10
|
|
|
|
szer |
Dodany dnia 27.06.2008 12:05:08
|
Zaawansowany
Postów: 1139 Pomógł: 4
Data rejestracji: 13.11.2004 23:06
|
i czy da się aby cała strona miała jedno tło obrazkowe.
Więc Twój sposób jest zły ;p. Niech zrobi jak napisałem, a będzie działać . Ewentualnie można troche inaczej kod skonstruować. W ten deseń co Ty
Edytowane przez szymon dnia 27.06.2008 12:13:27
|
|
|
|
Quickfire |
Dodany dnia 27.06.2008 12:10:10
|
Przedszkolak
Postów: 34 Ostrzeżeń: 4
Data rejestracji: 03.06.2008 14:21
Złamana licencja
|
Ale wtedy na całą stronę będzie działać i w panelach i w newsach ?
Edytowane przez szymon dnia 27.06.2008 12:13:38
|
|
|