Yazar |
Mesaj |
-
doganadiyaman
Acemi Üye
|
17.02.2010, 13:09 (UTC) Mesaj konusu: CSS Tasarımım neden çalışmadı |
|
|
Arkadaşlar,
Aşağıdaki gibi CSS tasarımı ilgili alana yapıştırdım ama tasarım oluşmadı hala, birisi bana yardımcı olabilir mi neyi eksik yapıyorum
/*** buradan asagisi ***/
* {margin: 0;
padding: 0;}
body {
background-color: #000000;
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//bg.jpg
);
background-repeat: repeat-x;
font-size: 62.5%;
}
#container {
margin-top: 12px;
margin: auto;
width: 622px;
color: #CBCBCB;
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 9pt;
}
#header {
margin: auto;
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//header.jpg
);
height: 349px;
width: 600px;
}
#menu {
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 8pt;
font-style: none;
margin-left: 210px;
text-align: Right;
padding: 6px;
}
#main {
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//main.jpg
);
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: justify;
background-repeat: no-repeat;
}
#img {
margin: 8px;
}
#footer {
text-align: center;
clear: both;
color: 696969;
background-color: #0A0A0A;
padding: 20px;
}
.float_left {
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
#footer a:link {
color: #696969;
text-decoration: none;
}
#footer a:visited {
color: #696969;
text-decoration: none;
}
#footer a:hover {
color: #5C5C5C;
text-decoration: underline;
}
#footer a:active {
color: #696969;
text-decoration: none;
}
p {
padding-bottom: 25px;
}
h1 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 16pt;
font-style: italic;
color: #000000;
margin-left: 360px;
padding-top: 75px;
}
h2 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 1.6em;
border-bottom: 1px solid gray;
margin-bottom: 10px;
font-style: italic;
color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #5C5C5C;
background-color: #DBDBDB;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
} |
|
↑
|
|
|
-
simerweb
Uzman Üye
Konum: İstanbul
|
17.02.2010, 13:29 (UTC) Mesaj konusu: |
|
|
Kod paylaşırken [code] butonuna basın
Sorununuza gelecek olursak;
Kodları bir de böyle deneyin:
[code]/*** buradan asagisi ***/
* {margin: 0;
padding: 0;}
body {
background-color: #000000;
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//bg.jpg);
background-repeat: repeat-x;
font-size: 62.5%;
}
#container {
margin-top: 12px;
margin: auto;
width: 622px;
color: #CBCBCB;
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 9pt;
}
#header {
margin: auto;
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//header.jpg);
height: 349px;
width: 600px;
}
#menu {
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 8pt;
font-style: none;
margin-left: 210px;
text-align: Right;
padding: 6px;
}
#main {
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//main.jpg);
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: justify;
background-repeat: no-repeat;
}
#img {
margin: 8px;
}
#footer {
text-align: center;
clear: both;
color: 696969;
background-color: #0A0A0A;
padding: 20px;
}
.float_left {
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
#footer a:link {
color: #696969;
text-decoration: none;
}
#footer a:visited {
color: #696969;
text-decoration: none;
}
#footer a:hover {
color: #5C5C5C;
text-decoration: underline;
}
#footer a:active {
color: #696969;
text-decoration: none;
}
p {
padding-bottom: 25px;
}
h1 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 16pt;
font-style: italic;
color: #000000;
margin-left: 360px;
padding-top: 75px;
}
h2 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 1.6em;
border-bottom: 1px solid gray;
margin-bottom: 10px;
font-style: italic;
color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #5C5C5C;
background-color: #DBDBDB;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}[/code]
______________ "Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana |
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
17.02.2010, 13:29 (UTC) Mesaj konusu: |
|
|
bunlar css kodları peki html kodları nerede ______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
simerweb
Uzman Üye
Konum: İstanbul
|
17.02.2010, 13:30 (UTC) Mesaj konusu: |
|
|
Flood için özür dilerim.
Koldar şöyle olacak:
Kod: /*** buradan asagisi ***/
* {margin: 0;
padding: 0;}
body {
background-color: #000000;
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//bg.jpg);
background-repeat: repeat-x;
font-size: 62.5%;
}
#container {
margin-top: 12px;
margin: auto;
width: 622px;
color: #CBCBCB;
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 9pt;
}
#header {
margin: auto;
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//header.jpg);
height: 349px;
width: 600px;
}
#menu {
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 8pt;
font-style: none;
margin-left: 210px;
text-align: Right;
padding: 6px;
}
#main {
background-image: url(http://www.fileden.com/files/2009/4/11/2399527//main.jpg);
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: justify;
background-repeat: no-repeat;
}
#img {
margin: 8px;
}
#footer {
text-align: center;
clear: both;
color: 696969;
background-color: #0A0A0A;
padding: 20px;
}
.float_left {
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
#footer a:link {
color: #696969;
text-decoration: none;
}
#footer a:visited {
color: #696969;
text-decoration: none;
}
#footer a:hover {
color: #5C5C5C;
text-decoration: underline;
}
#footer a:active {
color: #696969;
text-decoration: none;
}
p {
padding-bottom: 25px;
}
h1 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 16pt;
font-style: italic;
color: #000000;
margin-left: 360px;
padding-top: 75px;
}
h2 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 1.6em;
border-bottom: 1px solid gray;
margin-bottom: 10px;
font-style: italic;
color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #5C5C5C;
background-color: #DBDBDB;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
} ______________ "Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana
|
|
↑
|
|
|
-
doganadiyaman
Acemi Üye
|
17.02.2010, 15:30 (UTC) Mesaj konusu: |
|
|
tasarimci-amca2 yazmış: bunlar css kodları peki html kodları nerede
işte benim tasarım ekranımda başka hiçbir bilgi yok, şöyle ki;
[IMG=http://www.xtupload.com/new/thumb-F00E_4B7C0AC4.jpg]
ya bana bi yardım edin arkadaşlar, orjinal tasarım kodunu da veriyorum:
Kod: * {margin: 0;
padding: 0;}
body {
background-color: #000000;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
font-size: 62.5%;
}
#container {
margin-top: 12px;
margin: auto;
width: 622px;
color: #CBCBCB;
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 9pt;
}
#header {
margin: auto;
background-image: url(images/header.jpg);
height: 349px;
width: 600px;
}
#menu {
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 8pt;
font-style: none;
margin-left: 210px;
text-align: Right;
padding: 6px;
}
#main {
background-image: url(images/main.jpg);
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: justify;
background-repeat: no-repeat;
}
#img {
margin: 8px;
}
#footer {
text-align: center;
clear: both;
color: 696969;
background-color: #0A0A0A;
padding: 20px;
}
.float_left {
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
#footer a:link {
color: #696969;
text-decoration: none;
}
#footer a:visited {
color: #696969;
text-decoration: none;
}
#footer a:hover {
color: #5C5C5C;
text-decoration: underline;
}
#footer a:active {
color: #696969;
text-decoration: none;
}
p {
padding-bottom: 25px;
}
h1 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 16pt;
font-style: italic;
color: #000000;
margin-left: 360px;
padding-top: 75px;
}
h2 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 1.6em;
border-bottom: 1px solid gray;
margin-bottom: 10px;
font-style: italic;
color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #5C5C5C;
background-color: #DBDBDB;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
şimdi ben tasarımımı CSS ye çevirdim. ve sonra bu kodlardaki resim isimleri yerine kendi resim adreslerimi ekledim. sonra da CSS kodu alanına bu kodları ekledim, başka da bişey yapmadım. zaten siteme girip bakabilirsiniz ki olmadı yani? |
|
↑
|
|
|
-
doganadiyaman
Acemi Üye
|
17.02.2010, 15:33 (UTC) Mesaj konusu: |
|
|
bu kodları style wordpad inin içindeydi,
bir de index diye bir HTML uzantılı dosya vardı
Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Symphony of Horror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" title="Style" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>A Symphony of Horror</h1>
<div id="menu">
<ul id="navlist">
<li id="active"><a href="http://www.free-css.com/" id="current">Home</a></li>
<li><a href="http://www.free-css.com/">Spookshow</a></li>
<li><a href="http://www.free-css.com/">Lust for blood</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h2>Nosferatu</h2>
<p> <img src="images/nos.jpg" alt="Template" class="float_left" style="margin: 12px;" />Lorem
ipsum dolor sit amet, consectetuer
adipiscing elit. Suspendisse lobortis, leo in lobortis aliquet, lorem
leo fringilla lectus, id pellentesque ante nulla sed nulla. Vestibulum
ac lacus. Integer aliquet iaculis massa. Mauris convallis purus sit
amet nibh. Phasellus purus. Suspendisse vulputate, arcu in posuere
pharetra, velit ligula accumsan odio, a tincidunt metus libero et est.
Curabitur magna. Etiam vulputate mauris et ipsum. Cras convallis sapien
sit amet est. Aliquam suscipit risus sit amet orci.</p>
<h2>He likes to feed</h2>
<p>Fusce id leo. Nulla pharetra malesuada enim. Donec placerat
scelerisque nunc. Morbi fermentum, augue eget congue tincidunt, ligula
dolor volutpat augue, vitae faucibus tortor nisl nec massa. Ut congue,
lectus eu pretium sodales, dolor justo ultricies eros, vitae viverra
urna odio vel mi. Praesent scelerisque orci ac purus. Fusce neque urna,
dictum eu, bibendum in, accumsan vel, nibh. Nulla viverra, enim vel
euismod fermentum, orci pede mattis lectus, ut dapibus pede lorem et
enim. In eu nibh ut massa ultricies blandit. Morbi sit amet lacus sit
amet erat volutpat pharetra. Sed adipiscing. Praesent augue. Nulla
facilisi. Etiam tincidunt tempus risus. Pellentesque nibh. Proin eu
lorem in nibh iaculis congue. Maecenas non libero aliquet odio ultrices
viverra.</p>
<div id="footer">© 2007 Your Site Dot Com | All
Rights Reserved. </div>
</div>
</div>
</body>
</html>
şimdi bu HTML leri nereye koymalıyım |
|
↑
|
|
|
-
fethiyecamiii
Aktif Üye
Konum: İzmiR
|
17.02.2010, 15:39 (UTC) Mesaj konusu: |
|
|
Kod: http://www.bedava-sitem.com/forum/viewtopic.php?t=145325&highlight=css+tasar%FDm
bu konuya bak bakalım olcakmı?______________
Hayatta iki şeye çok güveniyorum. Bir aynaya baktığımda gördüğüme, birde yukarı baktığımda göremediğime. |
|
↑
|
|
|
-
doganadiyaman
Acemi Üye
|
17.02.2010, 17:06 (UTC) Mesaj konusu: |
|
|
fethiyecamiii yazmış: Kod: http://www.bedava-sitem.com/forum/viewtopic.php?t=145325&highlight=css+tasar%FDm
bu konuya bak bakalım olcakmı?
teşekkürler ama malesef işime yaramadı, normalde CSS tasarımlarda tasarım ustu - tasarım altı - css alanlarına yapıstırmak uzere ayrı ayrı kodlar olur ancak benim elimde sadece style kodlar ve index adında HTML dosyası içinde kodlar var. tasarım ustu tasarım altı ve css şeklinde değil yani, o yuzden kimi nereye yapıştıracağımı bilmiyorum ?
yardımlarınızı bekliyorum |
|
↑
|
|
|
-
hw-oyun
Bedava-Sitem Bağımlısı
Konum: Link Takas YapıLır Css Tasarım YapıLır
|
17.02.2010, 19:52 (UTC) Mesaj konusu: |
|
|
Merhaba kardeşim elince style ve html ayrıca images klasörü varsa sorun yok tasarimi ayırabiliriz
sendeki sorun tasarimini ayıramama tasarim üstü altı diye onu yapınca site düzelir anlıyacagın tasarimin linkini bana özel mesajdan at ben sana ayıram tasarimi forumda böle istekler yasak o yüzden öm den at ok bekliyorum ______________ |
|
↑
|
|
|
-
doganadiyaman
Acemi Üye
|
18.02.2010, 15:45 (UTC) Mesaj konusu: |
|
|
hw-oyun yazmış: Merhaba kardeşim elince style ve html ayrıca images klasörü varsa sorun yok tasarimi ayırabiliriz
sendeki sorun tasarimini ayıramama tasarim üstü altı diye onu yapınca site düzelir anlıyacagın tasarimin linkini bana özel mesajdan at ben sana ayıram tasarimi forumda böle istekler yasak o yüzden öm den at ok bekliyorum
aynen öle hepsi var images - style - html
linki sana attım çok teşekkürler |
|
↑
|
|
|
-
indir-rap
Acemi Üye
|
20.02.2010, 19:04 (UTC) Mesaj konusu: |
|
|
arkadaşar benimde bu sorunun aynısından var. birisi yardım ederseçok sevinirim:/ |
|
↑
|
|
|
-
hw-oyun
Bedava-Sitem Bağımlısı
Konum: Link Takas YapıLır Css Tasarım YapıLır
|
20.02.2010, 19:07 (UTC) Mesaj konusu: |
|
|
tasarimini bana linkini yolla sanada kodlayayım bölece sitende kullanabilirsin ______________ |
|
↑
|
|
|
-
devtoplist
Bedava-Sitem Bağımlısı
|
|
↑
|
|
|
|