Jump to content

Информативный низ сайта.


♕-SlawkA-♕
 Share

Recommended Posts

1.png

 

На примере я этот код HTML вставил в файл стиля globalTemplate

2.png

Код HTML  
<div class="ipsResponsive_hidePhone ipsResponsive_block">
<!-- Footer -->
<div class='mind_footer'>
<div class='ipsGrid ipsGrid_collapsePhone'>
<!-- Team -->
<div class='ipsGrid_span4 Mblocks'>
<h3>Команда поддержки</h3>
<br />
<div class='ftpad'>
<div class='footer_team ipsGrid'>
<!-- Team list - Just change the number with the profile number you want to use -->
<!-- member 1 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 1 )"}
<!-- end member 1 -->
<!-- member 2 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 12 )"}
<!-- end member 2 -->
<!-- member 3 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 8 )"}
<!-- end member 3 -->
<!-- member 4 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 3 )"}
<!-- end member 4 -->
<!-- End Team List -->
</div>
</div>
<div class='button_more ipsClearfix'><a href='/staff'>Администрация</a></div>
</div>
<!-- End Team -->
<!-- Team -->
<div class='ipsGrid_span4 Mblocks'>
<h3>Друзья сайта</h3>
<br />
<div class='ftpad'>
<div class='footer_team ipsGrid'>
<!-- Team list - Just change the number with the profile number you want to use -->
<!-- member 1 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 5 )"}
<!-- end member 1 -->
<!-- member 2 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 18 )"}
<!-- end member 2 -->
<!-- member 3 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 4 )"}
<!-- end member 3 -->
<!-- member 4 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 2 )"}
<!-- end member 4 -->
<!-- member 5 -->
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 10 )"}
<!-- end member 5 -->
<!-- member 6 --><br>
{template="userPhoto" group="global" app="core" params="\IPS\Member::load( 6 )"}
<!-- end member 6 -->
<!-- End Team List -->
</div>
</div>
</div>
<!-- End Team -->
<!-- Social -->
<div class='ipsGrid_span4 Mblocks'>
<h3>Соцальные сети</h3>
<br />
<div class='footer_social ipsGrid'>
<div class='ipsGrid_span3'><a href="https://vk.com/ets2atsmods_ru" target="_blank"><i class="fa fa-vk fa-3x"></i></a></div>
<div class='ipsGrid_span3'><a href="https://steamcommunity.com/groups/ets2atsmods/" target="_blank"><i class="fa fa-steam fa-3x"></i></a></div>
<div class='ipsGrid_span3'><a href="https://plus.google.com/u/0/communities/113577017925552664706" target="_blank"><i class="fa fa-google-plus fa-3x"></i></a></div>
</div>
</div>
<!-- End Social -->
</div>
</div>
<!-- End Footer -->
</div>

 

Скрыть  
Это в custom.css  
/******* Footer *******/
#ipsLayout_footer {
 margin: 0; 
}
.footer_content { 
  padding: 30px 0 0 0; 
  background: #2b2b3a;
}
#ipsLayout_footer a, #ipsLayout_footer p {
  color: #9c9da9;
}
.mind_footer {
  margin: 0 20px;
  padding: 10px 0 40px 0;
}
.mind_footer h3 {
  color: #495369;
  font-size: 20px; 
  font-weight: 400; 
  font-family: 'Roboto Slab', sans-serif; 
  text-transform: uppercase;
  border-top: 2px solid #495369;
  padding-top: 8px;
}
.footer_team .ipsUserPhoto {
  border: 1px solid #ffffff;
}
.footer_social {
  color: #495369;
}
.footer_social .fa {
  padding-right: 10px;
}
.footer_social a:hover {
  color: #c53c4a !important;
}
.about_us p {
  line-height: 1.7;
}
.about_us a {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.about_us a:hover {
  color: #c53c4a !important;
  border-bottom: 1px dashed #c53c4a;
}
#IPBCopyright a {
  font-size: 12px;
}
.footer_end {
  padding: 8px 0;
  background: #292937;
}
.footer_end .ipsLayout_container {
  position: relative;}
.xander_copyright {
  display: inline-block;
  padding: 4px 6px;
  color: #c53c4a !important;
  font-size: 9px !important;
  text-transform: uppercase;
  position: absolute; 
  top: 12px;
  right: 0px;
  z-index: 99999;
}
.footer_end a {
  font-size: 12px;
}
.button_more { 
  margin: 20px 0 0 0;
}
.button_more a {
  display: inline-block;
  padding: 4px 16px; 
  background: #495369;
  text-align: center;
  color: #ffffff !important;
  opacity: 0.8;
  text-transform: uppercase;
  font-size: 10px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.button_more a:hover {
  opacity: 1;
}
.footer_minimal {
  margin: 40px auto 0 auto;
  text-align: center;
}

 

Скрыть 
  • Класс 1
  • Thanks 1

3434.gif2.gif

 

●▬▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬●
░░░░░░░░░░░░░░ ДОБРО ПОЖАЛОВАТЬ ░░░░░░░░░░░░░
●▬▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬●

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.