РЕШЕНО Стиль сайта

  • Автор темы Eraly01
  • Дата начала
E
Eraly01
Участник
Сообщения
16
Реакции
1
Друзья помогите сделать стиль игры. 2x-pay.ga установил скрипт игры и у него окозалось слишком много раздплов и хотел бы сделать по меньше. У одного сайта видел меню , примерно так:
Ферма
Игры
Финанс
И когда нажимаеш одному из них подним появляется еще ссылок. Пример:
Ферма
1. Купить транспорт
2. Подсчитать груз
3. Менять чеки
И так далее....
 
geronimo
geronimo
Участник
Сообщения
291
Реакции
125
Код: 
<style>
li.menu {
width: 240px;
padding: 5px 0;
}

.button, .button span {
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

ul{
    margin: 0;
    padding: 0;
}


a {
color: #328426;
text-decoration: none;
}



li.button a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6 {
color: #328426;
border: solid 1px #AAAAAA;
}

.dropdown {
width: 269px;
display: none;
margin: -10px 0px 11px 28px;
}

.dropdown li {
background: -webkit-gradient( linear, center bottom, center top, from(rgba(21, 44, 8, 0.1)), to(rgba(224, 233, 223, 0.1)) );
border: 1px solid #C7C3C3;
margin: 5px 0;
padding: 4px 18px;
}

.dropdown li:hover {
text-decoration: none;
background: -webkit-gradient( linear, center bottom, center top, from(rgba(20, 214, 28, 0.1)), to(rgba(13, 53, 27, 0.1)) );
}

.button:hover {
text-decoration: none;
background: -webkit-gradient( linear, center bottom, center top, from(rgba(20, 214, 28, 0.1)), to(rgba(13, 53, 27, 0.1)) );
}

.dropdown1 li:hover {
text-decoration: none;
background: -webkit-gradient( linear, center bottom, center top, from(rgba(20, 214, 28, 0.1)), to(rgba(13, 53, 27, 0.1)) );
}

.button1:hover {
text-decoration: none;
background: -webkit-gradient( linear, center bottom, center top, from(rgba(20, 214, 28, 0.1)), to(rgba(13, 53, 27, 0.1)) );
}


.button {
white-space: nowrap;
line-height: 1em;
position: relative;
outline: none;
overflow: visible;
cursor: pointer;
border: 1px solid #999;
border: rgba(0, 0, 0, .2) 1px solid;
border-bottom: rgba(0, 0, 0, .4) 1px solid;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );
background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
margin: -10px 0px 11px 28px;
}



li.button a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6 {
color: #328426;
border: solid 1px #AAAAAA;
}
li.button a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6 {
color: #328426;
border: solid 1px #AAAAAA;
}
li.button a {
width: 225px;
height: 33px;
display: block;
overflow: hidden;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
padding: 10px 20px 0 20px;
}

li {
list-style: none;
text-align: left;
}

li.menu {
width: 240px;
padding: 5px 0;
}




.button1 {
white-space: nowrap;
line-height: 1em;
position: relative;
outline: none;
overflow: visible;
cursor: pointer;
border: 1px solid #999;
border: rgba(0, 0, 0, .2) 1px solid;
border-bottom: rgba(0, 0, 0, .4) 1px solid;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );
background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) );
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
margin: -10px 0px 11px 28px;
}



li.button1 a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6 {
color: #328426;
border: solid 1px #AAAAAA;
}
li.button1 a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6 {
color: #328426;
border: solid 1px #AAAAAA;
}
li.button1 a {
width: 225px;
height: 27px;
display: block;
overflow: hidden;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
padding: 10px 20px 0 20px;
}

li.button1 a.box1, li.button1 a.box2, li.button1 a.box3, li.button1 a.box4, li.button1 a.box5, li.button1 a.box6 {
color: #328426;
border: solid 1px #AAAAAA;
}

.button1, .button span {
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
</style>




<script type="text/javascript" src="/js/menu/jquery.min.js"></script>
<script type="text/javascript" src="/js/menu/script.js"></script>

<!--___________________________________-->




<li class="button1" style="margin-top:0px;">
<center><a style="font-size:20px" class="box6">Привет <?=$_SESSION["user"]; ?> :)</a></center>
</li>






    
<li class="button" style="margin-top:0px;">
<a style="font-size:20px" class="box1">
<img src="/img/log_dw.png" align="center"> Мой профиль</a>
</li>
<li class="dropdown" style="display: none;">
                        <ul>
                    
                    <?
                    $usid = $_SESSION["user_id"];
                    $db->Query("SELECT * FROM wmrush_pm WHERE user_id_in = '$usid' AND status = 0 AND inbox = 1");
                    $sk = $db->NumRows();
                    if ($sk > 0) {$pmm = '<font color="blue">('.$sk.')</font>';} else {$pmm = '<font color="blue">(0)</font>';}
                    ?>
                  
                    <a style="font-size:20px" href="/account"><li><img src="/img/icons/user.png" align="center"> Моя статистика</li></a>
                    <a style="font-size:20px" href="/account/pm"><li><img src="/img/icons/mail.png" align="center"> Моя почта <?=$pmm; ?></li></a>
                    <a style="font-size:20px" href="/account/referals"><li><img src="/img/icons/ref.png" align="center"> Мои рефералы</li></a>
                    <a style="font-size:20px" href="/competition"><li><font color="red"><img src="/img/icons/ref2.png" align="center"> Конкурс рефералов</font></li></a>
                    <a style="font-size:20px" href="/account/config"><li><img src="/img/icons/nast.png" align="center"> Настройки</li></a>
                    <a style="font-size:20px" href="/account/exit"><li><font color="red"><img src="/img/icons/vih.png" align="center"> Выход из профиля</font></li></a>
                    </ul>
</li>
    



    <li class="button" style="margin-top:0px;">
<a style="font-size:20px" class="box1">
<img src="/img/log_dw.png" align="center"> Мой огород</a>
</li>
<li class="dropdown" style="display: none;">
                        <ul>
                    
                  
                    <a style="font-size:20px" href="/account/farm"><li><img src="/img/icons/shop.png" align="center"> Купить саженцы</li></a>
                    <a style="font-size:20px" href="/account/store"><li><img src="/img/icons/farm.png" align="center"> Собрать урожай</li></a>
                    <a style="font-size:20px" href="/account/market"><li><img src="/img/icons/skl.png" align="center"> Продать урожай</li></a>
                    
                    </ul>
</li>
    
    
    
<li class="button" style="margin-top:0px;">
<a style="font-size:20px" class="box1">
<img src="/img/log_dw.png" align="center"> Бонусы</a>
</li>
<li class="dropdown" style="display: none;">
                        <ul>
                    
                  
                
                    <a style="font-size:20px" href="/account/bonus"><li><img src="/img/icons/box.png" align="center"> Ежедневный бонус</li></a>
                    <a style="font-size:20px" href="/account/bonus2"><li><img src="/img/icons/box.png" align="center"> Бонус каждый час</li></a>
                    <a style="font-size:20px" href="/account/bonus3"><li><img src="/img/icons/box.png" align="center"> Бонус каждые 30 минут</li></a>
                    <a style="font-size:20px" href="/account/bonus4"><li><img src="/img/icons/box.png" align="center"> Бонус каждые 15 минут</li></a>
                    <a style="font-size:20px" href="/account/bonus5"><li><img src="/img/icons/box.png" align="center"> Бонус каждые 5 минут</li></a>
                    <a style="font-size:20px" href="/account/bonus_risko"><li><img src="/img/icons/box.png" align="center"> Бонус с риском</li></a>
                    <a style="font-size:20px" href="/account/set"><li><img src="/img/icons/box.png" align="center"> SET Бонусы</li></a>
                    </ul>
</li>


    
    

<li class="button" style="margin-top:0px;">
<a style="font-size:20px" class="box1">
<img src="/img/log_dw.png" align="center"> Прочее</a>
</li>
<li class="dropdown" style="display: none;">
                        <ul>
                    
                  
                    <a style="font-size:20px" href="/account/donations"><li><img src="/img/icons/p.png" align="center"> Пожертвования</li></a>
                    
                    <a style="font-size:20px" href="/support"><li><img src="/img/icons/sp.png" align="center"> Служба поддержки</li></a>

                    </ul>
</li>   
    
    
    
    <li class="button" style="margin-top:0px;">
<a style="font-size:20px" class="box1">
<img src="/img/log_dw.png" align="center"> Управление счётом</a>
</li>
<li class="dropdown" style="display: none;">
                        <ul>
                    
                  
                    <a style="font-size:20px" href="/account/insert-menu"><li><img src="/img/icons/zoloto.png" align="center"> Пополнить баланс</li></a>

                    <a style="font-size:20px" href="/account/payment"><li><img src="/img/icons/monet.png" align="center"> Заказать выплату</li></a>
                    <a style="font-size:20px" href="/payments"><li><img src="/img/icons/psv.png" align="center"> Последние выплаты</li></a>
                    <a style="font-size:20px" href="/account/swap"><li><img src="/img/icons/obm.png" align="center"> Обменник</li></a>
                    </ul>
</li>


          
<li class="button1" style="margin-top:5px;">
<center><a style="font-size:20px" class="box6">{!BALANCE_B!} для покупок</a></center>
<center><a style="font-size:20px" class="box6">{!BALANCE_P!} на вывод</a></center>
</li>
то что в архиве в папку js
 

Вложения

  • menu.zip
    26,8 KB Просмотры: 30
Войдите или зарегистрируйтесь для ответа.
Сверху