I'm new and I've managed to find a temporary good skin to use for my iTopsite. I've hosted all my images and added to my wrapper. I preveiw it and see my site like this: http://dofustop100.itopsites.com/. I've added my CSS too. Can you help me?
My Submitted Wrapper:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Kevinul's Top 100</title>
<meta name="Designer" content="Melfina Amakusa http://celestial-star.net">
<link rel="stylesheet" type="text/css" href="http://www.itopsites.com/skins/dofustop100/default.css" />
<script language="javascript">
function out(username)
{
image = new Image();
image.src= '{$list_url}/index.php?a=out&u=' + username;
}
</script>
</head>
<body>
<div align="center">
<table id="table" cellpadding="0" cellspacing="0">
<TR>
<td rowspan="3" id="left">
<img src="http://img288.imageshack.us/img288/3665/sadistic012iv.gif" width="10" alt="" /></td>
<td colspan="2">
<img src="http://img188.imageshack.us/img188/2746/sadistic026pn.jpg" width="672" height="38" alt="" /></td>
<td rowspan="3" id="right">
<img src="http://img288.imageshack.us/img288/8377/sadistic034tu.gif" width="16" alt="" /></td>
</tr>
<tr>
<td id="nav">
<h1>Navigation</h1>
<ul>
<li><a href="{$list_url}/">{$lng->main_menu_rankings}</a></li>
<li><a href="{$list_url}/index.php?a=join">{$lng->main_menu_join}</a></li>
<li><a href="{$list_url}/index.php?a=user_cp">{$lng->main_menu_user_cp}</a></li>
</ul>
<h1>Browse</h1>
<form action="index.php" method="get">
{$ranking_methods_menu}<br />
{$categories_menu}<br />
{$multiple_pages_menu}
<input type="submit" value="{$lng->g_form_submit_short}" />
</form>
<h1>Search</h1>
<form action="index.php" method="get">
<input type="hidden" name="a" value="search" />
<input type="text" name="q" size="18" value="{$query}" /><br />
<input type="submit" value="{$lng->search_header}" />
</form>
</td>
<td id="content">
<div id="title">{$list_name}</div>
{$featured_member}
{$content}
</td>
</tr>
<tr>
<td width="169">
<img src="http://img188.imageshack.us/img188/9846/sadistic066ma.jpg" width="169" height="87" alt="" /></td>
<td id="footer">
{$lng->main_executiontime}: {$execution_time} | {$lng->main_queries}: {$num_queries} | {$lng->main_members}: {$num_members}<br />
<i>Sadistic Eyes</i> skin by <b><a href="http://celestial-star.net">Celestial Star</a></b> - Artwork © Luis Royo<br />
{$powered_by}<br />
<img src="http://img194.imageshack.us/img194/5074/spacer8we.gif" width="503" height="1" alt="" />
</td>
</tr>
<tr>
<td colspan="4">
<img src="http://img188.imageshack.us/img188/9693/sadistic086ky.jpg" width="698" height="53" alt="" /></td>
</tr>
<#poweredby>
</table>
</div>
</body>
</html>
If this helps...
Original Wrapper:
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>{$list_name} : {$header}</title>
<meta name="Designer" content="Melfina Amakusa http://celestial-star.net">
<link rel="stylesheet" type="text/css" href="{$skins_url}/{$skin_name}/sadistic.css" />
<script language="javascript">
function out(username)
{
image = new Image();
image.src= '{$list_url}/index.php?a=out&u=' + username;
}
</script>
</head>
<body>
<div align="center">
<table id="table" cellpadding="0" cellspacing="0">
<TR>
<td rowspan="3" id="left">
<img src="{$skins_url}/{$skin_name}/images/sadistic_01.gif" width="10" alt="" /></td>
<td colspan="2">
<img src="{$skins_url}/{$skin_name}/images/sadistic_02.jpg" width="672" height="38" alt="" /></td>
<td rowspan="3" id="right">
<img src="{$skins_url}/{$skin_name}/images/sadistic_03.gif" width="16" alt="" /></td>
</tr>
<tr>
<td id="nav">
<h1>Navigation</h1>
<ul>
<li><a href="{$list_url}/">{$lng->main_menu_rankings}</a></li>
<li><a href="{$list_url}/index.php?a=join">{$lng->main_menu_join}</a></li>
<li><a href="{$list_url}/index.php?a=user_cp">{$lng->main_menu_user_cp}</a></li>
</ul>
<h1>Browse</h1>
<form action="index.php" method="get">
{$ranking_methods_menu}<br />
{$categories_menu}<br />
{$multiple_pages_menu}
<input type="submit" value="{$lng->g_form_submit_short}" />
</form>
<h1>Search</h1>
<form action="index.php" method="get">
<input type="hidden" name="a" value="search" />
<input type="text" name="q" size="18" value="{$query}" /><br />
<input type="submit" value="{$lng->search_header}" />
</form>
</td>
<td id="content">
<div id="title">{$list_name}</div>
{$featured_member}
{$content}
</td>
</tr>
<tr>
<td width="169">
<img src="{$skins_url}/{$skin_name}/images/sadistic_06.jpg" width="169" height="87" alt="" /></td>
<td id="footer">
{$lng->main_executiontime}: {$execution_time} | {$lng->main_queries}: {$num_queries} | {$lng->main_members}: {$num_members}<br />
<i>Sadistic Eyes</i> skin by <b><a href="http://celestial-star.net">Celestial Star</a></b> - Artwork © Luis Royo<br />
{$powered_by}<br />
<img src="{$skins_url}/{$skin_name}/images/spacer.gif" width="503" height="1" alt="" />
</td>
</tr>
<tr>
<td colspan="4">
<img src="{$skins_url}/{$skin_name}/images/sadistic_08.jpg" width="698" height="53" alt="" /></td>
</tr>
</table>
</div>
</body>
</html>
What are those tags anyways? Do I need them?
- Code: Select all
{$skins_url}/{$skin_name}
Oh and a few other Questions:
- How do you change your username?
- Can you add Mods and how?
Anyways, now for my other question, anyone here can create a x4.0 skin for me for just the fun of it (free)? I would like the CSS/Wrapper/Tables. Here's my request template:
The skin is located here- 
