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

Posted 16 августа, 201311 yr

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

Edited 16 августа, 201311 yr by nextent

Цитата

16 августа, 201311 yr

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

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

Цитата

16 августа, 201311 yr

Author

Я так дума. это не хук а все ручками пишется ,знания html+css

Цитата

16 августа, 201311 yr

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

<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

Цитата

nextent, Spray and AUYKGN
3

16 августа, 201311 yr

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

<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 />

Цитата

Spray and nextent
2

16 августа, 201311 yr

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

Цитата

16 августа, 201311 yr

Author

Спасибо сейчас попробую.

Цитата

16 августа, 201311 yr

Author

Nickname Skype Steame Nickname 1 Skype 1 Steame 1 Nickname 2 Skype 2 Steame 2

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

Цитата

16 августа, 201311 yr

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

устанавливаешь компонент пользовательские блоки(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 />

Edited 16 августа, 201311 yr by Spray

Цитата

spoken and AUYKGN
2

16 августа, 201311 yr

Author

Spray,

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

Цитата

16 августа, 201311 yr

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

Edited 16 августа, 201311 yr by Spray

Цитата

16 августа, 201311 yr

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

<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);
}

Цитата

Spray, AUYKGN and nextent
3

16 августа, 201311 yr

фуу вольф спс

Цитата

16 августа, 201311 yr

Author

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);
}

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

Цитата

Sign In

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

Featured Replies

Join the conversation

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

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)