Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj11.01.2012, 17:30 (UTC)    
Mesaj konusu: Super bi css tasarim

Tasarim üstü
Kod:
<script type="text/javascript" src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/script/jquery.min.js"></script>
<script type="text/javascript" src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/script/menu.js"></script>


<script type="text/javascript" src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/script/fader.js"></script>
<script type="text/javascript" src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/script/script.js"></script>
<script type="text/javascript" src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/script/jquery.fancybox.js"></script>
 
<script type="text/javascript" src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/script/supersleight.js"></script>




<body>
<div id="mainContainer">



<div id="center">
<!--logo-->
<div id="logoContainer"><a href="Optimuspazar.tr.gg"></a> </div>
<!--menu-->
<div id="menuContainer">
  <div id="menu">

    <ul id="menuUl">
          <li class="current_page_item" ><a href="anasayfa.htm">Ana Sayfa</a></li>
      <li class="page_item page-item-22"><a href="satinal.htm" title="İletişim">İletişim</a></li>
<li class="page_item page-item-2"><a href="ziyaretci.htm" title="Z.Defteri">Z.Defteri</a></li>
</li>
<li class="page_item page-item-159"><a href="/Destek-Ol.htm" title="Destek Ol">Destek Ol</a></li>
    </ul>
    <div class="hoverSquare" id="hoverSquare">

      <div id="hoverLight"></div>
    </div>
  </div>
</div>

<input type="hidden" id="index" value="0" />
<div id="contentContainerBorder">
<div id="contentContainer">
<!--image slider-->

<div id="wrapper">
  <div class="fadeWrapper">
     <div class="imageHolder"><a href="hosgeldiniz.htm"><img src="http://img.webme.com/pic/o/optimuspazar/hosgeldiniz.png" alt=""/></a></div> <div class="imageHolder"><a href="http://optimuspazar.tr.gg/Metin2.htm"><img src="http://img.webme.com/pic/o/optimuspazar/logo.png" alt=""/></a></div> <div class="imageHolder"><a href="pb.htm"><img src="http://img.webme.com/pic/o/optimuspazar/asdasd.jpg" alt=""/></a></div> <div class="imageHolder"><a href="Ko.htm"><img src="http://img.webme.com/pic/o/optimuspazar/warrock.jpg" alt=""/></a></div> <div class="imageHolder"><a href="Ko.htm"><img src="http://img.webme.com/pic/o/optimuspazar/apb-reloaded.jpg" alt=""/></a></div> <div class="imageHolder"><a href="Ko.htm"><img src="http://img.webme.com/pic/o/optimuspazar/knight-online.png" alt=""/></a></div>  </div>

  <div id="sliderNavigation"><a href="#"><img src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/images/arrow_left.jpg" id="leftArrow" alt=""/></a> <a href="#"><img src="http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/images/arrow_right.jpg" id="rightArrow"  alt=""/></a> </div>
  <hr />
</div>
<!--content-->
<div class="servicesBoxs">
   <div class="servicesBox"><div class="servicesBoxInside"><h2><img src="http://pexeto.com/weblider_wp/wp-content/uploads/2009/09/icon1.jpg" alt="" /><span>Hosgeldiniz</span></h2><hr /><p><p>Sitemize hosgeldiniz

Online satın alma sistemi ile çalisanlarimizdan kolayca Oyun parasi satin alabilirsiniz...</p>
</p><div class="buttonServicesBoxBlue"><a href="hosgeldiniz.htm"></a></div></div></div> <div class="servicesBox"><div class="servicesBoxInside"><h2><img src="http://pexeto.com/weblider_wp/wp-content/uploads/2009/09/icon2.jpg" alt="" /><span>Ziyaretci Defteri</span></h2><hr /><p><p>Sitemiz yeniliklere açıktır sitemizden istediginiz herhangi bir isteği bu sayfaya yazabilirsiniz.</p>

</p><div class="buttonServicesBoxGreen"><a href="ziyaretci.htm"></a></div></div></div> <div class="servicesBox"><div class="servicesBoxInside"><h2><img src="http://pexeto.com/weblider_wp/wp-content/uploads/2009/09/icon3.jpg" alt="" /><span>Point blank Ng geldi</span></h2><hr /><p><p>Point blank Ng gelmistir satin almak için assağiya tiklayiniz</p>
</p><div class="buttonServicesBoxRed"><a href="pb.htm"></a></div></div></div><div id="bigBox"><div id="bigBoxInside"><h2><a href="http://pexeto.com/weblider_wp/?p=20">İçerik</a></h2><hr/><p><p>



Tasarim alti
Kod:
</p></div></div></div>

<!--footer-->

<div id="footer">
  <div id="footerContainer">
    <div id="footerMenu">
      <ul>

        <li class="current-page" ><a href="anasayfa.htm">Anasayfa</a></li>
        <li class="page_item page-item-22"><a href="http://www.sitearaclari.com/servis_panel.php?wid=9eebeb5&pid=9fbdae0c9adb8b3b9255638ab462739d" title="kayit">kayit</a></li>
<li class="page_item page-item-2"><a href="giris.htm" title="Giris">giris</a></li>
      </ul>
    </div>
    <span id="footerText">© OptimusPazar.tr.gg Tüm hakkı Saklıdır. </span></div>

</div>
</div>
<!-- content container border -->
</div>
</div>
</body></html>


Css
Kod:
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;}



/*
Theme Name: WebLider
Description: A simple and clean theme.
Author: Pexeto
Tags: clean, business, professional, jquery slider, AJAX contact form
Author URI: http://pexeto.com/
*/

/* ----------- Restart-----------------*/


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;
}

fieldset,img {
   border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
   font-style:normal;
   font-weight:normal;
}

ol,ul{
   list-style:none;
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}

a {
outline: 0;
}

/* ----------- End Restart-----------------*/

/*---------------------------- TEXT STYLES ----------------------------*/

h2, h2 a {
   font-size:14px;
   color:#2c2c2c;
   line-height:1.3em;
   text-transform:uppercase;
   font-weight:bold;   
   text-decoration:none;
}

h2#pageTitle {
font-size:17px;
}

hr {

   background-color:#d2d2ca;
   border:#d2d2ca;
   height:1px;
}

a{
   color:#0368be;
   text-decoration:none;
   font-weight:bold;
}

.alignleft{
   float:left;
}

.alignright{
   float:right;
}


body {
   font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:300;
   line-height:1.5em;
   background-color:#000000;

}

#mainContainer{
   position:absolute;
   left:0px;
   top:110px;
   width:100%;
        background-image:url(http://img.webme.com/pic/c/cin-cell/site_bg_big_nebula.jpg);
        background-repeat:repeat-x;
}


#center{
   height:auto;
   width:950px;
   margin:auto;
   text-align:left;
   padding:0px;

   
   
}

/*-------------------------MENU---------------------------------*/

#menuContainer{
   height:36px;
   float:right;
   margin-top:55px;

}
#menu{
   position:relative;
}


#menu ul li{
    display: inline;
   
}

#menu ul li a{
    float: left;
   text-decoration: none;
    color:#747474;
   padding-left:14px;
   padding-right:14px;
   font-size:12px;
   font-weight:300;
   text-transform:uppercase;
}

#menu ul li#selected a, #menu ul li a:hover{
    color:#ffffff;
}

#menu ul li.current_page_item a, #menu ul li.current_page_parent a{
   color:#FFFFFF;
}


.hoverSquare{
   width:40px;
   height:5px;
   background-image:url(http://img.webme.com/pic/c/cin-cell/hover_bg.jpg);
   background-repeat:repeat-x;
   float:none;   
   position:absolute;
   top:18px;
   left:15px;
   visibility:hidden;
   
}


#hoverLight{
   background-image:url(http://img.webme.com/pic/c/cin-cell/hover.jpg);
   background-repeat:no-repeat;
   text-align:center;
   display:block;
   height:5px;
   width:27px;
   margin:auto;

}

/*---------------------------- LOGO ----------------------------*/
#logoContainer{
   width:255px;
   height:44px;
   background-repeat:no-repeat;
   float:left;
   margin-top:43px;

}

#logoContainer a{
   width:255px;
   height:44px;
   display:block;
   background-image:url(http://img.webme.com/pic/o/optimuspazar/lgooo.png);
}

/*---------------------------- CONTENT ----------------------------*/

#contentContainerBorder{
   float:left;
   overflow:inherit;
   padding:5px;
   margin-top:20px;
   margin-bottom:100px;
   min-height:600px;
   background-color:#1f1f1f;
   


}

#contentContainer{
   float:left;
   overflow:inherit;
   background-color:#ededed;
   padding:20px;
   min-height:600px;
   border:#fff 1px solid;
   width:910px;
   
}

.postContainer{
   overflow:auto;
   background-repeat:repeat-x;
   float:none;
   
}

/*---------------------------SLIDER----------------------------*/

#slider{

}

.fadeWrapper{
   padding:4px;
   background-color:#FFFFFF;
   border: 1px solid #deded6;   
   position:relative;
   width:900px;
   height:290px;
}

.imageHolder{
   width:900px;
   height:290px;
   position:absolute;
   top:4px;
   left:4px;
}

.sliderImg{
   padding:4px;
   background-color:#FFFFFF;
   border: 1px solid #deded6;
   
}

#sliderNavigation{
   margin-top:12px;
   margin-bottom:45px;
   
}

#leftArrow {
   float:left;

}

#rightArrow {
   float:right;
}

#sliderNavigation ul{
   margin: 3px 20px 0px 0px;
   float:right;
}

#sliderNavigation ul li{
   float:left;
}

#sliderNavigation ul li a{
   display:inline;
   background-image:url(http://img.webme.com/pic/c/cin-cell/o.jpg);
   display:block;
   width:16px;
   height:17px;
   float:left;
   margin-left:10px;
}

#sliderNavigation ul li.selected a, #sliderNavigation ul li a:hover{
   background-image:url(http://img.webme.com/pic/c/cin-cell/o_active.jpg);
}


.servicesBoxs{
margin: 30px -10px 0px -10px;


}

.servicesBoxs h2 span{
position:relative;
top:-10px;
left:10px;
}

.servicesBox h2 img{
   width:38px;
   height:36px;
}

.servicesBox{
float:left;
border:#d2d2ca 1px solid;

margin-left:10px;
margin-right:10px;

background-color:#f7f7ee;

}

.servicesBoxInside{
border:1px solid #fff;
width:246px;
padding:20px;
}



.buttonServicesBoxBlue a{
background-image:url(http://img.webme.com/pic/c/cin-cell/buttons_learn_more.jpg);
background-position:0 0;
display:block;
margin-top:10px;
height:24px;
width:101px;
}

.buttonServicesBoxBlue a:hover{
background-position:0px 24px;
}
 
.buttonServicesBoxGreen a{

background-image:url(http://img.webme.com/pic/c/cin-cell/buttons_learn_more.jpg);
background-position:301px 0px;
display:block;
margin-top:10px;
height:24px;
width:99px;
}

.buttonServicesBoxGreen a:hover{
background-position:301px 24px;
}

.buttonServicesBoxRed a{

background-image:url(http://img.webme.com/pic/c/cin-cell/buttons_learn_more.jpg);
background-position:201px 0px;
display:block;
margin-top:10px;
height:24px;
width:99px;
}

.buttonServicesBoxRed a:hover{
background-position:201px 24px;
}


#bigBox{
   background-color:#f7f7ee;
   border:#d2d2ca 1px solid;
   float:left;
   margin-top:20px;
   margin-left:10px;
   margin-right:10px;
}

#bigBoxInside{
   border:1px solid #fff;
   padding:20px;
}

#bigBoxLeft{
width:800px;
float:left;

}

#bigBoxRight{
margin-left:50px;
float:left;

}

#bigBoxRight img{
   margin-top:10px;
   padding:4px;
   background-color:#FFFFFF;
   border: 1px solid #deded6;
}

.check{
float:left;
margin-right:5px;
margin-top:7px;

}


.portfolioBoxs{
margin: 0px -10px 0px -10px;

}

.folioBox{
float:left;
border:#d2d2ca 1px solid;
margin-left:10px;
margin-right:10px;
margin-top:20px;
background-color:#f7f7ee;

}

.folioBoxInside{
border:#fff 1px solid;
background-color:#f7f7ee;
padding:20px;
width:246px;
}

.folioBox h2{

line-height:1em;
}

.folioBox img{
   margin-top:10px;
   margin-bottom:10px;
   padding:4px;
   background-color:#FFFFFF;
   border: 1px solid #deded6;
}

.pageNavigation{
   width:100%;
   float:left;
   position:relative;
   margin-top:20px;
}

.blogNavigation{
   width:574px;
   float:left;
   position:relative;
   margin-top:20px;
   margin-left:10px;
}


.pageNavigation a,.blogNavigation a{
   text-decoration:none;
   background-color:#f7f7ee;
   border:#d2d2ca 1px solid;
   display:block;
   padding:5px;
   color:#000;
   padding-left:10px;
   padding-right:10px;
   font-size:12px;
}

.pageNavigation a span, .blogNavigation a span{
   position:relative;
   top:-2px;
}

.pageNavigation a:hover{
   background-color:#fff;
}

.contentBoxs{
margin: 0px -10px 0px -10px;

}

.postBox{
float:left;
border:#d2d2ca 1px solid;
margin-left:10px;
margin-right:10px;
margin-top:20px;
background-color:#f7f7ee;
}

.postBoxInside{
border:#fff 1px solid;
background-color:#f7f7ee;
padding:20px;
width:530px;
}

.pageBoxInside{
border:#fff 1px solid;
background-color:#f7f7ee;
padding:20px;
width:866px;

}

.postBox h2{

line-height:1em;
}

.postBox img{
   margin-top:10px;
   margin-bottom:10px;
   padding:4px;
   background-color:#FFFFFF;
   border: 1px solid #deded6;
}

#postinfoContainer{
display:block;
height:40px;

}

.postInfo p{
float:right;
margin-top:10px;
margin-bottom:30px;

}

.postInfo p a{
text-decoration:none;
color:#000000;
}

.buttonBlogBox a{

background-image:url(http://img.webme.com/pic/c/cin-cell/buttons_learn_more.jpg);
background-position:101px 0px;
display:block;
margin-top:10px;
height:24px;
width:101px;
float:left;
}

.buttonBlogBox a:hover{
background-position:101px 24px;
}
#comments{

}

.commentContainer{
border:#d2d2ca 1px solid;
margin-top:20px;
background-color:#f7f7ee;
padding:0px;
width:528px;
}

.comentBox{
border:#fff 1px solid;
background-color:#f7f7ee;
padding:20px;
width:486px;
min-height:140px;
}

.comentBox img{
margin-right:20px;
margin-bottom:10px;
margin-top:0px;

}
.commentAutor{
float:left;

}
.ComentAutorName{
font-size:12px;
}

.commentDate{
font-size:10px;
}

.comentBoxAdmin{
background-color:#ededed;
}

.wholePageCommentNavigation{
width:800px;
   float:left;
   height:50px;
   position:relative;
   margin-top:20px;
   border:1px solid red;
}

.commentNavigation{
   width:100%;
   float:left;
   height:50px;
   position:relative;
   margin-top:20px;
}

.commentNavigation a{
   text-decoration:none;
   background-color:#f7f7ee;
   border:#d2d2ca 1px solid;
   display:block;
   padding:5px;
   color:#000;
   padding-left:10px;
   padding-right:10px;
   font-size:12px;
}

.commentNavigation a span{
   position:relative;
   top:-2px;
}

.commentInput{
   padding-top:4px;
   height:20px;
   width:250px;
   margin-bottom:15px;
}

.commentTextArea{
   width:350px;
   margin-bottom:15px;
}


.sidebarBox{
float:right;
border:#d2d2ca 1px solid;
margin-left:10px;
margin-top:20px;
background-color:#f7f7ee;

}

.sidebarBoxInside{
border:#fff 1px solid;
background-color:#f7f7ee;
padding:20px;
width:265px;
padding-bottom:10px;
}

.sidebarBox h2{

line-height:1em;
}

#searchInput{
   width:180px;
   height:20px;
   border:#d2d2ca 1px solid;
   margin:0px;
   float:left;
   margin-right:10px;
   padding-left:5px;
}

#searchButton{
   background-color:#ffffff;
   border:#d2d2ca 1px solid;
   display:block;
   padding:5px;
   padding-bottom:6px;
   color:#000;
   padding-left:10px;
   padding-right:10px;
   font-size:12px;
   margin:0px;
   float:left;
}

#searchContainer{
   height:30px;

}

/*-----------------------  SIDEBAR MENU  ---------------------------*/
.sidebarMenu{
   font-size:12px;
   padding-top:10px;
   padding-bottom:10px;
   padding-left:0px;
}

.sidebarMenu ul{
   text-decoration: none;
   font-weight:300;
   text-transform:capitalize;
}
.sidebarMenu ul li a{
   text-transform:uppercase;
   display:block;
   height:14px;
   width:240px;
   background-color:#fafaf1;
   border-bottom:#f1f1f1 1px solid;
   padding:10px;
   text-decoration: none;
   list-style:none;
   color:#000000;
   font-weight:normal;
}

.sidebarMenu ul li a:hover{
   background-color:#fff;

}




#titleIcon{
float:left;
display:block;
margin-right:5px;

max-height:45px;
}

/*---------------------------- EMAIL FORM ----------------------------*/
.input{
   width:300px;
   height:24px;
   border:1px solid #b0a4a4;
   background-color:#fff;
   padding-top:8px;
}

.textArea{
   height:205px;
   padding-top:0px;
   font-family:Arial;
   font-size:13px;
   padding-top:8px;
   padding-bottom:8px;
}

#sendButton{
   color:#fff;
   background-color:#363636;
   width:73px;
   height:26px;
   border:1px solid #b0a4a4;
   margin-bottom:-5px;
}

.errorMessage{
   color:#ea363a;
}

#submitForm{
   margin-top:20px;
}



/*-----------------------  FOOTER  ---------------------------*/


#footer{
   height:91px;
   width:100%;
   position:absolute;
   bottom:0px;
   left:0px;
   text-align:center;
   background-color:#2d353e;
   background-image:url(http://img.webme.com/pic/c/cin-cell/footer_bg.jpg);
   display:block;
}

#footerContainer{
   height:30px;
   width:960px;
   margin:auto;
   text-align:left;
   padding:0px;
   
   
}

#footerMenu{
z-index:100;
display:block;
margin-top:30px;

}

#footerMenu ul{
   
   text-align:left;
   padding:0px;
   font-size:11px;
   line-height:20px;
   float:left;
   color:#fff;
   margin-top:-10px;
   margin-left:20px;
   
}

#footerMenu ul li{
   float:left;
   text-decoration: none;
   padding-left:10px;
   text-transform:uppercase;
   list-style:none;
}

#footerMenu ul li a{
   color:#fff;
   text-decoration: none;
   border-right:1px solid #fff;
   padding-right:10px;
}

#footerText{
   float:right;
   color:#ffffff;
   font-size:13px;
   line-height:13px;
   margin-right:20px;
}

/*-----------------------TESTIMONIALS----------------------------*/


#sfstest-sidebar{
   background-color:#fff;
   padding:10px;
   border:1px solid #ccc;
   background-image:url(http://img.webme.com/pic/c/cin-cell/testomonial.jpg);
   background-repeat:no-repeat;
   padding-left:35px;
}

/*-------------------UPDATES-------------------------*/

/*-------------------VERSION 1.2-------------------------*/


strong{
   font-weight:bold;
}

em{
   font-style:italic;
}

ul{
   list-style:disc;
}

.postBox ul, .folioBox ul{
   padding-left:30px;
}

ul.commentlist{
   padding-left:0px;
}

ul.navUl, .sidebarMenu ul{
   list-style:none;
}

ol{
   list-style:decimal;
   padding-left:33px;
}

/*---------------------VERSION 1.3 ---------------------*/

.categoryContainer{
   width:890px;
   border:1px solid #ccc;   
   margin-top:20px;
   background-color:#f7f7ee;
   padding-left:10px;
   padding-right:10px;
   padding-top:5px;
   padding-bottom:5px;

}

.categoryContainer span{
   display:inline;
   padding-right:20px;
}

.categoryContainer ul{
   display:inline;
}

.categoryContainer ul li{
   display:inline;
   list-style: none;
   padding-right:10px;
   padding-left: 10px;
   border-right:1px solid #ccc;
}

.categoryContainer ul li a{
   color:#2c2c2c;
   font-weight: normal;
}

.categoryContainer ul li a:hover{
   color:#5a5a5a;   
}




#styles{
height:auto;
width:auto;
position:fixed;
top:0px;
left:0px;
background-color:#212931;
padding:5px;
padding-left:10px;
z-index:100;
border: 1px solid #ccc;
background:none;
background-image:url(http://img.webme.com/pic/c/cin-cell/border_tran.png);
float:left;

}

#styles span{

color:#fff;

}


#bOriginal{
background-image:url(http://img.webme.com/pic/c/cin-cell/style1.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;

}

#bBlue{
background-image:url(http://img.webme.com/pic/c/cin-cell/style2.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;
margin-top:5px;
}

#bOrange{
background-image:url(http://img.webme.com/pic/c/cin-cell/style3.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;
margin-top:5px;
}

#bPattern{
background-image:url(http://img.webme.com/pic/c/cin-cell/style4.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;
margin-top:5px;
}

#bNebula{
background-image:url(http://img.webme.com/pic/c/cin-cell/style5.jpg);
background-repeat:no-repeat;
border:none;
width:21px;
height:21px;
margin-top:5px;
}




html, body {
   height: 100%;
}

div#fancy_overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #666;
   display: none;
   z-index: 30;
}

* html div#fancy_overlay {
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
   text-align: left;
}

div#fancy_loading {
   position: absolute;
   height: 40px;
   width: 40px;
   cursor: pointer;
   display: none;
   overflow: hidden;
   background: transparent;
   z-index: 100;
}

div#fancy_loading div {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
   position: absolute;
   background-color: #FFF;
   z-index: 30;
}

div#fancy_loading_icon {
   position: absolute;
   background: url('http://pexeto.com/weblider_wp/wp-content/themes/Web_Lider/images/fancyBox/fancy_loading.gif') no-repeat;
   z-index: 35;
   width: 16px;
   height: 16px;
}

div#fancy_outer {
   position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
   position: relative;
   width:100%;
   height:100%;
   border: 1px solid #BBB;
   background: #FFF;
}

div#fancy_content {
   margin: 0;
   z-index: 100;
   position: absolute;
}

div#fancy_div {
   background: #000;
   color: #FFF;
   height: 100%;
   width: 100%;
   z-index: 100;
}

img#fancy_img {
   position: absolute;
   top: 0;
   left: 0;
   border:0;
   padding: 0;
   margin: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
}

div#fancy_close {
   position: absolute;
   top: -12px;
   right: -15px;
   height: 30px;
   width: 30px;
   background: url('http://img.webme.com/pic/c/cin-cell/fancy_closebox.png') top left no-repeat;
   cursor: pointer;
   z-index: 181;
   display: none;
}

#fancy_frame {
   position: relative;
   width: 100%;
   height: 100%;
   display: none;
}

#fancy_ajax {
   width: 100%;
   height: 100%;
   overflow: auto;
}

a#fancy_left, a#fancy_right {
   position: absolute;
   bottom: 0px;
   height: 100%;
   width: 35%;
   cursor: pointer;
   z-index: 111;
   display: none;
   background-image: url(data:image/gif;base64,AAAA);
   outline: none;
}

a#fancy_left {
   left: 0px;
}

a#fancy_right {
   right: 0px;
}

span.fancy_ico {
   position: absolute;
   top: 50%;
   margin-top: -15px;
   width: 30px;
   height: 30px;
   z-index: 112;
   cursor: pointer;
   display: block;
}

span#fancy_left_ico {
   left: -9999px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
   right: -9999px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
   left: 20px;
}

a#fancy_right:hover span {
   right: 20px;
}

.fancy_bigIframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent;
}

div#fancy_bg {
   position: absolute;
   top: 0; left: 0;
   width: 100%;
   height: 100%;
   z-index: 70;
   border: 0;
   padding: 0;
   margin: 0;
}
   
div.fancy_bg {
   position: absolute;
   display: block;
   z-index: 70;
   border: 0;
   padding: 0;
   margin: 0;
}

div.fancy_bg_n {
   top: -18px;
   width: 100%;
   height: 18px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
   top: -18px;
   right: -13px;
   width: 13px;
   height: 18px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
   right: -13px;
   height: 100%;
   width: 13px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
   bottom: -18px;
   right: -13px;
   width: 13px;
   height: 18px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
   bottom: -18px;
   width: 100%;
   height: 18px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
   bottom: -18px;
   left: -13px;
   width: 13px;
   height: 18px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
   left: -13px;
   height: 100%;
   width: 13px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
   top: -18px;
   left: -13px;
   width: 13px;
   height: 18px;
   background: transparent url('http://img.webme.com/pic/c/cin-cell/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
   position: absolute;
   bottom: -33px;
   left: 0;
   width: 100%;
   z-index: 100;
   display: none;
}

div#fancy_title div {
   color: #FFF;
   font: bold 12px Arial;
   padding-bottom: 3px;
}

div#fancy_title table {
   margin: 0 auto;
}

div#fancy_title table td {
   padding: 0;
   vertical-align: middle;
}

td#fancy_title_left {
   height: 32px;
   width: 15px;
   background: transparent url(http://img.webme.com/pic/c/cin-cell/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
   height: 32px;
   background: transparent url(http://img.webme.com/pic/c/cin-cell/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
   height: 32px;
   width: 15px;
   background: transparent url(http://img.webme.com/pic/c/cin-cell/fancy_title_right.png) repeat-x;
}



iframe{border:dashed 3px #0080ff ;}





Emeğe saygi[/quote]
Mesaj11.01.2012, 17:42 (UTC)    
Mesaj konusu:

Smile ztn bu tasarımı paylastım senin paylasmana ne gerek var
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu