Festival Olahraga Ekstrim Counterpain IIUSF 2014

Di penghunjung tahun 2014 ini Counterpain-IIUSF 2014 mengadakan festival berskala internasional untuk penggemar olahraga ekstrim. festival ini akan di selenggarakan selama empat hari pada tanggal 28 sampai 31 Desember di Harbour Bay, Batam.

Terselenggaranya event Counterpain-IIUSF 2014 merupakan kerjasma AM-PM Production dengan Counterpain dan beberapa sponsosr lainnya, beberapa organisasi yang ikut dalam mendukung berjalannya event ini di antara nya adalalah Kementrian Pemuda & Olahraga , Asosiasi BMX Indonesia, Federasi Skateboard Indonesia, BboyIndo, Federasi Olahraga Rekreasi Masyarakat Indonesia (FORMI) dan Tony Q. Beberapa media pun juga ikut serta untuk menyukseskan event ini.

Ini merupakan tahun pertama di langsungkan nya event IIUSF 2014 dan rencananya akan menjadi sebuah agenda tetap di setiap tahun di berbagai kota-kota besar di Indonesia.

Counterpain-IIUSF 2014 akan menghadirkan kompetisi olahraga urban seperti BMX, Skateboard, Bboy dan Sport Climbing serta mendatangkan urban sport athlet dari Singapura, Malaysia, Thailand, Indonesia dll .

Counterpain IIUSF 2014 Stage Layout

Click image to zoom

Counterpain IIUSF 2014 Full Layout

Click image to zoom

Counterpain IIUSF 2014 Skatepark Layout

Click image to zoom

Counterpain IIUSF 2014 Wall Climbing Layout

Click image to zoom

Event ini menggabungkan kompetisi olahraga, music dan seni. Dengan target audience dari semua kalangan dan komunitas (Comunities of Dancer, Skater, BMX, Parkour, Graffiti, Ballers, Wall Climbing, Footballers dan Reapers). Selain itu para pengunjung juga akan disuguhkan dengan berbagai acara menarik seperti :
- Fun Bike
- Bazar
- Music Performance
- DJ Performance
- Games 
- Dan Pesta penyambutan tahun baru 2015.
 
AM-PM yang bertindak sebagai penyelenggara yakin event ini dapat mempromosikan Indonesia melalui festival internasional. Selain itu, event ini sekaligus mempromosikan olahraga urban sehingga peminatnya bertambah banyak.

Penulis : Alzanied Putra

Referensi : http://www.iiusf.com | http://www.tribunnews.com

Learn More

SOFTWARE PENCIPTA MENU DENGAN MUDAH

Adalah Css Tab Designer. software yang memudahkan blogger untuk menciptakan sebuah tabmenu, software ini sangat ramah sekali untuk digunakan sehingga dengan mudah dan cepat kita bisa menghasilkan sebuah tabmenu yang indah nan elegan.

Software ini mempunyai 2 style menu yaitu horizontal menu dan vertical menu,

[Klik gambar untuk memperjelas]

Selain itu kita dapat melihat source code dari project yang kita buat.
Fitur keren lainnya adalah kita bisa mencocokan tampilan menu yang sudah kita buat ke 7 browser yang sudah disediakan :
1) Internet Explorer
2) Netscape
3) Opera
4) Mozilla Firefox
5) Konqueror
6) Safari
7) Camino

Download via : Mediafire | Css Tab Designer v2.0 [1.45Mb]

GENERATE LINK DOWNLOAD

Learn More

MEMBUAT ANIMASI GALERI UNIK DENGAN CSS3

Setelah sekian minggu tidak update akhirnya saya dapat meluangkan waktu untuk kembali meng-update blog ini dengan posting-postingan yang sobat tunggu-tunggu (siapa yang nunggu? -_-") tentunya saya akan kembali share apa yang saya ketahui tentang keindahan css3, heuheuheu..

Pada kesempatan kali ini saya akan mengajak sobat untuk membuat Animasi Galeri dengan Css3 yang pasti unik dan menarik dilihat mata (o.o).
Fitur utama Css pada tutorial ini adalah z-index yang berfungsi untuk menempatkan suatu objek didepan ataupun dibelakang objek lainnya.

Silahkan saksikan live demonya :
hanya di http://se-avancee.blogspot.com

FACEBOOK SE AVANCEE TWITTER

/* First Css States */

ul#index_SE {
margin-top:10px;
text-align:center;
}

ul#index_SE li {
background:#ccc;
height:300px;
width:130px;
display:block;
float:left;
border:1px solid #666;
padding: 0 10px;
position:relative;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 2px 2px 10px #000;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}

#SE-Gallery1 {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
z-index:2;
left:70px;
top:10px;
}

#SE-Gallery2 {
background-color:#69732B;
z-index:3;
}

#SE-Gallery3 {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
z-index:2;
right:70px;
top:10px;
}

/* Hover States */

ul#index_SE li:hover {
z-index:4;
}

#SE-Gallery1:hover {
-moz-transform: scale(1.1) rotate(-8deg);
-webkit-transform: scale(1.1) rotate(-8deg);
}

#SE-Gallery2:hover {
-moz-transform: scale(1.1) rotate(2deg);
-webkit-transform: scale(1.1) rotate(2deg);
}

#SE-Gallery3:hover {
-moz-transform: scale(1.1) rotate(12deg);
-webkit-transform: scale(1.1) rotate(12deg);
}

/* Content Styling */

ul#index_SE li img {
background:#fff;
margin-top: -5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 5px #aaa;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
}

h5 {
font-family: comic Sans MS;
padding-bottom: 10px;
}

<ul id="index_SE">
<li id="SE-Gallery1">
<h5>
FACEBOOK</h5>
<a href="http://facebook.com/" target="_blank"><img alt="Facebook" height="auto" src="https://lh4.googleusercontent.com/-RFxyYq_BUE0/Tqa5zp0XFvI/AAAAAAAABko/o39fosqkw3Q/s232/IpodFB.png" title="Facebook" width="auto" /></a>
</li>

<li id="SE-Gallery2">
<h5>
SE AVANCEE</h5>
<a href="http://se-avancee.blogspot.com/" target="_blank"><img alt="Se Avancee" height="auto" src="https://lh5.googleusercontent.com/-ok-U5R1v3pA/Tqa5zESyUrI/AAAAAAAABkg/wxsBkBrElJU/s232/ipodSA.png" title="Se Avancee" width="auto" /></a>
</li>

<li id="SE-Gallery3">
<h5>
TWITTER</h5>
<a href="http://twitter.com/" target="_blank"><img alt="Twitter" height="auto" src="https://lh4.googleusercontent.com/-_3zsJsBOYec/Tqa5yqYrQlI/AAAAAAAABkc/lFRj5oaSFxQ/s232/IpodTW.png" title="Twitter" width="auto" /></a>
</li>
</ul>

Catatan :

* -webkit-transform: rotate(10deg); & -moz-transform: rotate(10deg); berfungsi untuk membuat suatu objek menjadi miring atau terbalik, 10deg menunjukan nilai kemiringan 10 derajat.
* -moz-transform: scale(1.1) rotate(-8deg); & -webkit-transform: scale(1.1) rotate(-8deg); berfungsi untuk membuat suatu objek miring atau terbalik (rotate) sekaligus membesarkan suatu objek, scale atau skala 1.1 adalah nilainya.

Pertanyaan lebih lanjut silahkan salurkan pada komentar dibawah ini.

Learn More