SMF 2.1 RC3 - ​​sekmeli bilgi merkezi

[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