Перейти к содержимому

Сервис обмена электронных валют


Как правильно составить CSS файл.

#1 alex159

alex159
  • Пользователь
  • 492 сообщений
  • Репутация: 32
0

Отправлено 15 Февраль 2013 - 16:05

Есть код меню
<div>
    <ul id="{$menu}" class="menu">
	    {if $cfg.show_home}
		    <li {if $menuid==1}class="selected"{/if}>
			    <a href="/" {if $menuid==1}class="selected"{/if}><span>{$LANG.PATH_HOME}</span></a>
		    </li>
	    {/if}
{foreach key=key item=item from=$items}
    {if $item.allow_group == -1 || $item.allow_group == $user_group || $is_admin}
	    {if $item.published}
		    {if $item.parent_id != $hide_parent}
			    {if $item.NSLevel < $last_level}				   
				    {math equation="x - y" x=$last_level y=$item.NSLevel assign="tail"}
				    {section name=foo start=0 loop=$tail step=1}
					    </ul></li>
				    {/section}
			    {/if}
			    {if $item.NSRight - $item.NSLeft == 1}
				    <li {if $menuid==$item.id}class="selected"{/if}>
					    <a href="{$item.link}" target="{$item.target}" {if $menuid==$item.id}class="selected"{/if}><span>{$item.title}</span></a>
				    </li>
			    {else}
				    <li {if ($menuid==$item.id || ($currentmenu.NSLeft > $item.NSLeft && $currentmenu.NSRight < $item.NSRight)) && $item.NSLevel<=1}class="selected"{/if}>
					    <a href="{$item.link}" target="{$item.target}" {if ($menuid==$item.id || ($currentmenu.NSLeft > $item.NSLeft && $currentmenu.NSRight < $item.NSRight)) && $item.NSLevel<=1}class="selected"{/if}><span>{$item.title}</span></a>
					    <ul>
			    {/if}
			    {assign var="last_level" value=$item.NSLevel}
		    {/if}
	    {else}
		    {php}$this->_tpl_vars['hide_parent'] = $this->_tpl_vars['item']['id'];{/php}
	    {/if}
    {/if}
{/foreach}
    {section name=foo start=0 loop=$last_level step=1}
	    </ul></li>
    {/section}
    </ul>
</div>

Нужно подключить css, что бы мею было горизонтально и на черном фоне. Вот таким макаром http://prntscr.com/stn6r
Сайт на instantcms помогите в долгу не останусь.

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

Отправлено 16 Февраль 2013 - 01:21

.menu{
display: inline-block;
list-style: none outside none;
padding: 0;
margin-top:5px;
}

.menu li{
display: inline-block;
list-style: none outside none;
line-height:10px;
padding:0 5px 0 5px;
background: #000;
color: #fff
}

ну а дальше уже сам играйся с размерами, цветами и т.д.
  • 1


Оформление форума – IPBSkins.ru