CSS Layout CODE For FrenzyFM

#information_elyaszbha. {
* cascading style sheets layout [css]: ;
* copyright 2012-2013 by elyaszbha: ;
* website: http://flavors.me/elyaszbha;
* updates: april 23, 2012;
* attention: you can alter/edit/copy codes.;
* browser: cross-browser compatibility;
}

///==================================///
           READ ME FIRST.TXT
///==================================///

1. CODE INI HANYA DIGUNAKAN DALAM PROFILE FRENZYFM.MY SAHAJA.
2. UNTUK MENGGUNAKAN CODE INI :-
    > DAFTAR DI FRENZYFM.MY (LOGIN GUNA FACEBOOK)
    > KLIK PROFILE (ATAS, KANAN)
    > KLIK CUSTOMIZE PROFILE
    > KLIK CSS (TEMPAT UNTUK PASTE CODE CSS)
3. BAGI MEMASTIKAN CODE ANDA BERJALAN DENGAN LANCAR, PASTIKAN ANDA HANYA COPY CODE SAHAJA, TANPA COPY NAMA CODE.
4. SEMOGA BERJAYA.

 <!- CODE DISEDIAKAN OLEH GAARA :- http://www.frenzyfm.my/gaara -!>
<!- P/S:- PM saya jika ada soalan atau mengalamai kekeliruan. :) -!>

///====================================///
      CODE BERMULA DIBAWAH INI :)
///===================================///

========================================
1. BACKGROUND WITH CURSOR CODE
========================================

body {
background-position: center center;
background-repeat: repeat;
background-attachment: scroll;
background-image: url('URL_BACKGROUND_KORANG');
cursor: url('URL_ANAK_PANAH'), progress !important;
}


========================================
2. CURSOR CODE
========================================

body, a:hover {
cursor: url(URL_ANAK_PANAH), url(URL_ANAK_PANAH), progress !important;
}

========================================
3. HEADER/BANNER CODE
========================================

#logo {
color: transparent;
height: 200px;
width: 782px;
background: url('URL_BANNER_KORANG') no-repeat;
position: relative;
top: 1px;
left: -189px;
opacity: 0.9;
filter: alpha(opacity=60);
}

#logo:hover {
color: transparent;
height: 200px;
width: 782px;
background: url('URL_BANNER_KORANG') no-repeat;
position: relative;
top: 1px;
left: -189px;
opacity: 0.9;
filter: alpha(opacity=60);
}

========================================
4. TRANSPARENT WALL CODE
========================================

#main_content_block {
width: 1010px;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url("/pie.htc");
background: #d4d4d4 url('') repeat-y center top;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
opacity: 0.9;
filter: alpha(opacity=60);
}

========================================
5. TRANSPARENT FOOTER CODE
========================================

#top_footer {
background: url('') no-repeat center top;
min-height: 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url("/pie.htc");
opacity: 0.9;
filter: alpha(opacity=60);
}

#footer_holder {
width: 1010px;
margin-left: auto;
margin-right: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url("/pie.htc");
background: #252525;
overflow: hidden;
border-left: 1px solid #303030;
border-top: 1px solid #4a4a4a;
border-right: 1px solid #303030;
border-bottom: 1px solid #2b2b2b;
opacity: 0.9;
filter: alpha(opacity=60);
}

========================================
6. TRANSPARENT HEADER NAVIGATION ON TOP (WARNA HIJAU TUH)
========================================

#header_body {
background: white;
opacity: 0.9;
filter: alpha(opacity=60);
}

#header_right {
opacity: 0.9;
filter: alpha(opacity=60);
}

========================================
7. HOVER IMAGE EFFECT (STYLE 1-Fade In and Fade out)
========================================

img {
filter: progid:dximagetransform.microsoft.alpha(opacity=50);
khtml-opacity: 0.5;
moz-opacity: 0.5;
opacity: 0.5;
}

a:hover img {
filter: progid:dximagetransform.microsoft.alpha(opacity=100);
khtml-opacity: 0.99;
moz-opacity: 0.99;
opacity: 0.99;
}

========================================
8. HOVER IMAGE EFFECT (STYLE 2-Fade In and Reflect)
========================================

img {
margin: 1px;
opacity: 0.8;
border: 1px solid #eee;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}

img:hover {
opacity: 1;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}

========================================
9. HOVER IMAGE EFFECT (STYLE 3-Spinning 360*)
========================================

img {
    margin: 0px;
    border: 2px solid #eee;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
}

img:hover {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
}

========================================
10. LINK CODE
========================================

a:link {
text-decoration: none;
color: #8A360F;
}
a:link:hover {
text-decoration: none;
color: #CC7F32;
}
a:visited {
text-decoration: none;
color: #8A360F;
}

========================================