closeSitedeki bazı videolar Youtube'ta yaptığım bir hata nedeniyle çalışmamaktadır..

Ali Mengü | Kişisel Web Sayfasi

abc123abc123

Tasarim Üstü
<script type="text/javascript" src="http://alimengu.com.nu/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="http://alimengu.com.nu/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#featured").tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); }); 
    </script>
<div id="main_container" class="clear">

  <div id="left_container">
      <div id="logo">
        <a href="#" class="logo_link"></a>
      </div>
      <div id="menu">
        <ul>
          <li><a href="#">home</a></li>
          <li><a href="#">about</a></li>
          <li><a href="#">blog</a></li>
         
          <li><a href="#">projects</a></li>
        </ul>
      </div>
      <div id="featured">
     
        <ul>
          <li><a href="#featured-1">1</a></li>
          <li><a href="#featured-2">2</a></li>
          <li><a href="#featured-3">3</a></li>
          <li><a href="#featured-4">4</a></li>
        </ul>
       
        <div id="featured-1" class="featured_content">
          <h1>PV.M Garage blogzine - www.pvmgarage.com</h1>
          <div class="feat_left">
          <ol>
            <li>PhotoShop and Logo Design</li>
            <li>Web Layout <strong>(X)HTML/CSS</strong></li>
            <li><strong>WordPress</strong> Theme</li>
            <li>Web Writing and <strong>Advertise</strong></li>
            <li>Search Engine Optimization</li>
            <li><strong>Google Adsense</strong> to Monetize</li>
          </ol>
          <ol class="menu_cont">
            <li><span class="ico1">2009.06</span></li>
            <li><span class="ico2"><a href="#">comments</a></span></li>
            <li><span class="ico3"><a href="#">Tweet!</a></span></li>
          </ol>
          </div>
          <div class="image_cont">
            <a href="http://www.pvmgarage.com"><img src="images/pvm.jpg" alt="pvm" /></a>
          </div>
        </div>
       
          <div id="featured-2" class="featured_content">
          <h1>Sport News Pvm - www.sportnewspvm.net</h1>
          <div class="feat_left">
          <ol>
            <li>PhotoShop and Logo Design</li>
            <li><strong>WordPress</strong> Theme</li>
            <li>Articles for <strong>On-Line Magazine</strong></li>
            <li>Search Engine Optimization</li>
            <li><strong>Google Adsense</strong> to Monetize</li>
          </ol>
          <ol class="menu_cont">
            <li><span class="ico1">2009.06</span></li>
            <li><span class="ico2"><a href="#">comments</a></span></li>
            <li><span class="ico3"><a href="#">Tweet!</a></span></li>
          </ol>
          </div>
          <div class="image_cont">
            <a href="http://www.pvmgarage.com"><img src="images/sport.jpg" alt="pvm" /></a>
          </div>
        </div>
       
          <div id="featured-3" class="featured_content">
          <h1>Jazz Musician - www.jazzmusician.com</h1>
          <div class="feat_left">
          <ol>
            <li>PhotoShop Web Layout</li>
            <li>Web Layout <strong>(X)HTML/CSS</strong></li>
            <li><strong>Joomla</strong> Theme</li>
            <li>Web Writing and <strong>Advertise</strong></li>
            <li>Search Engine Optimization</li>
            <li><strong>Google Adsense</strong> to Monetize</li>
          </ol>
          <ol class="menu_cont">
            <li><span class="ico1">2009.05</span></li>
            <li><span class="ico2"><a href="#">comments</a></span></li>
            <li><span class="ico3"><a href="#">Tweet!</a></span></li>
          </ol>
          </div>
          <div class="image_cont">
            <a href="http://www.pvmgarage.com"><img src="images/jazz.jpg" alt="pvm" /></a>
          </div>
        </div>
       
          <div id="featured-4" class="featured_content">
          <h1>La Terrazza - www.laterrazzabeb.com</h1>
          <div class="feat_left">
          <ol>
            <li>PhotoShop and Logo Design</li>
            <li>Web Layout <strong>(X)HTML/CSS</strong></li>
            <li><strong>Joomla</strong> Theme</li>
            <li>Web Writing and <strong>Advertise</strong></li>
            <li>Search Engine Optimization</li>
            <li><strong>Google Adsense</strong> to Monetize</li>
          </ol>
          <ol class="menu_cont">
            <li><span class="ico1">2009.05</span></li>
            <li><span class="ico2"><a href="#">comments</a></span></li>
            <li><span class="ico3"><a href="#">Tweet!</a></span></li>
          </ol>
          </div>
          <div class="image_cont">
            <a href="http://www.pvmgarage.com"><img src="images/terrazza.jpg" alt="pvm" /></a>
          </div>
        </div>
       
      </div>
    <div id="down_container">

Tasarim Alti
</div>
  </div>
    <div id="sidebar">
      <div class="side_cont">
      <h2>Services</h2>
      <p>Resim,logo,Çeşitli eklentiler aynen,sunulmuştur.Üzerinde hiç bir oynama yapilmamiştir</p>
      <p>Sorgusuz Suhalsiz yaptiğim bu yardimda senden istediğim tek şey &quot;tr.gg uyum Ali Mengü&quot; yazısını kaldırmaman.İyi günlerde kullanman dileğiyle.( İlk ve son olarak çevirdiğim bu tasarimi)</p>
      </div>
      <div class="side_cont">
      <h2>Recent Posts</h2>
      <h3><a href="#">Donec quam felis, ultricies nec, pellentesque eu.</a></h3>
      <span class="meta_info">posted by piervix - 12.08</span>
      <h3><a href="#">Donec quam felis, ultricies nec, pellentesque eu.</a></h3>
      <span class="meta_info">posted by piervix - 12.08</span>
      <h3><a href="#">Donec quam felis, ultricies nec, pellentesque eu.</a></h3>
      <span class="meta_info">posted by piervix - 12.08</span>
      <h3><a href="#">Donec quam felis, ultricies nec, pellentesque eu.</a></h3>
      <span class="meta_info">posted by piervix - 12.08</span>
      </div>
      <div class="side_cont">
      <h2>Working on...</h2>
      <p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
      <a href="#"><img src="images/designschool.jpg" alt="design" /></a>
      </div>
    </div>
  <div class="side_bottom">
    </div>
   
    <div class="clear_sep"></div>   
    <div id="footer">
    <p><strong>WATERCOLORED PORTFOLIO 2009</strong> - <em>Tr.GG Uyum Ali Mengü</em><br />
a PV.M GARAGE PRODUCTION - <a href="http://validator.w3.org/check?uri=referer">valid (X)HTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">valid CSS</a></p>
  </div>  
    
</div>

CSS Kodu
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


/*CSS Reset by Yahoo!*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/*CSS Style for WaterColored Portfolio*/
body {
  background: #fff url("http://alimengu.com.nu/images/bck.jpg") repeat-x top; /*gradient background*/
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 14px;
  color: #516e75;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

a {
  text-decoration: none;
}

h1{
  font-size: 25px;
  line-height: 30px;
}

h2 {
  color: #e7f1fa;
  font-size: 22px;
  line-height: 28px;
}

h3 {
  color: #c4dfe6;
  font-size: 14px;
}

#main_container {
  background: url("http://alimengu.com.nu/images/main_cont_bck.png") no-repeat center top; /*painted background*/
  margin: auto;
  width: 1000px;
}

.clear:after { /*clear-fix*/
  content: "";
  display: block;
  clear: both;
}

#left_container {
  width: 720px;
  float: left;
  margin-right: 30px;
  margin-left: 5px;
  margin-bottom: 30px;/*margin: 0 30px 30px 5px;*/
}

#logo {
  margin: 0px;
  padding: 0px; 
}

.logo_link {
  display: block;
  background: url("http://alimengu.com.nu/images/logo.png") no-repeat top left; 
  width: 691px;
  height: 131px;
}

.logo_link:hover {
  background: url("http://alimengu.com.nu/images/logo_hov.png") no-repeat top left; 
  display: block; 
  width: 691px;
  height: 131px;
}

#menu {
  background: url("http://alimengu.com.nu/images/menu_bck.png") no-repeat top left; 
  margin: 35px 0 20px 165px;
  width: 553px;
  height: 50px; 
font-size: 25px;
}

#menu ul {
  padding: 8px 10px 0 48px;
  line-height: 30px;
  font-size: 25px;
}

#menu ul li {
  display: inline;
  padding-right: 18px;
}

#menu ul li a {
  color: #d8ebf7;
  text-decoration: none;
}

#menu ul li a:hover {
  color: #f2faff;
  text-decoration: none;
  border-bottom: 1px dotted #f2faff;
}

#featured {
  background: url("http://alimengu.com.nu/images/featured_bck.png") no-repeat top left;
  margin: 50px 0 20px 0;
  width: 719px;
  height: 326px;
}

#featured h1 {
  background: url("http://alimengu.com.nu/images/icon1.png") no-repeat center left;
  padding-left: 50px;
  margin-bottom: 10px;
}

#featured ul {
  padding: 34px 0 0 20px;
}

#featured ul li {
  display: inline;
}

#featured ul li a {
  background: url("http://alimengu.com.nu/images/featured_switch_bck.png") no-repeat top left;
  padding: 5px 17px 10px 13px;
  margin-left: 2px;
  color: #536f77;
  font-weight: bold;
  text-decoration: none;
}

#featured ul li a:hover {
  background: url("http://alimengu.com.nu/images/featured_switch_bck_hov.png") no-repeat top left;
  padding: 5px 17px 10px 13px;
  margin-left: 2px;
  color: #516e75;
}

.featured_content {
  margin: 13px 0 0 15px;
}

.feat_left {
  float:left;
}

.featured_content ol {
  margin: 7px 10px 0 50px;
  width: 250px;
}

.featured_content ol li {
  padding: 5px 0 5px 20px;
  background: url("http://alimengu.com.nu/images/icon2.png") no-repeat center left; 
}

.image_cont {
  float: left;
}

.image_cont img {
  border: 3px solid #90a1a8;
}

ol.menu_cont {
  padding: 0;
}

ol.menu_cont li {
  padding: 0;
  display: inline;
  background: transparent;
  font-size: 10px;
  color: #8cbbc5;
}

ol.menu_cont li a {
  border-bottom: 1px dotted #8cbbc5;
  color: #8cbbc5;
  text-decoration: none;
}

ol.menu_cont li a:hover {
  color: #516e75;
  border-bottom: 1px dotted #516e75;
}

span.ico1 {
  padding: 10px 0 10px 30px;
  background: url("http://alimengu.com.nu/images/icon3.png") no-repeat center left;
  line-height: 30px;
}

span.ico2 {
  padding: 10px 0 10px 34px;
  background: url("http://alimengu.com.nu/images/icon4.png") no-repeat center left;
  line-height: 30px;
}

span.ico3 {
  padding: 10px 0 10px 22px;
  background: url("http://alimengu.com.nu/images/icon5.png") no-repeat center left;
  line-height: 30px;
}

#sidebar {
  width: 240px;
  background: url("http://alimengu.com.nu/images/sidebar_bck.png") repeat-y center top;
  color: #c4dfe6;
  float: right;
  margin-right: 5px;
}

.side_bottom {
  background: url("http://alimengu.com.nu/images/side_bot.png") no-repeat bottom center;
  height: 85px;
  width: 240px;
  float: right;
  margin-right: 5px;
}

.side_cont {
  padding: 10px 10px 10px 25px;
}

.side_cont h2 {
  background: url("http://alimengu.com.nu/images/side_tit_bot.png") no-repeat bottom left;
}

.side_cont p {
  line-height: 14px;
  letter-spacing: 1px;
  margin-top: 5px;
}

.side_cont h3 {
  padding-left: 35px;
  margin-top: 20px;
  background: url("http://alimengu.com.nu/images/icon6.png") no-repeat top left;
}

.side_cont img {
  border: 2px solid #d6e7f1;
  margin: 10px 0;
}

.side_cont h3 a {
  color: #c4dfe6;
}

.side_cont h3 a:hover {
  border-bottom: 1px dotted #c4dfe6;
}

.meta_info {
  font-size: 10px;
  color: #293e43;
  padding: 0 35px 8px 35px;
  background: url("http://alimengu.com.nu/images/post_sep.png") no-repeat bottom center;
}

#down_container {
  margin-top: 10px;
  min-height: 220px;
}

#down_container img {
  border: 2px solid #90a1a8;
  margin: 10px 0;
}

.down_1, .down_2 {
    display: inline;
    float: left;
    margin-left: 25px;
    margin-right: 0px;
    width: 300px;
}

.down_1 {
  border-right: 1px dotted #90a1a8;
  padding-right: 25px;
}

.clear_sep {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

#footer {
  background: url("http://alimengu.com.nu/images/foot_bck.png") repeat-x top left;
  border: 1px solid #93a5a9;
  display: block;
  width: 992px;
  margin-bottom: 15px;
  height: 48px;
}

#footer p {
  font-size: 12px;
  color: #c4dfe6;
  text-align: center;
  padding: 10px;
}

#footer p a {
  color: #c4dfe6;
  text-decoration: none;
  border-bottom: 1px dotted #c4dfe6;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

body,td,th {
    font-family: Lucida Sans Unicode;
                     font-size: 12px;
}

 
Bugün toplam 4 ziyaretçi sitemizi dolaştı.
http://www.mypagerank.net/services/pagerankbutton/pagerankbutton.php?aut=de510918aee37d99078ff98e1f31074c56421665b926a44a75
İçerik bölümünün altındaki bilgi (mesela Copyright)
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol