• 15-02-2015, 11:03:50
    #64
    furkancelebi adlı üyeden alıntı
    Urlden kaynaklı olduğunu sanmıyorum, muhtemelen kodlamada yanlışlıkla bir yere - koymuşsunuz ve oda kendisini tekrarlamış. Kodlamayı görebilirsem daha yararlı olur resimden çıkarabildiğim tek yorum bu.
    HTML-Kodu:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>CSS Döküm</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"/>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <link rel="stylesheet" type="text/css" href="./css/reset.css"/>
    </head>
    <body>
    
    	<div class="twitter">
    		<div class="twitter-yazi">
    			<img src="./images/twitter2.png" alt="Twitter yazısı" />
    		</div>
    		
    		<div class="header">
    			<div class="logo">
    				<a href="#"><img src="./images/logo.png" alt="Logo"/></a>
    			</div>
    			<div class="sosyal">
    				<img src="./images/sosyal1.png" alt="sosyal"/>
    				<div class="sosyal-buton">
    					<img src="./images/sosyal2.png" alt="sosyal butonlar"/>
    				</div>
    			</div>
    		</div>
    		
    		<div class="icerik">
    			<div class="s1">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s2">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s3">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s4">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s5">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div>
    		</div>
    
    		<div class="footer">
    			<div class="hakkimda">
    				<img src="./images/hakkimda.png" alt="Hakkımda"  /> <br/>
    				<div class="resim"> <img src="./images/resim2.png" alt="Hakkımda Resim" /></div>
    				<p>HAKKIMDA BÖLÜMÜ <br/>
    				 Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				 Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				 Yazı Yazı Yazı..</p>
    			</div>
    		
    			<div class="iletisim">
    				<img src="./images/iletisim.png" alt="İletişim"  /> <br/>
    				<input type="text" /><br/>
    				<textarea></textarea>
    			</div>
    			
    			
    		</div>
    
    </body>
    </html>
    body{background: url("../images/bg.png")}
    .twitter{background: url("../images/twitter.png"); height:36px}
    .twitter-yazi{margin-left:10px; }
    .header {height:150px; background:#d4d4d4; margin-top:20px}
    .logo {margin-left:50px; padding-top:30px; float:left}
    .sosyal {float:left; margin-left:400px; padding-top:30px }
    .sosyal-buton {margin-left:15px}
    .icerik {margin-left:250px; margin-top:15px; margin-bottom:20px}
    .footer {height:250px; background:#d4d4d4}
    .hakkimda {margin-left:70px; padding-top:20px }
    .resim {float:left}
    .hakkimda p {float:left; margin-left:5px; margin-top:3px }
    .iletisim {margin-top:-38px; margin-left:540px}
    .iletisim  input {margin-bottom:5px; border:1px solid #8f8f8f; border-radius:8px; width:200px; color:8f8f8f}
    .iletisim  textarea {border:1px solid #8f8f8f; border-radius:8px; width:207px; height:100; color:8f8f8f}
  • 16-02-2015, 23:07:17
    #65
    sanalyus adlı üyeden alıntı
    HTML-Kodu:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>CSS Döküm</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"/>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <link rel="stylesheet" type="text/css" href="./css/reset.css"/>
    </head>
    <body>
    
    	<div class="twitter">
    		<div class="twitter-yazi">
    			<img src="./images/twitter2.png" alt="Twitter yazısı" />
    		</div>
    		
    		<div class="header">
    			<div class="logo">
    				<a href="#"><img src="./images/logo.png" alt="Logo"/></a>
    			</div>
    			<div class="sosyal">
    				<img src="./images/sosyal1.png" alt="sosyal"/>
    				<div class="sosyal-buton">
    					<img src="./images/sosyal2.png" alt="sosyal butonlar"/>
    				</div>
    			</div>
    		</div>
    		
    		<div class="icerik">
    			<div class="s1">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s2">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s3">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s4">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div><div class="s5">
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			<a href="#"> <img src="./images/icerik1.png" alt="İçerik" /> </a>
    			</div>
    		</div>
    
    		<div class="footer">
    			<div class="hakkimda">
    				<img src="./images/hakkimda.png" alt="Hakkımda"  /> <br/>
    				<div class="resim"> <img src="./images/resim2.png" alt="Hakkımda Resim" /></div>
    				<p>HAKKIMDA BÖLÜMÜ <br/>
    				 Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				 Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				Yazı Yazı Yazı Yazı Yazı Yazı<br/>
    				 Yazı Yazı Yazı..</p>
    			</div>
    		
    			<div class="iletisim">
    				<img src="./images/iletisim.png" alt="İletişim"  /> <br/>
    				<input type="text" /><br/>
    				<textarea></textarea>
    			</div>
    			
    			
    		</div>
    
    </body>
    </html>
    body{background: url("../images/bg.png")}
    .twitter{background: url("../images/twitter.png"); height:36px}
    .twitter-yazi{margin-left:10px; }
    .header {height:150px; background:#d4d4d4; margin-top:20px}
    .logo {margin-left:50px; padding-top:30px; float:left}
    .sosyal {float:left; margin-left:400px; padding-top:30px }
    .sosyal-buton {margin-left:15px}
    .icerik {margin-left:250px; margin-top:15px; margin-bottom:20px}
    .footer {height:250px; background:#d4d4d4}
    .hakkimda {margin-left:70px; padding-top:20px }
    .resim {float:left}
    .hakkimda p {float:left; margin-left:5px; margin-top:3px }
    .iletisim {margin-top:-38px; margin-left:540px}
    .iletisim  input {margin-bottom:5px; border:1px solid #8f8f8f; border-radius:8px; width:200px; color:8f8f8f}
    .iletisim  textarea {border:1px solid #8f8f8f; border-radius:8px; width:207px; height:100; color:8f8f8f}
    .icerik a {text-decoration: none;}
    kodunu css dosyanıza eklerseniz muhtemelen sorununuz hallolacaktır.
  • 04-06-2015, 00:04:42
    #66
    furkancelebi adlı üyeden alıntı
    Merhaba arkadaşlar, biraz vakit buldum ve css öğrenmek isteyen arkadaşlara yardımcı olmak istedim.

    Öncelikle belirtmek istiyorum ki, bu benim ilk dersim. Onun için ufakta olsa bir heyecan vardı Telafuz hatalarım var ise affola.

    Css Temel Eğitim Dersi - 1 / Css'ye giriş ve css kullanımı

    ( Youtube 15 dk sınırı olduğu için part part ekledim, diğer partlara videonun sonundaki nottan ulaşabilirsiniz.Ufak bir mikrofon sorunu var )


    http://www.youtube.com/watch?v=Fy7htcLD-vc



    1. Dersin Kaynak Dosyalarını İndir



    Css Temel Eğitim Dersi - 2 / Psd to css - Portfolio


    http://www.youtube.com/watch?v=vze7or3RP6M


    ( Kafalar fazla karışmasın diye genel div olaylarına girmedim, bu sebepten dolayı farklı çözünürlüklerde kaymalar oluşabilir.
    Sorunu çözmek için html dosyasında <body> tagından hemen sonra;
    <div id="geneldiv"> ekleyiniz.
    En sonda </body> tagından hemen önce </div> ekleyiniz.
    style.css dosyasında #geneldiv {margin: 0 auto;width: 1320px} ekleyiniz. 1320 yi 1300 de yapabilirsiniz.
    Böylelikle kayma sorunu düzelir.)



    2. dersin kaynak dosyalarını indir


    Css Temel Eğitim Dersi - 3 / Sık Kullanılan Kavramlar


    http://www.youtube.com/watch?v=Yoo1afOyAoY


    Css Temel Eğitim Dersi - 4 / Psd to Css - Blog - Bölüm 1


    http://www.youtube.com/watch?v=8Do2bBIZmPQ


    4. dersin kaynak dosyalarını indir

    Css Temel Eğitim Dersi - 5 / Psd to Css - Blog - Bölüm 2


    http://www.youtube.com/watch?v=kLkXyW7Xeew


    5. dersin kaynak dosyalarını indir

    Diğer derslerin gelmesi tamamiyle size bağlıdır. Eğer ki beğenilirse, yeni dersler istenirse memnuniyetle yeni derslerimi eklerim.


    İyi Günler
    harika bir set olmuş furkan hocam.
  • 23-03-2019, 18:36:25
    #69
    Türkçe yeni ve kaliteli bir kanalda ben paylaşıyım

    "Extra Developer". Eğitmen 2 gündür videolarını yüklemeye başladı şuan 150+ video var. Upload ne kadar zaman alacağını kendisine sordum, 2-3 güne projeler ile ilgili videoların tamamı yüklenmiş olacakmış. Kesinlikle Tavsiye ederim.

    Link : Youtube Extra Developer Kanalı
  • 04-04-2019, 20:56:58
    #70
    Izleyecegim tesekkurler.



    lordaret adlı üyeden alıntı
    Türkçe yeni ve kaliteli bir kanalda ben paylaşıyım

    "Extra Developer". Eğitmen 2 gündür videolarını yüklemeye başladı şuan 150+ video var. Upload ne kadar zaman alacağını kendisine sordum, 2-3 güne projeler ile ilgili videoların tamamı yüklenmiş olacakmış. Kesinlikle Tavsiye ederim.

    Link : Youtube Extra Developer Kanalı
    Bunu da izleyecegim.
    Bu sayfayı görmeye yetkiniz bulunmuyor !