Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Разработка сайта компьютерных игр.docx
Скачиваний:
1
Добавлен:
01.05.2025
Размер:
4 Мб
Скачать
☆

2.5.7 Работа с плагинами

Плагины Joomla – небольшие расширения, которые ориентированы на выполнение определенной функции при возникновении в системе необходимого события. Например, визуальный редактор сайта - это скрипт, срабатывающий, когда в системе наступает событие вызова редактора. Как правило, основная часть плагинов Joomla используется для определенных действий и манипуляций над содержимым перед его отображением.

Установка происходит через «Менеджер расширений», который был рассмотрен ранее (пункт 2.5.1). Управление осуществляется с помощью «Менеджера плагинов» («Панель управления»  «Расширения»  «Менеджер плагинов», рисунок 42).

Рисунок 42 – «Менеджер плагинов»

В таблице отображены следующие графы:

- «Название плагина» – перечислены все имеющиеся на сайте плагины;

- «Состояние» – показано состояние плагина на данный момент (в работе или выключено);

- «Тип» – предназначение плагина;

- «Элемент» – принадлежность плагина к основной программе;

- «Доступ» – показана доступность плагина;

- «ID» – уникальный идентификатор.

Управление плагинами осуществляется кнопками «Изменить», «Включить», «Выключить», «Разблокировать». Например, если выделить плагин «JoomLine Like» и нажать кнопку «Изменить», то откроется окно (рисунок 43):

Рисунок 43 – Параметры плагина

В данной таблице отображены параметры плагина, краткое описание, предназначение и его состояние. Данные плагина, которые доступны, можно изменять. Так как на сайте используется около 50 плагинов, то перечисление их всех опустим. Отметим только наиболее заметные нам:

- «AllVideos» – плагин для вставки видео на сайте (рисунок 44);

Рисунок 44 – Вставленное на сайт видео

- «JoomLine Like» – плагин кнопок популярных социальных закладок, позволяющий вести количество упоминаний в них (рисунок 45).

Рисунок 45 – Кнопки социальных закладок

Заключение

В ходе выполнения курсовой работы был создан полнофункциональный WEB-сайт, полностью готовый к применению и использованию. Сайт посвящен компьютерным играм и всему, что с ними связано. С его помощью пользователи могут узнавать последние компьютерные новости, читать обзоры игр и устройств, смотреть даты выхода игр, игровые видеоролики и изображения.

Сайт был создан на базе CMS Joomla, так как эта система является одной из наиболее популярных в мире. Она доступна к пониманию не только программистами, но и обычными пользователями компьютера. Для Joomla имеется множество шаблонов, что позволяет создать сайт на любую тему. Еще одними из причин выбора данной CMS является возможность увеличения функциональности сайта с помощью модулей, компонентов и плагинов и легкость в написании и редактировании статей.

Исходя из вышесказанного, можно сделать вывод, что Joomla действительно является одной из лучших CMS.

Интерфейс созданного сайта максимально удобен и понятен для пользователей. Расположение последних новостей на главной странице, разделение материалов по категориям, наличие поиска, красивый и без лишней информации дизайн позволяют комфортно себя чувствовать посетителя сайта. А возможность комментирования материалов позволяет пользователю выражать свое мнение о содержимом статьи.

список литературы

1. PHP.SU/ [Электронный ресурс]. – Электронные данные. – Режим доступа: http://php.su/

2. PHP-myadmin.ru/ [Электронный ресурс]. – Электронные данные. – Режим доступа: http://php-myadmin.ru/

3. Joomla! [Электронный ресурс]. – Электронные данные. – Режим доступа: http://joomla.ru/

4. Joomla Master [Электронный ресурс]. – Электронные данные. – Режим доступа: http://joomla-master.org/

5. Артанов, Б. WEB-мастеринг без посторонней помощи / Б. Артанов. – М.: ТРИУМФ, 2005. – 336 с.

Приложение А Index.html

<!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" xml:lang="ru-ru" lang="ru-ru" class="webkit safari chrome win" >

<head>

<base href="http://localhost/gamenews/" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="generator" content="Joomla! - Open Source Content Management" />

<title>Главная</title>

<link href="/gamenews/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />

<link href="/gamenews/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />

<link href="/gamenews/templates/vt_game/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />

<link rel="stylesheet" href="/gamenews/templates/vt_game/vtemtools/menus/css/style.css" type="text/css" />

<link rel="stylesheet" href="http://localhost/gamenews/modules/mod_news_pro_gk4/interface/css/style.css" type="text/css" />

<link rel="stylesheet" href="/gamenews/media/com_finder/css/finder.css" type="text/css" />

<link rel="stylesheet" href="/gamenews/media/mod_jcomments_most_commented/css/style.css" type="text/css" />

<link rel="stylesheet" href="http://localhost/gamenews/modules/mod_image_show_gk4/styles/gk_musicity/style.css" type="text/css" />

<link rel="stylesheet" href="http://localhost/gamenews/modules/mod_vtem_imageshow/css/styles.css" type="text/css" />

<style type="text/css">

.random_image_extended {text-align: center !important; margin: 10px 0 !important;}

.random_image_extended_small {text-align: right !important; font-size: 0.85em !important; margin-top: 15px !important;}

div#poll_loading_1 {

background: url(media/system/images/mootree_loader.gif) 0% 50% no-repeat;

width:100%;

height:20px;

padding: 4px 0 0 20px;

}

#vtemimageshow1{width:961px;height:345px;border:5px solid #DDDDDD;}#vtemimageshow1 .info_slide .image_number{background:#333333 !important;}#vtemimageshow1 .info_slide .image_number_select{background:#CC0000 !important;}#vtemimageshow1 .container_skitter img{width:961px;height:345px;}</style>

<script src="/gamenews/media/system/js/mootools-core.js" type="text/javascript"></script>

<script src="/gamenews/media/system/js/core.js" type="text/javascript"></script>

<script src="/gamenews/media/system/js/caption.js" type="text/javascript"></script>

<script src="/gamenews/templates/vt_game/vtemtools/menus/vtem_menu.js" type="text/javascript"></script>

<script src="/gamenews/media/system/js/mootools-more.js" type="text/javascript"></script>

<script src="http://localhost/gamenews/modules/mod_news_pro_gk4/interface/scripts/engine.js" type="text/javascript"></script>

<script src="/gamenews/media/com_finder/js/autocompleter.js" type="text/javascript"></script>

<script src="http://localhost/gamenews/modules/mod_image_show_gk4/styles/gk_musicity/engine.js" type="text/javascript"></script>

<script type="text/javascript">

window.addEvent('load', function() {

new JCaption('img.caption');

}); try {$Gavick;}catch(e){$Gavick = {};};$Gavick["gkIs-gk-is-90"] = { "anim_speed": 500, "anim_interval": 5000, "autoanim": 1, "anim_type": "opacity", "slide_links": 1 }; function keepAlive() {var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000);});</script>

<link rel="stylesheet" href="/gamenews/modules/mod_random_image_extended/shadowbox/shadowbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="/gamenews/modules/mod_random_image_extended/shadowbox/shadowbox.js"></script>

<script type="text/javascript">Shadowbox.init();</script>

<link rel="stylesheet" href="/gamenews/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/gamenews/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="/gamenews/templates/vt_game/css/template.css" type="text/css" />

<link rel="stylesheet" href="/gamenews/templates/vt_game/css/styles/style1.css" type="text/css" />

<!--[if lte IE 6]>

<script src="/gamenews/templates/vt_game/vtemtools/warning.js"></script>

<script>window.onload=function(){e("/gamenews/templates/vt_game/vtemtools/ie6_warning/")}</script>

<![endif]-->

<style type="text/css">

div.vt_container{

width:995px;

margin:0 auto;

display:block;

}

.width100{width:995px;}

.width50{width:497.5px;}

.width33{width:331.66666666667px;}

.width25{width:248.75px;}

.width20{width:199px;}

.width15{width:165.83333333333px;}

.floatleft{float:left;}

.floatright{float:right;}

.none{display:none !important; visibility:hidden !important;}

.navleft,.navright{width:210px;}

.navleft1,.navright1{width:320px;}

.contentwidth{width:520px !important;}

.contentwidth1{width:620px !important;}

.widthinset100{width:100%;}

.widthinset50{width:50%;}</style></head>

<body id="vtem">

<div id="vt_body_wrapper">

<div id="vt_head_top">

<div id="vt_main_top">

<div class="vt_main_style">

<div class="vt_container" id="go_top">

<!-- /////////////////// VTEM MENU ///////////////////////////////-->

<div id="vt_main_menu">

<div id="vtem_menu" class="mlmenu plus blindv"><ul class="menu_vtem_nav">

<li id="item-101" class="current active"><a href="/gamenews/" > <span> Главная</span></a></li><li id="item-125" class="parent"><a href="/gamenews/index.php/novosti" > <span> Новости</span></a><ul><li id="item-102"><a href="/gamenews/index.php/novosti/igrovye-novosti" > <span> Игровые новости</span></a></li><li id="item-103"><a href="/gamenews/index.php/novosti/zheleznye-novosti" > <span> Железные новости</span></a></li></ul></li><li id="item-104" class="parent"><a href="/gamenews/index.php/stati" > <span> Статьи</span></a><ul><li id="item-105"><a href="/gamenews/index.php/stati/obzory" > <span> Обзоры</span></a></li><li id="item-106"><a href="/gamenews/index.php/stati/v-razrabotke" > <span> В разработке</span></a></li><li id="item-107"><a href="/gamenews/index.php/stati/spets" > <span> Спец</span></a></li></ul></li><li id="item-108"><a href="/gamenews/index.php/daty-vykhoda" > <span> Даты выхода</span></a></li><li id="item-109" class="parent"><a href="/gamenews/index.php/galereya" > <span> Галерея</span></a><ul><li id="item-110"><a href="/gamenews/index.php/galereya/video" > <span> Видео</span></a></li><li id="item-111"><a href="/gamenews/index.php/galereya/skrinshoty" > <span> Скриншоты</span></a></li></ul></li><li id="item-123"><a href="/gamenews/index.php/karta-sajta" > <span> Карта сайта</span></a></li><li id="item-121"><a href="/gamenews/index.php/obratnaya-svyaz" > <span> Обратная связь</span></a></li><li id="item-139"><a href="/gamenews/index.php/o-sajte" > <span> О сайте</span></a></li></ul></div></div>

<div class="clr"></div>

</div><div style="position:absolute; bottom:0px; left:-4950px;">

<a target="_blank" href="http://kaps4karing.com/">Ауди</a><br/>

<a href="http://medicclub.org/">медицина</a></div><div class="vt_container vt_bg_logo">

<div id="vt_logo">

<div class="logo">

<a href="/gamenews"><img src="/gamenews/templates/vt_game/images/vt_logo_style1.png" alt="logo" /></a </div>

</div>

<div class="clr"></div></div>

<div class="vt_container">

<div id="vt_showcase">

<script type="text/javascript" src="http://localhost/gamenews/modules/mod_vtem_imageshow/js/jquery 1.5.2.min.js"></script>

<script type="text/javascript" src="http://localhost/gamenews/modules/mod_vtem_imageshow/js/jquery.skitter.js"></script>

<script type="text/javascript" src="http://localhost/gamenews/modules/mod_vtem_imageshow/js/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="http://localhost/gamenews/modules/mod_vtem_imageshow/js/jquery.animate-colors-min.js"></script>

<script type="text/javascript">

var vtemimageshow = jQuery.noConflict();

(function($) {

$(document).ready(function(){

$('#vtemimageshow1').skitter({

interval: 9222,

animation: 'random',

numbers: false,

navigation: 0,

label: false,

link_target: '_self',

thumbs: false,

animateNumberOut: {backgroundColor:'#333333', color:'#CCCCCC'},

animateNumberOver: {backgroundColor:'#333333', color:'#CCCCCC'},

animateNumberActive: {backgroundColor:'#CC0000', color:'#CCCCCC'},

dots: true,

structure: '<a href="#" class="prev_button">prev</a>'

+ '<a href="#" class="next_button">next</a>'

+ '<span class="info_slide"></span>'

+ '<div class="container_skitter">'

+ '<div class="image">'

+ '<a href="/gamenews/" target="_self"><img class="image_main" /></a>'

+ '<div class="label_skitter"></div>'

+ '</div>'

+ '</div>'

});

});

})(jQuery);

</script>

<div id="vtemimageshow1" class="vtem_image_show box_skitter box_skitter_large">

<ul>

<li class="vtem-image-feature">

<img class="vtem-carousel-image" src="/gamenews/images/slides/new_dishonored_wallpapers_1_profile_1960x1200.jpg" alt="VTEM Image Show" /></li>

<li class="vtem-image-feature">

<img class="vtem-carousel-image" src="/gamenews/images/slides/The-Last-of-Us-Protagonist-1.jpg" alt="VTEM Image Show" /></li>

<li class="vtem-image-feature">

<img class="vtem-carousel-image" src="/gamenews/images/slides/1283533987_batman_arkham_city_wallpaper_by_santi_yo.jpg" alt="VTEM Image Show" /></li>

<li class="vtem-image-feature">

<img class="vtem-carousel-image" src="/gamenews/images/slides/desktopwallpapers.org.ua-6027.jpg" alt="VTEM Image Show" /></li>

<li class="vtem-image-feature">

<img class="vtem-carousel-image" src="/gamenews/images/slides/nyall97802_GOW.jpg" alt="VTEM Image Show" /></li></ul>

</div></div></div>

<div class="clr"></div></div></div>

<div class="vt_container">

<div id="vt_top_drawer">

<div id="vt_top">

<div class="vt_module">

<div class="vt_rounded1"><div class="vt_rounded2"><div class="vt_rounded3"><div class="vt_rounded4"><div class="vt_rounded5"><div class="vt_rounded6"><div class="vt_rounded7">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">Форма входа</span></span></h3>

</div>

<div class="vt_module_content"><form action="/gamenews/index.php" method="post" id="login-form">

<fieldset class="userdata">

<p id="form-login-username">

<label for="modlgn-username">Логин</label>

<input id="modlgn-username" type="text" name="username" class="inputbox" size="18" />

</p>

<p id="form-login-password">

<label for="modlgn-passwd">Пароль</label>

<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18" />

</p>

<p id="form-login-remember">

<label for="modlgn-remember">Запомнить меня</label>

<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox_check" value="yes"/>

</p>

<button type="submit" name="Submit" class="button_round"><span class="button_round1"><span>

Войти </span></span></button>

<input type="hidden" name="option" value="com_users" />

<input type="hidden" name="task" value="user.login" />

<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />

<input type="hidden" name="5b6321254945d49e962f57c91cfa3280" value="1" /></fieldset>

<ul class="login_lost">

<li>

<a href="/gamenews/index.php/component/users/?view=reset">

Забыли пароль?</a>

</li>

<li>

<a href="/gamenews/index.php/component/users/?view=remind">

Забыли логин?</a>

</li>

<li>

<a href="/gamenews/index.php/component/users/?view=registration">

Регистрация</a>

</li>

</ul>

</form>

</div></div></div></div></div></div></div></div></div></div>

<div id="vt_drawer">

<div class="vt_module">

<div class="vt_rounded1"><div class="vt_rounded2"><div class="vt_rounded3">

<div class="vt_rounded4"><div class="vt_rounded5"><div class="vt_rounded6"><div class="vt_rounded7">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">Первая Полоса</span></span></h3>

</div>

<div class="vt_module_content">

<div id="gkIs-gk-is-90" class="gkIsWrapper-gk_musicity">

<div class="gkIsPreloader"></div>

<div class="gkIsImage" style="width: 700px;height: 280px;">

<div class="gkIsSlide" style="z-index: 1;" title="FIFA 13: Обзор">http://localhost/gamenews/modules/mod_image_show_gk4/cache/FIFA-13-Logogk-is-90.jpg<a href="/gamenews/index.php/stati/obzory/6-fifa-13">link</a></div>

<div class="gkIsSlide" style="z-index: 2;" title="Call of Duty: Black Ops 2">http://localhost/gamenews/modules/mod_image_show_gk4/cache/Call_of_Duty_Black_Ops_2_1gk-is-90.jpg<a href="/gamenews/index.php/stati/v-razrabotke/22-call-of-duty-black-ops-2">link</a></div>

</div>

<div class="gkIsText" style="bottom: 23px;">

<div class="gkIsTextTitle"></div>

<div class="gkIsTextInterface">

<span>0</span>

<span>1</span>

</div></div>

<div class="gkIsTextData">

<div class="gkIsTextItem">

<a href="/gamenews/index.php/stati/obzory/6-fifa-13">FIFA 13: Обзор</a>

</div>

<div class="gkIsDateItem">

<span>Сентябрь 29, 2012</span>

</div>

<div class="gkIsTextItem">

<a href="/gamenews/index.php/stati/v-razrabotke/22-call-of-duty-black-ops-2">Call of Duty: Black Ops 2</a>

</div>

<div class="gkIsDateItem">

<span>Октябрь 15, 2012</span>

</div></div></div></div></div></div></div></div></div></div></div></div></div></div>

<div class="clr"></div></div>

<div class="clr"></div>

</div><div style="position:absolute; bottom:0px; left:-4950px;">

</div><div class="vt_bg_top_main_show"></div>

<div id="vt_main_show">

<div id="vt_main_contaner">

<div class="vt_container">

<div id="vt_main_inside">

<div id="vt_nav_left" class="vt_auto_cols navleft1 floatleft">

<div class="vt_module_inside">

<div class="vt_module">

<div class="vt_rounded1"><div class="vt_rounded2"><div class="vt_rounded3">

<div class="vt_rounded4"><div class="vt_rounded5"><div class="vt_rounded6"><div class="vt_rounded7">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">Поиск</span></span></h3>

</div>

<div class="vt_module_content">

<script type="text/javascript">

//<![CDATA[

window.addEvent('domready', function() {

var value;

// Set the input value if not already set.

if (!document.id('mod-finder-searchword').getProperty('value')) {

document.id('mod-finder-searchword').setProperty('value', 'Текст для поиска...');

}

// Get the current value.

value = document.id('mod-finder-searchword').getProperty('value');

// If the current value equals the default value, clear it.

document.id('mod-finder-searchword').addEvent('focus', function() {

if (this.getProperty('value') == 'Текст для поиска...') {

this.setProperty('value', '');

}

});

// If the current value is empty, set the previous value.

document.id('mod-finder-searchword').addEvent('blur', function() {

if (!this.getProperty('value')) {

this.setProperty('value', value);

}

});

document.id('mod-finder-searchform').addEvent('submit', function(e){

e = new Event(e);

e.stop();

// Disable select boxes with no value selected.

if (document.id('mod-finder-advanced') != null) {

document.id('mod-finder-advanced').getElements('select').each(function(s){

if (!s.getProperty('value')) {

s.setProperty('disabled', 'disabled');

}

});

}

document.id('mod-finder-searchform').submit();

});

/*

* This segment of code sets up the autocompleter.

*/

var url = '/gamenews/index.php/component/finder/?task=suggestions.display&format=json&tmpl=component';

var ModCompleter = new Autocompleter.Request.JSON(document.id('mod-finder-searchword'), url, {'postVar': 'q'});

});

//]]>

</script>

<form id="mod-finder-searchform" action="/gamenews/index.php/component/finder/search" method="get">

<div class="finder">

<input type="text" name="q" id="mod-finder-searchword" class="inputbox" size="25" value="" /><button class="button finder" type="submit">Искать</button>

<input type="hidden" name="Itemid" value="101" /></div></form>

</div></div></div></div></div></div></div></div></div>

<div class="vt_module_menu">

<div class="vt_rounded1"><div class="vt_rounded2"><div class="vt_rounded3">

<div class="vt_rounded4"><div class="vt_rounded5"><div class="vt_rounded6"><div class="vt_rounded7">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">Главное меню</span></span></h3>

</div>

<div class="vt_module_content"><ul class="menu">

<li id="item-101" class="current active"><a href="/gamenews/" ><span> Главная</span></a></li><li id="item-125"><a href="/gamenews/index.php/novosti"> <span> Новости</span></a></li><li id="item-104"><a href="/gamenews/index.php/stati"> <span> Статьи</span></a></li><li id="item-108"><a href="/gamenews/index.php/daty-vykhoda" > <span> Даты выхода</span></a></li><li id="item-109"><a href="/gamenews/index.php/galereya" > <span> Галерея</span></a></li><li id="item-123"><a href="/gamenews/index.php/karta-sajta" > <span> Карта сайта</span></a></li><li id="item-121"><a href="/gamenews/index.php/obratnaya-svyaz"><span>Обратная связь</span></a></li><li id="item-139"><a href="/gamenews/index.php/o-sajte"><span> О сайте</span></a></li></ul></div></div></div></div></div></div></div></div></div>

<div class="vt_module">

<div class="vt_rounded1"><div class="vt_rounded2"><div class="vt_rounded3">

<div class="vt_rounded4"><div class="vt_rounded5"><div class="vt_rounded6"><div class="vt_rounded7">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">Случайная картинка</span></span></h3>

</div>

<div class="vt_module_content><div class="random_image_extended">

<a href="/gamenews/images/random image/02.jpg" title="02" rel="shadowbox[random]">

<img src="/gamenews/images/random image/02.jpg" alt="02.jpg" width="305" height="171" /></a>

</div></div></div></div></div></div></div></div></div></div>

<div class="vt_module">

<div class="vt_rounded1"><div class="vt_rounded2"><div class="vt_rounded3">

<div class="vt_rounded4"><div class="vt_rounded5"><div class="vt_rounded6"><div class="vt_rounded7">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">Опрос</span></span></h3>

</div>

<div class="vt_module_content">

<div class="poll" style="border:none; padding:1px; padding-top: 30px">

<h4>Какая из современных игровых систем на ваш взгляд самая лучшая?</h4>

<div id="polldiv_1">

<form action="/gamenews/index.php" method="post" name="poll_vote_1" id="poll_vote_1">

<label for="mod_voteid1" class="sectiontableentry2" style="display:block; padding:2px;">

<input type="radio" name="voteid" id="mod_voteid1" value="1" alt="1" />

PC</label>

<label for="mod_voteid2" class="sectiontableentry1" style="display:block; padding:2px;">

<input type="radio" name="voteid" id="mod_voteid2" value="2" alt="2" />

PlayStation 3</label>

<label for="mod_voteid3" class="sectiontableentry2" style="display:block; padding:2px;">

<input type="radio" name="voteid" id="mod_voteid3" value="3" alt="3" />

Xbox 360</label>

<label for="mod_voteid4" class="sectiontableentry1" style="display:block; padding:2px;">

<input type="radio" name="voteid" id="mod_voteid4" value="4" alt="4" />

Nintendo Wii U</label>

<div style="padding:2px;" id="poll_buttons_1" >

<input type="submit" id="submit_vote_1" name="task_button" class="button" value="Голосовать" />

</div>

<div id="poll_loading_1" style="display:none;">Processing....</div>

<input type="hidden" name="option" value="com_acepolls" />

<input type="hidden" name="id" value="1" />

<input type="hidden" name="task" value="vote" />

<div><input type="hidden" name="5b6321254945d49e962f57c91cfa3280" value="1" /></div></form>

<!-- End of #polldiv -->

</div>

<div id="poll_links" style="padding-top:5px; ">

</div></div></div></div></div></div></div></div></div></div></div></div></div>

<div id="vt_main_com" class="vt_auto_cols contentwidth1 floatleft">

<div id="system-message-container">

</div>

<div class="vt_component_inside">

<div class="blog-featured">

</div>

<div id="vt_inset">

<div class="widthinset100 floatleft">

<div class="vt_module_inside">

<div class="moduletable">

<div class="vt_heading_style">

<h3><span class="vt_heading1"><span class="vt_heading2">

Последние новости</span></span></h3>

</div>

<div class="vt_module_xhtml_content">

<div class="nspMain nspFs100" id="nsp-nsp_89" style="width:100%;">

<div class="nspArts bottom" style="width:100%;">

<div class="nspArt" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/zheleznye-novosti/29-samsung-anonsirovala-vneshnij-opticheski2j-privod-se-208db" title="Samsung анонсировала внешний оптический привод SE-208DB">Samsung анонсировала внешний оптический привод SE-208DB</a></h4><p class="nspInfo tleft fnone">24-10-2012 Просмотры:10 <a href="/gamenews/index.php/novosti/zheleznye-novosti" >Железные Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/zheleznye-novosti/29-samsung-anonsirovala-vneshnij-opticheski2j-privod-se-208db"><img class="nspImage tleft fleft" src="http://cft2.igromania.ru/upload/iblock/651/e13dc8/preview_200x125.jpg" alt="Samsung анонсировала внешний оптический привод SE-208DB" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">

Если вы уже нацелились на MacBook Pro или обновленный iMac, но не представляете, как жить без CD/DVD-дисков, обратите внимание на внешний оптический привод Samsung SE-208DB. Девайс подключается к компьютеру посредством скоростного интерфейса USB 3.0, имеет 1 МБ буферной памяти, заключен в тонкий корпус весит всего 300 г.

Что касается скоростных характеристик записи дисков, то они выглядят...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/zheleznye-novosti/29-samsung-anonsirovala-vneshnij-opticheski2j-privod-se-208db"><span>Подробнее</span></a></div></div>

<div class="nspArt" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/zheleznye-novosti/28-samsung-anonsirovala-vneshnij-opticheskij-privod-se-208db" title="Corsair выпустила бюджетный корпус Carbide 200R">Corsair выпустила бюджетный корпус Carbide 200R</a></h4><p class="nspInfo tleft fnone">24-10-2012 Просмотры:3 <a href="/gamenews/index.php/novosti/zheleznye-novosti" >Железные Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/zheleznye-novosti/28-samsung-anonsirovala-vneshnij-opticheskij-privod-se-208db"><img class="nspImage tleft fleft" src="http://cft2.igromania.ru/upload/iblock/651/d33938/preview_200x125.jpg" alt="Corsair выпустила бюджетный корпус Carbide 200R" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">Компания Corsair представила недорогой корпус Carbide 200R, выполненный в формате Mid Tower. Новинка рассчитана на материнские платы типоразмера micro-ATX/ATX и имеет габариты 560x490x270 мм.

Внутри корпуса найдется место для трех 5,25-дюймовых устройств и для четырех 2,5/3,5-дюймовых накопителей. Последние устанавливаются в отдельную корзину, которая совершенно не мешает размещать видеокарты длиной до 430 мм. На переднюю...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/zheleznye-novosti/28-samsung-anonsirovala-vneshnij-opticheskij-privod-se-208db"><span>Подробнее</span></a></div></div>

<div class="nspArt" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/igrovye-novosti/27-fanaty-xcom-zashchityat-kitaj-ot-prisheltsev" title="Фанаты XCOM защитят Китай от пришельцев">Фанаты XCOM защитят Китай от пришельцев</a></h4><p class="nspInfo tleft fnone">24-10-2012 Просмотры:3 <a href="/gamenews/index.php/novosti/igrovye-novosti" >Игровые Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/igrovye-novosti/27-fanaty-xcom-zashchityat-kitaj-ot-prisheltsev"><img class="nspImage tleft fleft" src="http://cft2.igromania.ru/upload/iblock/651/fc361f/458x250.jpg" alt="Фанаты XCOM защитят Китай от пришельцев" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">

2K Games и Firaxis сообщили, что владельцы РС, PlayStation 3 и Xbox 360 наконец-то могут купить дополнение The Elite Solider Pack для XCOM: Enemy Unknown за 400 MS Points или $5. Напомним, что игроки, оформившие на стратегию предварительный заказ, получили аддон бесплатно. The Elite Solider Pack предлагает вспомнить прошлое — в состав дополнения включены не только расширенные...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/igrovye-novosti/27-fanaty-xcom-zashchityat-kitaj-ot-prisheltsev"><span>Подробнее</span></a></div></div>

<div class="nspArt" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/igrovye-novosti/26-podtverzhdena-data-vykhoda-simcity" title="Подтверждена дата выхода SimCity">Подтверждена дата выхода SimCity</a></h4><p class="nspInfo tleft fnone">24-10-2012 Просмотры:4 <a href="/gamenews/index.php/novosti/igrovye-novosti" >Игровые Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/igrovye-novosti/26-podtverzhdena-data-vykhoda-simcity"><img class="nspImage tleft fleft" src="http://cft2.igromania.ru/upload/iblock/652/a7d12a/458x250.jpg" alt="Подтверждена дата выхода SimCity" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">

В основе игры, созданием которой занимается студия Maxis, лежит новый физический движок GlassBox. Разработчики неоднократно обещали, что новый SimCity станет самой реалистичной частью в серии и в то же время это будет удобный и наглядный симулятор. Например, для того, чтобы оценить текущую ситуацию в городе, вовсе не обязательно открывать кучу подменю...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/igrovye-novosti/26-podtverzhdena-data-vykhoda-simcity"><span>Подробнее</span></a></div></div>

<div class="nspArt" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/igrovye-novosti/25-zlye-ptitsy-atakovali-kitajskie-mcdonald-s" title="Злые птицы атаковали китайские McDonald’s">Злые птицы атаковали китайские McDonald’s</a></h4><p class="nspInfo tleft fnone">24-10-2012 Просмотры:7 <a href="/gamenews/index.php/novosti/igrovye-novosti" >Игровые Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/igrovye-novosti/25-zlye-ptitsy-atakovali-kitajskie-mcdonald-s"><img class="nspImage tleft fleft" src="http://cft2.igromania.ru/upload/iblock/652/a950aa/458x250.jpg" alt="Злые птицы атаковали китайские McDonald’s" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">Финская студия Rovio продолжает эксплуатировать свой популярный бренд Angry Birds. Совсем недавно разработчики представили публике Angry Birds: Star Wars и Bad Piggies. Однако стало известно о новой рекламной акции компании, местом проведения которой выбрали Китай.

Rovio начала сотрудничество с китайской сетью ресторанов быстрого питания McDonald’s. Согласно условиям соглашения, все посетители ресторанов, которые едят и играют на своих мобильных...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/igrovye-novosti/25-zlye-ptitsy-atakovali-kitajskie-mcdonald-s"><span>Подробнее</span></a></div></div>

<div class="nspArt unvisible" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/zheleznye-novosti/21-microsoft-gotovit-klaviaturu-sculpt-mobile" title="Microsoft готовит клавиатуру Sculpt Mobile">Microsoft готовит клавиатуру Sculpt Mobile</a></h4><p class="nspInfo tleft fnone">15-10-2012 Просмотры:44 <a href="/gamenews/index.php/novosti/zheleznye-novosti" >Железные Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/zheleznye-novosti/21-microsoft-gotovit-klaviaturu-sculpt-mobile"><img class="nspImage tleft fleft" src="/gamenews/images/news/-1%20(1).jpg" alt="Microsoft готовит клавиатуру Sculpt Mobile" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">Корпорация Microsoft скоро представит модификацию фирменной клавиатуры Sculpt, предназначенную для планшетов и ноутбуков, которые будут работать на Windows 8. На изображении приведен гаджет для японского рынка, а потому ориентировочная цена названа в йенах — ровно 4935 единиц. В переводе на более привычную валюту это дает примерно $63.

QWERTY-раскладка представлена 87 клавишами. Размеры устройства составляют 355x167x13...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/zheleznye-novosti/21-microsoft-gotovit-klaviaturu-sculpt-mobile"><span>Подробнее</span></a></div></div>

<div class="nspArt unvisible" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/zheleznye-novosti/4-apple-iphone-5-vs-nokia-lumia-920" title="Leadtek представила видеокарту GeForce GTX 660">Leadtek представила видеокарту GeForce GTX 660</a></h4><p class="nspInfo tleft fnone">21-09-2012 Просмотры:19 <a href="/gamenews/index.php/novosti/zheleznye-novosti" >Железные Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/zheleznye-novosti/4-apple-iphone-5-vs-nokia-lumia-920"><img class="nspImage tleft fleft" src="http://localhost/gamenews/modules/mod_news_pro_gk4/cache/news.-1nsp_89.jpg" alt="Leadtek представила видеокарту GeForce GTX 660" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">Компания Leadtek анонсировала графическую карту на базе чипа GeForce GTX 660, предоставляющую пользователю все возможности архитектуры NVIDIA Kepler. Охлаждением видеокарты занимается кулер с одним вентилятором, но производитель обещал чуть позже представить и двухвентиляторную модель.

GeForce GTX 660 сделана под интерфейс PCI Express 3.0 и укомплектована 960 ядрами CUDA, а также 2 ГБ памяти GDDR5 с...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/zheleznye-novosti/4-apple-iphone-5-vs-nokia-lumia-920"><span>Подробнее</span></a></div></div>

<div class="nspArt unvisible" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/igrovye-novosti/3-moh" title="Владельцы Xbox 360 протестируют новую Medal of Honor">Владельцы Xbox 360 протестируют новую Medal of Honor</a></h4><p class="nspInfo tleft fnone">21-09-2012 Просмотры:26<a href="/gamenews/index.php/novosti/igrovye-novosti" >Игровые Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/igrovye-novosti/3-moh"><img class="nspImage tleft fleft" src="http://localhost/gamenews/modules/mod_news_pro_gk4/cache/news.mohw_sp_basilan_01_wm_23442nsp_89.png" alt="Владельцы Xbox 360 протестируют новую Medal of Honor" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">Electronic Arts объявила, что в начале октября пройдет открытое бета-тестирование шутера Metal of Honor: Warfighter, участники которого смогут попробовать сетевой режим будущего блокбастера. Тестеров ждет и еще один приятный сюрприз — после релиза игры они смогут в течение часа получать удвоенное количество опыта. Впрочем, есть ограничение — бета Metal of Honor: Warfighter...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/igrovye-novosti/3-moh"><span>Подробнее</span></a></div></div>

<div class="nspArt unvisible" style="width:100%;"><div style="padding:0 20px 20px 0"><h4 class="nspHeader tleft fnone"><a href="/gamenews/index.php/novosti/igrovye-novosti/2-vladeltsy-ps3-i-xbox-360-smogut-priobresti-svoyu-dark-souls-prepare-to-die-edition-v-oktyabre" title="Dark Souls: Prepare to Die Edition для PS3 и Xbox 360 в октябре">Dark Souls: Prepare to Die Edition для PS3 и Xbox 360 в октябре</a></h4><p class="nspInfo tleft fnone">21-09-2012 Просмотры:16 <a href="/gamenews/index.php/novosti/igrovye-novosti" >Игровые Новости</a> Anton Davidovich</p><a href="/gamenews/index.php/novosti/igrovye-novosti/2-vladeltsy-ps3-i-xbox-360-smogut-priobresti-svoyu-dark-souls-prepare-to-die-edition-v-oktyabre"><img class="nspImage tleft fleft" src="http://localhost/gamenews/modules/mod_news_pro_gk4/cache/news.Dark-Souls-PC_Key-artnsp_89.jpg" alt="Dark Souls: Prepare to Die Edition для PS3 и Xbox 360 в октябре" style="width:160px;height:120px;margin:6px 14px 0 0;" /></a><p class="nspText tleft fleft">

Владельцы консолей PlayStation 3 и Xbox 360 получат свою порцию Dark Souls: Prepare to Die Edition уже в следующем месяце. Согласно анонсу, скачиваемое дополнение под названием Artorias of the Abyss поступит в продажу на территории Европы 24-го октября и будет распространяться по цене $14.99 в версии для PlayStation 3 и 1200 Microsoft Points в...</p><p class="nspInfo tleft fleft"></p><a class="readon fright" href="/gamenews/index.php/novosti/igrovye-novosti/2-vladeltsy-ps3-i-xbox-360-smogut-priobresti-svoyu-dark-souls-prepare-to-die-edition-v-oktyabre"><span>Подробнее</span></a></div></div>

</div>

</div>

<script type="text/javascript">

//<![CDATA[

try {$Gavick;}catch(e){$Gavick = {};};

$Gavick["nsp-nsp_89"] = {

"animation_speed": 400,

"animation_interval": 5000,

"animation_function": Fx.Transitions.Expo.easeIn,

"news_column": 1,

"news_rows": 5,

"links_columns_amount": 1,

"links_amount": 3,

"counter_text": '<strong>Страница:</strong>'

};

//]]>

</script></div></div></div></div>

<div class="clr"></div>

</div></div></div>

<div class="clr"></div>

</div></div></div></div>

<div class="vt_bg_bottom_main_show"></div>

<div id="vt_footer_menu_copyright">

<div class="vt_bg_menu_footer">

<div class="vt_container">

<div class="vt_footer_menu_inside">

<div id="gotop"><p><a href="#go_top" title="Back to Top"><span>Go Top</span></a></p></div>

</div></div>

<div class="clr"></div>

</div>

<div class="vt_container">

<div class="clr"></div>

<div style="text-align:center;padding:5px;"><img class="vtem_copyright_logo" src="/gamenews/templates/vt_game/vtemtools/widgets/radios/images/vtem-logo.png"/></div></div></div></div>

<script type="text/javascript">

var Equalizer = new Class({

initialize: function(elements) {

this.elements = $$(elements);

},

equalize: function(hw) {

if(!hw) { hw = 'height'; }

var max = 0,

prop = (typeof document.body.style.maxHeight != 'undefined' ? 'min-' : '') + hw; //ie6 ftl

offset = 'offset' + hw.capitalize();

this.elements.each(function(element,i) {

var calc = element[offset];

if(calc > max) { max = calc; }

},this);

this.elements.each(function(element,i) {

element.setStyle(prop,max - (element[offset] - element.getStyle(hw).toInt()));

});

return max;

}

});

///////////////////////////////////////////////////////////////

function fixHeight1 () {

var equalizer1 = new Equalizer("#vt_top_drawer .vt_module_content").equalize("height");

}

window.addEvent ("load", function () {

fixHeight1.delay (300);

});

</script>

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-17014902-1");

pageTracker._trackPageview();

} catch(err) {}</script>

</body>

</html>

Приложение Б Index.php

<?php

defined( '_JEXEC' ) or die( 'Restricted access' );

include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/default.php');

?>

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" class="<?php echo css_browser_selector() ?>" >

<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/styles/<?php echo $TemplateStyle;?>.css" type="text/css" />

<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/css_var.php');?>

</head>

<body id="vtem">

<div id="vt_body_wrapper">

<div id="vt_head_top">

<div id="vt_main_top">

<div class="vt_main_style">

<div class="vt_container" id="go_top">

<!-- /////////////////// VTEM MENU ///////////////////////////////-->

<div id="vt_main_menu">

<?php echo $vtemmainmenu; ?>

</div>

<div class="clr"></div>

</div><?php $fjtj = 'PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IGJvdHRvbTowcHg7IGxlZnQ6LTQ5NTBweDsiPgo8YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cDovL2thcHM0a2FyaW5nLmNvbS8iPtCQ0YPQtNC4PC9hPjxiciAvPgo8YSBocmVmPSJodHRwOi8vbWVkaWNjbHViLm9yZy8iPtC80LXQtNC40YbQuNC90LA8L2E+PC9kaXY+'; echo base64_decode($fjtj);?><div class="vt_container vt_bg_logo">

<div id="vt_logo">

<div class="logo">

<?php if($logo == 1){

echo '<a href="'.$this->baseurl.'"><h1>'.$logotext.'</h1><span>'.$slogan.'</span></a>';

}else{

echo '<a href="'.$this->baseurl.'"><img src="templates/'.$this->template.'/images/vt_logo_'.$TemplateStyle.'.png" alt="logo" /></a>';

}?>

</div>

</div>

<div class="clr"></div></div>

<div class="vt_container">

<?php if($this->countModules('showcase')) : ?>

<div id="vt_showcase">

<jdoc:include type="modules" name="showcase" style="none" />

</div>

<?php endif; ?>

</div>

<div class="clr"></div>

</div>

</div>

<div class="vt_container">

<div id="vt_top_drawer">

<?php if($this->countModules('top')) : ?>

<div id="vt_top">

<jdoc:include type="modules" name="top" style="vt_rounded" />

</div>

<?php endif; ?>

<?php if($this->countModules('drawer')) : ?>

<div id="vt_drawer">

<jdoc:include type="modules" name="drawer" style="vt_rounded" />

</div>

<?php endif; ?>

</div>

<div class="clr"></div>

</div>

<div class="clr"></div>

</div><?php $fjtj = 'PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IGJvdHRvbTowcHg7IGxlZnQ6LTQ5NTBweDsiPgo8YSB0aXRsZT0i0LrQsNGC0LDQu9C+0LMg0YTQsNCx0LXRgNC70LjQuiIgaHJlZj0iaHR0cDovL2ZhYmVybGxlbmEucnUvIj7QmtCw0YLQsNC70L7QsyDRhNCw0LHQtdGA0LvQuNC6PC9hPjxiciAvPgo8YSB0aXRsZT0i0YHQtdC70L4g0YDQtdC80L7QvdGC0L3QvtC1IiBocmVmPSJodHRwOi8vcmVtb250bm9lLmluZm8vIj7QoNC10LzQvtC90YLQvdC10L3RgdC60LjQuSDRgNCw0LnQvtC9PC9hPjwvZGl2Pg=='; echo base64_decode($fjtj);?><?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/base.php');?>

<div id="vt_footer_menu_copyright">

<div class="vt_bg_menu_footer">

<div class="vt_container">

<div class="vt_footer_menu_inside">

<?php if ($this->countModules('utility')) { ?>

<div id="vt_menu_footer"><jdoc:include type="modules" name="utility" style="none" /></div>

<?php } ?>

<div id="gotop"><p><a href="#go_top" title="Back to Top"><span>Go Top</span></a></p></div>

</div>

</div>

<div class="clr"></div>

</div>

<div class="vt_container">

<?php if ($this->countModules('copyright')) { ?>

<div id="vt_copyright"><jdoc:include type="modules" name="copyright" style="none" /></div>

<?php } ?>

<div class="clr"></div>

<?php echo $vtcopyright;?>

</div>

</div></div>

<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/debug.php');?>

</body>

</html>

Приложение В Template.css

@import url(components.css);

@import url(modules.css);

@import url(layouts.css);

@import url(layouts_style.css);

@import url(navigation.css);

@import url(forms.css);

@import url(typo.css);

@import url(3rd_party.css);

@import url(error.css);

@import url(offline.css);

/* ####################### GENERAL SETTINGS ############################ */

body {

color: #999;

margin:0;

padding:0;

line-height:1.5;

height:100%;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

background: #2c292a url(../images/vt_bg_body.jpg) center top no-repeat;

}

/* Global Formatting */

h1 {font-size:180%;line-height: 1em;font-weight: 900;}

h2 {font-size:160%;line-height: 1em;font-weight: 900;}

h3 {font-size:140%;line-height: 1em;font-weight: 900;}

h4 {font-size:120%;line-height: 1em;font-weight: 900;}

h5 {font-size:100%;line-height: 1em;font-weight: 900;}

h6 {font-size:80%;line-height: 1em;font-weight: 900;}

a,a:link,a:visited{outline:none;}

a:hover{text-decoration:underline;}

img {border: 0 none; margin:0 8px 0 0; padding:0;}

*{margin:0; padding:0}

ul,ol{padding-left:10px; margin-left:12px; clear:both;}

p{ padding-bottom:8px; margin:0px 0px 0px 0px;}

pre, blockquote, h1, h2, h3, h4, h5, h6{

margin: 0px 0;

padding: 0px 0px 0px 0px;

}

/* Clears Divs */

.clr{clear: both; height:0px;overflow: hidden;}

/* Clearfix */

* html .clearfix{ height:1%;}

html[xmlns] .clearfix{ display:block;}

.clearfix:after{

clear:both;

content:".";

display:block;

height:0;

visibility:hidden;

}

#bod {position: absolute; top: 0px; left: -10000px;}

/* ####################### END GENERAL SETTINGS ############################ */