Mustafa, Fauzie
Fauzie Mustafa
Sea Eagle Maritime
#42 & 42A Mawar 1, Tmn. Mawar
Pasir Gudang, JOHOR 81700

(607) 254-3092

skype fauzi6009
yahoo fauzi6009@ymail.com
   
facebook facebook.com/fauzimustafa
linkedin linkedin.com/in/fauzi
blog jom kita blog
twitter twitter.com/fauzi
flickr flickr.com/photos/fauzi
youtube youtube.com/fauzi

ws

PKG Petaling Toplist web
5Aug 2009

Mega Menu

Ini adalah contoh teaser box. Lebar atau width kotak adalah "fixed" dan ini membolehkan ia dibuat dengan menggunakan satu "background image" sahaja yang mana ke empat-empat bucunya mempunyai "rounded corner".

Dapatkan kod di bawah ini

Thursday 15 October 2009

test 

<html>

<head>

<style type="text/css">





.vcardmain {

         width: 350px;

         padding: 25px 35px 15px 25px;

         border: 10px solid #fc0;

text-shadow: 0px 1px 2px #111;

font-family: "Liberation Sans Bold", Arial, sans-serif;

color:#f5f5f5;font-size: 18px;



-moz-box-shadow: 0px 7px 20px 7px #666;

	-webkit-box-shadow: 0px 7px 20px 7px #666;

	box-shadow: 0px 7px 20px 7px #666;

-moz-border-radius-topleft: 0px;

	-webkit-border-top-left-radius: 0px;

-moz-border-radius-topright: 15px;

	-webkit-border-top-right-radius: 15px;



-moz-border-radius-bottomleft: 15px;

	-webkit-border-bottom-left-radius: 15px;

-moz-border-radius-bottomright: 15px;

	-webkit-border-bottom-right-radius: 15px;       

background: #d2d5f0 url(http://i425.photobucket.com/albums/pp331/fauzi6009/batik.jpg) repeat fixed;

	

 }



.fn {

  width: 140px;

  border: 1px solid #e6e6e6;

  padding: 5px 5px 5px 15px;

  background-color: #e6e6e6;

  font-weight: bold;

  color: #000;

text-shadow: 0px 1px 1px #fff;

font-family: "Liberation Sans Bold", Arial, sans-serif;

color:#000;font-size: 20px;

-moz-border-radius-topleft: 10px;

	-webkit-border-top-left-radius: 10px;

-moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;



-moz-box-shadow: 0px 7px 20px 7px #666;

	-webkit-box-shadow: 0px 7px 20px 7px #666;

	box-shadow: 0px 7px 20px 7px #666;



}

style>

head>

<body>

<div class="vcard">

       <div class="fn">Mustafa, Fauziediv>

<div class="vcardmain"> 

   <div class="n">Fauzie Mustafadiv> 

   <div class="org">Sea Eagle Maritimediv>

       <div class="adr">

          <div class="street-address">#42 & 42A Mawar 1, Tmn. Mawardiv>

         <span class="locality">Pasir Gudangspan>,

         <span class="region">JOHORspan>

         <span class="postal-code">81700span>

       div>

       <p><div class="tel">(607) 254-3092div>p>

        <p><div class="email"><a href="mailto:mfm6009@gmail.com">mfm6009@gmail.coma>div>p>

<table>

<tr>

						<td class="f">skypetd>

						<td class="v"><a id="skype" class="url im offline" href="#">fauzi6009a>td>

					tr>



					<tr>

						<td class="f">yahootd>

						<td class="v"><a id="yahoo" class="url im offline" href="#">fauzi6009@ymail.coma>td>

					tr>

					<tr class="spacer">

						<td class="f">&nbsp;td>

						<td class="v">&nbsp;td>

					tr>



					<tr>

						<td class="f">facebooktd>

						<td class="v"><a id="facebook" class="url sn" href="#" rel="me">facebook.com/fauzimustafaa>td>

					tr>

					<tr>

						<td class="f">linkedintd>

						<td class="v"><a id="linkedin" class="url sn" href="#" rel="me">linkedin.com/in/fauzia>td>



					tr>

					<tr>

						<td class="f">blogtd>

						<td class="v"><a id="blog" class="url sn" href="#" rel="me">jom kita bloga>td>

					tr>

					<tr>

						<td class="f">twittertd>



						<td class="v"><a id="twitter" class="url sn" href="#" rel="me">twitter.com/fauzia>td>

					tr>

					<tr>

						<td class="f">flickrtd>

						<td class="v"><a id="flickr" class="url sn" href="#" rel="me">flickr.com/photos/fauzia>td>

					tr>

					<tr>



						<td class="f">youtubetd>

						<td class="v"><a id="youtube" class="url sn" href="#" rel="me">youtube.com/fauzia>td>



 div> 

div>

body>

html>
Posted by at No comments:

Wednesday 19 August 2009




5Aug
2009








Mega Menu


Ini adalah contoh teaser box. Lebar atau width kotak adalah "fixed" dan ini membolehkan ia dibuat dengan menggunakan satu "background image" sahaja yang mana ke empat-empat bucunya mempunyai "rounded corner".

Dapatkan kod di bawah ini



Posted by at No comments:

Friday 14 August 2009











PENDAFTARAN DARJAH SATU 2010





Makluman untuk ibubapa/penjaga




(1)Sekolah Agama Bandar Tiram telah membuka sesi Pendaftaran Pelajar-pelajar Darjah Satu(1) tahun 2010 sebagaimana ketentuan berikut:-

Tarikh: 01 Julai 2009-30hb September 2009
Masa: 8.00pg-5.00ptg(Waktu Pejabat)
Tempat: Pejabat Sek.Aga.Bandar Tiram.




Sehubungan dengan itu tuan/puan hendaklah datang sendiri ke pejabat sekolah pada waktu pejabat dan berjumpa dengan Pembantu Tadbir sekolah untuk membuat segala urusan pendaftaran.Selain itu juga tuan/puan diminta membawa salinan Sijil Kelahiran anak dan bagi warga asing diminta mendapatkan permit belajar daripada Jabatan Agama Johor terlebih dahulu.

Semoga di dalam makluman tuan/puan jua,kerjasama daripada pihak tuan/puan amatlah dihargai.

Sekian terima kasih.





MAKLUMAN PEPERIKSAAN








UJIAN LISAN DAN BACAAN AL-QURAN SDEA DAN SDKA BAGI TAHUN 2009:-
(i) Sijil Darjah Enam(SDEA)
Tarikh: 03 hingga 06 Ogos 2009




(ii) Sijil Darjah Khas(SDKA)
Tarikh: 05,12 dan 26 September 2009






Posted by at No comments:

Saturday 8 August 2009

gambar lawe sikit 



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Fancy Thumbnail Hover Effect w/ jQuery - by Soh Tanakatitle>

<style type="text/css">

body {

	font: Arial, Helvetica, sans-serif normal 10px;

	margin: 0; padding: 0;

}

* {margin: 0; padding: 0;}

img {border: none;}

.container {

	height: 360px;

	width: 910px;

	margin: -180px 0 0 -450px;

	top: 50%; left: 50%;

	position: absolute;

}

ul.thumb {

	float: left;

	list-style: none;

	margin: 0; padding: 10px;

	width: 360px;

}

ul.thumb li {

	margin: 0; padding: 5px;

	float: left;

	position: relative;

	width: 110px;

	height: 110px;

}

ul.thumb li img {

	width: 100px; height: 100px;

	border: 1px solid #ddd;

	padding: 5px;

	background: #f0f0f0;

	position: absolute;

	left: 0; top: 0;

	-ms-interpolation-mode: bicubic;

}

ul.thumb li img.hover {

	background:url(thumb_bg.png) no-repeat center center;

	border: none;

}

#main_view {

	float: left;

	padding: 9px 0;

	margin-left: -10px;

}

style>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">script>

<script type="text/javascript">

$(document).ready(function(){



//Larger thumbnail preview



$("ul.thumb li").hover(function() {

	$(this).css({'z-index' : '10'});

	$(this).find('img').addClass("hover").stop()

		.animate({

			marginTop: '-110px',

			marginLeft: '-110px',

			top: '50%',

			left: '50%',

			width: '174px',

			height: '174px',

			padding: '20px'

		}, 200);

	

	} , function() {

	$(this).css({'z-index' : '0'});

	$(this).find('img').removeClass("hover").stop()

		.animate({

			marginTop: '0',

			marginLeft: '0',

			top: '0',

			left: '0',

			width: '100px',

			height: '100px',

			padding: '5px'

		}, 400);

});



//Swap Image on Click

	$("ul.thumb li a").click(function() {

		

		var mainImage = $(this).attr("href"); //Find Image Name

		$("#main_view img").attr({ src: mainImage });

		return false;		

	});



});

script>

head>



<body>

<div class="container">

<ul class="thumb">

	<li><a href="main_image1.jpg"><img src="http://i425.photobucket.com/albums/pp331/fauzi6009/head.jpg"/>a>" alt="" />a>li>

	<li><a href="main_image2.jpg"><img src="thumb2.jpg" alt="" />a>li>

	<li><a href="main_image3.jpg"><img src="thumb3.jpg" alt="" />a>li>

	<li><a href="main_image4.jpg"><img src="thumb4.jpg" alt="" />a>li>

	<li><a href="main_image5.jpg"><img src="thumb5.jpg" alt="" />a>li>

	<li><a href="main_image6.jpg"><img src="thumb6.jpg" alt="" />a>li>

	<li><a href="main_image7.jpg"><img src="thumb7.jpg" alt="" />a>li>

	<li><a href="main_image8.jpg"><img src="thumb8.jpg" alt="" />a>li>

	<li><a href="main_image9.jpg"><img src="thumb9.jpg" alt="" />a>li>



ul>



div>





body>

html>
Posted by at No comments:

Tuesday 4 August 2009

 
  
Cetak

Posted by at No comments:

Monday 22 June 2009

g


Posted by at No comments:

Tuesday 3 March 2009

Posted by at No comments:
Subscribe to: Posts (Atom)