Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.08.2009, 17:01 (UTC)    
Mesaj konusu: Css Tasarım

Merhaba Şu Css Tasarımını Tasarımın Üstüne Tasarımın Altına Css Koduna
Olarak Ayarlıcak Varmı lütfen Çok Lazım



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 document by Svein Erik Storkaas - CssTemplatesWeb.com | 2008 */

* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 background-image:url(http://img522.imageshack.us/img522/224/bgtilecc3.gif);
 background-repeat:repeat;
}
#wrapper {
 width: 782px;
 margin: 0 auto;
}
#border {
 border: 1px solid #8ECE5F;
 margin: 20px 0px 5px 0px;
 background-color: #fffffe;
 min-height: 776px;
 float: right;
 width: 780px;
}
* html #border {height:776px} /* IE Min-Height Hack */

#header {
 margin: 6px 5px 3px 5px;
 background-image:url(http://img522.imageshack.us/img522/9375/headerjj4.jpg);
 background-repeat:no-repeat;
 height:140px;
}

#headertext
{
    width:180px;
    height:40px;
    font-family:"Trebuchet MS";
    font-size:33px;
    color:#71c15c;
    margin:50px 0px 0px 50px;
    float:left;
    clear:none;
}

#headertextsmall
{   
    width:250px;
    height:30px;
    font-family:"Trebuchet MS";
    font-size:20px;
    color:#fff;           
    padding-right:50px;
    padding-top:60px;
    float:right;
   
}

/* ------------------------ Start Navigation Bar -----------------*/
#topmenu
{
height:46px;
width: 770px;
padding-left:5px;
background-repeat:no-repeat;
}

/*MEUNU*/
.glossymenu{
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 auto 0 auto;
    background: url(http://img522.imageshack.us/img522/661/menugbgaw4.gif) repeat-x; /*tab background image path*/
    height: 46px;
    list-style: none;
}

.glossymenu li{
    float:left;
}

.glossymenu li a{
    float: left;
    display: block;
    color:#000;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
    height: 46px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;   
}

.glossymenu li a b{
    float: left;
    display: block;
    padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
    color: #fff;
    background: url(http://img380.imageshack.us/img380/3492/menughoverleftks0.gif) no-repeat; /*left tab image path*/
    background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
   
    background: url(http://img380.imageshack.us/img380/8062/menughoverrightlc4.gif) no-repeat right top; /*right tab image path*/
}

/* ------------------------ End Navigation Bar -----------------*/


/* ------------------------ Start Images -----------------*/
img {
 display: inline;
 border: none;
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/


/* ------------------------ Start Main Columns -----------------*/
#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 6px 0px 0px 4px;
 display: inline; /* IE Hack */
 width: 240px;
 float: left;
 background-image:url(http://img522.imageshack.us/img522/4285/searchboxug5.gif);
 background-repeat: no-repeat;
 min-height: 300px;
 padding: 0;

}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */

.leftcolumn-inner { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 220px;
 float: left;
 background-image:url(http://img522.imageshack.us/img522/4285/searchboxug5.gif);
 background-repeat: no-repeat;
 min-height: 40px;
 padding: 10px;
 margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */

.in-the-news { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 235px;
 float: left;
 min-height: 125px;
 margin-bottom: 7px;
}
* html .in-the-news {height:125px} /* IE Min-Height Hack */


#rightcolumn {
/* border: 1px solid red;*/
 margin: 6px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 513px;
 float: left;
 min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */

#highlightnews {
 background-image:url(images/highlightnews.jpg);
 height:auto;
 background-repeat: no-repeat;
 text-align: left;
 padding: 17px 10px 10px 13px;
 display: inline; /* IE Hack */
 float: left;
 width: 510px;
}


#highlightnews img
{
    float:left;
    padding-right:10px;   
}

* html .sponsor {height:80px} /* IE Min-Height Hack */

.maincontent {
 min-height: 80px;
 display: inline; /* IE Hack */
 float: left;
 margin-bottom: 7px;
 width: 530px;
}
* html .maincontent {height:80px} /* IE Min-Height Hack */

.content-mid {
 background-image:url(http://img522.imageshack.us/img522/4193/contentmidbj1.gif);
 background-repeat: repeat;
 padding: 5px 14px 5px 14px;
}
.content-mid img
{
    float:left;
    margin:3px 10px 14px 0px;
}
.left-mid {
 background-image:url(http://img522.imageshack.us/img522/1161/leftmidlx6.gif);
 background-repeat: repeat;
 padding: 5px 14px 10px 14px;
}
.randompicture
{
background-image:url(http://img522.imageshack.us/img522/1161/leftmidlx6.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;   
}

.left-heading {
 background-image:url(http://img522.imageshack.us/img522/5918/leftheadingbc9.gif);
 background-repeat: no-repeat;
 padding: 9px 14px 5px 10px;
}
.left-heading h3
{
    font-size: 16px;
 color: #fff;
 min-height: 11px;
 font-weight: bold;
}

* html .left-heading {height:11px} /* IE Min-Height Hack */
/* ------------------------ End Main Columns -----------------*/

/* ------------------------- Start Headings ---------------------*/
h1 {
 font-size: 16px;
 color: #72C236;
}
/* ------------------------- End Headings ---------------------*/

input {
 border: 1px solid #8ECE5F;
 width: 200px;
}



#footer {
 font-size: 10px;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 5px;
 text-align:center;
}


ul#daily-links li {
 list-style: none;
 margin-left: 2px;
}
ul#nav-links li {
 display: inline;
 margin-left: 0px;
 padding-left: 12px;
 
}

ul#daily-links li a:link{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#daily-links li a:visited{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#daily-links li a:hover{
 color: #999;
 text-decoration: none;
 font-weight: bold;
}




a:link {
 color: #006600;
 text-decoration: none;
}
a:visited {
 color: #006600;
 text-decoration: none;
}

.valid {
 margin: 10px 0px 0px 10px;
}         //-->
      </style>
         </head>
   <body id="hpb_cssonly">
      <table height="27">

   <tr>
      <td height="27" valign="middle">
         <span style="font-size: 14px; color:#c2c9c9; font-family: Arial, Helvetica, Verdana, sans-serif;"><a href="http://www.bedava-sitem.com/klick.php?c=112&t=1307" style="font-size: 14px; color:#c2c9c9; font-family: Arial, Helvetica, Verdana, sans-serif;" target="_blank">Türkiye'nin Yeni Facebook'u <img src="http://img.webme.com/images/ads/New_icons_21.gif" border="0"></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://www.bedava-sitem.com/klick.php?c=102&t=1170" style="font-size: 14px; color:#c2c9c9; font-family: Arial, Helvetica, Verdana, sans-serif;" target="_blank">En büyük türk web tarayıcısı oyunu! <img src="http://img.webme.com/images/ads/Welt.gif" border="0">
</a></span>      </td>
   </tr>

</table><body>
<div id="wrapper">
   
   <!-- Start Border-->
   <div id="border">
     
      <!-- Start Header -->
      <div id="header">  </div>
    
      <!-- End Header -->
   
      <!-- Start Navigation Bar -->
      <div id="topmenu">

    <ul class="glossymenu">
   <li class="current"><a href="index.htm"><b>Anasayfa</b></a></li>
   <li><a href="http://portalive.tr.gg/Toplist.htm"><b>Toplist</b></a></li>
   <li><a href="http://portalive.tr.gg/Forum/index.htm"><b>Forum</b></a></li>   
   <li><a href="http://portalive.tr.gg/iletisim.htm"><b>İletişim</b></a></li>   
   <li><a href="http://portalive.tr.gg/Ziyaretci-Defteri.htm"><b>Z.Defteri</b></a></li>   
   <li><a href="#"><b>Hakkımızda</b></a></li>   

</ul>

   
</div>
      
     <!-- End Navigation Bar -->
      
     <!-- Start Left Column -->
     <div id="leftcolumn">
        
          <!-- Start Box -->
       <div class="in-the-news">
          <div class="left-heading">
            <h3>Menü</h3>

         </div>
         
          <div class="left-mid">
<p><a href="/index.htm" title="Anasayfa"><img src="http://www.famfamfam.com/lab/icons/mini/icons/icon_home.gif">Anasayfa</a></p>
<p><a href="/PortaLive-Facebook.htm" title="Facebook"><img src="http://www.famfamfam.com/lab/icons/mini/icons/application_flash.gif">Facebook</a></p>
<p><a href="/PortaLive-Msn-Nickleri.htm" title="Msn Nickleri"><img src="http://www.famfamfam.com/lab/icons/mini/icons/action_go.gif">Msn Nickleri</a></p>
<p><a href="/PortaLive-Sevgi.htm" title="Sevgi"><img src="http://www.famfamfam.com/lab/icons/mini/icons/arrow_right.gif">Sevgi</a></p>
<p><a href="/PortaLive-Gizli-ilimler.htm" title="Gizli İlimler"><img src="http://www.famfamfam.com/lab/icons/mini/icons/icon_user.gif">İlimler</a></p>
<p><a href="/PortaLive-internet-Terimleri.htm" title="İnternet Terimleri"><img src="http://www.famfamfam.com/lab/icons/mini/icons/icon_world.gif">İnternet Terimleri</a></p>
<p><a href="/PortaLive-Roportaj.htm" title="Röportaj"><img src="http://www.famfamfam.com/lab/icons/mini/icons/comment_yellow.gif">Röportaj</a></p>

<p><a href="/PortaLive-Css-Tasarimlar-Yeni.htm" title="CSS Tasarımlar"><img src="http://www.famfamfam.com/lab/icons/mini/icons/action_forward.gif">CSS Tasarımlar</a></p>


         </div>      
<img src="http://www.opendesigns.org/designs/1358/images/left-bottom.gif" class="block" alt="" />
       </div>
       <!-- End Box -->
      
          <!-- Start Box -->
       <div class="in-the-news">
          <div class="left-heading">

            <h3>İstatistik</h3>
         </div>
         
          <div class="left-mid">
<p><b><font color="gray">Bugün :</font></b> 9 </p>
<p><b><font color="gray">Tıklama :</font></b> 18 </p>
<p><b><font color="gray">Online :</font></b> <SCRIPT src="http://fastonlineusers.com/online.php?d=http://portalive.tr.gg"></SCRIPT> </p>

<p><b><font color="gray">IP :</font></b> 92.45.229.150 </p>
         </div>      
<img src="http://www.opendesigns.org/designs/1358/images/left-bottom.gif" class="block" alt="" />
       </div>
       <!-- End Box -->
      
      
      
     </div>
        <!-- End Left Column -->
   
     <!-- Start Right Column -->

     <div id="rightcolumn">      <div id="container">
         <div id="header_container">
            <div id="pre_header"></div>
            <div class="header"><h1 id="header"><span>7-B ANASAYFA</span></h1></div>
            <div id="post_header"></div>
         </div>
         <div id="nav_container">
         <h2 id="nav_heading"><span></span></h2>

            <ul id="nav">
               <li class="nav_element checked_menu" id="nav_AnaSayfa">
<a href="/Ana-Sayfa.htm" class="menu"><span>Ana Sayfa</span></a></li>
               <li class="nav_element" id="nav_HaberlerotomatikGncelleniyor">
<a href="/Haberler-k1-otomatik-G.ue.ncelleniyor-k2-.htm" class="menu"><span>Haberler(otomatik Güncelleniyor)</span></a></li>
            </ul>
         </div>
         <div id="content_container">
            <div id="pre_content"></div>

            <div id="content">
               <h2 id="title"><span>Ana Sayfa</span></h2>
               <strong><font color="#ff0000">Forum:<br />
</font>Forum Herhangi Bir Konu Uzerinde Acilan Paylasim Sitesidir...<br />
</strong><font color="#ff0000"><strong>Forumların Amacı:<br />
</strong><font color="#000000"><strong>Genel Olarak Bilgi Veren Paylasim Sitesi...<br />
<span style="color: rgb(255,0,0)">7-B </span></strong><font color="#ff0000"><strong>Sitesinin Amacı:<br />

</strong><font color="#000000"><strong>Her Hafta Yeni Konular Eklencek...</strong><font color="#ff0000"><strong>&Ouml;rn:</strong><font color="#000000"><strong>Şiirler,Fıkralar,Komik Yazılar,Duvar Yazıları vb.<br />
<br />
Umarım Sitemizi Beğenirsiniz...<br />
<br />
&szlig;y.XxcanxX&nbsp;<br />

iLetişim:<br />
mSn: <a href="mailto:hackers_xxcanxx( at )hotmail.com">hackers_xxcanxx( at )hotmail.com</a><br />
aDreste verimm mi ?:D </strong></font></font></font></font></font><br />
</font>            </div>
            <div id="counter"><span>Bugün 9 ziyaretçi (18 klik) kişi burdaydı!</span></div>
            <div id="post_content"></div>

                        <div id="sidebar_container">
               <h2 id="sidebar_heading"><span></span></h2>
               <div id="sidebar_content"></div>
            </div>
         </div>
      </div>
              <!-- Start Highlight Box -->
        <div id="highlightnews">       </div>

        <!-- End Main Content -->
       
        <!-- Start Main Content -->
        <div class="maincontent">            
          </div>
      
         
         
        </div>
        <!-- End Main Content -->
       
       
      </div>
     <!-- End Right Column -->
   
   </div>

   <!-- End Border -->
   
   <!-- Start Footer -->
     <div id="footer">
        Tüm Hakları Saklıdır!  © 2009
   </div>
   <!-- End Footer -->
   

   
</body>

</html>
                  <iframe src="http://www.homepage-baukasten.de/cookie.php?visit=eskikoyeyeniadet&auth1=df1e38e7526518d02c3735d4faac09b3&auth2=e23d8d766baacc67e8ec06a52e5f5943&auth3=7f9a3e20388dcd98a384c44957fb03a4&auth4=8078bf96b98ab99fb332f460ced22799&auth5=e4a6fe8a14912b6f92836476272df9b8&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
   _uacct = "UA-2594508-11";
   urchinTracker();
</script>      <div id="extraDiv1"><span></span></div>
      <div id="extraDiv2"><span></span></div>
      <div id="extraDiv3"><span></span></div>
      <div id="extraDiv4"><span></span></div>
      <div id="extraDiv5"><span></span></div>

      <div id="extraDiv6"><span></span></div>
   </body>
</html>
Önceki mesajları göster:   


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