Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj29.06.2009, 13:33 (UTC)    
Mesaj konusu: tasarım alt ve üstü

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Radiance
Description: Fixed-width design for blogs and small websites.
Version    : 1.0
Released   : 20071007

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Radiance by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="logo">
   <h1><a href="#">Online Müzik Dinleme Adresi</a></h1>
   <p>&nbsp;</p>
</div>
<div id="menu">
   <ul>
      <li class="current_page_item"><a href="http://www.dinliyorumm.tr.gg">ANA
      SAYFA</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/istek.htm">İSTEK</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/Populer-50-Sarki.htm">Populer
      50 Sarki</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/Rastgele-M.ue.zik.htm">
      Rastgele Müzik</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/M.ue.zik-Arama.htm">Müzik
      Arama</a></li>
   </ul>
</div>
<!-- end header -->
<hr />
<!-- start latest post -->
<div id="latest-post" class="wide-post" style="width: 771px; height: 308px">
   <h1 class="title"><a href="#">WEB SİTEMİZE HOŞ GELDİNİZ!</a></h1>
   <div class="entry">
      <p><b><font face="Verdana" size="2">Sitemiz Müzik Dinle Ve Şarkı Dinleme
      Sitesidir İndirme Kesinlikle Yoktur Hak Sahibi Sanatçıların Orjinal
      Albümlerini Almanızı Tavsiye Ederiz. müzik dinleme,şarkı dinleme,türkü
      dinleme,online müzik şarkı dinle</font></b>. </p>
      <p>&nbsp;</p>
      <p class="links"> &nbsp;</p>
   </div>
   <div class="bottom"></div>
</div>
<!-- end latest post -->
<!-- start recent posts & comments -->
<div id="recents" class="two-columns">
   <div id="recent-posts" class="column-one">
      &nbsp;</div>
   <div id="recent-comments" class="column-two">
      &nbsp;</div>
</div>
<!-- end recent posts & comments -->
<!-- start submenu -->
<div id="submenu">
   &nbsp;</div>
<!-- end submenu -->
<div id="footer">
   <p>&copy;2007 All Rights Reserved. &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> &nbsp;&bull;&nbsp; Icons by <a href="http://www.famfamfam.com/">FAMFAMFAM</a>.</p>
</div>
</body>
</html>


arkadaşlar ya ben bu tasarımın alt ve üst kodlarını ayıramadım siz ayırırsanız sevinirim css kodu ben de var ama belki yanlıştır sizde yollayın lütfen
Mesaj29.06.2009, 13:35 (UTC)    
Mesaj konusu:

Css bölümünde açsaydınız size daha çabuk yardımcı olabilirlerdi
ve forumuda düzgün kullanmış olurduk buyrun kodlar

Tasarımın üzeri

Kod:
<!-- start header -->
<div id="logo">
   <h1><a href="#">Online Müzik Dinleme Adresi</a></h1>
   <p>&nbsp;</p>
</div>
<div id="menu">
   <ul>
      <li class="current_page_item"><a href="http://www.dinliyorumm.tr.gg">ANA
      SAYFA</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/istek.htm">İSTEK</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/Populer-50-Sarki.htm">Populer
      50 Sarki</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/Rastgele-M.ue.zik.htm">
      Rastgele Müzik</a></li>
      <li><a href="http://www.dinliyorumm.tr.gg/M.ue.zik-Arama.htm">Müzik
      Arama</a></li>
   </ul>
</div>
<!-- end header -->
<hr />
<!-- start latest post -->
<div id="latest-post" class="wide-post" style="width: 771px; height: 308px">
   <h1 class="title"><a href="#">WEB SİTEMİZE HOŞ GELDİNİZ!</a></h1>
   <div class="entry">
      <p><b><font face="Verdana" size="2">Sitemiz Müzik Dinle Ve Şarkı Dinleme
      Sitesidir İndirme Kesinlikle Yoktur Hak Sahibi Sanatçıların Orjinal
      Albümlerini Almanızı Tavsiye Ederiz. müzik dinleme,şarkı dinleme,türkü
      dinleme,online müzik şarkı dinle</font></b>. </p>
      <p>&nbsp;</p>
      <p class="links"> &nbsp;</p>
   </div>
   <div class="bottom"></div>
</div>
<!-- end latest post -->
<!-- start recent posts & comments -->
<div id="recents" class="two-columns">
   <div id="recent-posts" class="column-one">
      &nbsp;</div>
   <div id="recent-comments" class="column-two">
      &nbsp;</div>
</div>
<!-- end recent posts & comments -->
<!-- start submenu -->
<div id="submenu">
   &nbsp;</div>
<!-- end submenu --> 


Tasarımın altı

Alıntı:
<div id="footer">
<p>&copy;2007 All Rights Reserved. &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> &nbsp;&bull;&nbsp; Icons by <a href="http://www.famfamfam.com/">FAMFAMFAM</a>.</p>
</div>

______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj29.06.2009, 13:38 (UTC)    
Mesaj konusu: saold

saolda kardeş bide css kodunu bulabilirmisin sana zahmet
Mesaj29.06.2009, 13:39 (UTC)    
Mesaj konusu: Re: saold

nehirarastirma yazmış:
saolda kardeş bide css kodunu bulabilirmisin sana zahmet

Css kodu indirdiğin dosyanın içinde ki style kodudur.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj29.06.2009, 13:41 (UTC)    
Mesaj konusu: yok

default.css
bumu

peki bunun hepsini css koduna mı koyacam
Mesaj29.06.2009, 13:42 (UTC)    
Mesaj konusu: Re: yok

nehirarastirma yazmış:
default.css
bumu

peki bunun hepsini css koduna mı koyacam

Evet
kodların başına şu kodu ekleyerek tamamını css kutucuğuna koyman gerekir.
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;}

______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj29.06.2009, 13:43 (UTC)    
Mesaj konusu: Re: yok

nehirarastirma yazmış:
default.css
bumu

peki bunun hepsini css koduna mı koyacam

Ornegin.com/tasarımsayfasi.php/default.css gibi ekleyin sonra da o kodları alıp sitenizin css kodu olan tarafa atın
Tabii link kaybetme kodunu da koymanız gerek...
Mesaj29.06.2009, 13:46 (UTC)    
Mesaj konusu: ee

eee olmadı
menü yerleri sarı ama burda renk yok +
arkaplan resmi siyah+beyaz karşımı
Mesaj29.06.2009, 13:47 (UTC)    
Mesaj konusu: site

Mesaj29.06.2009, 13:49 (UTC)    
Mesaj konusu: Re: site

nehirarastirma yazmış:

tasarımı hangi sayfadan aldıgınızı yazarsanız daha kolay bulurum size css sini
Mesaj29.06.2009, 13:52 (UTC)    
Mesaj konusu: al

Mesaj29.06.2009, 13:53 (UTC)    
Mesaj konusu:

Kod:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: #A9B3BB url(http://www.freecsstemplates.org/templates/previews/radiance/images/img01.gif) repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #555555;
}

h1, h2, h3 {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
   font-size: 3em;
}

h2 {
   font-size: 2em;
}

h3 {
   font-size: 1em;
}

p, ul, ol {
   margin-bottom: 1em;
   line-height: 140%;
}

a {
   color: #333333;
}

a:hover {
   text-decoration: none;
   color: #FC3E1A;
}

img.left {
   float: left;
   margin: 3px 20px 0 0;
   border: 3px solid #848C8F;
}

img.right {
   float: right;
   margin: 3px 0 0 20px;
   border: 3px solid #848C8F;
}

hr {
   display: none;
}

/* Header */

#logo {
   width: 670px;
   height: 130px;
   margin: 0 auto;
   padding: 70px 0 0 100px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img02.gif) no-repeat 0px 50px;
}

#logo h1, #logo p {
   color: #FFFFFF;
}

#logo h1 {
}

#logo p {
   margin: 0;
   padding: 0 0 0 2px;
   line-height: normal;
}

#logo a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Menu */

#menu {
   width: 770px;
   height: 70px;
   margin: 0 auto;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   display: block;
   float: left;
   height: 43px;
   padding: 12px 30px 0 30px;
   text-decoration: none;
   font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #333333;
}

#menu a:hover {
   text-decoration: underline;
}

#menu .current_page_item a {
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img03.gif) no-repeat center bottom;
}

/* Wide Post */

.wide-post {
   width: 770px;
   margin: 0 auto;
   background: #D4D9DD url(http://www.freecsstemplates.org/templates/previews/radiance/images/img04.gif) repeat-y;
}

.wide-post .title {
   padding: 30px 30px 20px 30px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img05.gif) no-repeat;
   font-size: 2em;
}

.wide-post .title a {
   text-decoration: none;
   border-bottom: 1px solid #B4BBBE;
   color: #333333;
}

.wide-post .title a:hover {
   border: none;
}

.wide-post .entry {
   padding: 0 30px;
}

.wide-post .bottom {
   height: 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img06.gif) no-repeat left bottom;
}

.wide-post .links {
   clear: both;
   margin: 0;
   padding: 10px;
   background: #CDD4D7;
   border-top: 1px solid #B4BBBE;
   font-size: .9em;
}

.wide-post .links a {
   text-decoration: none;
}

.wide-post .links .date {
   padding-left: 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img08.gif) no-repeat left center;
}

.wide-post .links .author {
   padding-left: 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img09.gif) no-repeat left center;
}

.wide-post .links .comments {
   padding-left: 20px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img10.gif) no-repeat left center;
}

.wide-post .links .feeds {
   padding-left: 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img11.gif) no-repeat left center;
}

/* Two Columns */

.two-columns {
   width: 770px;
   margin: 0 auto;
   padding: 20px 0;
}

.two-columns .column-one {
   float: left;
   width: 370px;
}

.two-columns .column-two {
   float: right;
   width: 370px;
}

.two-columns .title {
   height: 28px;
   padding: 7px 0 0 10px;
   background: #DB8603 url(http://www.freecsstemplates.org/templates/previews/radiance/images/img12.gif) no-repeat;
   font-size: 1.4em;
   color: #333333;
}

.two-columns .entry {
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img13.gif) repeat-x;
}

/* Recent Posts */

#recent-posts {
}

#recent-posts ul {
   margin: 0;
   padding: 20px;
   list-style: none;
}

#recent-posts li {
   padding: 5px 15px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img14.gif) no-repeat left center;
   border-bottom: 1px solid #949EA4;
}

/* Recent Comments */

#recent-comments {
}

#recent-comments ul {
   margin: 0;
   padding: 20px;
   list-style: none;
}

#recent-comments li {
   padding: 5px 15px 5px 17px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img15.gif) no-repeat left center;
   border-bottom: 1px solid #949EA4;
}

/* Submenu */

#submenu {
   clear: both;
   padding: 20px 0;
   background: #535657 url(http://www.freecsstemplates.org/templates/previews/radiance/images/img16.gif) repeat-x left bottom;
   color: #A9B6BB;
}

#submenu ul {
   width: 770px;
   margin: 0 auto;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#submenu li {
   display: block;
   float: left;
   width: 180px;
   padding: 0 12px 0 0;
}

#submenu li ul {
   width: auto;
   margin: 0;
}

#submenu li li {
   display: list-item;
   float: none;
   width: auto;
   padding: 5px 0 5px 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/radiance/images/img17.gif) no-repeat left center;
   border-bottom: 1px solid #424546;
}

#submenu h2 {
   margin: 0 0 5px 0;
   border-bottom: 2px solid #424546;
   font-size: 1.2em;
}

#submenu a {
   text-decoration: none;
   color: #A9B6BB;
}

#submenu a:hover {
   text-decoration: underline;
}

/* Footer */

#footer {
   padding: 40px 0;
   background: #3F4244 url(http://www.freecsstemplates.org/templates/previews/radiance/images/img18.gif) repeat-x;
}

#footer p {
   text-align: center;
   font-size: smaller;
   color: #666666;
}

#footer a {
   color: #666666;
}

işte bu kadar
Önceki mesajları göster:   


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