Spenix Super Soccer

Hello every body,how do you do? Well kalau kita ok ok saja.Oh iya ada kabar yang sangat menggembirakan bagi kamu sekalian penggila bola,sekolah kita tercinta SPENIX berhasil meraih peringkat ke-3 pada kejuaraan sepakbola antar sekolah yang diadakan oleh Dinas Pemuda Dan Olahraga kota Pasuruan.Prestasi yang diraih ini sungguh sangat membanggakan,betapa tidak setelah hampir 4 tahun tidak meraih gelar atau meraih posisi terhormat,akhirnya sekolah kita bisa meraih posisi ke-3.Apa yang diraih ini tidak mudah karena semuanya butuh perjuangan dan latihan yang keras.
Prestasi yang diraih ini sebenarnya berawal dari kegiatan ekskul yang diadakan secara intens,ekskul sepakbola yang laksanakan tiap hari Selasa dan Kamis ini

Screenshot:

Script Menu

 Welcome!  
ente sekarang berada di area tersembunyi kami. dimohon untuk berhati-hati karena 
"Zimply" si robot zombie berkeliaran :D kawan!!!  :

  



WELCOME TO SMPN 9 PASURUAN
Disini tempat script menu berada silakan dipilih sesuka kalian jika ingin test klik DEMO MENU

Menu Dropdown V.1
(Jika tombol 'select all' kagak bisa kawan mohon di Crtl A)

"<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> Javascript Menu ala brian </script> <style type="text/css"> .brianganteng{ background: url(http://www.themebin.com/wp-content/uploads/hd-wallpapers/1920x1200/skull_1920x1200.png) top left repeat; padding: 8px 3px 3px; float: left; margin: 20px 5px 0; border: 2px solid #666; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 1px 4px 15px #000; -moz-box-shadow: 1px 4px 15px #000; -webkit-box-shadow: 1px 4px 15px #000; } .brianganteng span { font: 16px Copperplate Gothic Bold; font-weight: bold; color: #5a5a5a; padding: 5px; text-shadow: 1px 4px 2px #000; } .brian { font-family: Copperplate Gothic Bold; font-size: 11px; } ul#GRcollaps { background: transparent; } ul#GRcollaps, ul#GRcollaps ul { list-style-type:none; margin: 0; padding: 0; width: 200px; } ul#GRcollaps a { font: 12px Helvetica; display: block; text-decoration: none; } ul#GRcollaps li { margin-top: 1px; } ul#GRcollaps li a { background: #333; border: 2px solid #ffff; color: #fff; padding: 0.5em; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } ul#GRcollaps li a:hover { border-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkitborder-radius: 8px; background: #000; } ul#GRcollaps li ul li a { background: #ccc; padding: 0.2em 0.5em; color: #000; padding-left: 20px; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; border-left: 5px #777 solid; border-right: 3px #ccc solid; border-top: 3px #ccc solid; border-bottom: 3px #ccc solid; opacity: 0.8; } ul#GRcollaps li ul li a:hover { background: #666; border-left: 15px #000 solid; border-right: 3px #000 solid; border-top: 3px #000 solid; border-bottom: 3px #000 solid; padding-left: 15px; opacity: 1.0; color: #fff; text-shadow: 1px 1px 1px #000; } </style> <script type="text/javascript"> function initMenu() { $('#GRcollaps ul').hide(); $('#GRcollaps li a').click( function() { $(this).next().slideToggle('slow');});} $(document).ready(function() {initMenu();}); </script> <div class="brianganteng"> <span>Menu</span> <div class="brianganteng"> <ul id="GRcollaps"> <li> <a href="javascript:;">TITLE</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 2</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 3</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 4</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 5</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 6</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="http://j-teams.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.localexchange.org.uk/new/images/localx_home.png" /></a></div> <span class="text_exposed_show" style="display: inline; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; text-align: left;"><b style="color: #333333;"><span style="font-size: x-small;">PROGRAM BY</span></b><span style="color: #333333; font-size: x-small;">:</span><b><span style="color: red;"><a href="http://www.facebook.com/brianganteng">BRIAN</a></span> </b></span></div> </div> "

DEMO MENU 

Menu Dropdown V.2
(Jika tombol 'select all' kagak bisa kawan mohon di Crtl A)

"<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> Javascript Menu ala brian </script> <style type="text/css"> .brianganteng{ background: url(http://www.colourbox.com/preview/3973872-40800-pink-hearts-bokeh-background-on-black-showing-love-romance-and-valentines.jpg) top left repeat; padding: 8px 3px 3px; float: left; margin: 20px 5px 0; border: 2px solid #666; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; box-shadow: 1px 4px 15px #000; -moz-box-shadow: 1px 4px 15px #000; -webkit-box-shadow: 1px 4px 15px #000; } .brianganteng span { font: 16px Copperplate Gothic Bold; font-weight: bold; color: #5a5a5a; padding: 5px; text-shadow: 1px 4px 2px #000; } .brian { font-family: Copperplate Gothic Bold; font-size: 11px; } ul#GRcollaps { background: transparent; } ul#GRcollaps, ul#GRcollaps ul { list-style-type:none; margin: 0; padding: 0; width: 200px; } ul#GRcollaps a { font: 12px Helvetica; display: block; text-decoration: none; } ul#GRcollaps li { margin-top: 1px; } ul#GRcollaps li a { background: #333; border: 2px solid #ffff; color: #fff; padding: 0.5em; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; } ul#GRcollaps li a:hover { border-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkitborder-radius: 8px; background: #000; } ul#GRcollaps li ul li a { background: #ccc; padding: 0.2em 0.5em; color: #000; padding-left: 20px; -o-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; border-left: 5px #777 solid; border-right: 3px #ccc solid; border-top: 3px #ccc solid; border-bottom: 3px #ccc solid; opacity: 0.8; } ul#GRcollaps li ul li a:hover { background: #666; border-left: 15px #000 solid; border-right: 3px #000 solid; border-top: 3px #000 solid; border-bottom: 3px #000 solid; padding-left: 15px; opacity: 1.0; color: #fff; text-shadow: 1px 1px 1px #000; } </style> <script type="text/javascript"> function initMenu() { $('#GRcollaps ul').hide(); $('#GRcollaps li a').click( function() { $(this).next().slideToggle('slow');});} $(document).ready(function() {initMenu();}); </script> <div class="brianganteng"> <span>Menu</span> <div class="brianganteng"> <ul id="GRcollaps"> <li> <a href="javascript:;">TITLE</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 2</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 3</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 4</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 5</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> <li> <a href="javascript:;">TITLE 6</a> <ul> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> <li><a href="http://j-teams.blogspot.com">J-TEAMS</a></li> </ul> </li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="http://j-teams.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.genieo.com/wp-content/themes/arras-theme/img/logoHome.png" /></a></div> <span class="text_exposed_show" style="display: inline; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; text-align: left;"><b style="color: #333333;"><span style="font-size: x-small;">PROGRAM BY</span></b><span style="color: #333333; font-size: x-small;">:</span><b><span style="color: red;"><a href="http://www.facebook.com/brianganteng">BRIAN</a></span> </b></span></div> </div> "

DEMO MENU

UNTUK TUTORIAL KLIK INI :