İNDEX se SONRADAN İLAVE

wwgenww

Stajyer

Mesajlar: 98

Kayıt tarihi: Aug 4th 2013

Konum: düzce

1

Sunday, 13.04.2014, 22:06

sayın yetkililer.şu an kullanmakta olduğum radyom için yapılan indekse sonradan,üst bölüme nazar boncuğu resmi,onun altına kayan yazılarla duyurular bölümü ve alt bölümede kurallar ve bir gül resmi koymak istiyorum.
SORU.önceden yapılmış bir indexse sonradan ilave,indeksin neresine ve ne şekil olur.
yanıt verirseniz memnun olurum.
saygılarımla...

Sayfanın en üstüne git

Oqus Pokus

Moderatör

Mesajlar: 4,572

Kayıt tarihi: Jul 16th 2007

Konum: C:\Windows

2

Monday, 14.04.2014, 01:32

Her element için bir yeni DIV oluşturmalısınız.

DIV ler içine de istediğiniz ögeyi (resim, yazı, video vs..) ekleyerek konumunu ayarlayarak sayfanıza ilave edebilirsiniz.

Mesela şuan sayfanız da bulunan sol üstte ki bu resim bu şekilde eklenmiş.
Siz de sayfanızın kodları içerisine bu şekilde DIV'ler ekleyerek sayfadaki nesleri çoğaltabilirsiniz.

Örneğin Kayan Kurallar olsun diyorsunuz;

Kaynak kod

<div id="kayankurallar" style="position:absolute; overflow:hidden; left:4px; top:108px; width:226px; height:123px; z-index:2"><marquee align="middle" scrollamount="1" height="30" width="100%" direction="up" scrolldelay="1">YAZINIZ BURAYA YAZABİLİRSİNİZ</marquee></div>

Yukarıda ki bu kodu eklerseniz sayfaya, Kuralları aşağıdan yukarıya kaydırabilrisiniz.
Konumunu ve genişliğini siz ayarlayacaksınız. Bunun için kodlar içerisinde bulunan:

left:4px; yazı alanının sayfanın sol kısmına olan uzaklığını gösterir. Ortaya gelecek şekilde burada yazan 4px sayısını değiştirerek yatay olarak tam ortaya denk gelecek şekilde ayarlamalısınız.

top:108px; ise yazı alanının dikey olarak ortalamasıdır. Yani sayfanın üstlerinde mi olsun yoksa alt kısımlar da mı olsun yine burada yazan 108px sayısını değiştirerek dikey ortalamayı ayarlamalısınız.

width:226px; height:123px; bunlar ise yazı alanının genişliği ve yüksekliğidir. Yine siz kendinize göre bunları düzenleyebilirsiniz.

DIVleri bu örnekte ki gibi çoğaltarak istediğiniz kadar yeni nesne ekleyebilirsiniz sayfanıza.

Şimdi ben hazır buyrun bu resim kodu, bu kayan yazı kodu, bu video kodu diye isteklerinizi anında hazır olarak size sunabilir ve kolayca işin içinden çıkabilirdim ama böyle yapmadım... Bunun sebebi, siz örnektekiler gibi kendiniz hazırlarsanız, bu işlemleri öğrenmiş olursunuz ve ne kadar kolay olduğunu görür ve bundan sonra yardıma ihtiyaç duymadan kendi işinizi kendiniz yapabilirsiniz.
Takıldığınız yerler olursa yine sorabilirsiniz.

Kolay gelsin.

Sayfanın en üstüne git

wwgenww

Stajyer

Mesajlar: 98

Kayıt tarihi: Aug 4th 2013

Konum: düzce

3

Monday, 14.04.2014, 11:48

tşk.

sayın moderatörüm.öncelikle verdiğiniz açıklamalar ve bilgiler için tşk ederim.gayet güzel izah etmişsiniz.emeğinize saglık.umarım bu bilgiler çok kişiye faydalı olacaktır.sizden son bir ricam olacak.bu index,sin sağ ve sol bölümlerinde bulunan ahşap görünümlü yerlere,aşagıdan yukarı kayacak şekilde,sol tarafa(TAKRİBİ 10 SATIRLIK) bir şiir sag bölüme ise duyurular bölümü eklemek istiyorum.(şiir ve duyurular ............olacak şekilde siz bu kodları indexsin içine atabilirmisiniz.hiç index yapmamış biri olarak,bende daha iyi anlamış olurum...saygılarımla..

Kaynak kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DÜZCENİN SESİ.duzce81.net</title>
<meta name="keywords" content="SenoL - Forumfirtina">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="www.forumfirtina.com">
<meta name="generator" content="Web Page Maker">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

<script language="JavaScript1.4" type="text/javascript">
<!--
function jsPlay(soundobj) {
 var thissound= eval("document."+soundobj);
 try {
     thissound.Play();
 }
 catch (e) {
     thissound.DoPlay();
 }
}
//-->
</script>

<script language="javascript" type="text/javascript">
<!--
function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() {
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() {
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//-->
</script>

<style type="text/css">
div#container
{
	position:relative;
	width: 1428px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
body {text-align:center;margin:0}
</style>

<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
</head>
<body background="http://abload.de/img/texturesnvcolorcarbonn0u71.gif" bgProperties="fixed" bgColor="#000000" style="background-attachment:fixed;">
<div id="container">
<div id="image1" style="position:absolute; overflow:hidden; left:7px; top:0px; width:1400px; height:1500px; z-index:0"><img src="http://abload.de/img/indexkbu91.gif" alt="" title="" border=0 width=1400 height=1500></div>

<div id="image2" style="position:absolute; overflow:hidden; left:463px; top:1452px; width:464px; height:44px; z-index:1"><img src="http://abload.de/img/cooltext1412239495j1ulo.png" alt="" title="" border=0 width=464 height=44></div>

<div id="image3" style="position:absolute; overflow:hidden; left:4px; top:108px; width:226px; height:123px; z-index:2"><img src="http://abload.de/img/cooltext14122354969tuyk.png" alt="" title="" border=0 width=226 height=123></div>

<div id="image5" style="position:absolute; overflow:hidden; left:0px; top:160px; width:413px; height:300px; z-index:3"><img src="http://abload.de/img/6a2unl.gif" alt="" title="" border=0 width=413 height=300></div>

<div id="rollimg1" style="position:absolute; overflow:hidden; left:284px; top:32px; width:160px; height:67px; z-index:4">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg1','','http://abload.de/img/yayin-al1zuam.png',1)" href="http://www.flatcast.com/de/WizTakeOver.aspx?new=-1" target="_blank">
<img name="rollimg1" onLoad="MM_preloadImages('http://abload.de/img/yayin-al1zuam.png')" width=160 height=67 alt="" title="" border=0 src="http://abload.de/img/yayinal1w1up9.png">
</a></div>

<div id="rollimg2" style="position:absolute; overflow:hidden; left:446px; top:32px; width:160px; height:67px; z-index:5">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg2','','http://abload.de/img/nickalp4ua5.png',1)" href="http://www.flatcast.com/de/WizUsr.aspx" target="_blank">
<img name="rollimg2" onLoad="MM_preloadImages('http://abload.de/img/nickalp4ua5.png')" width=160 height=67 alt="" title="" border=0 src="http://abload.de/img/nickal10yu7u.png">
</a></div>

<div id="rollimg3" style="position:absolute; overflow:hidden; left:804px; top:32px; width:160px; height:67px; z-index:6">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg3','','http://abload.de/img/aktivex14puxb.png',1)" href="http://download.flatcast.net/objects/FlatViewerSetup530.exe" target="_blank">
<img name="rollimg3" onLoad="MM_preloadImages('http://abload.de/img/aktivex14puxb.png')" width=160 height=67 alt="" title="" border=0 src="http://abload.de/img/aktivexxcuv8.png">
</a></div>

<div id="rollimg4" style="position:absolute; overflow:hidden; left:967px; top:31px; width:160px; height:67px; z-index:7">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg4','','http://abload.de/img/forumhvu2k.png',1)" href="http://duzce81.10tl.net/" target="_blank">
<img name="rollimg4" onLoad="MM_preloadImages('http://abload.de/img/forumhvu2k.png')" width=160 height=67 alt="" title="" border=0 src="http://abload.de/img/forum17lu3c.png">
</a></div>

<div id="image7" style="position:absolute; overflow:hidden; left:633px; top:2px; width:136px; height:139px; z-index:8"><img src="http://abload.de/img/2-5gwudc.png" alt="" title="" border=0 width=136 height=139></div>

<div id="image9" style="position:absolute; overflow:hidden; left:261px; top:170px; width:874px; height:395px; z-index:9"><img src="http://abload.de/img/png_manzara_resimleri17u2k.png" alt="" title="" border=0 width=874 height=395></div>

<div id="image4" style="position:absolute; overflow:hidden; left:595px; top:120px; width:550px; height:400px; z-index:10"><img src="http://abload.de/img/20100914141116662071auzs.gif" alt="" title="" border=0 width=550 height=400></div>

<div id="image6" style="position:absolute; overflow:hidden; left:878px; top:137px; width:550px; height:400px; z-index:11"><img src="http://abload.de/img/13i9u12.gif" alt="" title="" border=0 width=550 height=400></div>

<div id="image10" style="position:absolute; overflow:hidden; left:275px; top:176px; width:389px; height:123px; z-index:12"><img src="http://abload.de/img/cooltext1412249914jtu8x.png" alt="" title="" border=0 width=389 height=123></div>

<div id="html1" style="position:absolute; overflow:hidden; left:305px; top:684px; width:800px; height:600px; z-index:13">
<IFRAME height=600 width=800 frameborder="0" scrolling="no" src="http://www.flatcast.info/de/Player.aspx?sid=1422447"></IFRAME></div>

<div id="image11" style="position:absolute; overflow:hidden; left:399px; top:1296px; width:600px; height:142px; z-index:14"><img src="http://abload.de/img/iqixios6axjm6ub9.gif" alt="" title="" border=0 width=600 height=142></div>

<div id="html2" style="position:absolute; overflow:hidden; left:13px; top:654px; width:108px; height:68px; z-index:15">
<style>
<!--
a{color:#C0C0C0;text-decoration:none;font:bold}
a:hover{color:#FF0000}
-->
</style></div>

<div id="html3" style="position:absolute; overflow:hidden; left:329px; top:1515px; width:800px; height:600px; z-index:16">
<p align="center">
<iframe src="http://www.bubbleshooter.net/games/001_bubble_shooter.swf" name="I1" align="center" width="800" height="600" marginheight=0 marginwidth=0 frameborder="no"></iframe></div>

<div id="marquee1" style="position:absolute; overflow:hidden; left:298px; top:596px; width:800px; height:41px; z-index:17">
<marquee width="800" height="41" scrollamount="3" scrolldelay="73">
<div class="wpmd">
<div><font face="AntsyPants" class="ws20" style="background-color:#FF0000;"><B>Admin ve kurucu :&nbsp; *wwgenww*sabri*-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dj ~.*SEDEF*.&nbsp;&nbsp;&nbsp; Dj ~.*SABRI* .&nbsp;&nbsp;  yayin sorumlusu ~.*ZEYNEP*.&nbsp;&nbsp; Dj ~.*VEDAT CAN*.&nbsp;&nbsp;&nbsp; Dj ~.*TARIK*.&nbsp;&nbsp; Dj ~.*PRENSES*.&nbsp;&nbsp; Dj ~.*EFSANE AHMET*.</B></font></div>
</div></marquee>
</div>

<div id="image8" style="position:absolute; overflow:hidden; left:305px; top:684px; width:800px; height:600px; z-index:18"><img src="http://abload.de/img/yayin-kapali18u2f.gif" alt="" title="" border=0 width=800 height=600></div>

<div id="text1" style="position:absolute; overflow:hidden; left:900px; top:1425px; width:245px; height:26px; z-index:19">
<div class="wpmd">
<div><font color="#993300" face="AntsyPants">Desing by SenoL - Forumfirtina</font></div>
</div></div>

</div>

<script type="text/javascript" src="https://www.blogger.com/static/v1/common/js/1912144495-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body>
</html>

Bu mesaj 1 defa düzenlendi, son düzenlemeyi yapan "Oqus Pokus" (15.04.2014, 01:50) düzenleme sebepleri: kodlar düzenlendi

Sayfanın en üstüne git

Oqus Pokus

Moderatör

Mesajlar: 4,572

Kayıt tarihi: Jul 16th 2007

Konum: C:\Windows

4

Tuesday, 15.04.2014, 01:48

Bu mesajımdaki ekli dosyayı indirip, içinde yazan kodları sitenizdeki kodlar ile değiştirin.
Alt resimlerdeki gibi sola şiir için kayan yazı, sağa ise Kurallar ekledim.

İsterseniz kodlar içerisinden siz yazıları değiştirebilir/düzenleyebilirsiniz.

Kolay gelsin.