Ngoprek Kartu ala Pak Hartoyo

Untuk mendapatkan tampilan kartu seperti ini:


berikut tips yang disampaikan oleh pak Hartoyo (pegiat komunitas SLiMS Jawa Tengah https://www.facebook.com/#!/groups/196024410428515/ ):
1. Buka file admin>membership>member_card_generator.php
2. Edit dengan ketentuan:
baris yang diedit (pada senayan 14, senayan 15 menyesuaian) 145 - 150

$html_str .= 'body { padding: 5; margin: 1cm; font-size: '.$card_font_size.'pt; font-family: '.$card_fonts.'; background: #fff; }'."\n";
$html_str .= '.labelStyle { width: '.$card_box_width.'cm; height: '.$card_box_height.'cm; text-align: center; margin: '.$card_items_margin.'cm; border: '.$card_border_size.'px solid #f01302; background:#bcf48b url(http://t2.gstatic.com/images?q=tbn%3AANd9GcT7jUyf5V5LswSyEHbaGrlgsklj6xwvRaU9daPrw08Agqz3K8-oH_FXfrM)no-repeat; background-align: bottom; background-size: 13%; padding: 2px; overflow: hidden;}'."\n";
$html_str .= '.labelHeaderStyle { background-color: #1638e4; font-weight: bold; padding: 10px; margin-left:40px; margin-bottom: 7px; }'."\n";
$html_str .= '#photo { border: 3px solid #03ef6f; float: right; width: '.$card_photo_width.'cm; height: '.$card_photo_height.'cm; overflow: hidden; }'."\n";
$html_str .= '#photo img { width: 100%; }'."\n";
$html_str .= '#bio { float: left; padding-left: 3px; text-align: left; overflow: hidden; width: '.($card_box_width-$card_photo_width-0.3).'cm; }'."\n";

Pak hartoyo juga berhasil memodifikasi kartu dengan latar belakang gambar, sebagai berikut:


Untuk yang kedua ini, silakan modif sendiri yak, untuk belajar.