Answer 1

1. По картинками могу предложить решение, которым сам пользуюсь, перейти в Нижнюю часть сайта и в самый низ установить скрипт:

<script type="text/javascript"> 
 $(document).ready(function(){ 
 $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox');
 $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').attr("data-fancybox-group", "ulightboxgroup"); 
 $('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}}); 
 $(window).scroll(function() { 
 if (($.browser.msie) && (document.compatMode == 'BackCompat')) { 
 $.fancybox.reposition(); 
 } 
 }); 
}); 
</script>

после вы сможете открывать изображения в всплывающем окне и переключать с помощью стрелок(Вперед и Назад).

2. Чтобы выровнять лого по центру и изображение, перейти в верхнюю часть сайта - http://uo-igra.ucoz.net/panel/?a=tmpl;m=1;t=AHEADER далее найти лого, что между тегов:

<div id="logoBar"><!-- <logo> -->...<p></p><!-- </logo> --></div>

который заменить на:

<div id="logoBar"><!-- <logo> --><p>Мой сайт</p><!-- </logo> --></div>

после в стилях найти строку номер 5

div#logoBar {height:80px;background:url(http://uo-igra.ucoz.net/logotip_uo1.png) no-repeat;padding-top:62px;padding-left:380px;color:#FFFFFF;font-size:20pt;font-weight:bold;}

и заменить на:

div#logoBar {height:80px;background:url(http://uo-igra.ucoz.net/logotip_uo1.png) no-repeat;background-position-x: 50%;padding-top: 62px;color:#FFFFFF;font-size:20pt;font-weight:bold;}
div#logoBar p {text-align:center;margin-top:45px}

вроде все, изображения кликабельные будут в материалах, лого по центру как текст так и изображение.