Jump to content

Оформление контактов

nextent
nextent
in Техническая поддержка IP.Board

Featured Replies

Posted
comment_40027

Извените может не туда написал.Но помогите сделатьнайти вот такое.

post-8910-0-02575300-1376651669_thumb.pn

Edited by nextent

  • Цитата
    comment_40030

    хмм тоже бы хотелось такое найти,видел много раз но не задавался вопросом,рас уж написали то помогите  :)



    хук какой то а как называется хз

  • Цитата
    comment_40034

    Это в блок под себя редактируете

    <link rel="stylesheet" type="text/css" media="screen,print" href="/public/style_css/admin.css">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
<table class="table table-striped table-bordered table-condensed">
<thead><tr>
<th>Ник</th>
<th><img src="/img/profile_skype.gif"> Skype</th>
<th><img src="/img/profile_icq.gif"> VK</th>
</tr></thead>

<tbody><tr>
<th style="font-family: sans-serif;font-size: 12px;text-align:left;">Ваш ник</th><td>скаип</td><td>ид в вк</td></tr>
<th style="font-family: sans-serif;font-size: 12px;text-align:left;">Ваш ник</th><td>ваш скаип</td><td>ваш ид в вк</td></tr>
</tbody></table>



</ul>

    файлы перемещаем в корень вашего форума

     

    img css.rar

     

     

     

     

  • Цитата
    comment_40035

    установить компонент пользовательские блоки и вписать в него:

    <div class="ipsBox table_wrap">
    <div class="ipsBox_container">
        <div class="table_wrap">
			<table class='ipb_table'>
				<tbody>
					<tr class="header">
						<th width="40%">Nickname</th>
						<th width="30%"><img src="/public/style_extra/cprofile_icons/profile_skype.gif">Skype</th>
						<th width="30%"><img src="/public/style_extra/cprofile_icons/profile_steam.gif">Steame</th>
					</tr>
					<tr>
						<td class="row2">Nickname 1</td>
						<td class="row2">Skype 1</td>
						<td class="row2">Steame 1</td>
					</tr>
					<tr>
						<td class="row2">Nickname 2</td>
						<td class="row2">Skype 2</td>
						<td class="row2">Steame 2</td>
					</tr>
				</tbody>
			</table>
		</div>
    </div>
</div><br />
  • Цитата
    comment_40038

    Нет, вроде встречал описание такого хука. Типа контакты пользователей или контакты администрации.

  • Цитата
    • Author
    comment_40101


    Nickname profile_skype.gifSkype profile_steam.gifSteame Nickname 1 Skype 1 Steame 1 Nickname 2 Skype 2 Steame 2


    А может у Вас и  ссылка на "подробности" есть(скриншот)?

  • Цитата
    comment_40103

    чё у тебя не выходит?



    устанавливаешь  компонент пользовательские блоки(Custom Sidebar Blocks)

     

    заходишь в другие приложения выбираешь компонент и делаешь чё показано на скринах

     

    в него вставляешь

    при этом изменяешь его под себя



<div class="ipsBox table_wrap">
    <div class="ipsBox_container">
        <div class="table_wrap">
			<table class='ipb_table'>
				<tbody>
					<tr class="header">
						<th width="40%">Nickname</th>
						<th width="30%"><img src="/public/style_extra/cprofile_icons/profile_skype.gif">Skype</th>
						<th width="30%"><img src="/public/style_extra/cprofile_icons/profile_steam.gif">Steame</th>
					</tr>
					<tr>
						<td class="row2">Nickname 1</td>
						<td class="row2">Skype 1</td>
						<td class="row2">Steame 1</td>
					</tr>
					<tr>
						<td class="row2">Nickname 2</td>
						<td class="row2">Skype 2</td>
						<td class="row2">Steame 2</td>
					</tr>
				</tbody>
			</table>
		</div>
    </div>
</div><br />

    post-8897-0-48124000-1376664823.jpg

    post-8897-0-90775200-1376664829_thumb.jp

    post-8897-0-04972600-1376664839_thumb.jp

    post-8897-0-48598700-1376664846_thumb.jp

    Edited by Spray

  • Цитата
    • Author
    comment_40117

    Spray,

    Да нет вы не поняли меня))Я имею ввиду про кнопочку на скриншjте синею "ПОДРОБНОСТИ" 

  • Цитата
    comment_40119

    :shout:  :shout:  :shout:  :shout: ты издеваешься?ты сам всех в вёл в заблуждение тебе про фаму а ты про ерёму не мог выделить красным "подробности"всё тоже самое!в настройках полазить надо будет

    post-8897-0-02475100-1376667050.jpg

    Edited by Spray

  • Цитата
    comment_40121

    туда же добавить:

    <li><a href="__ifrag.ru/prices/" title="Покупка сылки в шапку форума"><button type="button" class="btn btn-large btn-block btn-primary" style="font-family:ChevinCyrillicLight;font-size:18px;">Подробности</button></a></li>

    в ipb_style.css в самый низ

     

    .btn {
border-color: hsl(0, 0%, 80%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
}

.btn-primary {
background-color: hsl(206, 100%, 40%);
background-image: -ms-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(200, 100%, 40%)), to(hsl(215, 100%, 40%)));
background-image: -webkit-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: -o-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: -moz-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-repeat: repeat-x;
border-color: hsl(215, 100%, 40%) hsl(215, 100%, 40%) hsl(215, 100%, 25%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc',endColorstr='#0055cc',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn {
display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: hsl(0, 0%, 20%);
text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.75);
background-color: hsl(0, 0%, 96%);
background-image: -moz-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(0, 100%, 100%)), to(hsl(0, 0%, 90%)));
background-image: -webkit-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-image: -o-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-image: linear-gradient(to bottom, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: hsl(0, 0%, 90%) hsl(0, 0%, 90%) hsl(0, 0%, 75%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid hsl(0, 0%, 73%);
border-bottom-color: hsl(0, 0%, 64%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.05);
}

.btn-large {
padding: 9px 14px;
font-size: 16px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btn {
border-color: hsl(0, 0%, 77%);
border-color: hsla(0, 0%, 0%, 0.15) hsla(0, 0%, 0%, 0.15) hsla(0, 0%, 0%, 0.25);
}

.btn-primary {
color: hsl(0, 100%, 100%);
text-shadow: 0 -1px 0 hsla(0, 0%, 0%, 0.25);
background-color: hsl(208, 100%, 40%);
background-image: -moz-linear-gradient(top, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(200, 100%, 40%)), to(hsl(220, 100%, 40%)));
background-image: -webkit-linear-gradient(top, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-image: -o-linear-gradient(top, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-image: linear-gradient(to bottom, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: hsl(220, 100%, 40%) hsl(220, 100%, 40%) hsl(220, 100%, 25%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

  • Цитата
    • Author
    comment_40189

    Spray,Извените меня но я хотел контакт ,а позже и захотел кнопку "подробности")) 



    туда же добавить:

    <li><a href="__ifrag.ru/prices/" title="Покупка сылки в шапку форума"><button type="button" class="btn btn-large btn-block btn-primary" style="font-family:ChevinCyrillicLight;font-size:18px;">Подробности</button></a></li>

    в ipb_style.css в самый низ

     

    .btn {
border-color: hsl(0, 0%, 80%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
}

.btn-primary {
background-color: hsl(206, 100%, 40%);
background-image: -ms-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(200, 100%, 40%)), to(hsl(215, 100%, 40%)));
background-image: -webkit-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: -o-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: -moz-linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-image: linear-gradient(top, hsl(200, 100%, 40%), hsl(215, 100%, 40%));
background-repeat: repeat-x;
border-color: hsl(215, 100%, 40%) hsl(215, 100%, 40%) hsl(215, 100%, 25%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc',endColorstr='#0055cc',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn {
display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: hsl(0, 0%, 20%);
text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.75);
background-color: hsl(0, 0%, 96%);
background-image: -moz-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(0, 100%, 100%)), to(hsl(0, 0%, 90%)));
background-image: -webkit-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-image: -o-linear-gradient(top, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-image: linear-gradient(to bottom, hsl(0, 100%, 100%), hsl(0, 0%, 90%));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: hsl(0, 0%, 90%) hsl(0, 0%, 90%) hsl(0, 0%, 75%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid hsl(0, 0%, 73%);
border-bottom-color: hsl(0, 0%, 64%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 hsla(0, 100%, 100%, 0.2), 0 1px 2px hsla(0, 0%, 0%, 0.05);
}

.btn-large {
padding: 9px 14px;
font-size: 16px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btn {
border-color: hsl(0, 0%, 77%);
border-color: hsla(0, 0%, 0%, 0.15) hsla(0, 0%, 0%, 0.15) hsla(0, 0%, 0%, 0.25);
}

.btn-primary {
color: hsl(0, 100%, 100%);
text-shadow: 0 -1px 0 hsla(0, 0%, 0%, 0.25);
background-color: hsl(208, 100%, 40%);
background-image: -moz-linear-gradient(top, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(200, 100%, 40%)), to(hsl(220, 100%, 40%)));
background-image: -webkit-linear-gradient(top, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-image: -o-linear-gradient(top, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-image: linear-gradient(to bottom, hsl(200, 100%, 40%), hsl(220, 100%, 40%));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: hsl(220, 100%, 40%) hsl(220, 100%, 40%) hsl(220, 100%, 25%);
border-color: hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.1) hsla(0, 0%, 0%, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    Спасибо Вам.Вы как всегда выручаете.

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.