Forum'da ara:
Ara


Yazar Mesaj
Mesaj17.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;
}
Mesaj17.02.2010, 13:29 (UTC)    
Mesaj konusu:

Kod paylaşırken [code] butonuna basın Wink

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]

Wink
______________
"Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana
Mesaj17.02.2010, 13:29 (UTC)    
Mesaj konusu:

bunlar css kodları peki html kodları nerede Question
______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
Mesaj17.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
Mesaj17.02.2010, 15:30 (UTC)    
Mesaj konusu:

tasarimci-amca2 yazmış:
bunlar css kodları peki html kodları nerede Question


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?
Mesaj17.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">&copy; 2007 Your Site Dot Com | All
      Rights Reserved. </div>
  </div>
</div>
</body>
</html>



şimdi bu HTML leri nereye koymalıyım
Mesaj17.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.
Mesaj17.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
Mesaj17.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
______________
Mesaj18.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
Mesaj20.02.2010, 19:04 (UTC)    
Mesaj konusu:

arkadaşar benimde bu sorunun aynısından var. birisi yardım ederseçok sevinirim:/
Mesaj20.02.2010, 19:07 (UTC)    
Mesaj konusu:

tasarimini bana linkini yolla sanada kodlayayım bölece sitende kullanabilirsin
______________
Mesaj20.02.2010, 19:08 (UTC)    
Mesaj konusu:

siz tasarımlarınızın urlasini gönderin ben sizin için kodlarım
tabi müsait olduğum zaman hemen olmasını beklemeyin
______________
http://devtoplist.tr.gg http://bilisim-bilgi.tr.gg http://sitemiz-alacam.tr.gg

Önceki mesajları göster:   


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