Yazar |
Mesaj |
-
xn--drtyol-wxa
Acemi Üye
|
09.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 |
|
↑
|
|
|
-
ysnsen
Uzman Üye
Konum: YsnseN
|
09.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______________ |
|
↑
|
|
|
-
xn--drtyol-wxa
Acemi Üye
|
09.08.2008, 12:19 (UTC) Mesaj konusu: |
|
|
zaten sorun bu kodda yok diğer html kodlarını mkabul etmiyor |
|
↑
|
|
|
-
hersite-burada
Bedava-Sitem Bağımlısı
|
09.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.______________ |
|
↑
|
|
|
-
ysnsen
Uzman Üye
Konum: YsnseN
|
09.08.2008, 12:22 (UTC) Mesaj konusu: |
|
|
kodu gönder yardımcı olmaya çalışalım______________ |
|
↑
|
|
|
-
xn--drtyol-wxa
Acemi Üye
|
09.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"> 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>
|
|
↑
|
|
|
-
xn--drtyol-wxa
Acemi Üye
|
09.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 |
|
↑
|
|
|
-
ysnsen
Uzman Üye
Konum: YsnseN
|
09.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 ______________ |
|
↑
|
|
|
-
xn--drtyol-wxa
Acemi Üye
|
09.08.2008, 12:27 (UTC) Mesaj konusu: |
|
|
yha anlatamadım bu kodu nasıl css yapabilirim |
|
↑
|
|
|
-
hersite-burada
Bedava-Sitem Bağımlısı
|
09.08.2008, 12:30 (UTC) Mesaj konusu: |
|
|
xn--drtyol-wxa yazmış: yha anlatamadım bu kodu nasıl css yapabilirim
Niye css yapmak istiyorsun? Html olarak zaten görevini yapıyor ______________ |
|
↑
|
|
|
-
ysnsen
Uzman Üye
Konum: YsnseN
|
09.08.2008, 12:31 (UTC) Mesaj konusu: |
|
|
xn--drtyol-wxa yazmış: yha anlatamadım bu kodu nasıl css yapabilirim
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 ______________ |
|
↑
|
|
|
-
xn--drtyol-wxa
Acemi Üye
|
09.08.2008, 12:32 (UTC) Mesaj konusu: |
|
|
yapmıyor yha bu kodu dene bir sayfada gözükmüyorrrrrr |
|
↑
|
|
|
-
hersite-burada
Bedava-Sitem Bağımlısı
|
09.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. ______________ |
|
↑
|
|
|
-
xn--drtyol-wxa
Acemi Üye
|
09.08.2008, 12:38 (UTC) Mesaj konusu: |
|
|
olmuyorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr |
|
↑
|
|
|
-
ysnsen
Uzman Üye
Konum: YsnseN
|
09.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
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 ______________ |
|
↑
|
|
|
|