Изменить CSS через панель управления темами

Привет всем. Я пытаюсь создать расширенную панель управления для своего первого шаблона WordPress, но не могу добавить нужную мне функцию. Функция, которую я пытаюсь добавить, — это возможность выбирать положение DIV (слева и снизу) через панель администратора. (Извините меня за мой очень плохой английский)

Вот код, который у меня есть в моем functions.php

$shortname = appacqua
array( "name" => "Point on the map",
    "type" => "section"),
array( "type" => "open"),
array(  "name" => "Have I to activate zona 1?",
        "desc" => "Select if you want to show the first zone",
        "id" => $shortname."_zona1c",
        "type" => "checkbox",
        "std" => "false"),
array( "name" => "Zona 1",
    "desc" => "Choose the position",
    "id" => $shortname."_zona1x",
    "type" => "text",
    "std" => "Left:???"),
array( "type" => "close"),

Я вижу «поле» в своей панели администратора, и у меня нет проблем с флажком, если я повторяю $shortname.»_zona1x». Он показывает число, единственная проблема, с которой я сталкиваюсь, это когда я пытаюсь добавить это в мой style.css:

.zona1{width:27px;height:27px;background:url(icone/1.png) no-repeat;position:absolute;bottom:0;left:<?php echo $appacqua_zona1x;?>px;}

Это не работает… Если я использую Google Chrome для просмотра элемента, он дает мне что-то вроде этого:

width: 27px;
height: 27px;
background: url(icone/1.png) no-repeat;
position: absolute;
bottom: 0;
left: <?php echo $appacqua_zona1x;?>px;

Что я делаю неправильно? Большое спасибо за помощь.

Знаете ли вы, есть ли способ создать предварительный просмотр этой модификации ВНУТРИ панели управления (например, внутри iFrame или что-то в этом роде).

Допустим, я «программист, который сделал себя сам» :P, поэтому, пожалуйста, пишите «медленно» (смеется) и будьте добры ко мне, большое спасибо!