Question

Как сместить верхнее меню "Главная, Гостевая книга, Онлайн игры, Форум" влево до упора? (как на фото, но шрифт менять не нужно чтобы все также осталось.) И как сделать так чтобы когда наводишь на кнопки "Главная, Гостевая книга, Онлайн игры, Форум" на верхнем меню моего сайта, они выделялись немного (чуть чуть) темнее зеленым и были в рамке как на фото:

 

Answer 1

В шаблоне верхняя часть сайта найдите строчку

<td align="center"><div class="menu"> выделенное красным замените на left

это по сайту который указан в вашем вопросе

Comments

На что заменить "center" ?

---

на left замените

---

<table style="background: transparent url(/img/logo2.png) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="0" cellpadding="0" cellspacing="0" width="100%" height="117">
<tbody><tr><td rowspan="1" width="137"><img src="/img/9999.png" border="0"></td></tr>
<!-- <cssmenu> -->
 </tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" height="30" align="center" style="background:url('/img/menu/menu199.png') ;"><tbody><tr><td align="left"><div class="menu"><a href="$HOME_PAGE_LINK$"><font color="#007700">Главная</font></a> <a href="http://websoftik.my1.ru/gb" style="color: rgb(0, 119, 0);">Гостевая книга</a>&nbsp;<a href="http://websoftik.my1.ru/stuff/" style="color: rgb(0, 119, 0);">Онлайн игры</a> <a href="http://websoftik.my1.ru/forum/" style="color: rgb(0, 119, 0);">Форум</a> <a <!--="" <="" cssmenu="">
</a>
<div style="float:right;width: 206px;"> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"><div align="center" class="schQuery"><input type="text" name="q" maxlength="20" size="20" class="queryField"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div></form> </div></div>
</div></td></tr></tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="right" style="font-size:10px;"></td></tr>
</tbody></table>

Вот эта верхняя часть. Замените пожалуйста сами, я что-то не понял

---

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

Answer 2

1 и 2  В таблицу стилей CSS добавить:

.menu a {float:left;padding:0 6px!important;}
.menu a:hover {color:#FFF!important;background:rgba(85, 161, 41, 0.76);padding:3px!important;border-radius:3px;}

Выделенное жырным это белый цвет пунктов меню при наведении, можете сменить на нужный вам подобрав на сайте - http://www.color-hex.com/