<!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>
<title>template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#343434">
<table width="686" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img id="header" src="images/header.png" width="465" height="195" alt="header" /></td>
<td>
<img id="template_02" src="images/fa/02.png" width="220" height="195" alt="words" /></td>
<td>
<img src="images/spacer.gif" width="1" height="195" alt="" /></td>
</tr>
<tr>
<td colspan="2" align="center" class="menu-1"><img src="images/welcome_img.png" alt="welcome" width="250" height="118" /> </td>
<td colspan="3" rowspan="6" valign="top" id="content">{content}</td>
<td><img src="images/spacer.gif" width="1" height="118" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="3" valign="top" id="menu"><br />
<div align="center"><img src="images/[lang]/01.png" width="207" height="34" alt="[lang]-features" /></div><br />
{fetures}
»<a href="http://vebbox.net/[name].html" target="_blank">[name]</a>
{/fetures}</td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="1" height="118" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="1" height="150" alt="" /></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#FFFFFF"><img id="index_09" src="images/index_09.png" width="112" height="46" alt="more info" /><img src="images/index_10.png" alt="right corner" width="138" height="46" class="menu-1" id="index_10" /></td>
</tr>
<tr>
<td colspan="2" align="right" valign="top" bgcolor="#FFFFFF"></td>
<td>
<img src="images/spacer.gif" width="1" height="60" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img id="index_12" src="images/index_12.png" width="685" height="19" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt="" /></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="112" height="1" alt="" /></td>
<td width="138">
<img src="images/spacer.gif" width="147" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="205" height="1" alt="" /></td>
<td>
<img src="images/spacer.gif" width="220" height="1" alt="" /></td>
<td></td>
</tr>
</table>
</body>
</html>
من یه چیزی توش دیدم که زیاد جالب نبود
برای هر قسمت تم یک عکس با حجم زیاد گزاشتی
که باید حجمش کم بشه و درون فایل styles.css
قرار بگیره
یه فکری هم باید برای دور قالب بکنی
تازه حالا فهمیدم که چی میخوای...
مشکل اینجاست که بکگراندی که انتخاب کردی برای menu باید :
1- png باشه
2- به جای قسمتهایی که رنگ سفید دارن، باید شفاف باشه (اصطلاحش رو بلد نیستم) (توی عکسهای گیف هم این حالت امکان پذیره ، اما شفافیت درصدی نمیپذیره)
اما
در هر حال، باز هم IE پشتیبانی نمیکنه (تا اونجایی که من میدونم)
من اگر بخوام یه همچین کاری بکنم ( که هیچوقت نخواهم خواست) فکر کنم مجبور میشم که تصویر بکگراندم رو خیلی طولانی کنم و این تغییر در زمینه ی بغل رو هم روی اون اعمال کنم.
امیدوارم منظورم رو رسونده باشم.
موفق باشید.