Hey, I was making themes for my site. The first worked excellently. The second... not so much. It won't show the background image, only the background color.
I even tried uploading it to /templates/[theme name] and including it that way, but neither that nor the direct link to my toyhou.se image is working. Here's the code:
Header HTML
Body HTML
CSS Stuff
I even tried uploading it to /templates/[theme name] and including it that way, but neither that nor the direct link to my toyhou.se image is working. Here's the code:
Header HTML
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{$browser_title}</title>
{$header->loadFavicon("{$home}favicon.ico")}
{$header->loadStyle("{$home}{$temp}{$theme}/style.css")}
{$header->loadStyle("{$home}{$css}/menu.css")}
{$header->loadStyles()}
{$header->loadAdditionalStyle()}
{$header->loadScript("//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js")}
{$header->loadScripts()}
{$header->loadAdditionalScript()}
</head>
Body HTML
HTML:
{include file="{$root}{$temp}{$theme}/header.tpl"}
<body>
<div id='content'>
<ul id='toplist'>{$menu}</ul>
<h1>{$site_name}</h1>
<div id='container'>
<div id='right'>
<h2>{$document_title}</h2>
<p id='text'>{$document_content}</p>
</div>
<div id='left'>{$sidebar}</div>
<div style='clear: both'> </div>
</div>
<center>{$footer}Theme by <a href="http://wares.ashenblade.click" target="_blank">Dylan</a>.</center>
</div>
</body>
</html>
CSS Stuff
CSS:
body { font-family:helvetica; background-color:#744700; background-image:url(“https://f2.toyhou.se/file/f2-toyhou-se/images/79225854_lhIxwPp9Ghfrkz9.png”); }
br {display: block;margin: 3px 0;}
#content { width: 1050px; margin: auto; padding: 4px; background-color: rgba(255, 255, 255, 0.5); -webkit-border-radius: 7px; margin-top: 30px; min-height: 200px; font-size: 14px; clear: auto;}
h1 { color: #86c9ca; font-family: Verdana; text-align: center; margin: 0; padding: 10px; border-bottom: 2px solid white; font-size: 40px; }
#toplist { list-style-type: none; padding: 5px 10px; margin: 0; height: 30px; font-size: 18px; border-bottom: 2px solid white; text-align: center; }
#toplist li { line-height: 30px; padding-left: 9px; padding-right: 9px; display: inline; }
#container { padding-top: 10px; }
h2 { margin: 0; padding-left: 5px; color: #b7e3e3; }
#left { width: 200px; margin: 0; padding: 10px; float: left; }
#right { width: 800px; padding: 5px; float: right; }
#container { clear: both; }
a { color: #35d6d8; text-decoration: none; }