Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.01.2011, 18:46 (UTC)    
Mesaj konusu: Css Tasarım Yaparken 2 kere logo

İyi akşamlar herkese, www.psisikenerji.tr.gg bu sitemin adresi, bu da orjinal teması http://www.opendesigns.org/design/orange-2/ benim sitemde yazı kısmında başlığın resmi 2 kere tekrarlanıyor. ama orjinalinde tekrarlanmıyor. Kodları buraya koyuyorum. Copyfightlıdır Very Happy yardımcı olursanız çok sevinirim.

Tasarım Üstü:
Kod:
<style type="text/css">
/* BeginOAWidget_Instance_2138522: #TabbedPanels2 */


/* TabbedPanelsTabGroup */
#TabbedPanels2 .TabbedPanelsTabGroup {
   top: 1px;
   left: 0px;

   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: transparent;

   border-left: solid 0px inherit;
   border-bottom: solid 0px inherit;
   border-top: solid 0px inherit;
   border-right: solid 0px inherit;

   padding: 0px 0px 0px 0px;
}

/* TabbedPanelsTab */
#TabbedPanels2.TabbedPanels .TabbedPanelsTab,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTab {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: #DDD;

   border-left: solid 1px #CCC;
   border-bottom: solid 1px #999;
   border-top: solid 1px #999;
   border-right: solid 1px #999;

   padding: 4px 10px 4px 10px;
}

#TabbedPanels2.TabbedPanels .TabbedPanelsTab a,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTab a {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
}

/* TabbedPanelsTabHover */
#TabbedPanels2.TabbedPanels .TabbedPanelsTabHover,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTabHover {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: #EEE;

   border-left: solid 1px #CCC;
   border-bottom: solid 1px #999;
   border-top: solid 1px #999;
   border-right: solid 1px #999;

   padding: 4px 10px 4px 10px;
}

#TabbedPanels2.TabbedPanels .TabbedPanelsTabHover a,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTabHover a {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
}

/* TabbedPanelsTabSelected */
#TabbedPanels2.TabbedPanels .TabbedPanelsTabSelected,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTabSelected {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: #EEE;

   border-left: solid 1px #CCC;
   border-bottom: solid 1px #EEE;
   border-top: solid 1px #999;
   border-right: solid 1px #999;

   padding: 4px 10px 4px 10px;
}

#TabbedPanels2.TabbedPanels .TabbedPanelsTabSelected a,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTabSelected a {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
}

/* TabbedPanelsTabFocused */
#TabbedPanels2.TabbedPanels .TabbedPanelsTabFocused,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTabFocused {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: #EEE;

   border-left: solid 1px #CCC;
   border-bottom: solid 1px #EEE;
   border-top: solid 1px #999;
   border-right: solid 1px #999;

   padding: 4px 10px 4px 10px;
}

#TabbedPanels2.TabbedPanels .TabbedPanelsTabFocused a,
#TabbedPanels2.VTabbedPanels .TabbedPanelsTabFocused a {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
}


/* TabbedPanelsContentGroup */
#TabbedPanels2 .TabbedPanelsContentGroup {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: #EEE;

   border-left: solid 1px #CCC;
   border-bottom: solid 1px #CCC;
   border-top: solid 1px #999;
   border-right: solid 1px #999;

   padding: 0px 0px 0px 0px;
}

/* TabbedPanelsContentVisible */
#TabbedPanels2 .TabbedPanelsContentVisible {
   font-family: inherit;
   font-weight: inherit;
   font-size: inherit;
   color: inherit;
   background-color: transparent;

   border-left: solid 0px #CCC;
   border-bottom: solid 0px #CCC;
   border-top: solid 0px #999;
   border-right: solid 0px #999;

   padding: 4px 12px 4px 12px;
}

#TabbedPanels2.BTabbedPanels .TabbedPanelsTab {
   border-bottom: solid 1px #999;
   border-top: solid 1px #999;
}

#TabbedPanels2.BTabbedPanels .TabbedPanelsTabSelected {
   border-top: solid 1px #999;
}

#TabbedPanels2.VTabbedPanels .TabbedPanelsTabGroup {
   width: 10em;
   height: 20em;
   top: 1px;
   left: 0px;
}

#TabbedPanels2.VTabbedPanels .TabbedPanelsTabSelected {
   background-color: #EEE;
   border-bottom: solid 1px #EEE;
}


/* EndOAWidget_Instance_2138522 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2138522" binding="#TabbedPanels2" />
</oa:widgets>
-->
</script>
</head>

<body style="margin-left:1px;margin-right:1px;margin-bottom:0px;margin-top:0px;">
<div id="container">
   <div id="header">
      <span id="main_header">Psişik Enerji </span>
     <img src="http://img233.imageshack.us/img233/6950/headerrightbg.png" alt="" id="header_logo"/>
   </div>
   <div id="nav_menu">
      <div class="link_container">
         <a href="page.htm" class="main_nav">Anasayfa</a><span class="link_separator">::</span>
         <a href="page.htm" class="main_nav">İletişim</a><span class="link_separator">::</span>
         <a href="page.htm" class="main_nav">Hakkımızda</a><span class="link_separator">::</span>
      <a href="page.htm" class="main_nav">Multimedya</a><span class="link_separator">::</span></div>
   </div>
   <div id="body">
      <div id="body-left-panel">
         <div style="padding:10px;">
            <!-- Box -->
            <div class="box_upper_part"><img src="http://img222.imageshack.us/img222/8942/boxuprightedge.png" alt="" class="align-right"/>
               <img src="http://img84.imageshack.us/img84/6939/boxupleftedge.png" alt="" class="align-left"/><span class="box_header">Psişik Enerji</span>
          </div>
            <div class="box_middle_part">
               <div class="pad_15tah">


Tasarım altı:
Kod:
</div>
 
            </div>
            <div class="box_lower_part"><img src="http://img210.imageshack.us/img210/544/boxlowleftedge.png" alt="" class="align-left"/>
               <img src="http://img808.imageshack.us/img808/7149/boxlowrightedge.png" alt="" class="align-right"/>
           </div>
            <!-- /Box -->
            <!-- Box 2 -->
            <div class="box_upper_part"><img src="http://img222.imageshack.us/img222/8942/boxuprightedge.png"  alt="" class="align-right"/><http://img84.imageshack.us/img84/6939/boxupleftedge.png" alt="" class="align-left"/><span class="box_header">Yenilikler</span>
      </div>
            <div class="box_middle_part">
            <div class="pad_15tah">
              <table width="670" border="1" align="center" cellpadding="1" cellspacing="1">
                <tr>
                  <td height="195"> </td>
                  <td> </td>
                  <td> </td>
                 </tr>
                <tr>
                  <td height="218"> </td>
                  <td> </td>
                  <td> </td>
                 </tr>
               </table>
              <br /><br />

            
             </div>
            </div>
            <div class="box_lower_part">
               <img src="http://img210.imageshack.us/img210/544/boxlowleftedge.png" alt="" class="align-left"/>
               <img src="http://img808.imageshack.us/img808/7149/boxlowrightedge.png" alt="" class="align-right"/>
            </div>
            <!-- /Box 2 --></div>
      </div>
      <div id="body-right-panel">
         <div style="padding:10px;">
            <!-- Box --><!-- /Box -->
            <!-- Box 2 -->
           <div class="box_upper_part">
               <img src="http://img809.imageshack.us/img809/8762/boxupleftedgedark.png" alt="" class="align-left"/>
               <img src="http://img193.imageshack.us/img193/3114/boxuprightedgedark.png" alt="" class="align-right"/>
               <span class="box_header">Menü</span>
            </div>
            <div class="box_middle_part">
               <div style="padding:10px;">
                 <div id="TabbedPanels2">
                   <h2>İlk Bölüm </h2>
                   <p>1-) Beyninizi Tanıyın </p>
                   <h2>Tab 2</h2>
                   <p>Nulla facilisi. Vestibulum ipsum elit, tincidunt sed tristique sit amet, faucibus in orci. Nunc sit amet elit lorem. Sed eget arcu ipsum, pharetra ullamcorper lectus. Sed ac diam ac tortor mattis mollis. Etiam mattis felis vel augue tempus in rhoncus ligula elementum. Vestibulum ut iaculis risus. Aliquam erat sem, feugiat vel laoreet in, lobortis non mauris. Vestibulum neque nibh, vehicula eleifend tincidunt sed, bibendum id dolor. Pellentesque quis libero nec orci porttitor faucibus vitae in velit. Pellentesque dignissim sem ut justo interdum id egestas tellus fringilla. Vestibulum tempor, turpis eget dignissim luctus, est erat ultricies turpis, non tempus massa elit in nulla. Sed eu arcu vel enim laoreet hendrerit at vel enim. Integer semper malesuada sem quis porttitor.</p>
                   <h2>Tab 3</h2>
                   <p>Suspendisse potenti. Proin ut erat sit amet turpis egestas tempor. Integer arcu dolor, aliquam ut egestas nec, pharetra ut mauris. Duis urna mi, aliquam id vulputate et, consequat in dolor. Duis congue sem feugiat nulla malesuada scelerisque. Aenean vitae augue nec diam euismod imperdiet. In accumsan consectetur ante a vestibulum. Phasellus eu nulla et lectus tincidunt porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin mauris massa, venenatis ut fringilla interdum, imperdiet et neque. Sed ut risus metus.</p>
                  </div>
                      <script type="text/javascript">
// BeginOAWidget_Instance_2138522: #TabbedPanels2

      var TabbedPanels2 = new Spry.Widget.TabbedPanels2("TabbedPanels2", {
         injectionType: "replace",
         widgetID: "TabbedPanels2",
         autoPlay: true,
         defaultTab: 0,
         enableKeyboardNavigation: true,
         hideHeader: true,
         tabsPosition: "top",
         event:"click",
         stopOnUserAction: true,
         displayInterval: 5000,
         minDuration: 300,
         maxDuration: 500,
         stoppedMinDuration: 100,
         stoppedMaxDuration: 200,
         plugIns:[]
      });

// EndOAWidget_Instance_2138522
                      </script>
               </div>
            </div>
            <div class="box_lower_part">
               <img src="http://img35.imageshack.us/img35/5969/boxlowleftedgedark.png" alt="" class="align-left"/>
               <img src="http://img28.imageshack.us/img28/3567/boxlowrightedgedark.png" alt="" class="align-right"/>
            </div>
            <!-- /Box 2 -->

            <!-- Box --><!-- /Box -->

         </div>

      </div>
   </div>
   <div id="footer"></div>
</div>   


Css Kod:

Kod:
li.nav_element{display: none;}
#container {
   margin:0;
   min-width:770px;
   padding:0;
   text-align:left;
   width:100%;
   border:Solid 0px black;
}
#header{
   background-color:#ff9933;
   background-image:url(http://img205.imageshack.us/img205/1575/headerbgfy.gif);
   height:102px;
   width:100%;
   overflow:hidden;
}
#nav_menu{
   background-image:url(http://img26.imageshack.us/img26/7135/navmenubg.png);
   height:36px;
   width:100%;
}
#body{
   background-color:#e7e6e4;
/*   border:solid 3px green;*/
   width:100%;
   overflow:auto;
}
#body-single-panel{
   background-color:#e7e6e4;   
   height:inherit;
   /*border:solid 1px red;*/
}
#body-left-panel{
   float:left;
   /*background-color:aqua;*/
   background-color:#e7e6e4;   
   height:inherit;
   width:66%;
   /*border:solid 1px red;*/
}
#body-right-panel{
   float:right;
   background-color:#9e9e9e;
   width:33%;
   height:inherit;
   /*border:solid 1px orange;*/
}
#footer{
   background-color:#e7e6e4;
   height:52px;
   width:100%;
   overflow:visible;
   clear:both;
}
#footer_nav_menu{
   background-image:url(http://img217.imageshack.us/img217/8335/footernavmenubg.png);
   height:26px;
   float:left;
   width:67%;
}
#footer_copyright{
   background-image:url(http://img232.imageshack.us/img232/6847/footercopyrightbg.png);
   height:26px;
   width:33%;
   float:right;
}
#footer_copyright2{
   background-image:url(http://img217.imageshack.us/img217/8335/footernavmenubg.png);
   height:26px;
   width:33%;
   float:right;
}
#footer_designby{
   background-color:#9e9e9e;
   height:26px;
   width:33%;
   float:right;
}
#footer_empty{
   background-color:#e7e6e4;
   height:26px;
   width:100%;
}

#main_header{
   font-family:"Trebuchet MS", Tahoma, Verdana;
   font-weight:bold;
   font-size:30px;
   color:#FFFFFF;
   position:relative;
   top:45px;
   left:30px;
   float:left;
   z-index:1;
}
img#header_logo{
   float:right;
   position:relative;
   top:23px;
   overflow:hidden;
   z-index:0;
}
/*============= BOXES =============*/
div.box_upper_part{
   background-image:url(http://img402.imageshack.us/img402/1955/boxupbg.png);
   height:29px;
   width:100%;
}
div.box_upper_part3{
   background-image:url(http://img402.imageshack.us/img402/1955/boxupbg.png);
   height:29px;
   border-left:solid 1px #5f626a;
   border-right:solid 1px #5f626a;
}
div.box_middle_part{
   background-color:#f6f5f4;
   border-left:solid 1px #5f626a;
   border-right:solid 1px #5f626a;
}
div.box_lower_part{
   background-image:url(http://img263.imageshack.us/img263/691/boxlowbg.png);
   height:22px;
   margin-bottom:15px;
}
div.box_lower_part3{
   /*background-image:url(http://img263.imageshack.us/img263/691/boxlowbg.png);*/
   height:22px;
   margin-bottom:15px;
   border-left:solid 1px #5f626a;
   border-right:solid 1px #5f626a;
   border-bottom:solid 1px #5f626a;
   background-color:#f6f5f4;
}
div.box_single{
   background-color:#f6f5f4;
   border:solid 1px #5f626a;
   margin-bottom:15px;
}
img.box_dot{
   float:left;
   position:relative;
   top:4px;
   left:4px;
}
/*###########################################*/
div.link_container{
   position:relative;
   top:6px;
   left:25px;
   width:90%;
}
div.footer_link_container{
   position:relative;
   top:2px;
   left:25px;
}
div.pad_15tah{
   padding:15px;
   font-family:Tahoma, Verdana;
   font-size:0.8em;
}
div.designedby{
   font-family:Verdana, Tahoma;
   font-size:0.7em;
   text-align:right;
   padding:5px;
}
div.copyrite{
   font-family:Verdana, Tahoma;
   font-size:0.7em;
   text-align:right;
   padding:5px;
}
div.designedby{
   color:#FFFFFF
}
span.box_header{
   position:relative;
   top:3px;
   left: 11px;
   font-family:Verdana, Tahoma;
   font-size:0.8em;
   font-weight:bold;   
}
span.link_separator{
   color: #4f4f4f;
   text-decoration: none;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:0.7em;
   margin-left:1em;
   margin-right:1em;
}
/*============= LISTS =============*/
ul{
   font-family:Tahoma, Verdana;
   font-size:0.8em;
   vertical-align:middle;
   text-align:justify;
   line-height:15px;
   list-style-position:outside;
   margin-top:5px;
   margin-bottom:5px;
}
ul.img_orange{
   list-style-image: url('../img/li_orange.gif');
}
ul.img_red{
   list-style-image:url('../img/li_red.gif');
}
ul.img_green{
   list-style-image:url('../img/li_green.gif');

}
/*============= HR's (lines) =============*/
hr.hr_orange{
   height:0px;
   border-top:Solid 1px #ff8a00;
   margin:0;
}
hr.hr_gray{
   height:0px;
   border-top:Solid 1px #6c6f79;
   margin:0;
}
/*============= FORM INPUT ELEMENTS =============*/
input.i_button{
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #ae4a01;
   border: 1px solid #8b8d95;
   background-color: #ebeaea;
   background-image: url(http://img412.imageshack.us/img412/9379/buttonbg.gif);
   font-weight: bold;
   font-size: 11px;
   height:21px;
   vertical-align: middle;
}
input.i_textfield{
   font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #000000;
   border: 1px solid #b3b9c3;
   background-color: White;
   font-size: 11px;
}
/*============= LINKS =============*/
a:link {
   color: #040404;
   text-decoration: underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;
}
a:visited{
   color: #797979;
   text-decoration: underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;   
}
a:hover{
   color: #f0812f;
   text-decoration:underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;   
}
/*************************/
a.main_nav:link {
   color: #4f4f4f;
   text-decoration: none;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:0.7em;
}
a.main_nav:visited{
   color: #4f4f4f;
   text-decoration: none;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:0.7em;   
}
a.main_nav:hover{
   color: #a94001;
   text-decoration:underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:0.7em;   
}
/*************************/
a.brown:link {
   color: #ce4e01;
   text-decoration: underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;
}
a.brown:visited{
   color: #bb9d8b;
   text-decoration: underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;   
}
a.brown:hover{
   color: #ff0202;
   text-decoration:underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;   
}
/*************************/
a.orange:link {
   color: #ff8a00;
   text-decoration: underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;
}
a.orange:visited{
   color: #bb9d8b;
   text-decoration: underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;   
}
a.orange:hover{
   color: #ff0202;
   text-decoration:underline;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:0.9em;   
}
/*************************/
a.graformix:link {
   color: #FFFFFF;
   text-decoration: underline;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:1.0em;
}
a.graformix:visited{
   color: #FFFFFF;
   text-decoration: underline;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:1.0em;   
}
a.graformix:hover{
   color: #040404;
   text-decoration:underline;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:1.0em;   
}
/*************************/

.underline {
   text-decoration: underline;
}
.align-left{
   float:left;
}
.align-right{
   float:right;
}

#kommentartext {
background-image:url(http://treasuresnevada.com/las%20vegas%20strip%20club/images/backgrounds/trs%20background.jpg);
}

table {margin-left: auto;margin-right: auto}

<!--
headline{visibility:hidden;}
-->
Mesaj06.01.2011, 11:19 (UTC)    
Mesaj konusu:

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


css koduna bunu ekle
Mesaj06.01.2011, 12:22 (UTC)    
Mesaj konusu:

yardımınız için çok teşekkürler comicturk Smile sorunum halloldu. İyi günler ve başarılar dilerim.
Önceki mesajları göster:   


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