X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> HTML
bob_hb
bob_hb
Topic Starter сообщение 24.11.2010, 22:44; Ответить: bob_hb
Сообщение #1


Добрий день тока разобрался в html более мения вот тут будет щас вам вопросик! аси web пространства и.т.п
Как мне сделать чтобы можно било переключать меню к примеру вот есть главное меню новости фото видио и.т.п и там когда я к примеру переключал фототам подним бил
блок под меню категори уменя почемуто тока 1 блок получаеца все осталние блоки главного меню не получаеца зделать категории меню помогите мне решить ету проблему
Вот мой сайт
http://cs10878.vkontakte.ru/u46578837/1220.../x_0a8144f0.jpg
Вот main
<!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">
<head>
    {headers}
    <link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <!--[if lte IE 7]>
    <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" />
    <![endif]-->
    <!--[if IE 8]>
    <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" />
    <![endif]-->
    <!--[if IE 6]>
    <script src="{THEME}/js/DD_belatedPNG.js"></script>
    <script>
        DD_belatedPNG.fix('.logo, .m-m , .banners, .main-block-top-right, .top-menu a, .r-block-left-top, .r-block-right-top, .r-block-right-bottom, .r-block-left-bottom');
    </script>
    <![endif]-->
    <script src="{THEME}/js/jquery.js"></script>
    <script src="{THEME}/js/active-nav.js"></script>
</head>
<body>
{AJAX}
<div class="m-m">
<div class="main-center-block">
    <div class="head">
        <a href="" class="logo"></a>
        <div class="banners">
            <div style="text-align: right; padding-top: 25px;padding-right: 50px; font-size: 20px; color: #fff;"></div>
        </div>
    </div>
    <div style="clear: both;height: 1px;"></div>
    <div class="top-menu">
        <a href="#">Главная</a>
        <a href="#">Новости</a>
        <a href="#">Фото</a>
        <a href="#">Видео</a>
        <a href="#">Фото</a>
    </div>
    <div style="clear: both;height: 28px;"></div>
    <div class="main-block-top-right">
        <div class="main-block-top">
            
        </div>
    </div>
    <div class="main-block">
        <div class="r-block-left-top" style="background-color: #3c516e;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom">
                        <div class="menu-block">
                            <table width="100%" cellspacing="3">
                                <tr>
                                    <td valign="top" width="33%">
                                        <a href="#">Обзоры</a>
                                        <a href="#">Коды</a>
                                        <a href="#">Журналы</a>
                                        <a href="#">Рецензии</a>
                                        <a href="#">Даты выхода</a>
                                        <a href="#">Конкурсы</a>
                                    </td>
                                    <td valign="top" width="33%">
                                        <a href="#">Обзоры</a>
                                        <a href="#">Коды</a>
                                        <a href="#">Журналы</a>
                                        <a href="#">Рецензии</a>
                                        <a href="#">Даты выхода</a>
                                        <a href="#">Конкурсы</a>
                                    </td>
                                    <td valign="top" width="33%">
                                        <a href="#">Обзоры</a>
                                        <a href="#">Коды</a>
                                        <a href="#">Журналы</a>
                                        <a href="#">Рецензии</a>
                                        <a href="#">Даты выхода</a>
                                        <a href="#">Конкурсы</a>
                                    </td>
                                </tr>
                            </table>
                            
                        </div>
                        <div class="seac">
                            <div style="padding: 5px;">
                                <div><img src="{THEME}/images/ppp.jpg" alt="" /></div>
                                <form onSubmit="javascript: showBusyLayer()" method="post" style="margin: 0; padding: 0;">
                                    <input type="hidden" name="do" value="search"><input type="hidden" name="subaction" value="search" />
                                    <input name="story" type="text" class="form-text" value="Поиск по сайту!" onblur="if(this.value=='') this.value='Поиск по сайту!';" onfocus="if(this.value=='Поиск по сайту!') this.value='';" title="наберите Ваш запрос и нажмите enter" />
                                </form>
                                <div align="right" style="padding: 1px 10px 4px 1px;"><a href="#" style="color: #fff; font-size: 11px;">расширенный поиск</a></div>
                                <div class="login-panel">
                                    <div style="padding: 5px;">{login}</div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-banner" style="border: 0;">
                            <div style="padding: 10px 0 0 10px;"><img src="{THEME}/images/banner.jpg" alt="" /></div>
                        </div>
                        
                        <div style="clear: both;height: 1px;"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div style="clear: both;height: 10px;position: relative;"></div>
        [aviable=main]
        <table width="100%" cellpadding="0" cellspacing="0"></tr><td width="750px"  valign="top">
        <div class="r-block-left-top" style="background-color: #121212;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom" style="padding-bottom: 12px;">
                        
                        <!--!!!!!!!!!!!!!!!!!!! -->
                        <!-- main navigator -->
                        <ul id="main_navi">
                            <li>Обзоры</li>
                            <li>Журналы</li>
                            <li>Рецензии</li>                            
                            <li>Конкурсы</li>                            
                            <li>Даты выхода</li>                            
                            <li>Коды</li>                            
                        </ul>
                        <div id="main">
                            <div id="pages">                                        
                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="5" cache="no"}
                                        </div>
                                    </div>
                                </div>

                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="2" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        
                        <!--!!!!!!!!!!!!!!!!!!! -->
                        <div style="clear: both;height: 1px;"></div>
                    </div>
                </div>
            </div>
        </div>
        </td><td style="padding-left: 10px;" valign="top">
        <div class="r-block-left-top" style="background-color: #8d8c8a;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom">                        
                        <div style="color: #121212; padding-bottom: 2px;">Рекомендуем</div>
                        {custom category="1" template="shortstory-4" aviable="global" from="0" limit="2" cache="no"}
                        <div style="clear: both;height: 1px;"></div>                
                    </div>
                    
                </div>
            </div>
        </div>
        </td></tr></table>
        <div style="clear: both;height: 10px;"></div>
        [/aviable]
        
        <div class="c-top"><div class="c-bottom"><div class="c-left"><div class="c-right">
        <div class="c-left-top"><div class="c-right-top"><div class="c-right-bottom"><div class="c-left-bottom">
            <table class="main-table" cellpadding="0" cellspacing="0">
                <tr>
                    [aviable=main]
                    <td class="td-for-blocks" valign="top">
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Обзоры</span>
                            </div>
                            <div class="s-block-content">
                                {custom category="1" template="shortstory-5" aviable="global" from="0" limit="3" cache="no"}
                            </div>
                        </div>
                        
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Опрос посетителей</span>
                            </div>
                            <div class="s-block-content">
                                {vote}
                            </div>
                        </div>
                        
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Архив</span>
                            </div>
                            <div class="s-block-content">
                                <center>{archives}</center>
                            </div>
                        </div>
                    </td>
                    [/aviable]
                    <td class="td-for-content" valign="top">
                        [aviable=main]
                        <ul class="tabs">
                            <li><a href="#"><span>Новости</span></a></li>
                            <li><a href="#"><span>Скоро</span></a></li>
                            <li><a href="#"><span>Новые статьи</span></a></li>
                        </ul>
                        <div class="panes">
                            <div>
                                {content}
                            </div>
                            <div>{custom category="1" template="shortstory" aviable="global" from="0" limit="5" cache="no"}</div>
                            <div>{custom category="1" template="shortstory" aviable="global" from="0" limit="5" cache="no"}</div>
                        </div>
                        [/aviable]
                        [not-aviable=main]
                        <div style="margin-left: -10px;">
                            {info}
                            {content}
                        </div>
                        [/not-aviable]
                    </td>
                    <td class="td-for-blocks" valign="top" style="width: 210px;">
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Реклама</span>
                            </div>
                            <div class="s-block-content">
                                <center><img src="{THEME}/images/reklama.jpg" alt="" /></center>
                            </div>
                        </div>
                        
                        <div class="s-block ie666">
                            <div class="s-block-title">
                                <span>Интересное</span>
                            </div>
                            <div class="s-block-content">
                                {custom category="1" template="shortstory-6" aviable="global" from="0" limit="10" cache="no"}
                            </div>
                        </div>
                        
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Популярное</span>
                            </div>
                            <div class="s-block-content">
                                {topnews}
                            </div>
                        </div>
                        
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Календарь</span>
                            </div>
                            <div class="s-block-content">
                                <center>{calendar}</center>
                            </div>
                        </div>
                                                
                    </td>
                </tr>
            </table>
        </div></div></div></div></div></div></div></div>
        
        <div style="clear: both;height: 10px;"></div>
        
        <div class="r-block-left-top" style="background-color: #3b5272;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom">
                        <div class="b-n">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="33%" valign="top">
                                        <div class="bottom-news-title">
                                            Заголовoк для новостей
                                        </div>
                                        <div class="bottom-news">
                                            {custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
                                        </div>
                                    </td>
                                    <td width="33%" valign="top">
                                        <div class="bottom-news-title">
                                            Заголовoк для новостей
                                        </div>
                                        <div class="bottom-news">
                                            {custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
                                        </div>
                                    </td>
                                    <td width="33%" valign="top">
                                        <div class="bottom-news-title">
                                            Заголовoк для новостей
                                        </div>
                                        <div class="bottom-news" style="border: 0;">
                                            {custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>                        
                        <div style="clear: both;height: 1px;"></div>
                    </div>
                </div>
            </div>
        </div>
        
        <div style="clear: both;height: 10px;"></div>
        
        <div class="r-block-left-top" style="background-color: #b9b9b9;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom b-link">                        
                        Copyright 2010. Для правильного отображения сайта рекомендуем обновить Ваш браузер до последней версии!
                        <br />Администрация сайта не несет ответственности за публикуемые материалы.
                        <br />Разработка - <a href="http://cmsbase.ru">cmsbase.ru</a>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--[if lte IE 7]>
<a href="http://www.microsoft.com/rus/windows/internet-explorer/worldwide-sites.aspx" class="alert">ВНИМАНИЕ! Вы используете устаревшую версию браузера! НАСТОЯТЕЛЬНО рекомендуем вам обновить Ваш браузер для правильного отображения сайта!!!</a>
<![endif]-->
<div class="tooltip"></div>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 25.11.2010, 9:24; Ответить: vasvas7775
Сообщение #2


Что если тебе сделать боковое выпадающее меню? У меня с ним совсем недавно были проблемы, мне помог многоуважаемый tgarl. Меню будет главным, а подменю из нескольких блоков. Примерно вот так выглядит боковое выпадающее меню:
[PHP]
<style type="text/css">
ul {margin: 0; padding: 0; list-style: none; width: 150px;}
ul li {position: relative; }
li ul {position: absolute; left: 149px; top: 0; display: none;}
li ul.ulsecond {left:298px;}
li ul.ulsecond1{left:447px;}
li ul.ulsecond2{left:596px;}
ul li a {display: block; text-decoration: none; color: #777; background: #fff; padding: 5px; border: 1px solid #ccc; border-bottom: 0;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
ul {margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #ccc;}
li:hover ul {display: block;}
li:hover ul, li.over ul {display: block;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace
(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<ul id="nav">
<li><a href="#">Меню1</a>
<ul class="ulfirst">
<li><a href="#">Подменю1</a></li>
<li><a href="#">Подменю2</a></li>
<li><a href="#">Подменю3</a></li>
<li><a href="#">Подменю4</a></li>
<li><a href="#">Подменю5</a></li>
</ul>
<ul class="ulsecond">
<li><a href="#">Подменю6</a></li>
<li><a href="#">Подменю7</a></li>
<li><a href="#">Подменю8</a></li>
<li><a href="#">Подменю9</a></li>
<li><a href="#">Подменю10</a></li>
</ul>
<ul class="ulsecond1">
<li><a href="#">Подменю11</a></li>
<li><a href="#">Подменю12</a></li>
<li><a href="#">Подменю13</a></li>
<li><a href="#">Подменю14</a></li>
<li><a href="#">Подменю15</a></li>
</ul>
</li>
<li><a href="#">Меню2</a>
<ul class="ulfirst">
<li><a href="#">Подменю1</a></li>
<li><a href="#">Подменю2</a></li>
<li><a href="#">Подменю3</a></li>
<li><a href="#">Подменю4</a></li>
<li><a href="#">Подменю5</a></li>
</ul>
<ul class="ulsecond">
<li><a href="#">Подменю6</a></li>
<li><a href="#">Подменю7</a></li>
<li><a href="#">Подменю8</a></li>
<li><a href="#">Подменю9</a></li>
<li><a href="#">Подменю10</a></li>
</ul>
<ul class="ulsecond1">
<li><a href="#">Подменю11</a></li>
<li><a href="#">Подменю12</a></li>
<li><a href="#">Подменю13</a></li>
<li><a href="#">Подменю14</a></li>
<li><a href="#">Подменю15</a></li>
</ul>
<ul class="ulsecond2">
<li><a href="#">Подменю16</a></li>
<li><a href="#">Подменю17</a></li>
<li><a href="#">Подменю18</a></li>
<li><a href="#">Подменю19</a></li>
<li><a href="#">Подменю20</a></li>
</ul>
</li>
<li><a href="#">Меню3</a>
<ul class="ulfirst">
<li><a href="#">Подменю1</a></li>
<li><a href="#">Подменю2</a></li>
<li><a href="#">Подменю3</a></li>
<li><a href="#">Подменю4</a></li>
<li><a href="#">Подменю5</a></li>
</ul>
<ul class="ulsecond">
<li><a href="#">Подменю6</a></li>
<li><a href="#">Подменю7</a></li>
<li><a href="#">Подменю8</a></li>
<li><a href="#">Подменю9</a></li>
<li><a href="#">Подменю10</a></li>
</ul>
</li>
</ul>
[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 27.11.2010, 14:09; Ответить: vasvas7775
Сообщение #3


Слушай bob, ты спрашивал
[PHP]Как мне сделать чтобы можно било переключать меню к примеру вот есть главное меню новости фото видио и.т.п и там когда я к примеру переключал фототам подним бил
блок под меню
[/PHP]
:achtung: По твоему вопросу перерыл весь инет, вот то, что ты просил, вроде ОНО.
[PHP]
<style>
ul, li {
border:0;
padding:0;
margin:0;
list-style:none
}
#navigation {
background:url(img/nav-bg.gif) repeat-x;
height:64px;
position:relative
}
#navigation ul li {
line-height:32px;
display:inline
}
#navigation ul li a, #navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
text-decoration:none;
color:#4261df;
font-weight:bold
}
#navigation ul li ul {
position:absolute;
left:0;
top:32px;
height:30px;
width:100%;
background:#888 url(img/sublink.gif);
font-size:11px
}
#navigation ul li li {
height:30px;
line-height:30px
}
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:#fff
}
#navigation ul li li a:hover {
text-decoration:underline
}
#s2, #s3 {
display:none
}
</style>
<script type="text/javascript">
function showsubmenu(id)
{
submenu = document.getElementById('s'+id);
for(i=1;i<=3;i++)
{
if(i==id)
{
submenu.style.display="block";
}
else
{
document.getElementById('s'+i).style.display="none";
}
}
}
</script>
<div id="navigation">
<ul id="menu">
<li><a href="#" title="" onmouseover="javascript:showsubmenu(1)">Главная</a>
<ul id="s1">
<li><a href="#" title="">О нас</a></li>
<li><a href="#" title="">Информация</a></li>
<li><a href="#" title="">Новости</a></li>
</ul>
</li>
<li><a href="#" title="" onmouseover="javascript:showsubmenu(2)">Фильмы</a>
<ul id="s2">
<li><a href="#" title="">Драма</a></li>
<li><a href="#" title="">Триллер</a></li>
<li><a href="#" title="">Экшен</a></li>
<li><a href="#" title="">Ужасы</a></li>
</ul>
</li>
<li><a href="#" title="" onmouseover="javascript:showsubmenu(3)">Музыка</a>
<ul id="s3">
<li><a href="#" title="">Рок</a></li>
<li><a href="#" title="">Пон</a></li>
<li><a href="#" title="">Классика</a></li>
</ul>
</li>
<li><a href="contact.html" title="">Связь</a></li>
</ul>
</div>
[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bob_hb
bob_hb
Topic Starter сообщение 28.11.2010, 0:29; Ответить: bob_hb
Сообщение #4


vasvas у меня почимуто стал кревой шаблон :xz:

Вот мой сайт глянка Ок можеш мне готовий main скинуть очень прошу пожалуста!!!

[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">
<head>
{headers}
<link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!--[if lte IE 7]>
<link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<script src="{THEME}/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.logo, .m-m , .banners, .main-block-top-right, .top-menu a, .r-block-left-top, .r-block-right-top, .r-block-right-bottom, .r-block-left-bottom');
</script>
<![endif]-->
<script src="{THEME}/js/jquery.js"></script>
<script src="{THEME}/js/active-nav.js"></script>
</head>
<body>
{AJAX}
<div class="m-m">
<div class="main-center-block">
<div class="head">
<a href="" class="logo"></a>
<div class="banners">
<div style="text-align: right; padding-top: 25px;padding-right: 50px; font-size: 20px; color: #fff;"></div>
</div>
</div>
<div style="clear: both;height: 1px;"></div>
<div class="top-menu">
<a href="#">Главная</a>
<a href="#">Новости</a>
<a href="#">Фото</a>
<a href="#">Видео</a>
<a href="#">Фото</a>
</div>
<div style="clear: both;height: 28px;"></div>
<div class="main-block-top-right">
<div class="main-block-top">

</div>
</div>
<div class="main-block">
<div class="r-block-left-top" style="background-color: #3c516e;">
<div class="r-block-right-top">
<div class="r-block-right-bottom">
<div class="r-block-left-bottom">
<div class="menu-block">
<table width="100%" cellspacing="3">
<tr>
<td valign="top" width="33%">
<a href="#">Обзоры</a>
<a href="#">Коды</a>
<a href="#">Журналы</a>
<a href="#">Рецензии</a>
<a href="#">Даты выхода</a>
<a href="#">Конкурсы</a>
</td>
<td valign="top" width="33%">
<a href="#">Обзоры</a>
<a href="#">Коды</a>
<a href="#">Журналы</a>
<a href="#">Рецензии</a>
<a href="#">Даты выхода</a>
<a href="#">Конкурсы</a>
</td>
<td valign="top" width="33%">
<a href="#">Обзоры</a>
<a href="#">Коды</a>
<a href="#">Журналы</a>
<a href="#">Рецензии</a>
<a href="#">Даты выхода</a>
<a href="#">Конкурсы</a>
</td>
</tr>
</table>

</div>
<div class="seac">
<div style="padding: 5px;">
<div><img src="{THEME}/images/ppp.jpg" alt="" /></div>
<form onSubmit="javascript: showBusyLayer()" method="post" style="margin: 0; padding: 0;">
<input type="hidden" name="do" value="search"><input type="hidden" name="subaction" value="search" />
<input name="story" type="text" class="form-text" value="Поиск по сайту!" onblur="if(this.value=='') this.value='Поиск по сайту!';" onfocus="if(this.value=='Поиск по сайту!') this.value='';" title="наберите Ваш запрос и нажмите enter" />
</form>
<div align="right" style="padding: 1px 10px 4px 1px;"><a href="#" style="color: #fff; font-size: 11px;">расширенный поиск</a></div>
<div class="login-panel">
<div style="padding: 5px;">{login}</div>
</div>
</div>
</div>
<div class="menu-banner" style="border: 0;">
<div style="padding: 10px 0 0 10px;"><img src="{THEME}/images/banner.jpg" alt="" /></div>
</div>

<div style="clear: both;height: 1px;"></div>
</div>
</div>
</div>
</div>

<div style="clear: both;height: 10px;position: relative;"></div>
[aviable=main]
<table width="100%" cellpadding="0" cellspacing="0"></tr><td width="750px" valign="top">
<div class="r-block-left-top" style="background-color: #121212;">
<div class="r-block-right-top">
<div class="r-block-right-bottom">
<div class="r-block-left-bottom" style="padding-bottom: 12px;">

<!--!!!!!!!!!!!!!!!!!!! -->
<!-- main navigator -->
<ul id="main_navi">
<li>Обзоры</li>
<li>Журналы</li>
<li>Рецензии</li>
<li>Конкурсы</li>
<li>Даты выхода</li>
<li>Коды</li>
</ul>
<div id="main">
<div id="pages">
<div class="page">
<div class="navi"></div>
<div class="scrollable">
<div class="items">
{custom category="1" template="shortstory-3" aviable="global" from="0" limit="5" cache="no"}
</div>
</div>
</div>

<div class="page">
<div class="navi"></div>
<div class="scrollable">
<div class="items">
{custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
</div>
</div>
</div>

<div class="page">
<div class="navi"></div>
<div class="scrollable">
<div class="items">
{custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
</div>
</div>
</div>

<div class="page">
<div class="navi"></div>
<div class="scrollable">
<div class="items">
{custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
</div>
</div>
</div>

<div class="page">
<div class="navi"></div>
<div class="scrollable">
<div class="items">
{custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
</div>
</div>
</div>

<div class="page">
<div class="navi"></div>
<div class="scrollable">
<div class="items">
{custom category="1" template="shortstory-3" aviable="global" from="2" limit="3" cache="no"}
</div>
</div>
</div>

</div>
</div>

<!--!!!!!!!!!!!!!!!!!!! -->
<div style="clear: both;height: 1px;"></div>
</div>
</div>
</div>
</div>
</td><td style="padding-left: 10px;" valign="top">
<div class="r-block-left-top" style="background-color: #8d8c8a;">
<div class="r-block-right-top">
<div class="r-block-right-bottom">
<div class="r-block-left-bottom">
<div style="color: #121212; padding-bottom: 2px;">Рекомендуем</div>
{custom category="1" template="shortstory-4" aviable="global" from="0" limit="2" cache="no"}
<div style="clear: both;height: 1px;"></div>
</div>

</div>
</div>
</div>
</td></tr></table>
<div style="clear: both;height: 10px;"></div>
[/aviable]

<div class="c-top"><div class="c-bottom"><div class="c-left"><div class="c-right">
<div class="c-left-top"><div class="c-right-top"><div class="c-right-bottom"><div class="c-left-bottom">
<table class="main-table" cellpadding="0" cellspacing="0">
<tr>
[aviable=main]
<td class="td-for-blocks" valign="top">
<div class="s-block">
<div class="s-block-title">
<span>Обзоры</span>
</div>
<div class="s-block-content">
{custom category="1" template="shortstory-5" aviable="global" from="0" limit="3" cache="no"}
</div>
</div>

<div class="s-block">
<div class="s-block-title">
<span>Опрос посетителей</span>
</div>
<div class="s-block-content">
{vote}
</div>
</div>

<div class="s-block">
<div class="s-block-title">
<span>Архив</span>
</div>
<div class="s-block-content">
<center>{archives}</center>
</div>
</div>
</td>
[/aviable]
<td class="td-for-content" valign="top">
[aviable=main]
<ul class="tabs">
<li><a href="#"><span>Новости</span></a></li>
<li><a href="#"><span>Скоро</span></a></li>
<li><a href="#"><span>Новые статьи</span></a></li>
</ul>
<div class="panes">
<div>
{content}
</div>
<div>{custom category="1" template="shortstory" aviable="global" from="0" limit="5" cache="no"}</div>
<div>{custom category="1" template="shortstory" aviable="global" from="0" limit="5" cache="no"}</div>
</div>
[/aviable]
[not-aviable=main]
<div style="margin-left: -10px;">
{info}
{content}
</div>
[/not-aviable]
</td>
<td class="td-for-blocks" valign="top" style="width: 210px;">
<div class="s-block">
<div class="s-block-title">
<span>Реклама</span>
</div>
<div class="s-block-content">
<center><img src="{THEME}/images/reklama.jpg" alt="" /></center>
</div>
</div>

<div class="s-block ie666">
<div class="s-block-title">
<span>Интересное</span>
</div>
<div class="s-block-content">
{custom category="1" template="shortstory-6" aviable="global" from="0" limit="10" cache="no"}
</div>
</div>

<div class="s-block">
<div class="s-block-title">
<span>Популярное</span>
</div>
<div class="s-block-content">
{topnews}
</div>
</div>

<div class="s-block">
<div class="s-block-title">
<span>Календарь</span>
</div>
<div class="s-block-content">
<center>{calendar}</center>
</div>
</div>

</td>
</tr>
</table>
</div></div></div></div></div></div></div></div>

<div style="clear: both;height: 10px;"></div>

<div class="r-block-left-top" style="background-color: #3b5272;">
<div class="r-block-right-top">
<div class="r-block-right-bottom">
<div class="r-block-left-bottom">
<div class="b-n">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top">
<div class="bottom-news-title">
Заголовoк для новостей
</div>
<div class="bottom-news">
{custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
</div>
</td>
<td width="33%" valign="top">
<div class="bottom-news-title">
Заголовoк для новостей
</div>
<div class="bottom-news">
{custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
</div>
</td>
<td width="33%" valign="top">
<div class="bottom-news-title">
Заголовoк для новостей
</div>
<div class="bottom-news" style="border: 0;">
{custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
</div>
</td>
</tr>
</table>
</div>
<div style="clear: both;height: 1px;"></div>
</div>
</div>
</div>
</div>

<div style="clear: both;height: 10px;"></div>

<div class="r-block-left-top" style="background-color: #b9b9b9;">
<div class="r-block-right-top">
<div class="r-block-right-bottom">
<div class="r-block-left-bottom b-link">
Copyright 2010. Для правильного отображения сайта рекомендуем обновить Ваш браузер до последней версии!
<br />Администрация сайта не несет ответственности за публикуемые материалы.
<br />Разработка - <a href="http://cmsbase.ru">cmsbase.ru</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--[if lte IE 7]>
<a href="http://www.microsoft.com/rus/windows/internet-explorer/worldwide-sites.aspx" class="alert">ВНИМАНИЕ! Вы используете устаревшую версию браузера! НАСТОЯТЕЛЬНО рекомендуем вам обновить Ваш браузер для правильного отображения сайта!!!</a>
<![endif]-->
<div class="tooltip"></div>
</body>
</html>[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 28.11.2010, 1:01; Ответить: vasvas7775
Сообщение #5


Попробуй так;
<!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">
<head>
    <link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <!--[if lte IE 7]>
    <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" />
    <![endif]-->
    <!--[if IE 8]>
    <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" />
    <![endif]-->
    <!--[if IE 6]>
    <script src="{THEME}/js/DD_belatedPNG.js"></script>
    <script>
        DD_belatedPNG.fix('.logo, .m-m , .banners, .main-block-top-right, .top-menu a, .r-block-left-top, .r-block-right-top, .r-block-right-bottom, .r-block-left-bottom');
    </script>
    <![endif]-->
    <script src="{THEME}/js/jquery.js"></script>
    <script src="{THEME}/js/active-nav.js"></script>
    <style>
ul, li {
border:0;
padding:0;
margin:0;
list-style:none
}
#navigation {
background:url(img/nav-bg.gif) repeat-x;
height:0px;
position:relative
}
#navigation ul li {
line-height:32px;
display:inline
}
#navigation ul li a, #navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
text-decoration:none;
color:#4261df;
font-weight:bold
}
#navigation ul li ul {
position:absolute;
left:0;
top:32px;
height:30px;
width:100%;
background:#888 url(img/sublink.gif);
font-size:11px
}
#navigation ul li li {
height:30px;
line-height:30px
}
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:#fff
}
#navigation ul li li a:hover {
text-decoration:underline
}
#s2, #s3 {
display:none
}
</style>
<script type="text/javascript">
function showsubmenu(id)
{
  submenu = document.getElementById('s'+id);
  for(i=1;i<=4;i++)
  {
   if(i==id)
  {
   submenu.style.display="block";
  }
  else
  {
   document.getElementById('s'+i).style.display="none";
  }
}
}
</script>
</head>
<body>
<div class="m-m">
<div class="main-center-block">
    <div class="head">
        <a href="" class="logo"></a>
        <div class="banners">
            <div style="text-align: right; padding-top: 25px;padding-right: 50px; font-size: 20px; color: #fff;"></div>
        </div>
    </div>
    <div style="clear: both;height: 1px;"></div>
    <div id="navigation">
<ul id="menu">
  <li><a href="#" title="" onmouseover="javascript:showsubmenu(1)">Главная</a>
   <ul id="s1">
    <li><a href="#" title="">О нас</a></li>
    <li><a href="#" title="">Информация</a></li>
    <li><a href="#" title="">Новости</a></li>
   </ul>
  </li>
  <li><a href="#" title="" onmouseover="javascript:showsubmenu(2)">Фото</a>
   <ul id="s2">
    <li><a href="#" title="">Мое</a></li>
    <li><a href="#" title="">Галерея</a></li>
    <li><a href="#" title="">Друзья</a></li>
    <li><a href="#" title="">Природа</a></li>
   </ul>
  </li>
  <li><a href="#" title="" onmouseover="javascript:showsubmenu(3)">Музыка</a>
   <ul id="s3">
    <li><a href="#" title="">Рок</a></li>
    <li><a href="#" title="">Пон</a></li>
    <li><a href="#" title="">Классика</a></li>
   </ul>
  </li>
  <li><a href="#" title="" onmouseover="javascript:showsubmenu(4)">Видео</a>
   <ul id="s4">
      <li><a href="#" title="">Драма</a></li>
      <li><a href="#" title="">Триллер</a></li>
      <li><a href="#" title="">Экшен</a></li>
      <li><a href="#" title="">Ужасы</a></li>
   </ul>
</li>
  <li><a href="contact.html" title="">Разное</a></li>
</ul>
</div>
</div>
    <div style="clear: both;height: 28px;"></div>
    <div class="main-block-top-right">
        <div class="main-block-top">

        </div>
    </div>
    <div class="main-block">
        <div class="r-block-left-top" style="background-color: #3c516e;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom">
                        <div class="menu-block">
                            <table width="100%" cellspacing="3">
                                <tr>
                                    <td valign="top" width="33%">
                                        <a href="#">Обзоры</a>
                                        <a href="#">Коды</a>
                                        <a href="#">Журналы</a>
                                        <a href="#">Рецензии</a>
                                        <a href="#">Даты выхода</a>
                                        <a href="#">Конкурсы</a>
                                    </td>
                                    <td valign="top" width="33%">
                                        <a href="#">Обзоры</a>
                                        <a href="#">Коды</a>
                                        <a href="#">Журналы</a>
                                        <a href="#">Рецензии</a>
                                        <a href="#">Даты выхода</a>
                                        <a href="#">Конкурсы</a>
                                    </td>
                                    <td valign="top" width="33%">
                                        <a href="#">Обзоры</a>
                                        <a href="#">Коды</a>
                                        <a href="#">Журналы</a>
                                        <a href="#">Рецензии</a>
                                        <a href="#">Даты выхода</a>
                                        <a href="#">Конкурсы</a>
                                    </td>
                                </tr>
                            </table>

                        </div>
                        <div class="seac">
                            <div style="padding: 5px;">
                                <div><img src="{THEME}/images/ppp.jpg" alt="" /></div>
                                <form onSubmit="javascript: showBusyLayer()" method="post" style="margin: 0; padding: 0;">
                                    <input type="hidden" name="do" value="search"><input type="hidden" name="subaction" value="search" />
                                    <input name="story" type="text" class="form-text" value="Поиск по сайту!" onblur="if(this.value=='') this.value='Поиск по сайту!';" onfocus="if(this.value=='Поиск по сайту!') this.value='';" title="наберите Ваш запрос и нажмите enter" />
                                </form>
                                <div align="right" style="padding: 1px 10px 4px 1px;"><a href="#" style="color: #fff; font-size: 11px;">расширенный поиск</a></div>
                                <div class="login-panel">
                                    <div style="padding: 5px;">{login}</div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-banner" style="border: 0;">
                            <div style="padding: 10px 0 0 10px;"><img src="{THEME}/images/banner.jpg" alt="" /></div>
                        </div>

                        <div style="clear: both;height: 1px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div style="clear: both;height: 10px;position: relative;"></div>
        [aviable=main]
        <table width="100%" cellpadding="0" cellspacing="0"></tr><td width="750px"  valign="top">
        <div class="r-block-left-top" style="background-color: #121212;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom" style="padding-bottom: 12px;">

                        <!--!!!!!!!!!!!!!!!!!!! -->
                        <!-- main navigator -->
                        <ul id="main_navi">
                            <li>Обзоры</li>
                            <li>Журналы</li>
                            <li>Рецензии</li>
                            <li>Конкурсы</li>
                            <li>Даты выхода</li>
                            <li>Коды</li>
                        </ul>
                        <div id="main">
                            <div id="pages">
                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="5" cache="no"}
                                        </div>
                                    </div>
                                </div>

                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>

                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>

                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>

                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="0" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>

                                <div class="page">
                                    <div class="navi"></div>
                                    <div class="scrollable">
                                        <div class="items">
                                            {custom category="1" template="shortstory-3" aviable="global" from="2" limit="3" cache="no"}
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <!--!!!!!!!!!!!!!!!!!!! -->
                        <div style="clear: both;height: 1px;"></div>
                    </div>
                </div>
            </div>
        </div>
        </td><td style="padding-left: 10px;" valign="top">
        <div class="r-block-left-top" style="background-color: #8d8c8a;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom">
                        <div style="color: #121212; padding-bottom: 2px;">Рекомендуем</div>
                        {custom category="1" template="shortstory-4" aviable="global" from="0" limit="2" cache="no"}
                        <div style="clear: both;height: 1px;"></div>
                    </div>

                </div>
            </div>
        </div>
        </td></tr></table>
        <div style="clear: both;height: 10px;"></div>
        [/aviable]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 28.11.2010, 1:04; Ответить: vasvas7775
Сообщение #6


<div class="c-top"><div class="c-bottom"><div class="c-left"><div class="c-right">
        <div class="c-left-top"><div class="c-right-top"><div class="c-right-bottom"><div class="c-left-bottom">
            <table class="main-table" cellpadding="0" cellspacing="0">
                <tr>
                    [aviable=main]
                    <td class="td-for-blocks" valign="top">
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Обзоры</span>
                            </div>
                            <div class="s-block-content">
                                {custom category="1" template="shortstory-5" aviable="global" from="0" limit="3" cache="no"}
                            </div>
                        </div>

                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Опрос посетителей</span>
                            </div>
                            <div class="s-block-content">
                                {vote}
                            </div>
                        </div>

                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Архив</span>
                            </div>
                            <div class="s-block-content">
                                <center>{archives}</center>
                            </div>
                        </div>
                    </td>
                    [/aviable]
                    <td class="td-for-content" valign="top">
                        [aviable=main]
                        <ul class="tabs">
                            <li><a href="#"><span>Новости</span></a></li>
                            <li><a href="#"><span>Скоро</span></a></li>
                            <li><a href="#"><span>Новые статьи</span></a></li>
                        </ul>
                        <div class="panes">
                            <div>
                                {content}
                            </div>
                            <div>{custom category="1" template="shortstory" aviable="global" from="0" limit="5" cache="no"}</div>
                            <div>{custom category="1" template="shortstory" aviable="global" from="0" limit="5" cache="no"}</div>
                        </div>
                        [/aviable]
                        [not-aviable=main]
                        <div style="margin-left: -10px;">
                            {info}
                            {content}
                        </div>
                        [/not-aviable]
                    </td>
                    <td class="td-for-blocks" valign="top" style="width: 210px;">
                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Реклама</span>
                            </div>
                            <div class="s-block-content">
                                <center><img src="{THEME}/images/reklama.jpg" alt="" /></center>
                            </div>
                        </div>

                        <div class="s-block ie666">
                            <div class="s-block-title">
                                <span>Интересное</span>
                            </div>
                            <div class="s-block-content">
                                {custom category="1" template="shortstory-6" aviable="global" from="0" limit="10" cache="no"}
                            </div>
                        </div>

                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Популярное</span>
                            </div>
                            <div class="s-block-content">
                                {topnews}
                            </div>
                        </div>

                        <div class="s-block">
                            <div class="s-block-title">
                                <span>Календарь</span>
                            </div>
                            <div class="s-block-content">
                                <center>{calendar}</center>
                            </div>
                        </div>

                    </td>
                </tr>
            </table>
        </div></div></div></div></div></div></div></div>

        <div style="clear: both;height: 10px;"></div>

        <div class="r-block-left-top" style="background-color: #3b5272;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom">
                        <div class="b-n">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td width="33%" valign="top">
                                        <div class="bottom-news-title">
                                            Заголовoк для новостей
                                        </div>
                                        <div class="bottom-news">
                                            {custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
                                        </div>
                                    </td>
                                    <td width="33%" valign="top">
                                        <div class="bottom-news-title">
                                            Заголовoк для новостей
                                        </div>
                                        <div class="bottom-news">
                                            {custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
                                        </div>
                                    </td>
                                    <td width="33%" valign="top">
                                        <div class="bottom-news-title">
                                            Заголовoк для новостей
                                        </div>
                                        <div class="bottom-news" style="border: 0;">
                                            {custom category="1" template="shortstory-2" aviable="global" from="0" limit="7" cache="no"}
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div style="clear: both;height: 1px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div style="clear: both;height: 10px;"></div>

        <div class="r-block-left-top" style="background-color: #b9b9b9;">
            <div class="r-block-right-top">
                <div class="r-block-right-bottom">
                    <div class="r-block-left-bottom b-link">
                        Copyright 2010. Для правильного отображения сайта рекомендуем обновить Ваш браузер до последней версии!
                        <br />Администрация сайта не несет ответственности за публикуемые материалы.
                        <br />Разработка - <a href="http://cmsbase.ru">cmsbase.ru</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--[if lte IE 7]>
<a href="http://www.microsoft.com/rus/windows/internet-explorer/worldwide-sites.aspx" class="alert">ВНИМАНИЕ! Вы используете устаревшую версию браузера! НАСТОЯТЕЛЬНО рекомендуем вам обновить Ваш браузер для правильного отображения сайта!!!</a>
<![endif]-->
<div class="tooltip"></div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 28.11.2010, 1:28; Ответить: vasvas7775
Сообщение #7


А что криво-то, что не так? Подменю бесцветным сделать или что?
Чтобы сделать бесцветным, надо:
<style>
ul, li {
border:0;
padding:0;
margin:0;
list-style:none
}
#navigation {
background:url(img/nav-bg.gif) repeat-x;
height:0px;
position:relative
}
#navigation ul li {
line-height:32px;
display:inline
}
#navigation ul li a, #navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
text-decoration:none;
color:#4261df;
font-weight:bold
}
#navigation ul li ul {
position:absolute;
left:0;
top:32px;
height:30px;
width:100%;
background:#888 url(img/sublink.gif);
font-size:11px
}
#navigation ul li li {
height:30px;
line-height:30px
}
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:#fff
}
#navigation ul li li a:hover {
text-decoration:underline
}
#s2, #s3 {
display:none
}
</style>

Заменить на:
<style>
ul, li {
border:0;
padding:0;
margin:0;
list-style:none
}
#navigation {
background:url(img/nav-bg.gif) repeat-x;
height:0px;
position:relative
}
#navigation ul li {
line-height:32px;
display:inline
}
#navigation ul li a, #navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
text-decoration:none;
color:#4261df;
font-weight:bold
}
#navigation ul li ul {
position:absolute;
left:0;
top:32px;
height:30px;
width:100%;
background:# url(img/sublink.gif);
font-size:11px
}
#navigation ul li li {
height:30px;
line-height:30px
}
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:red
}
#navigation ul li li a:hover {
text-decoration:underline
}
#s2, #s3 {
display:none
}
</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 28.11.2010, 23:24; Ответить: vasvas7775
Сообщение #8


Извини за косяк, вот рабочей
<style>
ul, li {
border:0;
padding:0;
margin:0;
list-style:none
}
#navigation {
background:url(img/nav-bg.gif) repeat-x;
height:30px;
position:relative
}
#navigation ul li {
line-height:32px;
display:inline
}
#navigation ul li a, #navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 20px;
text-decoration:none;
color:#4261df;
font-weight:bold
}
#navigation ul li ul {
position:absolute;
left:0;
top:32px;
height:30px;
width:100%;
background:# url(img/sublink.gif);
font-size:11px
}
#navigation ul li li {
height:30px;
line-height:30px
}
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:#99FFFF
}
#navigation ul li li a:hover {
text-decoration:underline
}
#s2, #s3 {
display:none
}
</style>

А чтобы поменять цвет подменю.
#navigation ul li li a, #navigation ul li li a:visited {
padding:0 20px;
display:block;
float:left;
color:#99FFFF
}

А это
#navigation {
background:url(img/nav-bg.gif) repeat-x;
height:30px;
position:relative
}
Размещает меню выше, ниже.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bob_hb
bob_hb
Topic Starter сообщение 3.12.2010, 18:46; Ответить: bob_hb
Сообщение #9


Спосибо +

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
 30 Vampler 29396 27.3.2024, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
 9 malamut 3483 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
 5 CULA 3416 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Залить html страницу на 20 доменов
 6 TABAK 1709 22.5.2023, 16:24
автор: KORUP
Открытая тема (нет новых ответов) Сделать правки на html-странице
 5 TABAK 2307 20.5.2023, 10:45
автор: EvilGomel


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 2:48

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet