Jump to content

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

Featured Replies

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

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

Edited by nextent

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/
Share on other sites

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



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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40030
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40033
Share on other sites

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

<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

 

 

 

 

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40034
Share on other sites

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

<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 />
Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40035
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40038
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40039
Share on other sites


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


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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40101
Share on other sites

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



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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40103
Share on other sites

Spray,

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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40117
Share on other sites

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

post-8897-0-02475100-1376667050.jpg

Edited by Spray

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40119
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40121
Share on other sites

фуу вольф спс

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40122
Share on other sites

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

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

Link to comment
https://ipbmafia.ru/topic/5291-oformlenie-kontaktov/?&do=findComment&comment=40189
Share on other sites

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
Ответить в этой теме...

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

  • No registered users viewing this page.