Css kodlarını 3 bölüme ayırmak için yardım

  • Konuyu başlatan Konuyu başlatan TurX
  • Başlangıç tarihi Başlangıç tarihi
TurX

TurX

Asistan
Katılım
25 Ocak 2009
Mesajlar
398
Reaksiyon puanı
28
Puanları
28
slm herkese...
CSS kodlarını 3 bölüme ayırmak için ne yapmam lazım bir türlü beceremedim.


Kodlar elimde varda nerden nasıl böleceğimi bilemedim.Bu bölme işlemiyle ilgili bir program var mı??yada kodları versenizde olur.

bu kodu 2 böle bölcem bide CSS kodu var sanrım o ayrı dosyanın içinde..
aşağıdaki kodu nasıl bölebilirrm 2 kısma?
Kod: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"][U][COLOR=#0000ff]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/COLOR][/U][/URL]">
<html>
<head>
<title>Halo Template</title>
<meta http-*****="Content-Type" **********text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
 <div id="header">
  <div id="logo">
 
  </div>
  <div id="topright">
   <div id="nav">
    <ul>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3ehome%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Home</a></li[/COLOR][/U][/URL]>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3ecommunity/"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Community[/COLOR][/U][/URL] </a></li>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3esupport%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Support</a></li[/COLOR][/U][/URL]>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3egames%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Games</a></li[/COLOR][/U][/URL]>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3edownload%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Download</a></li[/COLOR][/U][/URL]>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3ecatalog%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Catalog</a></li[/COLOR][/U][/URL]>
    </ul>
    <div style="clear:both"></div>
   </div>
   <div id="contenttr">
 
    <div id="screenshots">
     <img src="images/ss-1.jpg" alt="ScreenShot" class="ss1" width="77" height="54" />
     <img src="images/ss-2.jpg" alt="ScreenShot" class="ss2" width="75" height="54" />
     <img src="images/ss-3.jpg" alt="ScreenShot" class="ss3" width="77" height="54" />
     <img src="images/ss-4.jpg" alt="ScreenShot" class="ss4" width="75" height="54" />
    </div>
 
    <div class="heading">Welcome to Halo Games</div>
 
    <p>Don't forgot to check <a href="[URL="http://www.freewebsitetemplates.com%22%3efree/"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">free[/COLOR][/U][/URL] website templates</a> every day, because we add at least one free website template daily.</p>
 
    <p>This is a template designed by free website templates for you for free you can replace all the text by your own 
    text. This is just a place holder so you can see how the site would look like.</p> 
 
    <p>You can remove any link to our websites from this template you're  free to use the template without linking 
    back to us.</p>
     <div id="dealleft">
      <img src="images/ad-special-price.jpg" alt="Special Price" width="154" height="113" />
     </div>
     <div id="dealright">
     <div class="heading">Features</div>
 
      <p><b>Feature 1:</b> If you're looking for beautiful and professionally made templates you can **** them at <a href="[URL="http://www.templatebeauty.com%22%3etemplate/"][U][COLOR=#0000ff]http://www.templatebeauty.com">Template[/COLOR][/U][/URL] Beauty</a>. </p>
      <p><b>Feature 2:</b> To **** great hosting providers visit <a href="[URL="http://www.webhostingzoom.com%22%3eweb/"][U][COLOR=#0000ff]http://www.webhostingzoom.com">Web[/COLOR][/U][/URL] Hosting Zoom</a>.</p>
 
     </div>
   </div>
  </div>
 </div>
 <div id="bottom">
  <div id="csoon">
   <div class="heading2">Coming Soon</div>
   <p>
            <img src="images/ss-5.jpg" alt="ScreenShot" width="111" height="65" /></p>
   <p>This is a demo text. It will be replaced by the original.</p>
  </div>
  <div id="videobox">
   <img src="images/ss-6.jpg" alt="ScreenShot" class="video" width="65" height="69" />
   <img src="images/ss-7.jpg" alt="ScreenShot" class="video" width="63" height="69" />
   <img src="images/ss-8.jpg" alt="ScreenShot" class="video" width="63" height="70" />
   <img src="images/ss-9.jpg" alt="ScreenShot" class="video" width="63" height="70" />
   <img src="images/ss-10.jpg" alt="ScreenShot" class="video" width="63" height="70" />
    <ul>
     <li><a href="[URL="http://www.freewebsitetemplates.com%22%3eplay%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Play</a></li[/COLOR][/U][/URL]>
     <li><a href="[URL="http://www.freewebsitetemplates.com/"][U][COLOR=#810081]http://www.freewebsitetemplates.com[/COLOR][/U][/URL]"> Play</a></li>
     <li><a href="[URL="http://www.freewebsitetemplates.com/"][U][COLOR=#810081]http://www.freewebsitetemplates.com[/COLOR][/U][/URL]"> Play</a></li>
     <li><a href="[URL="http://www.freewebsitetemplates.com/"][U][COLOR=#810081]http://www.freewebsitetemplates.com[/COLOR][/U][/URL]"> Play</a></li>
     <li><a href="[URL="http://www.freewebsitetemplates.com/"][U][COLOR=#810081]http://www.freewebsitetemplates.com[/COLOR][/U][/URL]"> Play</a></li>
    </ul>
   <p class="play"><a href="[URL="http://www.freewebsitetemplates.com%22%3e&lt;&lt/"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">&lt;&lt[/COLOR][/U][/URL]; Previous</a> | <a href="[URL="http://www.freewebsitetemplates.com/"][U][COLOR=#810081]http://www.freewebsitetemplates.com[/COLOR][/U][/URL]"> Next &gt;&gt;</a></p>
  </div>
  <div id="player">
   <img src="images/circle-topl.jpg" alt="Stop" class="player1" width="54" height="53" />
   <img src="images/circle-topr.jpg" alt="Play" class="player1" width="52" height="53" />
   <img src="images/circle-bottoml.jpg" alt="Pause" class="player1" width="54" height="52" />
   <img src="images/circle-bottomr.jpg" alt="F.Forward" class="player1" width="52" height="52" />
  </div>
  <div id="footer">
   <ul>
    <li><a href="[URL="http://www.freewebsitetemplates.com%22%3ehome%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Home</a></li[/COLOR][/U][/URL]>
    <li><a href="[URL="http://www.freewebsitetemplates.com%22%3ecommunity/"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Community[/COLOR][/U][/URL] </a></li>
    <li><a href="[URL="http://www.freewebsitetemplates.com%22%3esupport%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Support</a></li[/COLOR][/U][/URL]>
    <li><a href="[URL="http://www.freewebsitetemplates.com%22%3egames%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Games</a></li[/COLOR][/U][/URL]>
    <li><a href="[URL="http://www.freewebsitetemplates.com%22%3edownload%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Download</a></li[/COLOR][/U][/URL]>
    <li><a href="[URL="http://www.freewebsitetemplates.com%22%3ecatalog%3c/a%3E%3C/li"][U][COLOR=#0000ff]http://www.freewebsitetemplates.com">Catalog</a></li[/COLOR][/U][/URL]>
   </ul><br /><br />
   <p class="calign">&copy; Copyright Information goes here.</p>
  </div>
 </div> 
</div>
</body>
</html>
 
Elbruz46

Elbruz46

Müdavim
Müdavim
Katılım
22 Şubat 2008
Mesajlar
11,931
Reaksiyon puanı
1,338
Puanları
293
böyle başlığa yardım gelmez....
 
C

craftingMaterial

Rektör
Katılım
31 Aralık 2007
Mesajlar
17,485
Reaksiyon puanı
189
Puanları
243
kodundaki <link href="style.css" rel="stylesheet" type="text/css" /> satırından anlayacağın üzere css verileri style.css'den linklenmiş. bize verdiğin HTML kodu...
 
Rom.

Rom.

Rektör
Emektar
Katılım
11 Aralık 2008
Mesajlar
15,332
Reaksiyon puanı
177
Puanları
243
Konuyu web tasarım bölümüne açsan daha faydalı olurdu !
 
kaberdey

kaberdey

Profesör
Katılım
22 Aralık 2008
Mesajlar
4,262
Reaksiyon puanı
87
Puanları
0
3'e yada 2'ye bölmek nedir?
+ verdiğin kodların içerisinde CSS kodları zaten bulunmuyor, dışarıdaki bir style.css adlı dosyadan çekilmektedir. (bkz cgrszone)
 
emubaltaci

emubaltaci

Rektör
Emektar
Katılım
21 Kasım 2005
Mesajlar
18,862
Reaksiyon puanı
129
Puanları
243
konu taşınmıştır. başlık daha anlaşılır bir hale getirilmiştir.
 
roy_mclean

roy_mclean

Asistan
Katılım
8 Ekim 2006
Mesajlar
134
Reaksiyon puanı
0
Puanları
16
style.css bize sunman lazım ki yardım edelim...bundan daha ileri bir yardım bekleme...
 
Rom.

Rom.

Rektör
Emektar
Katılım
11 Aralık 2008
Mesajlar
15,332
Reaksiyon puanı
177
Puanları
243
Ama css dosyasını da görmem lazım yardımcı olabilmek için,
css kodunu da eklersen güzel olur, yada sen direk templatesin adresini ver ;) :D
 
futi33

futi33

Öğrenci
Katılım
1 Mayıs 2009
Mesajlar
18
Reaksiyon puanı
0
Puanları
1
Yazından hiç birşey anlaşılmamış ama yorum satırını soruyorsan <!-- --> yapmalısın.
 
Cevap yazmak için kayıt ol veya giriş yap

Benzer konular

xacn
Öneri Sizler için yaptığım bio sitesi teması
Cevaplar
0
Görüntüleme
583
xacn
xacn
M
Yardım CSS | Footer Kısmı Yatay Olması Gerekirken Dikey Oluyor
Cevaplar
0
Görüntüleme
1K
meterobben
M
M
Soru Php'de Site İçi Aramada Sayfalama Yapma Problemi
Cevaplar
3
Görüntüleme
1K
shyam
S
Gece baykuşu
Yardım Container Div Yükseklik Verince Flex Oln Divler Arası Boşluk Artması
Cevaplar
2
Görüntüleme
1K
Gece baykuşu
Gece baykuşu
Graveworm
Öneri İzlenmesi gereken 100 film (Kişisel liste)
Cevaplar
7
Görüntüleme
1K
LuiLibero
LuiLibero

SDN Haberleri

Son mesajlar

Üst