Кто поможет отдизайнить страницу? Опции

[bone]

Народ. Есть страница:
http://www.psiline.ru/net/servers/bfstat/bb.html
Основная часть создается следующим шаблоном:

Код

<div align="center">

<table border="0" cellspacing="0" cellpadding="0" width="50%">

<tr>

       <td align="right" valign="top"><img src="images/header1b.jpg"></td>

       <td align="left" valign="top" colspan="3" background="images/header-background.jpg"><img src="images/header1.jpg"></td>

       <td align="right" valign="bottom" background="images/header-background.jpg"><img src="images/header2.jpg"></td>

       <td align="left" valign="bottom"><img src="images/header2b.jpg"></td>

</tr>

<tr>

       <td></td>

       <td bgcolor="#6B734B" align="left" valign="top" nowrap>&nbsp;&nbsp;&nbsp;<font class="Hostname">

<strong>Hostname:&nbsp;&nbsp;!HOSTNAME&nbsp;&nbsp;</strong></font></td>

       <td bgcolor="#6B734B" align="left" valign="top" nowrap><font class="Status"><strong>CPU Status: !STATUS&nbsp;&nbsp;</font></strong></td>

       <td bgcolor="#6B734B" align="left" valign="top" nowrap><font class="Dedicated"><strong>Dedicated: !DEDICATED&nbsp;&nbsp;</font></strong></td>

       <td align="right" bgcolor="#6B734B" valign="top"><img src="images/header2a.jpg"></td>

       <td></td>

</tr>

<tr>

       <td></td>

       <td colspan="4" align="center" bgcolor="#6B734B"><a href="http://www.bfstats.com/launch/launchgame.asp?serverIP=!BFSERVERIP:!BFSERVERPORT&gameLoc=C:

Program FilesEA GamesBattlefield 1942" TARGET="launchframe" class="playnow">Click here to play on this server</a></td>

       <td></td>

</tr>

<tr>

       <td></td>

       <td align="left" valign="top" colspan="4">



       <!-- Start of main body -->

       <table border="0" cellspacing="0" cellpadding="0" width="100%">

       <tr bgcolor="#393D28">

               <td colspan="4" align="left" valign="top"></td>

       </tr>

       <tr bgcolor="#393D28">

               <td align="left" valign="top">&nbsp;&nbsp;<img src="images/!MAPIMAGENAME.jpg"></td>

               <td align="left" valign="top">&nbsp;</td>

               <td align="left" valign="top">&nbsp;</td>

               <td align="left" valign="top">



               <!-- Start Information about the Server Section -->

               <table border="0" cellspacing="0" cellpadding="0" width="100%">

               <tr>

                       <td align="left" valign="top" background="images/sinfo-top-background.jpg"><img src="images/sinfo-top-left-corner.jpg"></td>

                       <td align="left" valign="top" background="images/sinfo-top-background.jpg" colspan="3"><img src="images/sinfo-top-background.jpg"></t

d>

                       <td align="right" valign="top" background="images/sinfo-top-background.jpg"><img src="images/sinfo-top-right-corner.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Current Map: <strong>!MAPNAME &nbsp;&nbsp;&nbsp;</str

ong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" width="35%"><font class="ServerInfo">Game Type: <strong>!GAMETYPE</strong></font></td

>

                       <td align="left" valign="top" bgcolor="#525C2D" width="35%"><font class="ServerInfo">Time Limit: <strong>!TIMELIMIT</strong></font></

td>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-right-gborder.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#4D5037" nowrap><font class="ServerInfo">Game Version: <strong>!SERVERVERSION</strong></font><

/td>

                       <td align="left" valign="top" bgcolor="#4D5037" width="35%"><font class="ServerInfo">No. Players: <strong>!NUMPLAYERS/!MAXPLAYERS</st

rong></font></td>

                       <td align="left" valign="top" bgcolor="#4D5037" width="35%"><font class="ServerInfo">Friendly Fire: <strong>!SOLDIERFF</strong></font

></td>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-right-gborder.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Vehicle FF: <strong>!VEHICLEFF</strong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Ticket Ratio: <strong>!TICKETRATIO</strong></font></t

d>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Team Balance: <strong>!AUTOBALANCE</strong></font></t

d>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-right-gborder.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#4D5037" nowrap><font class="ServerInfo">Name Tag Dist.: <strong>!NAMETAGDISTANCE</strong></fo

nt></td>

                       <td align="left" valign="top" bgcolor="#4D5037" nowrap><font class="ServerInfo">Name Tag Scope Dist.: <strong>!NAMETAGDISTANCESCOPE&n

bsp;&nbsp;</strong></font></td>

                       <td align="left" valign="top" bgcolor="#4D5037" nowrap><font class="ServerInfo">Password Protected: <strong>!PASSWORD</strong></font>

</td>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-right-gborder.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">CPU Speed: <strong>!CPU</strong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Machine OS: <strong>!SERVEROS</strong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Location: <strong>!SERVERLOCATION</strong></font></td

>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-right-gborder.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">TK Mode: <strong>!TKMODE</strong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Reserved Slots: <strong>!RESERVEDSLOTS</strong></font

></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Game Mode: <strong>!GAMEMODE</strong></font></td>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-rig

ht-gborder.jpg"></td>

               </tr>



                <tr>

                       <td align="left" valign="top" background="images/sinfo-left-border.jpg"><img src="images/sinfo-left-border.jpg"></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">Mod: <strong>!GAMENAME</strong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">&nbsp;</strong></font></td>

                       <td align="left" valign="top" bgcolor="#525C2D" nowrap><font class="ServerInfo">&nbsp;</strong></font></td>

                       <td align="right" valign="top" background="images/sinfo-right-gborder.jpg"><img src="images/sinfo-right-gborder.jpg"></td>

               </tr>



               <tr>

                       <td align="left" valign="top" background="images/sinfo-bottom-left-corner.jpg"><img src="images/sinfo-bottom-left-corner.jpg"></td>

                       <td align="left" valign="top" background="images/sinfo-bottom-background.jpg" colspan="3"><img src="images/sinfo-bottom-background.jp

g"></td>

                       <td align="left" valign="top" background="images/sinfo-bottom-right-corner.jpg"><img src="images/sinfo-bottom-right-corner.jpg"></td>

               </tr>

               </table>

               <!-- End Server Information Section -->

       </td>

       </tr>

       </table>

</td>

<td></td>

</tr>

<tr>

<td></td>

<td colspan="4" align="center" bgcolor="#393D28">

<table width="50%" cellspacing="0" cellpadding="0" border="0">

       <!-- Start of the Player Scores, Pings, Etc -->

       <tr>

         <td align="left" valign="top">  <!-- AXIS -->

          <table border="0" cellspacing="0" cellpadding="0" width="0%">

            <tr>

               <td align="left" valign="top" background="images/plr-top-background.jpg"><img src="images/plr-top-left-corner.jpg"></td>

               <td align="left" valign="top" background="images/plr-top-background.jpg" colspan="5"></td>

               <td align="right" valign="top" background="images/plr-top-background.jpg"><img src="images/plr-top-right-corner.jpg"></td>

            </tr>

            <tr>

               <td align="left" valign="top" background="images/plr-left-border.jpg" width="0%"><img src="images/plr-left-border.jpg"></td>

               <td bgcolor="#4D5037" align="left" valign="top" colspan="5"><img src="images/plr-axis-header.jpg"></td>

               <td align="right" valign="top" background="images/plr-right-border.jpg"><img src="images/plr-right-border.jpg"></td>

            </tr>

            <tr>

               <td align="left" valign="top" background="images/plr-left-border.jpg" width="0%"><img src="images/plr-left-bo

rder.jpg"></td>

               <td bgcolor="#4D5037" align="center" valign="top" colspan="5"><font size="2">Tickets Left: !AXISTICKETS</font></td>

               <td align="right" valign="top" background="images/plr-right-border.jpg"><img src="images/plr-right-border.jpg

"></td>

            </tr>



            <tr>

               <td align="left" valign="top" background="images/plr-left-border.jpg"><img src="images/plr-left-border.jpg"></td>

               <td align="left" bgcolor="#525C2D"><font class="PlayerInfo">Player Name</font></td>

               <td align="left" bgcolor="#525C2D"><font class="PlayerInfo"><img src="images/plr-score.jpg"></td>

               <td align="left" bgcolor="#525C2D"><font class="PlayerInfo"><img src="images/plr-frags.jpg"></td>

               <td align="left" bgcolor="#525C2D"><font class="PlayerInfo"><img src="images/plr-deaths.jpg"></td>

               <td align="left" bgcolor="#525C2D"><font class="PlayerInfo"><img src="images/plr-ping.jpg"></td>

               <td align="left" background="images/plr-right-border.jpg" width="0%"><img src="images/plr-right-border.jpg"></td>

            </tr>

               !AXISTEAM

            <tr bgcolor="#525C2D">

                <td align="left" valign="top" background="images/plr-left-border.jpg"><img src="images/plr-left-border.jpg"></td>

                <td bgcolor="#4D5037">&nbsp;</td>

                <td bgcolor="#393D28">&nbsp;</td>    

                <td bgcolor="#4D5037">&nbsp;</td>

                <td bgcolor="#393D28">&nbsp;</td>

                <td bgcolor="#4D5037">&nbsp;</td>

                <td align="left" background="images/plr-right-border.jpg" width="0%"><img src="images/plr-right-border.jpg"></td>

            </tr>

               <tr bgcolor="#525C2D">

                <td align="left" valign="top" background="images/plr-left-border.jpg"><img src="images/plr-left-border.jpg"></td>

                <td bgcolor="#4D5037"><font class="PlayerInfo">Total: <strong>!AXISCOUNT</strong> Players Avgs:</td>  

                <td bgcolor="#393D28" align="center"><font class="PlayerInfo"><strong>!AXISAVGSCORE</strong></td>

                <td bgcolor="#4D5037" align="center"><font class="PlayerInfo"><strong>!AXISAVGFRAGS</strong></td>  

                <td bgcolor="#393D28" align="center"><font class="PlayerInfo"><strong>!AXISAVGDEATHS</strong></td>

                <td bgcolor="#4D5037" align="center"><font class="PlayerInfo"><strong>!AXISAVGPING</strong></td>

                <td align="left" background="images/plr-right-border.jpg" width="0%"><img src="images/plr-right-border.jpg"></td>

            </tr>

            <tr>

               <td align="left" valign="bottom"><img src="images/plr-bottom-left-corner.jpg">          

               <td align="right" valign="top" colspan="6"><img src="images/plr-bottom-image1.jpg"></td>

            </tr>

           </table>

          </td>

          <td align="left" valign="top">  <!-- ALLIED -->

               <table border="0" cellspacing="0" cellpadding="0" width="0%">

               <tr>

                       <td align="left" valign="top" background="images/plr-top-background.jpg"><img src="images/plr-allied-top-left-corner.jpg"></td>

                       <td align="left" valign="top" background="images/plr-top-background.jpg" colspan="5"></td>

                       <td align="right" valign="top" background="images/plr-top-background.jpg"><img src="images/plr-allied-top-right-corner.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" background="images/plr-allied-left-border.jpg" width="0%"></td>

                       <td bgcolor="#4D5037" align="left" valign="top" colspan="5"><img src="images/plr-allied-header.jpg"></td>

                       <td align="right" valign="top" background="images/plr-allied-right-border.jpg"><img src="images/plr-allied-right-border.jpg"></td>

               </tr>

               <tr>

               <td align="left" valign="top" background="images/plr-allied-left-border.jpg" width="0%"><img src="images/plr-allied-left-border.jpg"></td>

               <td bgcolor="#525C2D" align="center" valign="top" colspan="5"><font size="2">Tickets Left: !ALLIEDTICKETS</font></td>

               <td align="right" valign="top" background="images/plr-allied-right-border.jpg"><img src="images/plr-allied-right-border.jpg"></td>

            </tr>





               <tr>

                       <td align="left" valign="top" background="images/plr-allied-left-border.jpg"><img src="images/plr-allied-left-border.jpg"></td>

                       <td align="left" bgcolor="#4D5037"><font class="PlayerInfo">Player Name</font></td>

                       <td align="left" bgcolor="#4D5037"><font class="PlayerInfo"><img src="images/plr-score.jpg"></td>

                       <td align="left" bgcolor="#4D5037"><font class="PlayerInfo"><img src="images/plr-frags.jpg"></td>

                       <td align="left" bgcolor="#4D5037"><font class="PlayerInfo"><img src="images/plr-deaths.jpg"></td>

                       <td align="left" bgcolor="#4D5037"><font class="PlayerInfo"><img src="images/plr-ping.jpg"></td>

                       <td align="left" background="images/plr-allied-right-border.jpg" width="0%"><img src="images/plr-allied-right-border.jpg"></td>

               </tr>

               !ALLIEDTEAM

               <tr bgcolor="#525C2D">

                       <td align="left" valign="top" background="images/plr-allied-left-border.jpg"><img src="images/plr-allied-left-border.jpg"></td>

                       <td bgcolor="#525C2D">&nbsp;</td>

                       <td bgcolor="#393D28">&nbsp;</td>

                       <td bgcolor="#525C2d">&nbsp;</td>

                       <td bgcolor="#393D28">&nbsp;</td>

                       <td bgcolor="#525C2D">&nbsp;</td>

                       <td align="left" background="images/plr-allied-right-border.jpg" width="0%"><img src="images/plr-allied-right-border.jpg"></td>

               </tr>

               <tr bgcolor="#525C2D">

                       <td align="left" valign="top" background="images/plr-allied-left-border.jpg"><img src="images/plr-allied-lef

t-border.jpg"></td>

                       <td bgcolor="#525C2D"><font class="PlayerInfo">Total: <strong>!ALLIEDCOUNT</strong> Players Avgs:</td>

                       <td bgcolor="#393D28" align="center"><font class="PlayerInfo"><strong>!ALLIEDAVGSCORE</strong></td>

                       <td bgcolor="#525C2D" align="center"><font class="PlayerInfo"><strong>!ALLIEDAVGFRAGS</strong></td>

                       <td bgcolor="#393D28" align="center"><font class="PlayerInfo"><strong>!ALLIEDAVGDEATHS</strong></td>

                       <td bgcolor="#525C2D" align="center"><font class="PlayerInfo"><strong>!ALLIEDAVGPING</strong></td>

                       <td align="left" background="images/plr-allied-right-border.jpg" width="0%"><img src="images/plr-allied-righ

t-border.jpg"></td>

               </tr>

               <tr>

                       <td align="left" valign="top" colspan="6" background="images/plr-bottom-border.jpg"><img src="images/plr-bottom-image2.jpg"></td>

                       <td align="left" valign="top" background="images/plr-bottom-border.jpg"><img src="images/plr-allied-bottom-right-corner.jpg"></td>

               </tr>

               </table>

               </td>



       </tr>

       </table>

       </td>

       </tr>

</td>

<td></td>

</tr>

</table>

       

!FOOTER

</div>

Хотелось бы сделать эту страницу в стиле:
http://www.psiline.ru/net/servers/csstat/
Может кто помочь? Дизайн для меня - хуже каторги.

[root]

Я думаю без бонусов за это никто не возьмётся.....
Слишком тяжко..

[root]

Однако я попробую... Все равно дома сижу - болею.. :(

[mafet]

Я бы сделал. Тока время нет к сожалению. :( Удачи тебе рут.

[root]

Я не знаю, что с ней ещё делать. Говорите - исправлю.
192.168.101.2upload-soft!-Для временного хранения-!Battle_for_bone

[root]

Это типа согласие? Можно подставлять переменные?

[bone]

Это шаблон. Стилей применять не надо.

Сейчас вот:
http://www.psiline.ru/net/servers/bfstat/bb2222.html

[root]

Картинки надо поправить? Лично меня такой цвет бесит....

[bone]

Лучше конечно подправить, но их же дофига. Всякие карты...

[root]

Скинь на ФС папку. Как я понял - надо изменить градицию болотный-чёрный на бело-голубой...

[bone]

Там лежит. battlestats120k.tar.gz. Там файл файл bf1942.php - это шаблон. Но поскольку это будет не самостоятельная страница, а внутри нашего обрамления, из него нужно убрать все вплоть до <div>. Стили тоже.

[K@M@zzz]

У меня вопрос вы тока пока статистику делаете или сервак запустили уже под игру??? :lol:

[root]

Я просто images пока обработаю.

[bone]

Цитата: У меня вопрос вы тока пока статистику делаете или сервак запустили уже под игру???  :lol:

Сервак делает Hammer. Вроде он уже работает (точнее их три - дорога в рим, секретное оружие и Вьетнам).

[root]

Такой стиль покатит?
192.168.101.2upload-soft!-Для временного хранения-!anzio_root.JPG

[bone]

Да мне вообще трудно судить. Наклонностей к дизайну никаких. Поэтому, то я и обратился за помощью.

[root]

НУ а общее мнение? Нравится-не нравится...?

[bone]

Нравится.

[Lussie]

не нравится..
болотный зеленый - фиг с ним, но вот темные линии сетки - ужас! к тому же левая половина первый букв сливавается с сеткой таблицы.. и вобще текст кажется зажатым..

[K@M@zzz]

Щас все плохо откритикуют детище рута он нас разозлиться и не будет ничего делать по 1 картинке мало чего поймёшь нада сначала увидить полную картину а потом уже вносить какие то изменеия вот(но ето моё мнение и только...)
И ещё bone а не подскажешь ИП адрес сервака и круглосуточно он работает или нет?