Page 1 of 1

Help with in silence

PostPosted: November 17th, 2017, 10:22 am
by StarSea
Hi, I have a few issues with this template but I have no idea how to fix it. I want to change the background from grey to an image, delete the light gray pattern above it, and change the website name at the top to a picture. Here's the page: http://officialnf.smackjeeves.com/

where do I have to go to change this and what do i do? thank you!
here's the html for overall layout, since I think it has something to do with that.
Spoiler! :
<!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">

<!-- IMPORTANT -->
<!-- TO CREATE CUSTOM PAGES, SEE INSTRUCTIONS AT: http://bit.ly/U1QLG -->

<head>
<title>{SITE_NAME} | {PAGE_TITLE}</title>
{SOCIAL_META_TAGS}
<script language="JavaScript" type="text/javascript">

var dir = "http://www.smackjeeves.com/templates/in_silence/images/";
var pic_unselected = "vote-unselected.gif";
var pic_selected = "vote-selected.gif";

// "Buffers" the image to the browser
document.write('<img style="display: none" src="' + dir + pic_unselected + '" />');
document.write('<img style="display: none" src="' + dir + pic_selected + '" />');

var default_rating = 0;

function build_vote()
{
document.write('rate this page: ');
for (n = 1; n<= 5; n++)
{
if (n <= default_rating)
{
default_pic = pic_selected;
} else {
default_pic = pic_unselected;
}

document.write('<a href="#" onClick="vote(' + n + '); return false;" onMouseOver="rateover(' + n + ');" onMouseOut="rateover(default_rating);"><img src="' + dir + default_pic + '" name="star_' + n + '" border=0></a> ');
}
document.write('</ul>');
}

function rateover(star_num)
{

for (n = 1; n <= 5; n++)
{
if (n <= star_num)
{
da_code = 'document.star_' + n + '.src="' + dir + pic_selected + '"';
} else {
da_code = 'document.star_' + n + '.src="' + dir + pic_unselected + '"';
}

eval(da_code);
}
}

function vote(rating)
{
var new_window = window.open("/ratecomic.php?cid={COMIC_ID}&rating=" + rating, "sj_ratecomic", "height=300, width=400");
new_window.focus();
}

</script>

<link href="http://www.smackjeeves.com/templates/in_silence/style.css?v=2" rel="stylesheet" />

</head>

<body>

<div id="header">
<h1><a href="{SITE_URL_FULL}" title="{SITE_NAME}">{SITE_NAME}</a></h1>
</div>

{MENU}

<div class="wrap">
{CONTENT}
</div>

<div id="footer">
layout made by <a href="http://www.smackjeeves.com/profile.php?id=24367" title="whistleonwild">whistleonwild</a> | background image by <a href="http://masterjinn.deviantart.com" title="masterjinn">masterjinn</a> | nav fix by <a href="http://comicfury.com/profile.php?username=Kyo" title="kyo">kyo</a>
</div>

</body>
</html>

Re: Help with in silence

PostPosted: November 17th, 2017, 10:56 am
by eishiya
You can use [code] tags instead of [spoiler] for code, it puts it in a nice, easier-to-read form.

Find this line:
Code: Select all
</head>

That is the code that closes the head portion of the page. Right above it, add this code:
Code: Select all
<style>

</style>

Between those tags, put your CSS overrides, the custom CSS rules that will take precedence over the default CSS.

To change the background:
Code: Select all
body {
background: url("http://BackgroundImageURL");
}

This will take care of both the grey background and the light grey image, as it completely overrides the original background.


To change the header, you'll need to edit the HTML rather than the CSS. Fortunately, this is even easier! In Overall Layout, find
Code: Select all
<h1><a href="{SITE_URL_FULL}" title="{SITE_NAME}">{SITE_NAME}</a></h1>

Replace with
Code: Select all
<a href="{SITE_URL_FULL}" title="{SITE_NAME}"><img src="htp://HeaderImageURL"></a>

Re: Help with in silence

PostPosted: November 17th, 2017, 11:31 am
by StarSea
eishiya wrote:You can use [code] tags instead of [spoiler] for code, it puts it in a nice, easier-to-read form.

Find this line:
Code: Select all
</head>

That is the code that closes the head portion of the page. Right above it, add this code:
Code: Select all
<style>

</style>

Between those tags, put your CSS overrides, the custom CSS rules that will take precedence over the default CSS.

To change the background:
Code: Select all
body {
background: url("http://BackgroundImageURL");
}

This will take care of both the grey background and the light grey image, as it completely overrides the original background.


To change the header, you'll need to edit the HTML rather than the CSS. Fortunately, this is even easier! In Overall Layout, find
Code: Select all
<h1><a href="{SITE_URL_FULL}" title="{SITE_NAME}">{SITE_NAME}</a></h1>

Replace with
Code: Select all
<a href="{SITE_URL_FULL}" title="{SITE_NAME}"><img src="htp://HeaderImageURL"></a>


oh my god, thank you so much, you're a lifesaver