avatar_orhan

SMF 2.1 RC3 - ​​sekmeli bilgi merkezi

Başlatan orhan, Ara 09, 2020, 11:45 ÖS

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

avatar_orhan
Kod: (BoardIndex.template.php içinde bu kodu bulun)
	foreach ($context['info_center'] as $block)
{
$func = 'template_ic_block_' . $block['tpl'];
$func();
}

Kod: (bununla değiştirin)
// start infocenter tabs
echo '
<div id="infocenter_tabs">';
$i=0;
foreach ($context['info_center'] as $block_tab)
{
      $i=$i+1;
echo '
<input class="infoblock_tab" id="infoblock_', $i, '" type="radio" name="ibtabs" ', $i==1 ? 'checked' : '' ,'>
            <label for="infoblock_', $i, '" class="infoblock_tab"><h3 class="catbg">', $txt[$block_tab['txt']], '</h3></label>';
}
 
$i=0;
foreach ($context['info_center'] as $block)
{
      $i=$i+1;
echo'
  <div class="infoblock_content">
                <div id="infoblock_', $i, '_block">';
$func = 'template_ic_block_' . $block['tpl'];
$func();
echo '
  </div><!-- #infoblock_#_block -->
            </div><!-- #infoblock_content -->';
}

  echo '
</div><!-- #infocenter_tabs -->';
// end infocenter tabs

Kod: (index.css dosyasında bunu dosyanın sonuna ekleyin)
/* tabbed infoblock */
.infoblock_content > div {
    display: none;
padding: 20px 25px 5px;
}
input.infoblock_tab {display: none;}
label.infoblock_tab {
    background: #668ba9;
    background-image: linear-gradient(to bottom, #5e85a5 0%, #346996 100%);
    border-bottom: 1px solid #777;
    padding: 5px 15px;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
 }
label.infoblock_tab:hover {
    color: #fff;
cursor: pointer;
}
input.infoblock_tab:checked + label .infoblock_tab  {
    background: #054B20;
color: #aaa;
}
 
#infoblock_1:checked ~ .infoblock_content #infoblock_1_block,
#infoblock_2:checked ~ .infoblock_content #infoblock_2_block,
#infoblock_3:checked ~ .infoblock_content #infoblock_3_block,
#infoblock_4:checked ~ .infoblock_content #infoblock_4_block,
#infoblock_5:checked ~ .infoblock_content #infoblock_5_block,
#infoblock_6:checked ~ .infoblock_content #infoblock_6_block,
#infoblock_7:checked ~ .infoblock_content #infoblock_7_block,
#infoblock_8:checked ~ .infoblock_content #infoblock_8_block,
#infoblock_9:checked ~ .infoblock_content #infoblock_9_block {
   display: block;
   }
Alinti:Kindred