[FTP] Kirmizim (HTML5) [Blogcu Tarzi Uygundur.]

Yavuz ERBiL

Usta

Mesajlar: 3,304

Kayıt tarihi: Jul 29th 2007

Konum: Denizli

1

Friday, 30.11.2012, 22:03

Kirmizim (HTML5) [Blogcu Tarzi Uygundur.]

Site bir sayfadan olusmaktadir butun sayfalar index.html icindedir... gerekli yerleri degistirip kullanabilirsiniz...
ayrica Logo nun PSD dosyasi mevcuttur dosyada...
Önizleme :
http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/
Ekran Görüntüsü :

Download :
http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/Kirmizim.zip
Blogcu Tarzi Siteler icin Asagidaki kodlari Kullanin

Kaynak 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>ALLATURKAA FM</title>
<link href="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/css/styles.css" rel="stylesheet" type="text/css" />
<link href="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/css/slider.css" rel="stylesheet" type="text/css" />
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/jquery-latest.pack.js" type="text/javascript" ></script>
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/coda-slider.1.1.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/pikachoose.js"></script>
<!-- Initialize each slider on the page. Each slider must have a unique id -->
<script type="text/javascript">
jQuery(window).bind("load", function() {
jQuery("div#slider1").codaSlider()
// jQuery("div#slider2").codaSlider()
// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
});
</script>
<!-- Photo Gallery JS and CSS -->
<script language="javascript" type="text/javascript">
<!--
$pika_slide = true; //is slideshow enabled?
$pika_play = false; //should slideshow start automatically?
$pika_nav_buttons = true; //show the prev next buttons?
$pika_speed = 5000; //speed of slideshow in ms
$pika_thumb_w = 50; //pixel width of thumbs
$pika_thumb_h = 50; //pixel height of thumbs
-->
</script>
</head>
<body>
<!-- Header Start -->
<div id="header"> <a href="#" class="logo"> <img src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/images/logo.png" alt="Logo" /></a> </div>
<!-- Header End -->
<div style="clear:both;"></div>
<!-- Box BG -->
<div id="template">
	<!-- Slider Start -->
	<div class="slider-wrap">
		<!-- .slider-wrap -->
		<div id="slider1" class="panel">
			<!-- #slider1 -->
			<div class="panelContainer">
				<!-- .panelContainer -->
				<div class="panel" title="Anasayfa">
					<div class="wrapper">
						<span class="smalltxt">Yayin Almak icin <a href="http://www.flatcast.com/de/WizTakeOver.aspx?new=-1" title="Yayin Al" target="_blank">Buraya</a> Tiklayiniz...</span>
					  <center><p><iframe src="http://www.flatcast.info/Player.aspx?sid=1312743" frameborder="0" scrolling="no" width="800" height="600"></iframe></p></center>
                  </div>
				</div>
				<div class="panel" title="Dj Lerimiz">
					<div class="wrapper">
						<h1>Dj lik Basvurusu...</h1>
						<p>Sitemizde dj olmak isteyen arkadaslar site sorumlusu arkadasa ulasabilirler.Daha önce dj lik yapmis olan ve flatcast deneyimi olanlara öncelik taninacaktir. MSN : msn@allaturkaa.li </p>
						<ol id="ids">
							<li> Site Sorumlusu :</li>
							<li> Radyo Sorumlusu :</li>
							<li> Dj :</li>
							<li> Dj :</li>
                            <li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
                            <li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
                            <li> Dj :</li>
                            <li> Dj :</li>
                            <li> Dj :</li>
						</ol>
						
					</div>
				</div>
				
			  <div class="panel" title="Kurallarimiz">
					<div class="wrapper">
						<h1>Bazi Kurallarimiz...</h1>
						<ol id="ids">
							<li> Radyomuzda sohbete katilmak istiyorsaniz kendinize Rumuz almalisiniz.</li>
							<li> Sohbet ederken küfür etmek, argo kelimeler kullanmak, kaba davranmak yasaktir.</li>
							<li> Sohbet esnasinda Türkçe disinda bir dil kesinlikle kullanilmayacaktir.</li>
							<li> Dini ve Milli degerler üzerinde tartisma yaratacak konular üstünde münakasaya   girmek yasaktir.</li>
                            <li> Site admini yada yetki verilmis kisiler disinda herhangi bir reklam yapilmasi yasaktir.</li>
							<li> Yayinda olan sunucunun kullandigi renk disinda bir renk seçmelisiniz.</li>
							<li> Sunucu disindaki herkes için büyük harf kullanmak yasaktir.</li>
							<li> Sunucunun yayin içerigine müdahale, sunucu tarafindan yayindan uzaklastirilma sebebi olarak görülebilir.</li>
                            <li> Özel sohbet genelde kapali kalacaktir. Özeli açmak adminlerin insiyatifindedir.</li>
							<li> Msn adresi veya telefon numarasi vermek kesinlikle yasaktir.</li>
							<li> Gast ve Guest girisli dinleyicilerimiz sohbete eslik edemeyecek ve sadece dinleyebileceklerdir.</li>
							<li> Sohbet kurallarina uymayan arkadaslara ban atilacak ve banin açilmasi konusunda hiçbir teklif kabul edilmeyecektir.</li>
                            <li> Yayina giren tüm dinleyicilerimiz bu kurallari okuyup,kabul etmis sayildigindan bununla ilgili Dj'lerimizle tartismaya girmemelidir.</li>
                            <li> Dj'lerimizin tek amaçlari sizleri en iyi sekilde radyomuzda agirlamak oldugundan,sizlerin de islerini zorlastirmak yerine,onlara yardimci olacaginizi umuyoruz.</li>
						</ol>
					</div>
				</div>
			<!-- .panelContainer -->
		</div>
		<!-- #slider1 -->
	</div>
	<!-- .slider-wrap -->
	<div class="clear"></div>
	<!-- copyright bar -->
	<div id="copyright">&copy; 2013 Copyright Yavuz ERBiL. All Rights Reserved |	powered by <a href="http://allaturkaa.li" title="AllaTurkaa.li">www.allaturkaa.li</a><br />
    <a HREF="http://www.allaturkaa.de" TARGET="_blank"> <img SRC="http://www.allaturkaa.de/banner/allaturkaa.gif" BORDER="0" alt="AllaTurkaa"></a</div>
    
	<!-- copyright bar -->
</div>
</body>
</html>

Bu mesaj 1 defa düzenlendi, son düzenlemeyi yapan "Yavuz ERBiL" (7.12.2012, 00:34)

Sayfanın en üstüne git

Oqus Pokus

Moderatör

Mesajlar: 4,572

Kayıt tarihi: Jul 16th 2007

Konum: C:\Windows

2

Friday, 30.11.2012, 22:08

Ellerine sağlık. Tasarım böyle olur dedirten bir örnek sunmuşun Yavuz.
Teşekkürler paylaşımın ve emeğin için.
Naçizhane bir tavsiye olarak; YAYIN AL sayfasını da IFRAME olarak gömerek butonların arasına ekleseydin diye içimden geçirdim
Çok şık

Sayfanın en üstüne git

Yavuz ERBiL

Usta

Mesajlar: 3,304

Kayıt tarihi: Jul 29th 2007

Konum: Denizli

3

Friday, 30.11.2012, 22:11

guzel yorumun icin tskr. ederim
kendimi gelistirmeye basladim yavas yavas

Edit : ilk oyle yapmistim fakat sorunlarla karsilastim kaldirdim
eger sorunu halledip eklemek isteyen olursa

asagidaki kodu bulun
</div>


ustune bunu ekleyin
<div class="panel" title="Yayin Al">
<div class="wrapper">
<iframe src="http://www.flatcast.com/de/WizTakeOver.aspx?new=-1" frameborder="0" scrolling="no" width="800" height="600"></iframe>

Edit 2 : ayrica djler ve kurallar arasi gecislerde radyo kapanmiyor sayfalari gezerken radyo caliyor baska bi indexten hatirliyorum bunu deneme sansim olmadi deneyen hber ederse sevinirim

Bu mesaj 1 defa düzenlendi, son düzenlemeyi yapan "Yavuz ERBiL" (30.11.2012, 22:18)

Sayfanın en üstüne git

ZENoBIA

Bilge

Mesajlar: 27,931

Kayıt tarihi: Apr 21st 2011

4

Saturday, 1.12.2012, 09:59

Çok harika bir tasarım olmuş gerçekten,kutlarım sizi, :1alkis:

emeğinize çok tşk ediyorum..

Sayfanın en üstüne git

Ruzii

Jüri

Mesajlar: 7,154

5

Saturday, 1.12.2012, 10:03

Tebrik ederim çok güzel olmus emeğinize sağlık..

Sayfanın en üstüne git

Yavuz ERBiL

Usta

Mesajlar: 3,304

Kayıt tarihi: Jul 29th 2007

Konum: Denizli

6

Saturday, 1.12.2012, 11:29

begenmenize sevindim arkadaslar
yorumlariniz icin tskr. ederim....

Sayfanın en üstüne git

müzikdünyamız

Stajyer

Mesajlar: 12

Kayıt tarihi: May 30th 2009

Konum: izmir

7

Tuesday, 4.12.2012, 18:16

çok güzel bir indeks hoş ve sade ancak ben radyoma uygulama istedim düx beyaz yazılar çıktı blogcu trgg gibi sitelere uygun değilmi bu

Sayfanın en üstüne git

Yavuz ERBiL

Usta

Mesajlar: 3,304

Kayıt tarihi: Jul 29th 2007

Konum: Denizli

8

Tuesday, 4.12.2012, 23:33

merhaba müzikdünyamız üzgünüm , malesef blogcu tarzi sitelere uygun degil FTP destekli siteler icindir.

Sayfanın en üstüne git

müzikdünyamız

Stajyer

Mesajlar: 12

Kayıt tarihi: May 30th 2009

Konum: izmir

9

Wednesday, 5.12.2012, 07:27

yavuz bey o zaman hemen aynısını blogcu sitelere uıygununu istiyoruz yoksa pankratları açarız evinizini önüne gelir eylem yaparız blogculara özgülük diye

)))))))))

Sayfanın en üstüne git

Yavuz ERBiL

Usta

Mesajlar: 3,304

Kayıt tarihi: Jul 29th 2007

Konum: Denizli

10

Thursday, 6.12.2012, 00:13

@müzikdünyamız asagidaki kodlari bir deneyin olup olmadigini yazarsiniz...

Kaynak 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>ALLATURKAA FM</title>
<link href="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/css/styles.css" rel="stylesheet" type="text/css" />
<link href="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/css/slider.css" rel="stylesheet" type="text/css" />
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/jquery-latest.pack.js" type="text/javascript" ></script>
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
<script src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/coda-slider.1.1.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/js/pikachoose.js"></script>
<!-- Initialize each slider on the page. Each slider must have a unique id -->
<script type="text/javascript">
jQuery(window).bind("load", function() {
jQuery("div#slider1").codaSlider()
// jQuery("div#slider2").codaSlider()
// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
});
</script>
<!-- Photo Gallery JS and CSS -->
<script language="javascript" type="text/javascript">
<!--
$pika_slide = true; //is slideshow enabled?
$pika_play = false; //should slideshow start automatically?
$pika_nav_buttons = true; //show the prev next buttons?
$pika_speed = 5000; //speed of slideshow in ms
$pika_thumb_w = 50; //pixel width of thumbs
$pika_thumb_h = 50; //pixel height of thumbs
-->
</script>
</head>
<body>
<!-- Header Start -->
<div id="header"> <a href="#" class="logo"> <img src="http://allaturkaa.li/tasarimlar/HTML5/Kirmizim/images/logo.png" alt="Logo" /></a> </div>
<!-- Header End -->
<div style="clear:both;"></div>
<!-- Box BG -->
<div id="template">
	<!-- Slider Start -->
	<div class="slider-wrap">
		<!-- .slider-wrap -->
		<div id="slider1" class="panel">
			<!-- #slider1 -->
			<div class="panelContainer">
				<!-- .panelContainer -->
				<div class="panel" title="Anasayfa">
					<div class="wrapper">
						<span class="smalltxt">Yayin Almak icin <a href="http://www.flatcast.com/de/WizTakeOver.aspx?new=-1" title="Yayin Al" target="_blank">Buraya</a> Tiklayiniz...</span>
					  <center><p><iframe src="http://www.flatcast.info/Player.aspx?sid=1312743" frameborder="0" scrolling="no" width="800" height="600"></iframe></p></center>
                  </div>
				</div>
				<div class="panel" title="Dj Lerimiz">
					<div class="wrapper">
						<h1>Dj lik Basvurusu...</h1>
						<p>Sitemizde dj olmak isteyen arkadaslar site sorumlusu arkadasa ulasabilirler.Daha önce dj lik yapmis olan ve flatcast deneyimi olanlara öncelik taninacaktir. MSN : msn@allaturkaa.li </p>
						<ol id="ids">
							<li> Site Sorumlusu :</li>
							<li> Radyo Sorumlusu :</li>
							<li> Dj :</li>
							<li> Dj :</li>
                            <li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
                            <li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
							<li> Dj :</li>
                            <li> Dj :</li>
                            <li> Dj :</li>
                            <li> Dj :</li>
						</ol>
						
					</div>
				</div>
				
			  <div class="panel" title="Kurallarimiz">
					<div class="wrapper">
						<h1>Bazi Kurallarimiz...</h1>
						<ol id="ids">
							<li> Radyomuzda sohbete katilmak istiyorsaniz kendinize Rumuz almalisiniz.</li>
							<li> Sohbet ederken küfür etmek, argo kelimeler kullanmak, kaba davranmak yasaktir.</li>
							<li> Sohbet esnasinda Türkçe disinda bir dil kesinlikle kullanilmayacaktir.</li>
							<li> Dini ve Milli degerler üzerinde tartisma yaratacak konular üstünde münakasaya   girmek yasaktir.</li>
                            <li> Site admini yada yetki verilmis kisiler disinda herhangi bir reklam yapilmasi yasaktir.</li>
							<li> Yayinda olan sunucunun kullandigi renk disinda bir renk seçmelisiniz.</li>
							<li> Sunucu disindaki herkes için büyük harf kullanmak yasaktir.</li>
							<li> Sunucunun yayin içerigine müdahale, sunucu tarafindan yayindan uzaklastirilma sebebi olarak görülebilir.</li>
                            <li> Özel sohbet genelde kapali kalacaktir. Özeli açmak adminlerin insiyatifindedir.</li>
							<li> Msn adresi veya telefon numarasi vermek kesinlikle yasaktir.</li>
							<li> Gast ve Guest girisli dinleyicilerimiz sohbete eslik edemeyecek ve sadece dinleyebileceklerdir.</li>
							<li> Sohbet kurallarina uymayan arkadaslara ban atilacak ve banin açilmasi konusunda hiçbir teklif kabul edilmeyecektir.</li>
                            <li> Yayina giren tüm dinleyicilerimiz bu kurallari okuyup,kabul etmis sayildigindan bununla ilgili Dj'lerimizle tartismaya girmemelidir.</li>
                            <li> Dj'lerimizin tek amaçlari sizleri en iyi sekilde radyomuzda agirlamak oldugundan,sizlerin de islerini zorlastirmak yerine,onlara yardimci olacaginizi umuyoruz.</li>
						</ol>
					</div>
				</div>
			<!-- .panelContainer -->
		</div>
		<!-- #slider1 -->
	</div>
	<!-- .slider-wrap -->
	<div class="clear"></div>
	<!-- copyright bar -->
	<div id="copyright">&copy; 2013 Copyright Yavuz ERBiL. All Rights Reserved |	powered by <a href="http://allaturkaa.li" title="AllaTurkaa.li">www.allaturkaa.li</a><br />
    <a HREF="http://www.allaturkaa.de" TARGET="_blank"> <img SRC="http://www.allaturkaa.de/banner/allaturkaa.gif" BORDER="0" alt="AllaTurkaa"></a</div>
    
	<!-- copyright bar -->
</div>
</body>
</html>