Pozadie v CSS

GIGABYTE

Takže mám tento css kód

.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #666;
background-color : "#fff";
padding : 2px 0px 4px 0px;

namiesto background color, potrebujem dosadiť pozadie zo súboru, presnejšie z png súboru. Ale neviem aký tam dať kód aby to fungovalo.
Ďakujem za rady.

tomPD

background-image: url(nieco.png);

GIGABYTE

tomPD napísal:background-image: url(nieco.png);

Nefunguje mi to dám tam
background-image: url(http://www.mojweb.sk/themes/mojatema/images/ibc.png/);
a nejde to

To máš na konci ten znak /? Ak je ten obrázok na tvojej stránke, použi relatívny link (bude kratší).

GIGABYTE

chrono napísal:To máš na konci ten znak /? Ak je ten obrázok na tvojej stránke, použi relatívny link (bude kratší).

Ano obrázok je na mojom FTP, čo myslíš pod relatívnym linkom ? Trochu sa do Html, php rozumiem ale ten pojem som ešte nepočul.

Myslím pod tým presne to, čo to znamená.

Minimálne tú časť http://www.mojweb.sk/ tam mať nemusíš. Stačí teda /themes/mojatema/images/ibc.png (a možno ešte menej).

Ten znak / za png tam máš? Ak áno, tak ho vymaž.

GIGABYTE

chrono napísal:Myslím pod tým presne to, čo to znamená.
Minimálne tú časť http://www.mojweb.sk/ tam mať nemusíš. Stačí teda themes/mojatema/images/ibc.png (a možno ešte menej).

Ten znak / za png tam máš? Ak áno, tak ho vymaž.

Ano mám no dobre idem to skúsiť

//autoeditácia príspevku ( 16 Jul 2008, 15:38 )
nefunguje to dal som to takto

background-color : url(themes/sfga_Template/images/heg.jpg);

Meníš tam farbu pozadia a nie obrázok (background-color).

Kód: Vybrať všetko

background: url(/themes/sfga_Template/images/heg.jpg);

(prípadne môžeš použiť background-image)

GIGABYTE

chrono napísal:Meníš tam farbu pozadia a nie obrázok (background-color).
Kód: Vybrať všetko
background: url(/themes/sfga_Template/images/heg.jpg);
(prípadne môžeš použiť background-image)

Už to ide, neplechu tam robilo toto background-color

//autoeditácia príspevku ( 16 Jul 2008, 17:43 )
Ešte sa chcem spýtať na jednu vec chcel by som spraviť takéto rámy okolo noviniek, obrázok v príloho, no neviem ako, neviem čo mám vložiť do css alebo php súboru, tie rámiky by mali byť urobené bielou farbo čiže #FFFFFF

Môj theme.php

Kód: Vybrať všetko

<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";

// theme settings
$body_text = "#555555";
$body_bg = "#2e2e2e";
$theme_width = "100%";
$theme_width_l = "175";
$theme_width_r = "175";

function render_header($header_content) {

global $theme_width;

echo "<table align='center' cellspacing='0' cellpadding='0' width='$theme_width' class='outer-border'>
<tr>
<td>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='full-header'>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td background='".THEME."images/hbc.jpg' height='80'>&nbsp;&nbsp;&nbsp;&nbsp;$header_content</td>
</tr>
</table>
</td>
</tr>
</table>\n";

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>
<td class='sub-header'>".showsublinks("&middot;","white")."</td>
<td align='right' class='sub-header'>".showsubdate()."</td>
</tr>
</table>\n";

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";

}

function render_footer($license=false) {

global $theme_width,$settings;

echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td height='50' background='".THEME."images/fbc.jpg' align='center' class='footer'>".stripslashes($settings['footer'])."

</td>
</tr>
</table>
</td>
</tr>
</table>\n";

}

function render_news($subject, $news, $info) {

echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='capmain'>$subject</td>
</tr>
<tr>
<td class='main-body'>$news</td>
</tr>
<tr>
<td align='center' class='news-footer'>\n";
echo openform("N",$info['news_id']).newsposter($info," &middot;").newsopts($info,"&middot;").closeform("N",$info['news_id']);
echo "</td>
</tr>
</table>\n";

}

function render_article($subject, $article, $info) {
	
echo "<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='capmain'>$subject</td>
</tr>
<tr>
<td class='main-body'>
".($info['article_breaks'] == "y" ? nl2br($article) : $article)."
</td>
</tr>
<tr>
<td align='center' class='news-footer'>\n";
echo openform("A",$info['article_id']).articleposter($info," &middot;").articleopts($info,"&middot;").closeform("A",$info['article_id']);
echo "</td>
</tr>
</table>\n";

}

function opentable($title) {

echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='capmain'>$title</td>
</tr>
<tr>
<td class='main-body'>\n";

}

function closetable() {

echo "</td>
</tr>
</table>\n";

}

function openside($title) {
	
echo "<table cellpadding='0' cellspacing='0' width='100%' class='border'>
<tr>
<td background='".THEME."images/sbc.jpg' height='25' class='scapmain'>$title</td>
</tr>
<tr>
<td class='side-body'>\n";

}

function closeside() {

echo "</td>
</tr>
</table>\n";
tablebreak();

}

function opensidex($title,$state="on") {

$boxname = str_replace(" ", "", $title);
echo "<table cellpadding='0' cellspacing='0' width='100%' class='border'>
<tr>
<td class='scapmain'>$title</td>
<td class='scapmain' align='right'>".panelbutton($state,$boxname)."</td>
</tr>
<tr>
<td colspan='2' class='side-body'>
<div id='box_$boxname'".($state=="off"?" style='display:none'":"").">\n";

}

function closesidex() {

echo "</div>
</td>
</tr>
</table>\n";
tablebreak();

}

function tablebreak() {

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n<td height='5'></td>\n</tr>\n</table>\n";

}
?>

Môj Styles.css

Kód: Vybrať všetko

a {
	color : #005599;
	text-decoration : none;
}

a:hover {
	color : #000000;
	text-decoration : none;
}

a.side {
	color : #000000;
	text-decoration : none;
}

a:hover.side {
	color : #005599;
	text-decoration : none;
}

a.white {
	color : #ddd;
	text-decoration : none;
}

a:hover.white {
	color : #005599;
	text-decoration : none;
}

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

form {
	margin : 0px;
}

hr {
	height : 1px;
	border : 1px solid #eee;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

pre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.alt {
	color : #005599;
}
 
.outer-border {
	border : 1px solid #000;
}

.sub-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background-image:url(images/sbc.gif);
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 5px;
}

.full-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #ddd;
	background-color : #2e2e2e;
}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	padding : 5px;
}

.button {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #005599;
	background-color : #f1f1f1;
	height : 20px;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	background-color : #f8f8f8;
	border : 1px solid #ccc;
}

.main-body {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px 0px 5px 0px;
}

.side-body {
	font-size : 10px;
	color : #777;
	background-color : #f6f6f6;
	padding : 4px;
}

.main-bg {
	color : #555;
	background-color : #fff;
	padding : 10px 5px 10px 5px;
}

.border {
	border : 1px solid #e1e1e1;
}

.side-border-left {
	color : #777;
	background-color : #fff;
	padding : 10px 5px 10px 10px;
}

.side-border-right {
	color : #777;
	background-color : #fff;
	padding : 10px 10px 10px 5px;
}

.news-footer {
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	padding : 3px 4px 4px 4px;
}

.capmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #666;
	background-color : #fff;
	padding : 2px 0px 4px 0px;
}

.scapmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #f1f1f1;
	border-bottom : 1px solid #e1e1e1;
	padding : 4px;
}

.tbl-border {
	color : #555;
	background-color : #e1e1e1;
}

.tbl {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px;
}

.tbl1 {
	font-size : 11px;
	color : #555;
	background-color : #fff;
	padding : 4px;
}

.tbl2 {
	font-size : 11px;
	color : #555;
	background-color : #f1f1f1;
	padding : 4px;
}

.forum-caption {
	font-size : 11px;
	font-weight : bold;
	color : #888;
	background-color : #f1f1f1;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 11px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

.comment-name {
	font-weight : bold;
	color : #005599;
}

.shoutboxname {
	font-weight : bold;
	color : #005599;
	background-color : #f6f6f6;
}

.shoutbox {
	color : #777;
	background-color : #f6f6f6;
}

.shoutboxdate {
	font-size : 10px;
	color : #888;
	background-color : #f6f6f6;
}

.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;
	background-color : #f6f6f6;
}

.side-label {
	color : #555;
	background-color : #f1f1f1;
	padding : 2px 2px 3px 2px;
}

V tom obrázku je aj naznačené, kde ten rámček má byť?
Budeš musieť niekam pridať (do css): border: 1px solid #ffffff;

GIGABYTE

chrono napísal:V tom obrázku je aj naznačené, kde ten rámček má byť?
Budeš musieť niekam pridať (do css): border: 1px solid #ffffff;

naznačil som ho červeným kaďiaľ ide