Very simple CSS template changes please help Options

[ImmortalGizmo]

In short this is my issue-

I'm hosting an FTP server from home, the name of the service I'm using is "HFS" and it comes with these templates/CSS files. Supposedly you can alter these templates by simply changing the code, and for the most part I'm getting there on how I need this front page to display. I was just hoping you guys could give me some really basic guidance on what changes need to be made to my CSS file in order to achieve what needs to be done. The website is www.satur9hub.com

As you'll notice the top somewhat centered banner with my graphic "Satur9Hub" is not completely visible, PLUS there is a pink frame around it for some reason.. What I need to know is what size the image needs to be in order to fit centered across the top of the site as well as what changes should be made in the coding to make it look right. I don't want the border, just the 'Satur9 graphic to be across the top (it's almost there, my HTML skills are just crap right now and I've already spent months trying to get this server prepared).

I went to the HTML color code website in order to change the color, but it doesn't seem what I save inside the CSS the changes don't reflect

Here's a screnshot of what my current CSS file looks like, I've highlighted the sections I made changes in so hopefully this will be super easy for you guys. Thanks in advance for any help you could provide!

[pandy]

Delete the declarations for border and height in the rule you've highlighted.

[ImmortalGizmo]

Delete the declarations for border and height in the rule you've highlighted.

Hi! Thanks so much for the reply!

Just to clarify what you're saying, you mean for me to delete the code/declarations that are input after the "border" and "height"?? This HTML stuff is slowly coming back to me as I used to be quite good with it back in the early 2000's, but sadly I've spent my career knee deep in networking and server setups that when simple things like this come up I become confused- quite frustrating honestly

So I see where removing the "border" thing would get rid of that, but how exactly can I get my header logo graphic to be centered directly across the site without being cut off? If you visit the site now (www.satur9hub.com) you will see what I'm trying to do. The image is being cut off, so is this because of the border? If I delete the border will the full image show or would I need to resize the image?

Thanks again for your time and patience with me!

[pandy]

No. Delete the whole lines.

[ImmortalGizmo]

No. Delete the whole lines.

I was able to try your suggestions tonight and it worked like a charm! Please take a look at the new screencaps below that show the full logo now being displayed exactly as I wanted it.. The final tweak I'm trying to do now is on either side of that header logo graphic, there is a black square. I want to add another small graphic picture in each of those two black squares. Is this possible? I understand how to size my graphics appropriately for the 'images' folder for this website, but I have no idea how to tell them to fill those specific spaces

If I can get this last little change done the site will be ready to launch, any help is super appreciated guys!

Here's what the website looks like now (after deleting the border info as previously suggested), and then another screenshot of my CSS code.

[pandy]

We need to see your markup. If you have the page on a server, please link to it. Otherwise paste everything in here. As text, not a screen cap. We want to be able to copy, too much work to type it all up.

[ImmortalGizmo]

We need to see your markup. If you have the page on a server, please link to it. Otherwise paste everything in here. As text, not a screen cap. We want to be able to copy, too much work to type it all up.

my apologies, should have known to do that. here is the full css file pasted below


/*
RAWR Black - CSS

© 2007-2010, RAWR-Designs, Some Rights Reserved -
Christopher "That Stevens Guy" Stevens
Richard "Giant Eagle" Tuininga
(CC) http://creativecommons.org/licenses/by-nc-sa/3.0

Any queries? -
Email: contact[at]rawr-designs.com
Forum: http://www.rawr-designs.com/forum/
Homepage: http://www.rawr-designs.com
*/

body {
margin:0;
padding:0;
height:100%;
color:#636363;
font:12px "Geneva",Arial,"Helvetica",sans-serif;
font-weight:bold;
background-size:cover;

background: url('http://www.shortwaverockin.com/wp-content/uploads/2009/12/machina2.jpg');bottom fixed no-repeat-x #000;
}

<script type="text/javascript">
var uid = '131036';
var wid = '273812';
</script>
<script type="text/javascript" src="//cdn.popcash.net/pop.js"></script>


img {border:0}
form{margin:0}
a{cursor:pointer}
a:visited, a:link {
text-decoration:none;
color:#b0b0b0;
}
a:active, a:hover {color:#d0d0d0}
#navbar a:visited, #header a:visited, #navbar a:link, #header a:link , .pBx a:visited, .pBx a:link {
color:#d0d0d0;
}
#navbar a:active, #navbar a:hover, #header a:active, #header a:hover, #footer a:active, #footer a:hover, .pBx a:active, .pBx a:hover {
color:#f0f0f0;
}
#mainOuter {padding:10px}
#mainInner {
margin:auto;
min-width:230px;
max-width:1090px;
/*background:url('../images/corner_top_left.gif') left top no-repeat #000;*/
}
#mainInner1 {/*background:url('../images/corner_top_right.gif') right top no-repeat;*/}
#mainInner2 {/*background:url('../images/corner_bottom_left.gif') left bottom no-repeat;*/}
#mainInner3 {
/*background:url('../images/corner_bottom_right.gif') right bottom no-repeat;*/
padding:10px;
}

#header {
color:#080707;
border:1px solid #393939;
height:180px;
background:url('../images/header-bg.jpg') repeat-x #393939;
margin-bottom:10px;
}

#header {
color:#f0f0f0;
border:
height:120px;
background:url('../images/header-logo.jpg') center no-repeat #000000;
margin-bottom:10px;
}
}
#header div #bCrumbs {
position:absolute;
padding:0;
margin-top:90px;
margin-left:120px;
font-size:11px;
height:30px;
background:transparent;
}
#header #graph {background:url('/~img_graph260x120xx000x393939') center no-repeat}

#navbar, #footer{
height:30px;
line-height:30px;
text-align:center;
letter-spacing:1px;
background:url('../images/button-bg.jpg') repeat-x;
border:1px solid #393939;
}
#navbar div {
height:30px;
float:right;
width:100px;
border-left:1px solid #393939;
}
#navbar #backBtn {
float:left;
border:0;
border-right:1px solid #393939;
}
#navbar .bigBtn {width:125px}
#navbar .biggerBtn {width:150px}
#navbar span {padding:10px}
#navbar div:hover {background:url('../images/button-bg-hover.jpg') repeat-x}

#content table table {background:#393939}
#content table table td {
background:#000;
height:50px;
}
#tableCol {padding-top:10px}
#folderComment {
padding:5px;
font-weight:normal;
border:1px solid #393939;
border-bottom:0;
}
#content table table .heading {
background:url('../images/button-bg.jpg') repeat-x #000;
height:30px;
line-height:30px;
color:#f0f0f0;
}
.heading span {
float:right;
padding-right:4px;
}
.iconCol, .iconCol div {
height:50px;
width:50px;
}
.fileCol {padding-left:10px}
#content table table .fileCol:hover, #content table table .fileColHover {
padding-left:10px;
background:#0a0f11;
}
#content table table .fileColprotected {
padding-left:10px;
background:url('../images/padlock.gif') right center no-repeat #000;
}
#content table table .fileColprotected:hover, #content table table .fileColprotectedHover {
padding-left:10px;
background:url('../images/padlock.gif') right center no-repeat #0a0f11;
}

.fileInfo {line-height:25px}
.fileInfo .info, .fileInfo .age {
font-size:11px;
width:125px;
float:left;
font-weight:normal;
color:#636363;
}
.fileInfo .age {width:200px}
.fileInfo .new {color:#f0f0f0}
.comment {
background:url('../images/comment_arrow.gif') no-repeat;
font-size:11px;
line-height:12px;
padding-left:10px;
padding-right:50px;
font-weight:normal;
}
.comment a, #folderComment a {font-weight:bold}
.quickCol {
padding-left:10px;
width:70px;
text-align:center;
}
.quickCol .quickBtn, .quickCol .quickBtn1 {
background:url('../images/button-bg.jpg') center center repeat-x #393939;
height:23px;
width:23px;
border:1px solid #393939;
float:left;
}
.quickBtn1 {margin-left:10px}
.quickCol .quickBtn:hover, .quickCol .quickBtn1:hover {background:url('../images/button-bg-hover.jpg') center center repeat-x #f0f0f0}
.disabled {
opacity:0.5;
filter:alpha(opacity=50);
}

#specialBox {
position:absolute;
top:34px;
margin-left:185px;
}
#moduleCol {padding-left:10px}
.module, .contModule {
margin-top:10px;
border:1px solid #393939;
}
.contModule {margin-top:0}
.modHeading, .contHeading {
color:#d0d0d0;
height:30px;
line-height:30px;
text-align:center;
background:url('../images/button-bg.jpg') repeat-x #000;
padding-left:12px;
letter-spacing:1px;
}
.modHeading {width:161px}
.modHeading span, .contHeading span {
float:right;
margin-right:4px;
}
.modContent , .contContent{
padding:5px 10px;
font-weight:normal;
font-size:11px;
background:#000;
border-top:1px solid #393939;
}
.modContent {width:153px}
.modContent span {float:right}
.divide {
border-top:1px solid #393939;
margin-top:5px;
padding-top:5px;
}
.modContent a {
font-weight:bold;
font-size: 11px;
}
.modContent input {
width:149px;
margin:0;
padding:1px 1px 1px 2px;
border:1px solid #393939;
font:12px "Geneva",Arial,"Helvetica",sans-serif;
background:#000;
color:#d0d0d0;
}
.modContent select {
width:153px;
margin:0;
padding:0;
border:1px solid #393939;
font:12px "Geneva",Arial,"Helvetica",sans-serif;
background:#000;
color:#d0d0d0;
}
#Shoutbox {
padding-top:0;
padding-bottom:0;
}

#footer {
margin-top:10px;
text-align:left;
padding:0 10px;
font-size:11px;
line-height:15px;
letter-spacing:0;
}
#footer div {
text-align:right;
float:right;
}

#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9{display:none}
.uploadInput {margin-bottom:5px}

.p {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #393939;
}
.pOut {
margin-top:5px;
width:175px;
border:1px solid #393939;
text-align:left;
background:url('../images/button-bg.jpg') bottom center repeat-x #000;
}
.pIn {
height:15px;
background:url('../images/button-bg-hover.jpg') bottom center repeat-x #000;
border-right:1px solid #393939;
}
/*Preview Box*/
.Box {background:#000}
.pBx {
color:#d0d0d0;
border:1px solid #393939;
background:url('../images/button-bg.jpg') center center repeat-x #000;
}
.pBx1{
background:url('../images/loading.gif') center center no-repeat #000;
border:1px solid #393939;
}
/* Shoutbox */
.msgUser {color:#b0b0b0}
.msgHeader {border-bottom:1px dashed #393939}
.msgInner, .msgHeader {padding:2px}
.msgOuter {
border-bottom:1px solid #393939;
font-weight:normal;
font-size:11px;
max-width:153px;
overflow:hidden;
}
#msgBody {background:#000}
#msgForm {padding:5px}
#msgInput {
width:122px;
margin:0;
padding:1px 1px 1px 2px;
border:1px solid #393939;
font:12px "Geneva",Arial,"Helvetica",sans-serif;
margin-top:2px;
background:#000;
color:#d0d0d0;
}
#msgSubmit {margin-top:2px}
#msgFail {padding-top:5px}

[pandy]

And the HTML.

[ImmortalGizmo]

[special:strings]

-/- Template Settings --------------------------\-

--- Available themes:
rawr_blue
rawr_red
rawr_green
rawr_dark
rawr_diehard
rawr_black

theme=rawr_black

Note: Feel free to make your own themes, we only limit
modification for theme submission to your
imagination, images and css. Use the rawr_blue
folder as a template. Remember to post your theme on
the forum or email us - contact[at]rawr-designs.com

--- Available languages:
English = en Dutch = nl
Spanish = es French = fr
Italian = it Polish = pl
Turkish = tr Russian = ru
German = de Czech = cz
Swedish = se Bulgarian = bg
Chinese = cn Ukrainian = ua
Chinese S = cs Hungarian = hu
Chinese T = ct Korean T = kr

Automatic = auto (default, may not be reliable)

language=auto

Note: Feel free to translate your own or correct
a value. Use the English language file.
Post corrections or translations by forum
or email us - contact[at]rawr-designs.com

--- Other settings:
mod_updates=on
mod_folder_tasks=on
mod_search=on
mod_statistics=on
mod_shoutbox=on
sym_ip=on
btn_back=on

Note: Disable all modules to make the list fill
the entire template width. To do this simply
change the value to 'off'. The values must be
set to either 'on' or 'off'.

-\- Permanent Settings -------------------------/-
build=0.1.3

[special:begin]
{.if|{.{.!language.}=auto.}|
{:{.load|/template/rawr_default/languages/%lang%.txt|special:strings.}:}
|
{:{.load|/template/rawr_default/languages/{.!language.}.txt|special:strings.}:}
.}

[special:import]
{.add folder|real|template.}
{.set item|/template|hide=1|no log=1|not as download=*.}
{.dialog|
Thank you for choosing the RAWR-Template!

Remember to check for updates and visit us at:
http://www.RAWR-Designs.com
.}

[copyright]
<!--
RAWR-Template - {.!build.}

© 2007-2010, RAWR-Designs, Some Rights Reserved -
Christopher "That Stevens Guy" Stevens
Richard "Giant Eagle" Tuininga
(cc) http://creativecommons.org/licenses/by-nc-sa/3.0

Any queries? -
Email: contact[at]rawr-designs.com
Forum: http://www.rawr-designs.com/forum/
Homepage: http://www.rawr-designs.com
-->

[]
<!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">
{.$copyright.}






<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="robots" content="noindex,nofollow"/>
<title>{.!lv_title.} - {.!lv_home.}%folder%{.if|{.$search-data.}|{.!lv_search.} {.!lv_results.}/.}</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<script type="text/javascript" src="/template/rawr_default/code/rawr_main.js"></script>
<script type="text/javascript" src="/template/rawr_default/code/rawr_previewbox.js"></script>
<link rel="stylesheet" type="text/css" href="/template/{.!theme.}/code/{.!theme.}_main.css"/>
<script type="text/javascript">
var serverFolder="%folder%";
var serverHost="%host%";
var theme="{.!theme.}";
var mod_folder_tasks="{.!mod_folder_tasks.}";
var mod_statistics="{.!mod_statistics.}";
var mod_shoutbox="{.!mod_shoutbox.}";
//Language Strings
var lv_loading="{.!lv_loading.}";
var lv_advSearch="{.!lv_advSearch.}";
var lv_search="{.!lv_search.}";
var lv_searchAlert="{.!lv_searchAlert.}";
var lv_files="{.!lv_files.}";
var lv_folders="{.!lv_folders.}";
var lv_both="{.!lv_both.}";
var lv_recursive="{.!lv_recursive.}";
var lv_current="{.!lv_current.}";
var lv_root="{.!lv_root.}";
var lv_hideTitle="{.!lv_hideTitle.}";
var lv_showTitle="{.!lv_showTitle.}";
</script>
<noscript><style type="text/css">.hide{display:none}</style></noscript>
<!--[if lte IE 6]><style type="text/css">#mainInner{width:980px}</style><![endif]-->

</div>



<!--{.comment|--><h1>WARNING: This template will only work with HFS 2.3 or greater; macros must be enabled.</h1><!--.} -->
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header">
<div><div id="bCrumbs">{.breadcrumbs|{:<a href="%bread-url%">{.or|%bread-name%|{.!lv_home.}.}/</a>:}.}{.if|{.$search-data.}|<a href="">{.!lv_search.} {.!lv_results.}/</a> .}</div></div>
</div>
<div id="content">
<div id="navb script:void(0);" onclick="window.open('/~progress','{.!lv_transfers.}','width=300,height=500,left=100,top=100,scrollbars=1,resizable=1');" class="hide"><span>{.!lv_transfers.}</span></a>
<noscript><a href="/~progress" target="_blank"><span>{.!lv_transfers.}</span></a></noscript>
</div>
{.if|{.get|can upload.}|<div class="bigBtn"><a href="~upload" title="{.!lv_uploadTitle.}"><span>{.!lv_upload.}</span></a></div>.}
{.if|{.{.!btn_back.}=on.}|{.if not|{.%folder%=/ .}|<div id="backBtn"><a href=".."><span>{.!lv_back.}</span></a></div>.}.}
</div>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="100%" valign="top" id="tableCol">
%folder-comment%
{.$files.}
</td>
{.if|{.match|{.!mod_folder_tasks.};{.!mod_statistics.};{.!mod_shoutbox.}|on.}|
<td width="175" valign="top" id="moduleCol">
<span id="specialBox"></span>
{.if|{.{.!mod_updates.}=on.}|
{.if|{.match|127.*;10.*;192.168.*|%ip%.}|
<div class="module">
<div class="modHeading">
<span><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></span>
{.!lv_check.}
</div>
<div class="modContent">
{.if|{.?updates.}|
{:
{.set|new_build|{.load|http://www.rawr-designs.com/updater.php?project=template&ext=.txt.}.}
<span>[{.!build.}]</span>{.!lv_currentBuild.}:<br/>
<span>[{.^new_build.}]</span>{.!lv_latestBuild.}:
<div class="divide">
<center>
<a href="http://www.rawr-designs.com/projects/template/index.html" target="_blank">
-
{.if|{.{.^new_build.}={.!build.}.}|{.!lv_homepage.}|{.!lv_download.} {.^new_build.}.}
-
</a>
</center>
</div>
:}
|<center><a href="http://%host%%encoded-folder%?updates=1">- {.!lv_checkNow.} -</a></center>.}
</div>
</div>
.}
.}
{.if|{.{.!mod_folder_tasks.}=on.}|
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Folder_Tasks');" id="Folder_Tasks_Link" title="{.!lv_hideTitle.}"><img
class="hide" src="/template/{.!theme.}/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
{.!lv_folderTasks.}
</div>
<div class="modContent" id="Folder_Tasks">
{.if|{.{.!mod_search.}=on.}|
<form action="/" name="simpleSearch" method="get">
<input type="text" name="search" maxlength="32" value="{.if not|{.$search-data.}|{.!lv_search.}|{.$search-data.}.}" onfocus="this.value=''" onblur="if(this.value=='')this.value='Search'"/>
</form>
<a href="java script:initBox('specialBox','search');" class="hide">{.!lv_advSearch.}</a>
.}
{.if|%number%|
<div class="divide">
<span>[%number-files%]</span>{.!lv_files.}:<br/>
<span>[%number-folders%]</span>{.!lv_folders.}:<br/>
<span>[%number%]</span>{.!lv_totalObjects.}:<br/>
<span>[%total-size%]</span>{.!lv_totalSize.}:
</div>
<div {.if|{.{.!mod_search.}=on.}|class="divide".}>
<select class="hide" onchange="window.location=this.value;return false;">
<option type="hidden" selected="selected">{.!lv_sortBy.}</option>
{.set|sortlink| {:<option value="{.trim|
{.get|url|sort=$1| {.if| {.{.?sort.} = $1.} | rev={.not|{.?rev.} .} /if.} /get.}
/trim.}">{.!$2.}{.if| {.{.?sort.} = $1.} | &{.if|{.?rev.}|u|d.}arr;.}</option>:} .}
{.^sortlink|t|- {.!lv_age.}.}
{.^sortlink|d|- {.!lv_hits.}.}
{.^sortlink|n|- {.!lv_name.}.}
{.^sortlink|s|- {.!lv_size.}.}
{.^sortlink|e|- {.!lv_type.}.}
</select>
<noscript>
{.!lv_sortBy.}<br/>
{.set|sortlink| {:<a href="{.trim|
{.get|url|sort=$1| {.if| {.{.?sort.} = $1.} | rev={.not|{.?rev.} .} /if.} /get.}
/trim.}">{.!$2.}{.if| {.{.?sort.} = $1.} | &{.if|{.?rev.}|u|d.}arr;.}</option>:} .}
{.^sortlink|t|{.!lv_age.}.},
{.^sortlink|d|{.!lv_hits.}.},
{.^sortlink|n|{.!lv_name.}.},
{.^sortlink|s|{.!lv_size.}.},
{.^sortlink|e|{.!lv_type.}.}
</noscript>
</div>
<div class="divide">
&nbsp;•<a href="?tpl=list&amp;folders-filter=%5C{.if|{.get|can recur.}|&amp;recursive.}" target="_blank" title="{.!lv_fileListingTitle.}"> {.!lv_fileListing.}</a>
{.if|{.get|can archive.}|<br/>&nbsp;•<a href="%folder%~folder.tar{.if|{.get|can recur.}|?recursive.}" title="{.!lv_archiveTitle.}"> {.!lv_archive.}</a>.}
{.if|{.get|can upload.}|<br/>&nbsp;•<a href="~upload" title="{.!lv_uploadTitle.}"> {.!lv_upload.}</a>.}
</div>
.}
</div>
</div>
.}
{.if|{.{.!mod_statistics.}=on.}|
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Statistics');" id="Statistics_Link" title="{.!lv_hideTitle.}"><img
class="hide" src="/template/{.!theme.}/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
{.!lv_statistics.}
</div>
<div class="modContent" id="Statistics">
<div id="stats">{.$stats.}</div>
{.if|{.{.!sym_ip.}=on.}|<br/><span>[%ip%]</span>{.!lv_yourIp.}:.}
{.if|%user%|<br/><span>[%user%]</span>{.!lv_yourId.}:.}
</div>
</div>
.}
{.if|{.{.!mod_shoutbox.}=on.}|
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Shoutbox');" id="Shoutbox_Link" title="{.!lv_hideTitle.}"><img
class="hide" src="/template/{.!theme.}/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
{.!lv_shoutbox.}
</div>
<div class="modContent" id="Shoutbox">
<iframe src="/template/rawr_default/shoutbox/display_posts/?sort=t&rev=1" height="240" width="153" frameborder="0"></iframe>
</div>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="PFJBSRHQR2BNQ">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>

.}
</td>
.}
</tr>
</table>
</div>
<div id="footer">
<br/>
<div>{.!lv_poweredBy.}: <a href="http://www.rejetto.com/hfs">rejetto HFS</a> (%version%, build %build%) &amp; <a href="http://www.rawr-designs.com">RAWR-Designs</a></div>
{.!lv_buildTime.}: %build-time%sec
</div>
</div></div></div></div>

<div align="center">

</div>


</body>
</html>

[files]
<table cellspacing="1" cellpadding="0" border="0" width="100%">
<tr>
<td colspan="3" class="heading">
{.if|{.match|{.!mod_folder_tasks.};{.!mod_statistics.};{.!mod_shoutbox.}|on.}|
<span class="hide">
<a href="java script:pinModule('moduleCol');" id="moduleCol_Link" title="{.!lv_hideTitle.}"><img src="/template/{.!theme.}/images/show.gif" align="top" alt=""/></a>
</span>
.}
&nbsp;
</td>
</tr>
{.if not|%number%|
<tr>
<td colspan="3">
<center>
{.if|{.$search-data.}|{.!lv_searchError1.}&nbsp;<i>{.$search-data.}</i>&nbsp;{.!lv_searchError2.}|{.!lv_filelistError.}.}
</center>
</td>
</tr>
|%list%.}
</table>

[folder]
<tr>
<td class="iconCol"><a href="%item-url%"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileCol{.if not|{.get|can access.}|protected.}">
<div class="fileInfo">
<a href="%item-url%">%item-name%{.if|{.get|is new.}|&nbsp;-&nbsp;<b class="new">{.!lv_new.}</b>.}</a>
<br/>%comment%
<div class="info"><b>{.!lv_size.}:</b> <i>{.!lv_folder.}</i></div><div class="info"><b>{.!lv_hits.}:</b> %item-dl-count%</div><div class="age"><b>{.!lv_age.}:</b> %item-modified%</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn {.if not|{.get|can access.}|disabled.}"><a href="%item-url%"><img src="/template/{.!theme.}/images/go.gif" alt="GO"/></a></div>
{.if|{.get|can archive.}|<div class="quickBtn1 {.if not|{.get|can access.}|disabled.}"><a href="%item-url%~folder.tar{.if|{.get|can recur.}|?recursive.}" title="{.!lv_archiveTitle.}"><img src="/template/{.!theme.}/images/download.gif" alt="DL"/></a></div>|<div class="quickBtn1 disabled"><img src="/template/{.!theme.}/images/download.gif" alt="DL"/></div>.}
</td>
</tr>

[link]
<tr>
<td class="iconCol"><a href="%item-url%"><div style="background:url('/template/rawr_default/images/icons/www.gif') center center no-repeat"></div></a></td>
<td class="fileCol{.if not|{.get|can access.}|protected.}">
<div class="fileInfo"><a href="%item-url%" target="_blank">%item-name%{.if|{.get|is new.}|&nbsp;-&nbsp;<b class="new">{.!lv_new.}</b>.}</a>%comment%</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"></div>
<div class="quickBtn1"><a href="%item-url%" target="_blank"><img src="/template/{.!theme.}/images/go.gif" alt="GO"/></a></div>
</td>
</tr>

[file]
<tr>
<td class="iconCol">
<a href="%item-url%"><div style="
{.switch|%item-ext%|,|
html,htm,url| background:url('/template/rawr_default/images/icons/www.gif') center center no-repeat
|bat,bak,dat,ini,sys,vfs| background:url('/template/rawr_default/images/icons/settings.gif') center center no-repeat
|msi,exe| background:url('/template/rawr_default/images/icons/application.gif') center center no-repeat
|zip,tar,rar,gz,7z| background:url('/template/rawr_default/images/icons/archive.png') center center no-repeat
|as,aspx,css,js,txt,as,php,tpl,xml| background:url('/template/rawr_default/images/icons/text.gif') center center no-repeat
|doc,docx,xls,xlsx,rtf,ppt,pptx,otf| background:url('/template/rawr_default/images/icons/document.gif') center center no-repeat
|mp3,mp4,wma,wmv,avi,divx,mkv,m4a,aac,mov,flv,3gp,rmvb script:void(0);" onclick="initBox('Box-'+(%sequential%+1),this.name);" name="%item-full-url%"><img src="/template/{.!theme.}/images/preview.gif" alt="P" title="{.!lv_previewTitle.}" align="middle"/></a></div><span id="Box-%sequential%"></span>
[target]
{.switch|%item-ext%|,|gif,pdf,htm,html,css,js,txt,jpg,jpeg,png,xml|target="_blank"|.}
[search-data]
{.?search.}{.cut|2|-1|{.?filter.}{.if not|{.?files-filter=\ .}|{.?files-filter.}.}{.if not|{.?folders-filter=\ .}|{.?folders-filter.}.}.}
[stats = stats.htm|no log]
<span>[%uptime%]</span>{.!lv_uptime.}:<br/><br/>
<span>[%connections%]</span>{.!lv_connections.}:<br/>
<span>[%speed-in%KB/s]</span>{.!lv_inbound.}:<br/>
<span>[%speed-out%KB/s]</span>{.!lv_outbound.}:<br/>
<span>[%total-in%]</span>{.!lv_totalIn.}:<br/>
<span>[%total-out%]</span>{.!lv_totalOut.}:<br/>
<span>[%total-downloads%]</span>{.!lv_totalDownloads.}:<br/>
<span>[%total-uploads%]</span>{.!lv_totalUploads.}:<br/>
<span>[%total-hits%]</span>{.!lv_totalHits.}:<br/>
[comment]
<div class="comment">%item-comment%</div>
[folder-comment]
<div id="folderComment">%item-comment%</div>
[error-page]
<!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">
{.$copyright.}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{.!lv_serverError.}</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<script type="text/javascript" src="/template/rawr_default/code/rawr_main.js"></script>
<link rel="stylesheet" type="text/css" href="/template/{.!theme.}/code/{.!theme.}_main.css"/>
<script type="text/javascript">
var theme="{.!theme.}";
var mod_statistics="{.!mod_statistics.}";
//Language Strings
var lv_hideTitle="{.!lv_hideTitle.}";
var lv_showTitle="{.!lv_showTitle.}";
</script>
<noscript><style type="text/css">.hide{display:none}</style></noscript>
<!--[if lte IE 6]><style type="text/css">#mainInner{width:980px}</style><![endif]-->




<!-- PopAds.net Popunder Code for www.satur9hub.com -->
<script type="text/javascript" data-cfasync="false">
var _pop = _pop || [];
_pop.push(['siteId', 1510931]);
_pop.push(['minBid', 0]);
_pop.push(['popundersPerIP', 0]);
_pop.push(['delayBetween', 0]);
_pop.push(['default', false]);
_pop.push(['defaultPerDay', 0]);
_pop.push(['topmostLayer', false]);
(function() {
var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
var s = document.getElementsByTagName('script')[0];
pa.src = '//c1.popads.net/pop.js';
pa.onerror = function() {
var sa = document.createElement('script'); sa.type = 'text/javascript'; sa.async = true;
sa.src = '//c2.popads.net/pop.js';
s.parentNode.insertBefore(sa, s);
};
s.parentNode.insertBefore(pa, s);
})();
</script>
<!-- PopAds.net Popunder Code End -->
</head>
<body>
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header">
<div><div id="bCrumbs"><a href="/">{.!lv_home.}</a>/{.!lv_serverError.}/<br></div></div>
</div>
<div id="content">
<div id="navb script:pinModule('moduleCol');" id="moduleCol_Link" title="{.!lv_hideTitle.}"><img src="/template/{.!theme.}/images/show.gif" align="top" alt=""/></a>
</span>
.}
&nbsp;
</div>
<div class="contContent" align="center">
%content%
</div>
</div>
</td>
{.if|{.{.!mod_statistics.}=on.}|
<td width="175" valign="top" id="moduleCol">
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Statistics');" id="Statistics_Link" title="{.!lv_hideTitle.}"><img
class="hide" src="/template/{.!theme.}/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
{.!lv_statistics.}
</div>
<div class="modContent" id="Statistics">
<div id="stats">{.$stats.}</div>
{.if|{.{.!sym_ip.}=on.}|<br/><span>[%ip%]</span>{.!lv_yourIp.}:<br/>.}
{.if|%user%|<span>[%user%]</span>{.!lv_yourId.}:.}
</div>
</div>
</td>
.}
</tr>
</table>
</div>
<div id="footer">
<br/>
<div>{.!lv_poweredBy.}: <a href="http://www.rejetto.com/hfs">rejetto HFS</a> (%version%, build %build%) &amp; <a href="http://www.rawr-designs.com">RAWR-Designs</a></div>
</div>
</div></div></div></div>


</div>
<script type="text/javascript">pageLoad()</script>
</body>
</html>
[not found]
{.!lv_404Error.}
[overload]
{.!lv_overloadError.}
[max contemporary downloads]
{.!lv_maxError.}<br/><br/>
[unauthorized]
{.!lv_unauthorizedError.}<br/><br/>
[deny]
{.!lv_denyError.}<br/><br/>
[ban]
{.!lv_banError.}: %reason%<br/><br/>
[upload]
<!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">
{.$copyright.}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{.!lv_upload.}</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<script type="text/javascript" src="/template/rawr_default/code/rawr_main.js"></script>
<script type="text/javascript">
var theme="{.!theme.}";
var mod_statistics="{.!mod_statistics.}";
//Language Strings
var lv_hideTitle="{.!lv_hideTitle.}";
var lv_showTitle="{.!lv_showTitle.}";
</script>
<link rel="stylesheet" type="text/css" href="/template/{.!theme.}/code/{.!theme.}_main.css"/>
<noscript><style type="text/css">.hide{display:none}#f1,#f2,#f3,#f4,#f5,#f6,#f7,#f8,#f9{display:block}</style></noscript>
<!--[if lte IE 6]>
<style type="text/css">#mainInner{width:980px}</style>
<noscript><style type="text/css">#mainInner{width:100%}</style></noscript>
<![endif]-->
</head>
<body>
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header">
<div>
<div id="bCrumbs">{.breadcrumbs|{:<a href="%bread-url%">{.or|%bread-name%|{.!lv_home.}.}/</a>:}.}</div>
</div>
</div>
<div id="content">
<div id="navb script:void(0);" onclick="window.open('/~progress','{.!lv_transfers.}','width=300,height=500,left=100,top=100,scrollbars=1,resizable=1');" class="hide"><span>{.!lv_openTransfers.}</span></a>
<noscript><a href="~upload+progress" target="_top"><span>{.!lv_openTransfers.}</span></a></noscript>
</div>
{.if|{.{.!btn_back.}=on.}|<div id="backBtn"><a href="%encoded-folder%" target="_parent"><span>{.!lv_back.}</span></a></div>.}
</div>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="100%" valign="top" id="tableCol">
%folder-comment%
<div class="contModule">
<div class="contHeading">
{.if|{.{.!mod_statistics.}=on.}|
<span class="hide">
<a href="java script:pinModule('moduleCol');" id="moduleCol_Link" title="{.!lv_hideTitle.}"><img src="/template/{.!theme.}/images/show.gif" align="top" alt=""/></a>
</span>
.}
&nbsp;
</div>
<div class="contContent" align="center">
<form action="%encoded-folder%" name="upfrm" target="_parent" method="post" enctype="multipart/form-data" onsubmit="disableBtns();">
<input class="uploadInput" name="upbtn" value="{.!lv_upload.}" type="submit"/>
<input class="uploadInput hide" name="more" onclick="addInput();" value="{.!lv_addInput.}" type="button"/><br/>
<input type="file" name="fileupload1" size="40"/>
<input id="f1" type="file" name="fileupload2" size="40"/>
<input id="f2" type="file" name="fileupload3" size="40"/>
<input id="f3" type="file" name="fileupload4" size="40"/>
<input id="f4" type="file" name="fileupload5" size="40"/>
<input id="f5" type="file" name="fileupload6" size="40"/>
<input id="f6" type="file" name="fileupload7" size="40"/>
<input id="f7" type="file" name="fileupload8" size="40"/>
<input id="f8" type="file" name="fileupload9" size="40"/>
<input id="f9" type="file" name="fileupload10" size="40"/>
</form>
</div>
</div>
</td>
{.if|{.{.!mod_statistics.}=on.}|
<td width="175" valign="top" id="moduleCol">
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Statistics');" id="Statistics_Link" title="{.!lv_hideTitle.}"><img
class="hide" src="/template/{.!theme.}/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
{.!lv_statistics.}
</div>
<div class="modContent" id="Statistics">
<div id="stats">{.$stats.}</div>
{.if|{.{.!sym_up_ip.}=on.}|<br/><span>[%ip%]</span>{.!lv_yourIp.}:<br/>.}
{.if|%user%|<span>[%user%]</span>{.!lv_yourId.}:.}<br/>
<br/><span>[%diskfree%]</span>{.!lv_freeSpace.}:
</div>
</div>
</td>
.}
</tr>
</table>
</div>
<div id="footer">
<br/>
<div>{.!lv_poweredBy.}: <a href="http://www.rejetto.com/hfs">rejetto HFS</a> (%version%, build %build%) &amp; <a href="http://www.rawr-designs.com">RAWR-Designs</a></div>
</div>
</div></div></div></div>
</div>
<script type="text/javascript">pageLoad()</script>


</body>
</html>
[upload-results]
<!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">
{.$copyright.}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{.!lv_upload.} - {.!lv_results.}</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<script type="text/javascript" src="/template/rawr_default/code/rawr_main.js"></script>
<script type="text/javascript">
var theme="{.!theme.}";
var mod_statistics="{.!mod_statistics.}";
//Language Strings
var lv_hideTitle="{.!lv_hideTitle.}";
var lv_showTitle="{.!lv_showTitle.}";
</script>
<link rel="stylesheet" type="text/css" href="/template/{.!theme.}/code/{.!theme.}_main.css"/>
<noscript><style type="text/css">.hide{display:none}</style></noscript>
<!--[if lte IE 6]><style type="text/css">#mainInner{width:980px}</style><![endif]-->
</head>
<body>
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header">
<div>
<div id="bCrumbs">{.breadcrumbs|{:<a href="%bread-url%">{.or|%bread-name%|{.!lv_home.}.}/</a>:}.}</div>
</div>
</div>
<div id="content">
<div id="navb script:pinModule('moduleCol');" id="moduleCol_Link" title="{.!lv_hideTitle.}"><img src="/template/{.!theme.}/images/show.gif" align="top" alt=""/></a>
</span>
.}
&nbsp;
</div>
<div class="contContent">
%uploaded-files%
</div>
</div>
</td>
{.if|{.{.!mod_statistics.}=on.}|
<td width="175" valign="top" id="moduleCol">
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Statistics');" id="Statistics_Link" title="{.!lv_hideTitle.}"><img
class="hide" src="/template/{.!theme.}/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
{.!lv_statistics.}
</div>
<div class="modContent" id="Statistics">
<div id="stats">{.$stats.}</div>
{.if|{.{.!sym_up_ip.}=on.}|<br/><span>[%ip%]</span>{.!lv_yourIp.}:<br/>.}
{.if|%user%|<span>[%user%]</span>{.!lv_yourId.}:.}<br/>
<br/><span>[%diskfree%]</span>{.!lv_freeSpace.}:
</div>


</div>
</td>
.}
</tr>
</table>
</div>
<div id="footer">
<br/>
<div>{.!lv_poweredBy.}: <a href="http://www.rejetto.com/hfs">rejetto HFS</a> (%version%, build %build%) &amp; <a href="http://www.rawr-designs.com">RAWR-Designs</a></div>
</div>
</div></div></div></div>
</div>
</body>
</html>
[upload-success]
&nbsp;•&nbsp;{.!lv_success.}: %item-name% --- %item-size% (%speed% KB/s)<br/><br/>
[upload-failed]
&nbsp;•&nbsp;{.!lv_failure.}: %item-name%: --- %reason%<br/><br/>
[upload+progress]
<!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">
{.$copyright.}
<head>
<title>{.!lv_upload.}</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<frameset cols="300,*" frameborder="0" framespacing="0" framepadding="0">
<frame name=progress src="/~progress">
<frame src="%encoded-folder%~upload-no-progress">
</frameset>

<!-- PopAds.net Popunder Code for www.satur9hub.com -->
<script type="text/javascript" data-cfasync="false">
var _pop = _pop || [];
_pop.push(['siteId', 1510931]);
_pop.push(['minBid', 0]);
_pop.push(['popundersPerIP', 0]);
_pop.push(['delayBetween', 0]);
_pop.push(['default', false]);
_pop.push(['defaultPerDay', 0]);
_pop.push(['topmostLayer', false]);
(function() {
var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
var s = document.getElementsByTagName('script')[0];
pa.src = '//c1.popads.net/pop.js';
pa.onerror = function() {
var sa = document.createElement('script'); sa.type = 'text/javascript'; sa.async = true;
sa.src = '//c2.popads.net/pop.js';
s.parentNode.insertBefore(sa, s);
};
s.parentNode.insertBefore(pa, s);
})();
</script>
<!-- PopAds.net Popunder Code End -->






</head>
</html>
[progress]
<!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">
{.$copyright.}
<head>
<meta http-equiv="Refresh" content="3; URL=/~progress">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{.!lv_transfers.}</title>
<link rel="stylesheet" type="text/css" href="/template/{.!theme.}/code/{.!theme.}_main.css"/>
<!--[if lte IE 6]><style type="text/css">#mainInner{width:100%}</style><![endif]-->
</head>
<body>
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header"><div id="graph"></div></div>
<div id="content">
<div class="contModule">
<div class="contHeading">{.!lv_transfers.} &nbsp; </div>
<div class="contContent" align="center">
%progress-files%
</div>
</div>
</div>
<div id="footer"><br/><center>{.!lv_refresh.}: 3 sec</center></div>
</div></div></div></div>
</div>

</body>
</html>
[progress-nofiles]
<b>{.!lv_noTransfers.}</b>
[progress-upload-file]
<div class="p"><b><u>{.!lv_upstream.}</u><br/>%filename%</b><br/>%done-bytes% / %total-bytes% bytes<br/>{.!lv_curUploadSpeed.}:<br/>%speed-kb% KB/s<br/>{.!lv_percComplete.}: %perc%%<br/><div class="pOut"><div class="pIn" style="width:%perc%%"></div></div></div>
[progress-download-file]
<div class="p"><b><u>{.!lv_downstream.}</u><br/>%filename%</b><br/>%done-bytes% / %total-bytes% bytes<br/>{.!lv_curDownloadSpeed.}:<br/>%speed-kb% KB/s<br/>{.!lv_percComplete.}: %perc%%<br/><div class="pOut"><div class="pIn" style="width:%perc%%"></div></div></div>

[ImmortalGizmo]

Just to clarify, the images I'm trying to input inside both black squares on either side of the header graphic can be found here - https://consequenceofsound.files.wordpress....ins-machina.jpg

The little "water drop" characters you see with feet attached (I want to put one of those little guys on either side, both 'facing' the header logo..

[pandy]

OK, we are getting there. That's a template. We need the parsed HTML, what's sent to the browser. Go to the page and View Source. Copy that and paste it in here.

Of course, it would be much easier for everyone if you could just link to the page.

[ImmortalGizmo]

OK, we are getting there. That's a template. We need the parsed HTML, what's sent to the browser. Go to the page and View Source. Copy that and paste it in here.

Of course, it would be much easier for everyone if you could just link to the page.

Sorry about that, I thought I mentioned in my previous posts that the site was "www.satur9hub.com"

I've pasted below what is contained in the "view source" option from the page. I'm likely driving you nuts by now haha please PM your Paypal details and I'll gladly make a donation for your efforts in helping me!




<!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">
<!--
RAWR-Template - 0.1.3

© 2007-2010, RAWR-Designs, Some Rights Reserved -
Christopher "That Stevens Guy" Stevens
Richard "Giant Eagle" Tuininga
(cc) http://creativecommons.org/licenses/by-nc-sa/3.0

Any queries? -
Email: contact[at]rawr-designs.com
Forum: http://www.rawr-designs.com/forum/
Homepage: http://www.rawr-designs.com
-->







<head>


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="robots" content="noindex,nofollow"/>
<title>HFS - Home/</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<script type="text/javascript" src="/template/rawr_default/code/rawr_main.js"></script>
<script type="text/javascript" src="/template/rawr_default/code/rawr_previewbox.js"></script>
<link rel="stylesheet" type="text/css" href="/template/rawr_black/code/rawr_black_main.css"/>
<script type="text/javascript">
var serverFolder="/";
var serverHost="68.102.89.33:8080";
var theme="rawr_black";
var mod_folder_tasks="on";
var mod_statistics="on";
var mod_shoutbox="on";
//Language Strings
var lv_loading="Loading...";
var lv_advSearch="Advanced Search....";
var lv_search="Search";
var lv_searchAlert="Please enter a search with 3 or more characters. Thankyou.";
var lv_files="File(s)";
var lv_folders="Folder(s)";
var lv_both="Both";
var lv_recursive="Recursive";
var lv_current="From Current Directory";
var lv_root="From Top Directory";
var lv_hideTitle="Hide this module.";
var lv_showTitle="Show this module.";
</script>
<noscript><style type="text/css">.hide{display:none}</style></noscript>
<!--[if lte IE 6]><style type="text/css">#mainInner{width:980px}</style><![endif]-->

</div>



<!-- -->
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header">
<div><div id="bCrumbs"><a href="/">Home/</a></div></div>
</div>
<div id="content">
<div id="navb script:void(0);" onclick="window.open('/~progress','Transfers','width=300,height=500,left=100,top=100,scrollbars=1,resizable=1');" class="hide"><span>Transfers</span></a>
<noscript><a href="/~progress" target="_blank"><span>Transfers</span></a></noscript>
</div>


</div>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="100%" valign="top" id="tableCol">

<table cellspacing="1" cellpadding="0" border="0" width="100%">
<tr>
<td colspan="3" class="heading">
<span class="hide">
<a href="java script:pinModule('moduleCol');" id="moduleCol_Link" title="Hide this module."><img src="/template/rawr_black/images/show.gif" align="top" alt=""/></a>
</span>
&nbsp;
</td>
</tr>
<tr>
<td class="iconCol"><a href="(1)%20AUDIO/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="(1)%20AUDIO/">(1) AUDIO</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 22981</div><div class="age"><b>Age:</b> 10/6/2016 12:04:16 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="(1)%20AUDIO/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="(1)%20AUDIO/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="(2)%20VIDEO/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="(2)%20VIDEO/">(2) VIDEO</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 347</div><div class="age"><b>Age:</b> 10/6/2016 12:04:16 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="(2)%20VIDEO/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="(2)%20VIDEO/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Billy%20Corgan/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Billy%20Corgan/">Billy Corgan</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 513</div><div class="age"><b>Age:</b> 10/5/2016 9:36:49 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Billy%20Corgan/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Billy%20Corgan/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="EverythingFromHereToThere/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="EverythingFromHereToThere/">EverythingFromHereToThere</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 3</div><div class="age"><b>Age:</b> 10/6/2016 11:07:18 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="EverythingFromHereToThere/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="EverythingFromHereToThere/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Picture%20Archive%20(By%20Starlight)/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Picture%20Archive%20(By%20Starlight)/">Picture Archive (By Starlight)</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 9284</div><div class="age"><b>Age:</b> 2/16/2016 4:21:50 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Picture%20Archive%20(By%20Starlight)/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Picture%20Archive%20(By%20Starlight)/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="UPLOAD%20DIRECTORY/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="UPLOAD%20DIRECTORY/">UPLOAD DIRECTORY</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 1</div><div class="age"><b>Age:</b> 10/7/2016 10:17:21 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="UPLOAD%20DIRECTORY/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="UPLOAD%20DIRECTORY/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Vinyl%20Rips/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Vinyl%20Rips/">Vinyl Rips</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 1024</div><div class="age"><b>Age:</b> 9/27/2016 10:21:39 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Vinyl%20Rips/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Vinyl%20Rips/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Zwan/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Zwan/">Zwan</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 1330</div><div class="age"><b>Age:</b> 10/5/2016 9:38:08 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Zwan/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Zwan/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
</table>

</td>
<td width="175" valign="top" id="moduleCol">
<span id="specialBox"></span>

<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Folder_Tasks');" id="Folder_Tasks_Link" title="Hide this module."><img
class="hide" src="/template/rawr_black/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
Folder Tasks
</div>
<div class="modContent" id="Folder_Tasks">
<form action="/" name="simpleSearch" method="get">
<input type="text" name="search" maxlength="32" value="Search" onfocus="this.value=''" onblur="if(this.value=='')this.value='Search'"/>
</form>
<a href="java script:initBox('specialBox','search');" class="hide">Advanced Search....</a>
<div class="divide">
<span>[0]</span>File(s):<br/>
<span>[8]</span>Folder(s):<br/>
<span>[8]</span>Total Object(s):<br/>
<span>[0]</span>Total Size:
</div>
<div class="divide">
<select class="hide" onchange="window.location=this.value;return false;">
<option type="hidden" selected="selected">Sort by...</option>

<option value="/?sort=t">- Age</option>
<option value="/?sort=d">- Hits</option>
<option value="/?sort=n">- Name</option>
<option value="/?sort=s">- Size</option>
<option value="/?sort=e">- Type</option>
</select>
<noscript>
Sort by...<br/>

<a href="/?sort=t">Age</option>,
<a href="/?sort=d">Hits</option>,
<a href="/?sort=n">Name</option>,
<a href="/?sort=s">Size</option>,
<a href="/?sort=e">Type</option>
</noscript>
</div>
<div class="divide">
&nbsp;•<a href="?tpl=list&amp;folders-filter=%5C&amp;recursive" target="_blank" title="Show a page of files in this directory."> File Listing</a>
<br/>&nbsp;•<a href="/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."> Archive Download</a>

</div>
</div>
</div>
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Statistics');" id="Statistics_Link" title="Hide this module."><img
class="hide" src="/template/rawr_black/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
Statistics
</div>
<div class="modContent" id="Statistics">
<div id="stats"><span>[19:32:19]</span>Uptime:<br/><br/>
<span>[1]</span>Connections:<br/>
<span>[0.00KB/s]</span>Inbound:<br/>
<span>[0.00KB/s]</span>Outbound:<br/>
<span>[92.6 G]</span>Total In:<br/>
<span>[1385.1 G]</span>Total Out:<br/>
<span>[43752]</span>Total Downloads:<br/>
<span>[239]</span>Total Uploads:<br/>
<span>[1491198]</span>Total Hits:<br/></div>
<br/><span>[192.206.89.4]</span>Your IP:

</div>
</div>
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Shoutbox');" id="Shoutbox_Link" title="Hide this module."><img
class="hide" src="/template/rawr_black/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
Shoutbox
</div>
<div class="modContent" id="Shoutbox">
<iframe src="/template/rawr_default/shoutbox/display_posts/?sort=t&rev=1" height="240" width="153" frameborder="0"></iframe>
</div>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="PFJBSRHQR2BNQ">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</div>
<div id="footer">
<br/>
<div>Powered by: <a href="http://www.rejetto.com/hfs">rejetto HFS</a> (2.3i, build 297) &amp; <a href="http://www.rawr-designs.com">RAWR-Designs</a></div>
Page build time: 0.110sec
</div>
</div></div></div></div>

<div align="center">

</div>


</body>
</html>

[ImmortalGizmo]

Just in case this helps- my website is derived from an "HFS" server which has a web interface that allows you to let your users to navigate it more easily. The templates are supposedly able to be altered according to what I've read on the matter. Here's a link to the site I got my template from, I've already altered certain things successfully so if I can just get this last change done I'll be one happy camper!

http://www.rejetto.com/forum/html-template...ared-templates/

This post has been edited by ImmortalGizmo: Oct 7 2016, 04:17 PM

[pandy]

I'll see if I can paste it together.

BTW the style sheet you posed above has a chunk of JavaScript in it.

[pandy]

OK, since your logo is a centered background image, you should be able to place two inline images in the HTML and somehow position one to the left and one to the right, for instance float the first one left and the second one right. Can't test without the actual images or at least their size.

Like this.

HTML

<div id="header">
<div><div id="bCrumbs"><a href="/">Home/</a></div>
<img...><img...>
</div>

[ImmortalGizmo]

OK, since your logo is a centered background image, you should be able to place two inline images in the HTML and somehow position one to the left and one to the right, for instance float the first one left and the second one right. Can't test without the actual images or at least their size.

Like this.

HTML

<div id="header">
<div><div id="bCrumbs"><a href="/">Home/</a></div>
<img...><img...>
</div>

Here are the direct links to the pictures I want to use, I've made sure they are identical in size.. So if I place these pictures in my 'images' folder, what would be the proper way to put them in those two black squares? Also, where would the code be pasted? As far as I can tell I don't see a way to do anything else but view the HTML portion of this site, and am able to edit only the CSS or the template file..i think?

(Left side picture)



(Right side picture)

[pandy]

Try what I said above. If they fit or not depends on the size of the logo. But things like that can be fixed.

[ImmortalGizmo]

Please excuse my ignorance on this once again, I can't quite determine where you are telling me to paste the HTML code you posted, or how my image file names would look/where they would go etc

Just to clear any confusion, my background is a separate wallpaper graphic in my "images" folder for the website. I have another graphic that's been centered at the top reading "Satur9 hub" as you can see from visiting the site. Here's the size dimensions of the images in case this helps, I'm just trying to figure out exactly what's needed in my coding to put these two cartoon character images on either side of my main header logo image (and does it go inside the CSS or the template file?)

When I created/sized these images in Photoshop I made sure they wouldn't cross over each other so I'm quite certain they will fit in those black square spaces if the right coding is implemented here. I've already been able to successfully alter several other aspects of this website template (this being the very last finishing touch) and I'll finally be ready to launch. Thanks again so much for your patience with me, I absolutely want to compensate you for your time!

Here are the image dimensions -

"header-logo.jpg" is Width: 681 Height: 180

"LsideGraphic.jpg" & "RsideGraphic.jpg" are both the same size - Width: 230 Height: 171

This post has been edited by ImmortalGizmo: Oct 8 2016, 07:21 PM

[pandy]

Where I said.

Like this.

HTML

<div id="header">
<div><div id="bCrumbs"><a href="/">Home/</a></div>
<img...><img...>
</div>

Find that header DIV.

You need to resize the side images so they fit the available space. They should be 194 x 165. Maybe you can just cut some of the white background away. Actually, that's half a pixel too wide, but I don't think that will ruin anything.

Then just put them where I showed you above and float them one to the left and the other to the right.

HTML

<div id="header">
<div><div id="bCrumbs"><a href="/">Home/</a></div>
<img src="url/to/LsideGraphic.jpg" width="194" height="165" alt="" style="float: left"><img src="url/to/RsideGraphic.jpg" width="194" height="165" alt="" style="float: right">
</div>

You need to edit the URLs to the images so they reflect where they are on the server.

[ImmortalGizmo]

OK, this is making more sense.. I understand where you are saying the code needs to go now so I'm changing the URL's to the images and seeing what happens *fingers crossed*