**1：首先更換`/usr/themes/handsome/links.php`中`51-100行`的數據：** ``` <div class="tab-pane fade in" id="tab_2"> <div class="link-box"> <?php $mypattern = <<<eof <a href="{url}" target="_blank" class="list-group-item no-borders box-shadow-wrap-lg" title="{title}"> <div class="thumb"> <img width="200" height="200" src={image} alt="{title}" /> </div> <div class="content"> <p class="title">{name}</p> </div> </a> eof; Handsome_Plugin::output($mypattern, 0, "one"); ?> </div> </div> <div class="tab-pane fade in" id="tab_3"> <div class="link-box"> <?php $mypattern = <<<eof <a href="{url}" target="_blank" class="list-group-item no-borders box-shadow-wrap-lg" title="{title}"> <div class="thumb"> <img width="200" height="200" src={image} alt="{title}" /> </div> <div class="content"> <p class="title">{name}</p> </div> </a> eof; Handsome_Plugin::output($mypattern, 0, "good"); ?> </div> </div> <div class="tab-pane fade in" id="tab_4"> <div class="link-box"> <?php $mypattern = <<<eof <a href="{url}" target="_blank" class="list-group-item no-borders box-shadow-wrap-lg" title="{title}"> <div class="thumb"> <img width="200" height="200" src={image} alt="{title}" /> </div> <div class="content"> <p class="title">{name}</p> </div> </a> eof; Handsome_Plugin::output($mypattern, 0, "ten"); ``` **2：將以下代碼添加至`后臺-開發者設置-自定義CSS`。** ``` .link-box a .thumb { font-size: 0; overflow: hidden; background-color: #fff; margin: 0; border-top-left-radius: .25rem; border-top-right-radius: .25rem; width: 100%; } .link-box { overflow: hidden; padding: 4.375rem 2.1875rem 2.1875rem; margin: -3.125rem; display: flex; flex-direction: row; flex-wrap: wrap; } .link-box a{ width: 16%; text-align: center; margin: 14px; border-radius: 1.3125rem; } .link-box a:hover{ box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); -moz-box-shadow: 1px 1px 5px 5px rgba(255, 112, 173, 0.35); } ```