kategori.php

<style type="text/css">

            #loading{
                width: 100%;
                position: absolute;
                top: 100px;
                left: 100px;
                margin-top:200px;
            }
            #container7 .pagination ul li.inactive,
            #container7 .pagination ul li.inactive:hover{
                background-color:#ededed;
                color:#bababa;
                border:1px solid #bababa;
                cursor: default;
            }
            #container7 .data ul li{
                list-style: none;
                font-family: verdana;
                margin: 5px 0 5px 0;
                color: #000;
                font-size: 13px;
            }

            #container7 .pagination{
                width: 800px;
                height: 25px;
            }
            #container7 .pagination ul li{
                list-style: none;
                float: left;
                border: 1px solid #006699;
                padding: 2px 6px 2px 6px;
                margin: 0 3px 0 3px;
                font-family: arial;
                font-size: 14px;
                color: #006699;
                font-weight: bold;
                background-color: #f2f2f2;
            }
            #container7 .pagination ul li:hover{
                color: #fff;
                background-color: #006699;
                cursor: pointer;
            }
            .go_button
            {
            background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
            }
            .total
            {
            float:right;font-family:arial;color:#999;
            }

        </style>

        <div class="page-content">
            <div class="row clearfix">
                <div class="grid_9 alpha">

                 <?
                          $kategori = $_REQUEST['kategori'];
                          $sq = mysql_query("SELECT nama_kategori from kategori where id_kategori='".$val->validasi($_GET['id'],'sql')."'");
                          $n = mysql_fetch_array($sq);

                                    {
                                    ?>

                    <div class="b_title"><h3><i class="icon-folder-open mi"></i>
                    <? echo"&#187; Kategori : $n[nama_kategori]"; }?></h3></div>

                    <div class="posts mbf clearfix">
                        <div class="post_item">


                        <div id="loading"></div>
        <div id="container7">
            <div class="data"></div>
            <div class="pagination"></div>
        </div>

                        </div><!--/.posts-->



                    </div><!--/posts -->
                </div><!--/grid_9 -->

                <div class="grid_3 omega">
                    <div class="counter clearfix">
                        <ul>
                            <li class="facebook">
                                <a href="http://www.facebook.com/Theme20" target="_blank">
                                    <i class="fa fa-facebook"></i>
                                    <span>2,576</span>
                                    <small>Fans</small>
                                </a>
                            </li>
                            <li class="twitter">
                                <a href="http://twitter.com/theme_20" target="_blank">
                                    <i class="fa fa-twitter"></i>
                                    <span>1,889</span>
                                    <small>Followers</small>
                                </a>
                            </li>
                            <li class="rss">
                                <a href="#">
                                    <i class="fa fa-rss"></i>
                                    <span>19</span>
                                    <small>Subscribers</small>
                                </a>
                            </li>
                        </ul>
                    </div><!-- /social counter -->

                    <div class="ads_widget clearfix">
                        <span>SPONSORS</span>
                        <a href="http://themeforest.net/user/T20/portfolio?ref=T20" target="_blank">
                            <img src="img/260x125.jpg" width="260" height="125" alt="" />
                        </a>
                        <a href="http://themeforest.net/user/T20/portfolio?ref=T20" target="_blank">
                            <img src="img/125x125.jpg" width="125" height="125" alt="" />
                        </a>
                        <a href="http://themeforest.net/user/T20/portfolio?ref=T20" target="_blank" class="righter">
                            <img src="img/125x125.jpg" width="125" height="125" alt="" />
                        </a>
                    </div><!-- /ads -->

                    <div class="tt-soundcloud">
                        <div class="b_title"><h4>DJ Cookis Remix</h4></div>

                        <div class="widget clearfix">
                            <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/user353528688/modern-talking-sexy-sexy-lover&amp;auto_play=false&amp;show_artwork=true"></iframe>
                        </div>
                    </div><!-- /soundcloud -->

                    <div class="widget_video">
                        <div class="b_title"><h4>Trailer Forsaken</h4></div>

                        <div class="widget clearfix">
                            <div class="video-container">
                                <iframe src="http://player.vimeo.com/video/59500793" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                            </div>
                        </div>
                    </div><!-- /video -->

                    <div class="widget_categories">
                        <div class="b_title"><h4>Categories</h4></div>

                        <div class="widget clearfix">
                            <select name='cat' id='cat'>
                                <option value='-1'>Select Category</option>
                                <option class="level-0" value="1">Business</option>
                                <option class="level-0" value="3">Games</option>
                                <option class="level-0" value="6">Movies</option>
                                <option class="level-0" value="2">Reviews</option>
                                <option class="level-0" value="4">Sports</option>
                                <option class="level-0" value="5">Tech</option>
                                <option class="level-0" value="7">World</option>
                            </select>
                        </div>
                    </div><!--/categories -->

                    <div class="widget_instagram">
                        <div class="b_title"><h4>Photos on Instagram</h4></div>

                        <div class="widget instagram_widget clearfix">
                            <ul>
                                <li><a href="#"><img src="http://photos-b.ak.instagram.com/hphotos-ak-prn/10358186_777430262287377_366169548_s.jpg" alt="#"></a></li>
                                <li><a href="#"><img src="http://photos-a.ak.instagram.com/hphotos-ak-prn/1391299_248569022013016_1969109761_s.jpg" alt="#"></a></li>
                                <li><a href="#"><img src="http://photos-h.ak.instagram.com/hphotos-ak-prn/10369298_511925588907471_275419093_s.jpg" alt="#"></a></li>
                                <li><a href="#"><img src="http://photos-h.ak.instagram.com/hphotos-ak-prn/923617_655702751168255_1219710718_s.jpg" alt="#"></a></li>
                                <li><a href="#"><img src="http://photos-g.ak.instagram.com/hphotos-ak-prn/10311047_257289311120942_1498035435_s.jpg" alt="#"></a></li>
                                <li><a href="#"><img src="http://photos-h.ak.instagram.com/hphotos-ak-ash/10326510_1464044167166567_119328691_s.jpg" alt="#"></a></li>
                            </ul>
                        </div>
                    </div><!--/.instagram-->

                </div><!--/.grid_3-->
            </div><!-- /row -->
        </div><!-- /page content -->