Перейти к содержанию

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

nextent

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

 Поделиться

Рекомендуемые сообщения

nextent Ученик

nextent

Опубликовано
Опубликовано (изменено)

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

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

Изменено пользователем nextent
Ссылка на комментарий
Поделиться на другие сайты
Spray Ментор

Spray

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

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



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

Ссылка на комментарий
Поделиться на другие сайты
nextent Ученик

nextent

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

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

Ссылка на комментарий
Поделиться на другие сайты
poduna Восходящая звезда

poduna

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

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

<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

 

 

 

 

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

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

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

<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 />
Ссылка на комментарий
Поделиться на другие сайты
spoken Ментор

spoken

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

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

Ссылка на комментарий
Поделиться на другие сайты
nextent Ученик

nextent

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

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

Ссылка на комментарий
Поделиться на другие сайты
nextent Ученик

nextent

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


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


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

Ссылка на комментарий
Поделиться на другие сайты
Spray Ментор

Spray

Опубликовано
Опубликовано (изменено)

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



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

Изменено пользователем Spray
Ссылка на комментарий
Поделиться на другие сайты
nextent Ученик

nextent

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

Spray,

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

Ссылка на комментарий
Поделиться на другие сайты
Spray Ментор

Spray

Опубликовано
Опубликовано (изменено)

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

post-8897-0-02475100-1376667050.jpg

Изменено пользователем Spray
Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
nextent Ученик

nextent

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...