SMF 2.1 RC3 - ​​sekmeli bilgi merkezi

Merhaba, tekrar hoş geldiniz!

Bilgi sahibi olanlarla ihtiyaç duyanları buluşturmak, farklı bakış açılarına sahip insanları bir araya getirerek birbirlerini daha iyi anlamalarını sağlamak ve herkesin bilgisini paylaşmasını sağlamak istiyoruz.

orhan

Moderator
Katılım
5 Ara 2018
Mesajlar
466
Tepkime puanı
88
Puanları
28
Kod: (BoardIndex.template.php içinde bu kodu bulun)
Kod:
	foreach ($context['info_center'] as $block)
	{
		$func = 'template_ic_block_' . $block['tpl'];
		$func();
	}

Kod: (bununla değiştirin)
Kod:
// 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)
Kod:
/* 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

once.png



sonra.png
 

Geri
Üst Alt