Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Подскажите как сделать два блока в одном окне?

Подскажите как сделать два блока в одном окне?


     07.03.2015    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    3285

вопрос
Подскажите как сделать два блока в одном окне как к примеру на сайте kinogo:

Подскажите как сделать два блока в одном окне?


У меня дизайн такой же не могу понять как сделать рядом "окно/кнопку" для трейлера..

ВОТ КОД С ФУЛСТОРИ ГДЕ НАХОДЯТСЯ ЭТИ:
<div class="section">
    <div style="float:right; padding-top: 5px;padding-right: 10px;font-size:11px;">  <a href="/" target="_blank"><span id="selection_index21" class="selection_index"></span></a></div><!--div-->
           <ul class="tabs">
            <li class="current"><span id="selection_index22" class="selection_index"></span>Смотреть онлайн:</li>
        </ul>
        <div style="clear:both"></div>
      
        <div class="box visible" style="display: block; background: rgb(0, 0, 0);">
                [xfgiven_video]<iframe src="[xfvalue_video]" width="607" height="360 frameborder="0"></iframe> [/xfgiven_video]
</div>
        
    </div>


P.s Я начинающий по созданию сайтов, верстке...так что не судите строго

Ответил: bogonos1990


[/code]<div class="section">
           <ul class="tabs">
<li class="current"><span id="selection_index22" class="selection_index"></span>Смотреть онлайн</li>            
                  <li class=""><span id="selection_index24" class="selection_index"></span>Смотреть Трейлер</li>        

    </ul>
        
    <div style="clear:both"></div>
    <div class="box visible" style="display: block; background: rgb(0, 0, 0); ">
(Тут Код Плеера )
</div>

<div class="box" style="display: none; background: rgb(0, 0, 0); ">
(КОД ПЛЕЕРА)
</div>
</div>[code]


Стили
.section {background-color: #2b2b2b; border-left: 1px solid #404040;border-top: 1px solid #404040;}
ul.tabs { line-height: 26px; list-style: none; padding: 0px; }
.tabs li {float: left; display: inline; list-style: none; cursor: pointer; padding:0 20px; position: relative; text-align: center; font-weight: bold;
text-shadow: #000 1px 1px 1px; color: rgb(201, 201, 201); height: 28px; }
.tabs li:hover {padding:0 20px; background:#a8a8a8;color: rgb(1, 1, 1);text-shadow: #fff 1px 1px 1px; }
.tabs li.current { background: rgb(26, 26, 26); padding:0 20px; text-align: center; cursor: default;}
.tabs li.current:hover {padding:0 20px; background: rgb(26, 26, 26); text-shadow: #000 1px 1px 1px; color: rgb(201, 201, 201);}

1 комментарий

vadims
Гости

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх