Giriş yapmadınız.

sayfayi animasyonlu acmak...icin kod

Sayın ziyaretçi, AllaTurkaa sitesine hoş geldiniz. Eğer buraya ilk ziyaretiniz ise lütfen yardım bölümünü okuyunuz. Böylece bu sitenin nasıl çalıştığı konusunda ayrıntılı bilgilere ulaşabilirsiniz. Eğer sitenin tüm olanaklarından faydalanmak istiyorsanız, kayıt yaptırmayı düşünmelisiniz. Bunun için kayıt formunu kullanabilir ya da bu bağlantıya giderek kayıt işlemi hakkında daha fazla bilgi alabilirsiniz. Eğer önceden kayıt yaptırdıysanız buradan giriş yapabilirsiniz.

ZamansizEsinti

Stajyer

  • "ZamansizEsinti" bir erkek
  • Konuyu başlatan "ZamansizEsinti"

Mesajlar: 85

Kayıt tarihi: Jun 6th 2010

Konum: Almanya

  • Özel mesaj gönder

1

Monday, 7.06.2010, 09:45

sayfayi animasyonlu acmak...icin kod

Kaynak kod

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147

<body><SCRIPT>

var width=document.body.clientWidth;

var height=document.body.clientHeight;

 

function doClickText(who,type,step,timeOut) {

document.getElementById(who).style.display="none";

if(type==0) {

reveal('revealDiv1',step,timeOut,0);

reveal('revealDiv2',step,timeOut,1);}

if(type==1) {

reveal('revealDiv1',step,timeOut,2);

reveal('revealDiv2',step,timeOut,3);}}

function reveal(who,step,timeOut,type) {

if(type==0)

var where="top";

if(type==1)

var where="bottom";

if(type==2)

var where="left";

if(type==3)

var where="right";

eval('var temp=document.getElementById(who).style.'+where);

temp=parseInt(temp);

if(type==0||type==1)

var checkWith=height/2;

if(type==2||type==3)

var checkWith=width/2;

if(-temp<checkWith) {

temp-=step;

eval('document.getElementById(who).style.'+where+'=temp;');

setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);}

else {

document.getElementById(who).style.display="none";

document.body.scroll="yes";}}

function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {

if(type==0) {

var bWhere1="border-bottom";

var bWhere2="border-top";

var putZero1="top:0px; left:0px";

var putZero2="bottom:0px; left:0px";

document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');

document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');

if(!click) {

reveal('revealDiv1',step,timeOut,0);

reveal('revealDiv2',step,timeOut,1);}

 

else {

clickText(type,step,timeOut);}}

 

if(type==1) {

var bWhere1="border-right";

var bWhere2="border-left";

var putZero1="top:0px; left:0px";

var putZero2="top:0px; right:0px";

document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');

document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');

if(!click) {

reveal('revealDiv1',step,timeOut,2);

reveal('revealDiv2',step,timeOut,3);}

else {

clickText(type,step,timeOut);}}

function clickText(type,step,timeOut) {

document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');}}

</SCRIPT>

<SCRIPT>

var clickw=170; // Width

var clickh=20; // Height

var clickb=2; // Border width

var clickc="#CCFFCC"; // Border color

var clickbg="#000000"; // Background color

var clickt="Siteye girmek icin tiklayin."; // Text to display

var clickFont="font-family:Tahoma,arial,helvetica; font-size:10pt; font-weight:bold; color:#FF0000"; // The font style of the text

new initReveal(0,'#CCFFCC','#CCFFCC',1,1,'#00FF00','#000000',3,10,true);

</SCRIPT><body>

Bu mesaj 1 defa düzenlendi, son düzenlemeyi yapan "BERATCAN" (8.07.2011, 10:50)

DJ_HaNdSoMe

Stajyer

Mesajlar: 20

Kayıt tarihi: Apr 18th 2011

  • Özel mesaj gönder

2

Tuesday, 5.07.2011, 01:27

işte benim aradığım böyle basit bişey flash olmasınada gerek yok ama bu aşağı ve yukarı ayrılan kısma resim olarak yapamıyormuyuz örneğin ben kız kulesi resmi koyucam aşağı ve yukarı açılacak yardımcı olurmusunuz :)

renefte

Stajyer

  • "renefte" bir erkek

Mesajlar: 69

Kayıt tarihi: Jul 1st 2011

Konum: SaKaRyA

  • Özel mesaj gönder

3

Tuesday, 5.07.2011, 04:29

Sayfayı animasyonlu açmak başlığı görünce güzel bişeyler yapabilirim diye düşündüm ama içine girince bişey anlamadım fotoğraflı bi örnek olsa güzel oludu sanki. :himmmm:

MeRaL

Jüri

  • "MeRaL" bir kadın

Mesajlar: 5,317

Kayıt tarihi: Jan 6th 2007

Konum: NRW

  • Özel mesaj gönder

4

Friday, 8.07.2011, 09:38

Alıntı sahibi "renefte"

içine girince bişey anlamadım fotoğraflı bi örnek olsa güzel oludu sanki.

Önizleme olsaydi evet daha güzel bir paylasim olurdu gercektende. Ama burda verilen kodlari kendi sitenizin html bölümünde deneyebilirsiniz. Baktiniz hosunuza gitmedi, tekrar cikarabilirsinizde :1gözkirp:

BERATCAN

Bilge

  • "BERATCAN" adlı kullanıcı yasaklandı

Mesajlar: 22,358

  • Özel mesaj gönder

5

Friday, 8.07.2011, 10:48

Yukarıdaki kodun sitede görünümünüde ben veriyim

siteye yukarıdaki kodu eklediğinizde ilk ana sayfa alt resimdeki gibi



Siteye giriş yazısınza tıkladıgınızdaki oluşan görüntüde alt resim
yani çizgiden itibaren biri alta biri üste doğru açılan bir animasyon





bir kodu veya site indeksini herhangi bir siteye yüklemeden kendi bilgisayarınızda açıp ön izleme yapmak için şu uygulamayı yapabilirsiniz

kodların tamamını mause'nize kopyalayın
ve bilgisayarınızda Not defterini açın içine kodları yapıştırın
farklı kaydet seçeneğiyle kayıt yerini masa üstü olarak seçin (bulmanız açısından) ve doysa uzantısını .html diye kaydedin
masa üstüneze explorer simgesi oluşcak o simgeye tıkladıgınızda eklediğiniz kodları siteye eklemişgibi ne oldugunu görebilirsiniz

EFSANE UyGaR

Bilge

  • "EFSANE UyGaR" adlı kullanıcı yasaklandı

Mesajlar: 14,170

  • Özel mesaj gönder

6

Monday, 22.08.2011, 16:55

emeklerinize sağlık

Benzer konular