Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj18.01.2009, 21:57 (UTC)    
Mesaj konusu: CSS Kodu Nasıl Ayırılır ?

Bu Kodu Tasarımın Üzerine altına css koduna göre düzenliyorum.Olmuyor.Önceden Deneyimim var..Yapıyordum..Ama... Crying or Very sad
Sizde Rica Etsem..!!!Yapıverin..!!!
Kod:
/* 
Theme Name: Stellanova Blue
Theme URI: http://topwpthemes.com/stellanova-blue/
Description: Designed by <a href="http://designed.nu">Design Blog</a> and available FREE at <a href="http://www.zinruss.com/themes/">WordPress Themes Gallery</a>
Author: Design Blog
Author URI: http://designed.nu
© 2008, Design Blog. All rights reserved.
*/

* { margin: 0; padding: 0; }

body {
   background: #0097be url(images/background.jpg) repeat-x top;
   text-align: center;
   margin: 0 auto;
   }
   

/* -------------------
Main Structure
------------------- */
   
#frame {
   width: 980px;
   text-align: left;
   margin: 0 auto;
   background: url(images/framebg.jpg) 0 0 no-repeat;
   }
   
#middle {
   background: url(images/framebg.jpg) 0 0 repeat-y;
   overflow: auto;
   width: 100%;
   }

#content {
   float: left;
   width: 631px;
        padding-left: 0px;
        padding-right: 0px;
        background: #fefefe;
        margin-left: 50px;
   border: 1px solid #b4e4ed;
   }
   
#sidebar {
   float: left;
   width: 230px;
   padding: 0px 0px 10px 12px;
   }
   
/* -------------------
Header
------------------- */

#header {
   height: 110px;
        background: url(images/header.jpg);
        width: 980px;
        height: 288px;
   }
   
.header-title {
   font-family: Tahoma, Verdana, Arial;
   color:#15a1c4;
   font-size:28px;
        font-weight:bold;
   padding:138px 0 0 88px;
   text-align:left;
   }
.header-title a{
   color:#15a1c4;
   text-decoration:none;
   border-bottom:none;
   }
.header-title a:hover{
   color:#15a1c4;
   text-decoration:none;
   border-bottom:none;
   }
.header-description {
        font-family:Tahoma, Arial, Helvetica, sans-serif;
   color:#181818;
   font-size:11px;
   padding:0px 0 0 89px;
   text-align:left;
        font-weight:normal;
   }

.ad468 {
   padding:20px 0 0 89px;
   text-align:left;
   }
   
/* -------------------
Content
------------------- */

#content .post {
   margin: 0 10px 20px 10px;
   }
   
/* general #content definitions */
   
#content h2 {
   color: #181818;
   font: 0.8em Tahoma, Arial, Helvetica, sans-serif;
   margin: 11px 0 8px 0;
        padding: 4px 0px 5px 6px;
        background: url(images/h2-bg.jpg);   
   }

#content h2 a {
   color: #181818;
   text-decoration: none;
   font-weight: bold;
   }

#content h2 a:hover {
   color: #181818;
   text-decoration: none;
   }
   
#content h3 {
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   color: #181818;
   font-weight: bold;
        margin-left: 15px;
   }
   
#content h4 {
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   color: #181818;
   border-left: 1em solid #a5c1e5;
   padding: 0 0 0 0.5em;
   margin: 1em 0;
   }
   
#content p, #content dl {
   color: #181818;
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content p, #content ul, #content ol, #content dl {
   margin: 0 0 0.7em 0;
   }
   
#content li {
   margin: 0 0 0 30px;
   color: #181818;
   font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content dl dt {
   font-weight: bold;
   }
   
#content dl dd {
   margin: 0 0 0.4em 0.5em;
   }
   
#content blockquote {
   margin: 0 0 0 1em;
   border-left: 5px solid #15a1c4;
   padding: 0 0 0 1em;
   color: #181818;
}
   
#content a { color: #15a1c4;   
   font: 1em Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
 }
#content a:hover { color: #15a1c4; }
   
#content .post ul.post-data {   
        border-top: 1px dotted #181818;
   list-style: none;
   font: 0.85em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   padding: 0.1em 0 0.2em 0;
   color: #fefefe;
   margin: 1.3em 0 0 0;
   }

#content .post ul.post-data li {
   color: #181818;
   }
   
#content .post ul.post-data a {
   color: #15a1c4;
        text-decoration: none;
        font-weight:bold;
   }
   
#content .post ul.post-data a:hover {
   color: #15a1c4;
        text-decoration: underline;
        font-weight:bold;
   }

#content .post ul.post-data li.comments {
   float: right;
   margin: 0 0.7em 0 0;
   display: inline;
   font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content .post ul.post-data li.comments a {
   padding: 0 0 0 15px;

   }
   
#content .post ul.post-data li.posted {
   margin: 0 0 0 0.7em;

   }
   
#content .post ul.post-data li.posted a {
   padding: 0 0 0 1px;

   }
   
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover {
   background-position: 0 -38px;

   }

.entry {
   margin: 0px 0 0px 0;
   padding: 0px 0 5px 0;
   }

.entry  p {
   margin: 5px 0 5px 0;
   padding: 0;
   }


.entry  img {
      padding: 5px;
      border: 1px dotted #181818;
      }


.entry  img.alignleft {
                float: left;
                margin: 3px 3px 1px 0;
                }

.entry  img.alignright {
                 float: right;
                 margin: 0 3px 1px 3px;
                 }
.ads {
      text-align: center;
   }

.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            }
   

/* -------------------
Comments
------------------- */

#content #comments {
   margin: 0 20px 20px 25px;
   }
   
#content #comments .comment {
   margin: 0 0 2em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #a6bcd8;   }
#content #comments .comment a:hover {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #15a1c4; }
   
#content #comments .comment p {
   margin: 0 0 0.8em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content #comments .comment .comment-data p {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #15a1c4;
   padding: 0 0 0 22px;
   margin: 1.5em 0 0 0;
   }
   
#content #comments .comment .comment-data p a {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #15a1c4; }
#content #comments .comment .comment-data p a:hover { color: #15a1c4; }

#content #comments form {
   color: #15a1c4;
   font: 0.75em/1.6em Arial, Helvetica, sans-serif;
   }

#content #comments form a { color: #15a1c4; }
#content #comments form a:hover { color: #15a1c4; }
   
   
/* -------------------
Sidebar
------------------- */


   
#sidebar h3 {
   color: #181818;
   font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 0 0 0px 0;
        padding: 1px 0px 1px 0px;
        background: url(images/sidebar-h3-bg.jpg);
   border-bottom: 1px solid #181818;
   text-align: center;
   }
   
#sidebar p, #sidebar li {
   color: #181818;
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;       
   }
   
#sidebar p, #sidebar ul, #sidebar ol {
   margin: 0 0 16px 0;       
   background: #b4e4ed;
   }
   
#sidebar ul { list-style: none; }

#sidebar ul li {
   padding: 2px 0px 1px 0px;
   list-style-type: circle;
   margin-left: 18px;
   }
   

#sidebar a {
   color: #181818;
   text-decoration: none;
        font-weight:bold;
   }
   
#sidebar a:hover {
   color: #181818;
   text-decoration: underline;
        font-weight:bold;
   }
   
.bottom {
        background: url(images/sidebar-bottom.jpg);
        height: 8px;
   }




/* -------------------
Footer
------------------- */

#footer {
   clear: left;
   background: url(images/footer.jpg);
   height: 63px;
        width: 980px;
        margin: 0px auto;
   }
   
#footer #footertext {
   color: #181818;
   font: 0.7em Tahoma, Arial, Helvetica, sans-serif;
   padding: 10px 0 0 0;
   text-align: center;
   }
   
#footer #footertext a {
   color: #181818;
   text-decoration: none;
   }

#footer #footertext a:hover {
   color: #181818;
   text-decoration: none;
   }
   
#footer #searchform {
   padding: 33px 0 0 30px;
   }
   
#footer #searchform .searchfield {
   height: 17px;
   }
   
#footer #searchform .searchbutton {
   height:22px;
   }



.alt
{

   font: 1em Tahoma, Arial, Helvetica, sans-serif;
}

.commentlist {
        background: #fefefe;

}

.commentlist li {
font: 1em Tahoma, Arial, Helvetica, sans-serif;
width: 563px;
padding-bottom: 1em;
padding-top: 1em;   
}


.commentmetadata
{
   font: 11px Tahoma, Arial, Helvetica, sans-serif;

}

.commentlist cite, .commentlist cite a {
   font-weight:bold;
   font-style:normal;
   font-size:1.1em;
   }


.commentlist p
{
font: 16px Tahoma, Arial, Helvetica, sans-serif;   
}

#commentform {
margin: 2em 0;
margin-left:2em;
width: 565px;
}

#commentform textarea {

background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 565px;
}
#commentform textarea:hover {
background: #f0f8fa;
border: 1px solid #b4e4ed;
}
#commentform textarea:focus {
background: #f0f8fa;
border: 1px solid #b4e4ed;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 180px;
height: 15px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 180px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 180px;
}
#commentform input{
margin-bottom: 3px;
}

#commentform #submit {
   margin:0;
   float:left;
        background: url(images/submit-button.jpg);
        color: #181818;
   font: 11px Tahoma, Arial, Helvetica, sans-serif;
   border:1px solid #b4e4ed;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        margin-bottom: 10px;
        height: 20px;
   }

.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #fefefe;
background-color:#ffffff;
font-size:12px;
color:#181818;
}


______________
Aşağıdaki yazı fontunun adı Angilo Tatto'dur. Gelen mesajlara istinaden yazdım Smile


En son ibrahmgun tarafından 18.01.2009 22:39:58 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj18.01.2009, 22:00 (UTC)    
Mesaj konusu:

bu kodun tümü css koduna girer editöre atarsan calismaz tasarimin üstüne de atarsan calismaz

tümü css koduna girecek :s

bilemiyorum
______________

Mesaj18.01.2009, 22:10 (UTC)    
Mesaj konusu:

Mesaj18.01.2009, 22:32 (UTC)    
Mesaj konusu:

Size Zahmet HACKERFRİEND gibi düzenleyebilirmisiniz..??
Ben İçerği Eklerim... Wink
Siz Sadece Tasarım Üstü
Tasarım Altı
CSS Kodu Bölümüneyi yapıvereceksiziniz...Please..!!! Exclamation

______________
Aşağıdaki yazı fontunun adı Angilo Tatto'dur. Gelen mesajlara istinaden yazdım Smile
Mesaj18.01.2009, 22:45 (UTC)    
Mesaj konusu:

Kendiniz uğraşarak birşeyleri yapmanız öğreticidir.
Hazır demek aynı problem için aynı soruyu birkez daha sormak demektir Wink
İndex den çıkan kodları sayfa editörüne kaynaklayın.Çıkacak görüntüden tasarımı kopyalama işleme ile ayırın.
Kolay gelsin
______________
+Css Şablon Çözümleri+Site İçi Arama Motoru+Soldaki Menüyü Sağ Kısma da Ekle
+Butona(Menü' ye)Resim Ekle +Polldady' den Anket+Editör nasıl kullanılır?+Formata Son
+Güvenilir Sayaç+Ücretsiz Toplist Kur+Resimin Köşelerini Yuvarla+Web Yönetici Araçları+Css Desing Temel Anlatım
Önceki mesajları göster:   


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