Forum'da ara:
Ara


Yazar Mesaj
Mesaj09.08.2008, 12:15 (UTC)    
Mesaj konusu: hazır html kodları nasıl css olur

arkadaşlar sitemin tasarımını css yaptım css bölümüne hazır bir index kodu eklediğimde görüntülemiyor sadece yazılar cıkıyor yani html yi nasıl css de görüntüleriz teşekkürler
Mesaj09.08.2008, 12:17 (UTC)    
Mesaj konusu: Re: hazır html kodları nasıl css olur

xn--drtyol-wxa yazmış:
arkadaşlar sitemin tasarımını css yaptım css bölümüne hazır bir index kodu eklediğimde görüntülemiyor sadece yazılar cıkıyor yani html yi nasıl css de görüntüleriz teşekkürler


sitenizde bir sorun yok normal çıkıyor.
sayfa editörüne eklemek için kaynak butonuna basıp ekleyin

______________
Mesaj09.08.2008, 12:19 (UTC)    
Mesaj konusu:

zaten sorun bu kodda yok diğer html kodlarını mkabul etmiyor
Mesaj09.08.2008, 12:21 (UTC)    
Mesaj konusu:

xn--drtyol-wxa yazmış:
zaten sorun bu kodda yok diğer html kodlarını mkabul etmiyor


O zaman sitenize eklemeye çalıştığınız kodda bir sorun vardır.
______________
Mesaj09.08.2008, 12:22 (UTC)    
Mesaj konusu:

kodu gönder yardımcı olmaya çalışalım
______________
Mesaj09.08.2008, 12:23 (UTC)    
Mesaj konusu:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>New Rise</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--header start -->
<div id="header">
<a href="#" class="member">members login</a>
<img src="images/logo.gif" alt="web development" />
<ul class="nav">
<li class="home">home</li>
<li><a href="#">our clients</a></li>
<li><a href="#"> support</a></li>
<li><a href="#">new services</a></li>
<li><a href="#">solutions </a></li>
<li><a href="#">testimonials</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<!--header end -->
<!--body start -->
<div id="body">
<p class="top"></p>
<!--left panel start -->
<div id="left">
<h2>Welcome</h2>
<h3>Dondimentum sit ametelit In hac habitasse</h3>
<p class="text1">New Rise is a free, tableless, W3C-compliant web design layout by Template World. This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.</p>
<p class="text2">We only ask you to not remove "Design by Template World" and the link http://www.templateworld.com from the footer of the template. These templates are licensed under a Creative Commons Attribution 2.5 License. This means that you are free to modify the design to suit your tastes in any way you like, but you must include the provided link back to Template World.</p>
<p class="rm"><a href="#"></a></p>
<h2>latest events</h2>
<h3 class="date">On 02 January 2007</h3>
<p class="event"><b>Donec suscipit dui at nisi. Sed id lacus ac vehicula</b> Suspendisse nisi. Vestibulum vitae enim  tincidunt. Suspendisse potenti</p>
<p class="rm2"><a href="#"></a></p>
<h3 class="date">On 02 January 2007</h3>
<p class="event"><b>Donec suscipit dui at nisi. Sed id lacus ac vehicula</b> Suspendisse nisi. Vestibulum vitae enim  tincidunt. Suspendisse potenti</p>
<p class="rm2"><a href="#"></a></p>
</div>
<!--left panel end -->
<!--right panel start -->
<div id="right">
<h2>Search</h2>
<form name="serch" action="#" method="post">
<p class="domain">enter the domain name</p>
<input type="text" name="name" />
<input type="submit" name="go" value="" class="go" />
</form>
<h2 class="scope">Our scopes</h2>
<ul>
<li><a href="#">celit. Proin tortdu ct</a></li>
<li><a href="#">blandit Euctus nesta, </a></li>
<li><a href="#">tempus ut, augue.</a></li>
<li><a href="#">Suspendisse eu svel</a></li>
<li><a href="#">neque Egestasmodt</a></li>
<li><a href="#">faucibus, Nisi a auctor</a></li>
<li><a href="#">tristique, est nisorta</a></li>
<li><a href="#">arcu, vel lacinia arcid</a></li>
<li><a href="#">Justo. Nunc lacus.</a></li>
</ul>
<a href="#"><img src="images/banner.gif" alt="banner" width="157" height="146" border="0" class="banner" /></a>
<p class="bottom">
<a href="#" class="xhtm"></a>
<a href="#" class="css"></a>
</p>
</div>
<!--right panel end -->
<p class="bot"></p>
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<ul>
<li><a href="#">home</a>|</li>
<li><a href="#">our clients</a>|</li>
<li><a href="#">support</a>|</li>
<li><a href="#">new services</a>|</li>
<li><a href="#">solutions</a>|</li>
<li><a href="#">testimonials</a></li>
<li><a href="#">contact us</a></li>
</ul>
<p class="copyright">&nbsp; new rise web development. All rights reserved.</p>
<p class="design">Designed By: <a href="http://www.templateworld.com/" target="_blank" class="link">Template World</a></p>
</div>
<!--footer end -->
</body>
</html>
Mesaj09.08.2008, 12:23 (UTC)    
Mesaj konusu:

bu kodu nasıl css olarak ekledrim siteme bakın bu kodu css bölümüne ekledim görüntülenmiyor
Mesaj09.08.2008, 12:26 (UTC)    
Mesaj konusu:

xn--drtyol-wxa yazmış:
bu kodu nasıl css olarak ekledrim siteme bakın bu kodu css bölümüne ekledim görüntülenmiyor
3

zaten bu bir css kodu değil html kodu.
yani sayfa editöründen görüntüleyebilirsin.

css için bunu tekrar yazman lazım.
css tagları ile html tagları farklıdır Wink

______________
Mesaj09.08.2008, 12:27 (UTC)    
Mesaj konusu:

yha anlatamadım bu kodu nasıl css yapabilirim Wink
Mesaj09.08.2008, 12:30 (UTC)    
Mesaj konusu:

xn--drtyol-wxa yazmış:
yha anlatamadım bu kodu nasıl css yapabilirim Wink


Niye css yapmak istiyorsun? Html olarak zaten görevini yapıyor Very Happy
______________
Mesaj09.08.2008, 12:31 (UTC)    
Mesaj konusu:

xn--drtyol-wxa yazmış:
yha anlatamadım bu kodu nasıl css yapabilirim Wink



dedimya tekrar bütün tagları css olarak ayarlıcaksın.
css bilgin olması lazım.


not: her mesaj yazdığında bildirmek için özel mesaj sistemini kullanma Exclamation

______________
Mesaj09.08.2008, 12:32 (UTC)    
Mesaj konusu:

yapmıyor yha bu kodu dene bir sayfada gözükmüyorrrrrr
Mesaj09.08.2008, 12:34 (UTC)    
Mesaj konusu:

xn--drtyol-wxa yazmış:
yapmıyor yha bu kodu dene bir sayfada gözükmüyorrrrrr


Sayfalarını değiştirden
Kodu eklemk istediğin sayfayı aç
kaynak butonuna bas ve kodu ekle.

Sonra kaydete tıkla. Wink

______________
Mesaj09.08.2008, 12:38 (UTC)    
Mesaj konusu:

olmuyorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
Mesaj09.08.2008, 12:38 (UTC)    
Mesaj konusu:

xn--drtyol-wxa yazmış:
yapmıyor yha bu kodu dene bir sayfada gözükmüyorrrrrr


arkadaşım nedemek istediğimi anlamıyorsun kendi düşünceni bir kenera bırak sadece benim söylediklerime yoğunlaş..

bunu direk css tagı yerine eklersen olmazzzz Exclamation

bak örnek css kodu bu bir menü kodudur


Kod:
#MainMenu
{
   height:31px;
   background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_091.gif');
   margin:0;
   border:0px none;
}
#tab
{
   margin:0;
   top:0;
}
#tab ul
{
   margin:0;
   padding:0;
   list-style:none;
   float:left;
}
#tab li
{
display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000000 url('http://www.fileden.com/files/2007/6/19/1190933/bright_091.gif') no-repeat right top;
   margin:0;
   padding:0;
   text-decoration:none;
   border:0px none;
   display:block;
   float:left
}
#tab a span
{
   display:block;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_091.gif') no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF;
   font-weight:bold;
   line-height:31px; padding-left:13px; padding-right:15px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
   background-position:right bottom;
   border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
   background-position:left bottom;
   color:#000000;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0px solid ;
   background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_091.gif');
   color:#FFFFFF;
   z-index:100;
   text-decoration:none;
   padding:0
}
.dropmenudiv ul
{
   margin:0;
   padding:0;
   list-style:none;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
   width:180px;
   margin:0;
   padding:0;
   display:block;
   border:0px solid ;
   color:#FFFFFF;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_091.gif') no-repeat left top;
   font-weight:bold;
   font-style:normal;
   text-decoration:none
}
.dropmenudiv a span
{
   float:left;
   display:block;
   line-height:31px;
   background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_091.gif') no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11;
   color:#FFFFFF; padding-left:13px; padding-right:15px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
   float:none;
}
.dropmenudiv a:hover
{
   border:0px solid ;
   background-position: left bottom;
   font-weight:bold;
   font-style:normal;
   text-decoration:none;
   color:#000000
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#000000;
   font-weight:bold;
}


her aralığın ayrı bir değeri vardır
sen bunları tek tek ayarlamalısın.
html nin içine basit bir şey katarak veya çıkararak css ye dönüştüremezsin.
ordaki renkleri tablo boyutlarını özelliklerini tekrar uygulamalasın Wink

______________
Önceki mesajları göster:   


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