รายการ icons ของ thaicreate สำหรับผู้เขียนบทความ.........................

<option value="csite.gif">Logo : 1 </option>
<option value='control-panel.gif'>Logo : 2 </option>
<option value="mail.gif">Logo : 3 </option>
<option value="cell.gif">Logo : 4 </option>
<option value="thermometer2.gif">Logo : 5 </option>
<option value="db-new.gif">Logo : 6 </option>
<option value="rimage.gif">Logo : 7 </option>
<option value="reportbg.gif">Logo : 8 </option>
<option value="metatag.gif">Logo : 9 </option>
<option value="security.gif">Logo : 10 </option>
<option value="domain.gif">Logo : 11 </option>
<option value="configure.gif">Logo : 12 </option>
<option value="Register.gif">Logo : 13 </option>
<option value="messageboards.gif">Logo : 14 </option>
<option value="backup.gif">Logo : 15 </option>
<option value="hosting.gif">Logo : 16 </option>
<option value="ftp.gif">Logo : 17 </option>
<option value="java.jpg">Logo : 18 </option>
<option value="emailservice.gif">Logo : 19 </option>
<option value="download.gif">Logo : 20 </option>
<option value="user_bg.gif">Logo : 21 </option>
<option value="aspdotnet.gif">Logo : 22 </option>
<option value="windows-phone.gif">Logo : 23 </option>
<option value="counter.gif">Logo : 24 </option>
<option value="whois.gif">Logo : 25 </option>
<option value="Thumbs.db">Logo : 26 </option>
<option value="fp.gif">Logo : 27 </option>
<option value="news.gif">Logo : 28 </option>
<option value="faq.gif">Logo : 29 </option>
<option value="pdficon.gif">Logo : 30 </option>
<option value="topsites.gif">Logo : 31 </option>
<option value="usersgrp.gif">Logo : 32 </option>
<option value="android.png">Logo : 33 </option>
<option value="clockdate.gif">Logo : 34 </option>
<option value="collaboration.jpg">Logo : 35 </option>
<option value="text_tree.gif">Logo : 36 </option>
<option value="sitestats.gif">Logo : 37 </option>
<option value="stories.gif">Logo : 38 </option>
<option value="question.gif">Logo : 39 </option>
<option value="mailadd.gif">Logo : 40 </option>
<option value="rlink.gif">Logo : 41 </option>
<option value="refresh.gif">Logo : 42 </option>
<option value="performance.gif">Logo : 43 </option>
<option value="textcounter.gif">Logo : 44 </option>
<option value="spam.gif">Logo : 45 </option>
<option value="startpage.gif">Logo : 46 </option>
<option value="sendasite.gif">Logo : 47 </option>
<option value="preview.gif">Logo : 48 </option>
<option value="report.gif">Logo : 49 </option>
<option value="privacy.gif">Logo : 50 </option>
<option value="newsheadlines.gif">Logo : 51 </option>
<option value="docflow.jpg">Logo : 52 </option>
<option value="rbanner.gif">Logo : 53 </option>
<option value="guestbook.gif">Logo : 54 </option>
<option value="shopping.gif">Logo : 55 </option>
<option value="icon_wysiwyg_v2.gif">Logo : 56 </option>
<option value="element_selection.gif">Logo : 57 </option>
<option value="mailinglist.gif">Logo : 58 </option>
<option value="preferences.gif">Logo : 59 </option>
<option value="app.gif" selected>Logo : 60 </option>
<option value="setup_bg.gif">Logo : 61 </option>
<option value="position-pointer.gif">Logo : 62 </option>
<option value="contact.gif">Logo : 63 </option>
<option value="php.gif">Logo : 64 </option>
<option value="chat.gif">Logo : 65 </option>
<option value="countdown.gif">Logo : 66 </option>
<option value="ios.gif">Logo : 67 </option>
<option value="filemanager.gif">Logo : 68 </option>
<option value="mail_logo.gif">Logo : 69 </option>
<option value="Documentation.gif">Logo : 70 </option>
<option value="xmlspidermap.gif">Logo : 71 </option>
<option value="support.gif">Logo : 72 </option>
<option value="window_split_hor.gif">Logo : 73 </option>
<option value="site-apppkgs.gif">Logo : 74 </option>
<option value="multi.gif">Logo : 75 </option>
<option value="Demos.gif">Logo : 76 </option>
<option value="OnlineTutorials.gif">Logo : 77 </option>
<option value="graph.gif">Logo : 78 </option>
<option value="ssl.gif">Logo : 79 </option>
<option value="directories.gif">Logo : 80 </option>
<option value="password.gif">Logo : 81 </option>
<option value="SearchKB.gif">Logo : 82 </option>
<option value="Downloads.gif">Logo : 83 </option>
<option value="subdomain-new.gif">Logo : 84 </option>
<option value="selection_recycle.gif">Logo : 85 </option>
<option value="hotlink.gif">Logo : 86 </option>
<option value="pdf-color.gif">Logo : 87 </option>
<option value="merchant.gif">Logo : 88 </option>
<option value="fotolia.gif">Logo : 89 </option>
<option value="emailform.gif">Logo : 90 </option>
<option value="imits_bg.gif">Logo : 91 </option>
<option value="text_rich_marked.gif">Logo : 92 </option>
<option value="voting.gif">Logo : 93 </option>
<option value="crontab-win.gif">Logo : 94 </option>
<option value="document_dirty.gif">Logo : 95 </option>
<option value="icon.gif">Logo : 96 </option>
<option value="ffal.gif">Logo : 97 </option>
<option value="domain-aliases.gif">Logo : 98 </option>
<option value="search.jpg">Logo : 99 </option>
<option value="index.gif">Logo : 100 </option>
<option value="excel.gif">Logo : 101 </option>
<option value="pdf.jpg">Logo : 102 </option>
<option value="windows-azure.jpg">Logo : 103 </option>
<option value="user-new.gif">Logo : 104 </option>
<option value="webdirs.gif">Logo : 105 </option>
<option value="ecards.gif">Logo : 106 </option>
<option value="website.gif">Logo : 107 </option>
<option value="databases.gif">Logo : 108 </option>
<option value="rtext.gif">Logo : 109 </option>
<option value="forums.gif">Logo : 110 </option>
<option value="searchengine.gif">Logo : 111 </option>
<option value="auctions.gif">Logo : 112 </option>
<option value="communication.jpg">Logo : 113 </option>
<option value="copy-warn.gif">Logo : 114 </option>
<option value="classifieds.gif">Logo : 115 </option>
<option value="webrings.gif">Logo : 116 </option>
<option value="pointer.gif">Logo : 117 </option>
<option value="tape_measure1.gif">Logo : 118 </option>
<option value="word.gif">Logo : 119 </option>

<?php
ob_start();
include '_sources.php';
$icon_options = ob_get_clean();

$icon_url_prefix = 'https://www.thaicreate.com/upload/icon-topic/';

preg_match_all('/<option value=[\'|"](?<icon_file>.*?)[\'|"]\s*>(?<logo_number>.*?)<\/option>/', $icon_options, $matches, PREG_SET_ORDER);

unset($icon_options);
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Thaicreate.com topic icons</title>

        <link rel="stylesheet" href="list.css">
    </head>
    <body>
        <h1>Thaicreate.com topic icons</h1>
        <?php
        if (isset($matches) && is_array($matches)) {
            echo "\n";
            echo '<div class="icon-list">'."\n";

            foreach ($matches as $key => $item) {
                if (is_array($item) && array_key_exists('icon_file', $item) && array_key_exists('logo_number', $item)) {
                    echo '    <div class="each-icon">'."\n";
                    echo '        <img class="the-icon" src="' . $icon_url_prefix . $item['icon_file'] . '" alt="' . htmlspecialchars($item['logo_number']) . '">'."\n";
                    echo '        <span class="icon-name">' . $item['logo_number'] . '</span>'."\n";
                    echo '    </div>'."\n";
                }
            }// endforeach;
            unset($item, $key);

            echo '</div>'."\n";
        }
        ?> 
    </body>
</html>
<?php 
unset($icon_url_prefix, $matches);
?> 

/**
 * Thaicreate.com topic icons listing css.
 *
 * @author Vee W.
 */


body {
    background-color: #fff;
    color: #333;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0 auto;
    padding: 10px 20px;
}
@media (min-width: 1040px) {
    body {
        width: 1000px;
    }
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 0 0 20px;
}


.icon-list::after {
    clear: both;
    content: '';
    display: table;
}
.icon-list .each-icon {
    float: left;
    height: 80px;
    padding: 10px;
    text-align: center;
    width: 90px;
}
.icon-list .each-icon .the-icon {
    max-height: 32px;
    max-width: 32px;
}
.icon-list .each-icon .icon-name {
    display: block;
    text-align: center;
    width: 100%;
}