Перейти до змісту
Домент ipb-board.ru продається.

Блок меню

Shock
Shock
в Технічна підтримка IP.Board

Рекомендовані відповіді

Опубліковано
  • Адміністратор

Что за вопроси как зделать такое нам откуда взять данный код? когда создаеш тему ссылку на форум под сполер!

Опубліковано
  • Автор
12 часа назад, Ciko сказал:

Что за вопроси как зделать такое нам откуда взять данный код? когда создаеш тему ссылку на форум под сполер!

http://truegames.ru/?attempt=2#

 

Опубліковано

HTML код:  

<div class="_sbcollapsable">
		<ul class="main_menu">
	<li>
		<a href="http://truegames.ru/index.php?/forum/61-%d0%b7%d0%b0%d1%8f%d0%b2%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%80%d0%b0%d0%b7%d0%b1%d0%b0%d0%bd/"><font color="#B7C351">Заявки на разбан</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/47-%d0%b6%d0%b0%d0%bb%d0%be%d0%b1%d1%8b-%d0%bd%d0%b0-%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%be%d0%b2/"><font color="#B7C351">Жалобы на Админов</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/9389-%D1%81%D0%BD%D1%8F%D1%82%D1%8B%D0%B5-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D1%80%D0%B8%D0%B2%D0%B8%D0%BB%D0%B5%D0%B3%D0%B8%D0%B8/">Список снятых Администраторов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/16632-%D0%BF%D0%B5%D1%80%D0%B5%D1%87%D0%B5%D0%BD%D1%8C-%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B8%D1%82%D0%B5%D0%BB%D0%B5%D0%B9-%D0%B2%D1%81%D0%B5%D1%85-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Список Смотрителей серверов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/39-%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Обновления на Серверах</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/7764-%D0%BE-%D1%80%D0%B0%D0%B7%D0%BD%D0%BE%D0%BC-%D0%BA%D0%BE%D0%BC%D0%BD%D0%B0%D1%82%D0%B0-%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-1/page__hl__%D1%84%D0%BB%D1%83%D0%B4%D0%B8%D0%BB%D0%BA%D0%B0">Флудилка - общение</a>
	</li>
	<a href="http://buy.truegames.ru/" class="menu_admin">Онлайн покупка Админ/VIP</a>
</ul>
	</div>

CSS код: 

.main_menu li{
border-bottom:1px solid #040404;
border-top:1px solid rgba(255, 0, 0, .16)
}

.main_menu li:first-child {
border-top:0
}

.main_menu li a {
background-image: url(http://truegames.ru/public/style_images/tg/triagle_menu.png);
background-repeat:no-repeat;
background-position:16px center;
font-style:oblique;
text-shadow:0 1px 1px rgba(0,0,0,0.48);
color:#eee;
display:block;
transition:200ms ease
;height:21px;padding:0
0 0 35px;
font-size:14px;
line-height:21px
}

.main_menu:before {
width:0;
height:0;
border-right:6.5px solid transparent;
border-left:6.5px solid transparent;
border-top:5px solid #eee;
content:'';
position:absolute;
left:50%;
margin-left: -8px;top:0px
}
.main_menu {
position:relative;
background:#282828;
padding:15px 2px 4px
}

.main_menu li a:hover {
background-color:#499343;
border-radius:2px;
color:#c9c43a
}

.menu_admin {
font-size:14px;
text-align:center;
display:block;
height:35px;
line-height:35px;
background:#d14c4c;
font-style:oblique;
border:1px solid #e25f5f;
color:#eee;
text-shadow:0 1px 1px rgba(0,0,0,0.48)
}

 

    • Подобається 1
    Опубліковано
    • Автор
    2 часа назад, be3yMHbIu сказал:

    HTML код:  

    
<div class="_sbcollapsable">
		<ul class="main_menu">
	<li>
		<a href="http://truegames.ru/index.php?/forum/61-%d0%b7%d0%b0%d1%8f%d0%b2%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%80%d0%b0%d0%b7%d0%b1%d0%b0%d0%bd/"><font color="#B7C351">Заявки на разбан</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/47-%d0%b6%d0%b0%d0%bb%d0%be%d0%b1%d1%8b-%d0%bd%d0%b0-%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%be%d0%b2/"><font color="#B7C351">Жалобы на Админов</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/9389-%D1%81%D0%BD%D1%8F%D1%82%D1%8B%D0%B5-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D1%80%D0%B8%D0%B2%D0%B8%D0%BB%D0%B5%D0%B3%D0%B8%D0%B8/">Список снятых Администраторов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/16632-%D0%BF%D0%B5%D1%80%D0%B5%D1%87%D0%B5%D0%BD%D1%8C-%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B8%D1%82%D0%B5%D0%BB%D0%B5%D0%B9-%D0%B2%D1%81%D0%B5%D1%85-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Список Смотрителей серверов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/39-%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Обновления на Серверах</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/7764-%D0%BE-%D1%80%D0%B0%D0%B7%D0%BD%D0%BE%D0%BC-%D0%BA%D0%BE%D0%BC%D0%BD%D0%B0%D1%82%D0%B0-%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-1/page__hl__%D1%84%D0%BB%D1%83%D0%B4%D0%B8%D0%BB%D0%BA%D0%B0">Флудилка - общение</a>
	</li>
	<a href="http://buy.truegames.ru/" class="menu_admin">Онлайн покупка Админ/VIP</a>
</ul>
	</div>

    CSS код: 

    
.main_menu li{
border-bottom:1px solid #040404;
border-top:1px solid rgba(255, 0, 0, .16)
}

.main_menu li:first-child {
border-top:0
}

.main_menu li a {
background-image: url(http://truegames.ru/public/style_images/tg/triagle_menu.png);
background-repeat:no-repeat;
background-position:16px center;
font-style:oblique;
text-shadow:0 1px 1px rgba(0,0,0,0.48);
color:#eee;
display:block;
transition:200ms ease
;height:21px;padding:0
0 0 35px;
font-size:14px;
line-height:21px
}

.main_menu:before {
width:0;
height:0;
border-right:6.5px solid transparent;
border-left:6.5px solid transparent;
border-top:5px solid #eee;
content:'';
position:absolute;
left:50%;
margin-left: -8px;top:0px
}
.main_menu {
position:relative;
background:#282828;
padding:15px 2px 4px
}

.main_menu li a:hover {
background-color:#499343;
border-radius:2px;
color:#c9c43a
}

.menu_admin {
font-size:14px;
text-align:center;
display:block;
height:35px;
line-height:35px;
background:#d14c4c;
font-style:oblique;
border:1px solid #e25f5f;
color:#eee;
text-shadow:0 1px 1px rgba(0,0,0,0.48)
}

     

    Как то криво он вышел )

    2.png

    Опубліковано
    • Адміністратор
    <div class="_sbcollapsable">
		<ul class="main_menu">
	<li>
		<a href="http://truegames.ru/index.php?/forum/61-%d0%b7%d0%b0%d1%8f%d0%b2%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%80%d0%b0%d0%b7%d0%b1%d0%b0%d0%bd/"><font color="#B7C351">Заявки на разбан</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/47-%d0%b6%d0%b0%d0%bb%d0%be%d0%b1%d1%8b-%d0%bd%d0%b0-%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%be%d0%b2/"><font color="#B7C351">Жалобы на Админов</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/9389-%D1%81%D0%BD%D1%8F%D1%82%D1%8B%D0%B5-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D1%80%D0%B8%D0%B2%D0%B8%D0%BB%D0%B5%D0%B3%D0%B8%D0%B8/">Список снятых Администраторов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/16632-%D0%BF%D0%B5%D1%80%D0%B5%D1%87%D0%B5%D0%BD%D1%8C-%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B8%D1%82%D0%B5%D0%BB%D0%B5%D0%B9-%D0%B2%D1%81%D0%B5%D1%85-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Список Смотрителей серверов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/39-%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Обновления на Серверах</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/7764-%D0%BE-%D1%80%D0%B0%D0%B7%D0%BD%D0%BE%D0%BC-%D0%BA%D0%BE%D0%BC%D0%BD%D0%B0%D1%82%D0%B0-%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-1/page__hl__%D1%84%D0%BB%D1%83%D0%B4%D0%B8%D0%BB%D0%BA%D0%B0">Флудилка - общение</a>
	</li>
	<a href="http://buy.truegames.ru/" class="menu_admin">Онлайн покупка Админ/VIP</a>
</ul>
	</div>
</div>
    .main_menu {
    position: relative;
    background: #282828;
    padding: 15px 2px 4px;
}
.main_menu li:first-child {
    border-top: 0;
}
.main_menu li {
    border-bottom: 1px solid #040404;
    border-top: 1px solid rgba(255, 0, 0, .16);
}
.main_menu li a {
    background-image: url(http://truegames.ru/public/style_images/tg/triagle_menu.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    font-style: oblique;
    text-shadow: 0 1px 1px rgba(0,0,0,0.48);
    color: #eee;
    display: block;
    transition: 200ms ease;
    height: 21px;
    padding: 0 0 0 35px;
    font-size: 14px;
    line-height: 21px;
}
.menu_admin {
    font-size: 14px;
    text-align: center;
    display: block;
    height: 35px;
    line-height: 35px;
    background: #d14c4c;
    font-style: oblique;
    border: 1px solid #e25f5f;
    color: #eee;
    text-shadow: 0 1px 1px rgba(0,0,0,0.48);
}

    Screenshot_1.png

    Опубліковано
    • Автор
    1 час назад, Ciko сказал: 
    
<div class="_sbcollapsable">
		<ul class="main_menu">
	<li>
		<a href="http://truegames.ru/index.php?/forum/61-%d0%b7%d0%b0%d1%8f%d0%b2%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%80%d0%b0%d0%b7%d0%b1%d0%b0%d0%bd/"><font color="#B7C351">Заявки на разбан</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/47-%d0%b6%d0%b0%d0%bb%d0%be%d0%b1%d1%8b-%d0%bd%d0%b0-%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%be%d0%b2/"><font color="#B7C351">Жалобы на Админов</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/9389-%D1%81%D0%BD%D1%8F%D1%82%D1%8B%D0%B5-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D1%80%D0%B8%D0%B2%D0%B8%D0%BB%D0%B5%D0%B3%D0%B8%D0%B8/">Список снятых Администраторов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/16632-%D0%BF%D0%B5%D1%80%D0%B5%D1%87%D0%B5%D0%BD%D1%8C-%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B8%D1%82%D0%B5%D0%BB%D0%B5%D0%B9-%D0%B2%D1%81%D0%B5%D1%85-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Список Смотрителей серверов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/39-%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Обновления на Серверах</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/7764-%D0%BE-%D1%80%D0%B0%D0%B7%D0%BD%D0%BE%D0%BC-%D0%BA%D0%BE%D0%BC%D0%BD%D0%B0%D1%82%D0%B0-%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-1/page__hl__%D1%84%D0%BB%D1%83%D0%B4%D0%B8%D0%BB%D0%BA%D0%B0">Флудилка - общение</a>
	</li>
	<a href="http://buy.truegames.ru/" class="menu_admin">Онлайн покупка Админ/VIP</a>
</ul>
	</div>
</div>
    
.main_menu {
    position: relative;
    background: #282828;
    padding: 15px 2px 4px;
}
.main_menu li:first-child {
    border-top: 0;
}
.main_menu li {
    border-bottom: 1px solid #040404;
    border-top: 1px solid rgba(255, 0, 0, .16);
}
.main_menu li a {
    background-image: url(http://truegames.ru/public/style_images/tg/triagle_menu.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    font-style: oblique;
    text-shadow: 0 1px 1px rgba(0,0,0,0.48);
    color: #eee;
    display: block;
    transition: 200ms ease;
    height: 21px;
    padding: 0 0 0 35px;
    font-size: 14px;
    line-height: 21px;
}
.menu_admin {
    font-size: 14px;
    text-align: center;
    display: block;
    height: 35px;
    line-height: 35px;
    background: #d14c4c;
    font-style: oblique;
    border: 1px solid #e25f5f;
    color: #eee;
    text-shadow: 0 1px 1px rgba(0,0,0,0.48);
}

    Screenshot_1.png

    Всё также как и было до этого (

    Опубліковано
    • Автор

    А всё получилось хехе

    Теперь подскажите как сделать чтобы на всех блоках была это стрелочка http://truegames.ru/public/style_images/tg/side_triagel.png как на этом

    Опубліковано
    • Адміністратор
    2 часа назад, Shock сказал:

    Теперь подскажите как сделать чтобы на всех блоках была это стрелочка http://truegames.ru/public/style_images/tg/side_triagel.png как на этом 

    .ipsSideBlock h3, .general_box h3 {
    border-top: 0;
    border-bottom: 2px solid #a7a7a7;
    text-shadow: rgba(77, 77, 77, 0.8) 0px 1px 0px;
    background: linear-gradient(to right,#AD7070,#3B3A3A) repeat scroll 0% 0% transparent;
    box-shadow: 0 0 5px rgba(0,0,0,.09);
    padding: 13px;
    position: relative;
}

     

    Опубліковано
    • Автор
    2 часа назад, Ciko сказал: 
    
.ipsSideBlock h3, .general_box h3 {
    border-top: 0;
    border-bottom: 2px solid #a7a7a7;
    text-shadow: rgba(77, 77, 77, 0.8) 0px 1px 0px;
    background: linear-gradient(to right,#AD7070,#3B3A3A) repeat scroll 0% 0% transparent;
    box-shadow: 0 0 5px rgba(0,0,0,.09);
    padding: 13px;
    position: relative;
}

     

    Я не про сам блок а про эту 

    .bar:before,.ipsSideBlock h3:before, .general_box h3:before {
    1. width: 277px;
    2. height: 8px;
    3. background: url(http://truegames.ru/public/style_images/tg/side_triagel.png);
    4. content: '';
    5. position: absolute;
    6. left: 0;
    7. right: 0;
    8. bottom: -8px;
    }

     

    Тока у меня она криво вышла 1.png

     
    Опубліковано
    9 минут назад, Shock сказал:

    А именно где

    Ссылку на форум кинь.

    Опубліковано
    • Автор
    2 часа назад, voodnik ® сказал:

    Настрой margin

    Форум в uz не зайдёте.

    Опубліковано
    Только что, Shock сказал:

    Форум в uz не зайдёте.

    Домен uz ?

    • Ciko закрив тема
    Гість
    Ця тема закрита для опублікування відповідей.
    https://ipb-board.com/topic/4935-blok-menyu/
    Перейти до списку тем