Tahribat.com Forumları
Asp - Php - Cgi - Perl
İşte Sonunda Web Tasarım Sorularınızı Elimden Geldiğince Yanıtlama Ya Çalışırım Arkadaşlar.
Asp - Php - Cgi - Perl
İşte Sonunda Web Tasarım Sorularınızı Elimden Geldiğince Yanıtlama Ya Çalışırım Arkadaşlar.
İşte Sonunda Web Tasarım Sorularınızı Elimden Geldiğince Yanıtlama Ya Çalışırım Arkadaşlar.
-
martyn
bu dediğin javascript değil css' tir.
ayrıca ie 5.5 olması gerekir görmek için.
yaptıktan sonra herkez göremeyebilir.
kodun tamamı da budur.
<style type="text/css">
<!--
body {
scrollbar-face-color:'#CCCCCC';
scrollbar-arrow-color:'#000000';
scrollbar-track-color:'#999999';
scrollbar-shadow-color:'#CCCCCC';
scrollbar-highlight-color:'#CCCCCC';
scrollbar-3dlight-color:'#000000';
scrollbar-darkshadow-Color:'#999999';
}
-->
</style>
bunu head tagları içine yazarsın.
ya da
isim.css dosyası açıp içine
body {
scrollbar-face-color:'#CCCCCC';
scrollbar-arrow-color:'#000000';
scrollbar-track-color:'#999999';
scrollbar-shadow-color:'#CCCCCC';
scrollbar-highlight-color:'#CCCCCC';
scrollbar-3dlight-color:'#000000';
scrollbar-darkshadow-Color:'#999999';
}
yazıp.
her sayfanın head tagları içine sadece
<link href="isim.css" rel="stylesheet" type="text/css">
yazarsın böylece tek dosya ile her sayfaya atamış olursun ve renk değiştirmek istediğinde tek tek değiştirmek zorunda kalmazsın. -
guzel.
-
yaw iide benim verdiğim kodu sayfanın içine yapıştırın frontpagede en altına mesela işinizi her türlü görür (en kısa yoldan) renkleri değiştirmek içinde satır sonlarındaki renklerin hex kodlarını deiştirin okadar.
-
martyn_
100 sayfalık bir site yaptığında bu javascripti ancak bul-değiştirle yapabilirsin.
yoksa 100 sayfayı da açıp değiştirmek zorunda kalırsın.
ayrıca her sayfada yüklenen script, her sayfa değiştiğinde tekrar yüklenmek zorunda kalır ve bu da sayfanın açılma süresini uzatır.
dışarıdan bir dosya ile açtığında o cache' de kalır her seferinde yüklemez.
site yapan arkadaşlar eğer dinamik ve güncel bir siteniz olsun istiyorsanız css dosyaları kullanın.
bilmeyen mutlaka öğrensin. çok faydalı olduğunu göreceksiniz.
mesela
o dosyaya ek olarak
body {
background-color: 000000;
}
yazarsanız. dosyanın linkini eklediğiniz tüm sayfalar siyah renk olacaktır.
sadece bu değil sayfadaki fontlar tabloların genişliği,kenarlıkları,arka plan renkleri. vb...
ve hatta koyduğunuz resimlere özel efektler.
(glow,alpha,raytrace,invert gibi...)
yazılan yazılara gölge,kontur koyma...vb...
cursorun görüntüsünü değiştirme.
istediğiniz her tag a her özelliği ekleyebilirsiniz.
ve bu sadece bir dosya ile oluyor.
javascript e burada gerek yok.
çünkü dinamik bir olay yok. -
yazayım
öncelikle bir cursor dosyan olacak.
bunların uzantıları *.cur ya da *.ani diye geçer.
sonra yaptığın sayfanın body nin içine
bunu eklemen lazım.
aynen şöyle olacak.
<body style="cursor: url('cursor.cur');">
yani içine
style="cursor: url('cursor.cur');"
cursor dosyanı da sitene koyunca oluyo. -
rica ederim.
ayrıca senin dediğin şöle mausun peşinden bişeyler gidiyosa.
onu follow cursor javascript diye arat.
anca öle bulursun, çünkü onlar script. -
al sana o scriptlerden bazıları
1. örnek (bunları olduğu gibi copy-paste yap sayfana)
--------------
<script language="javascript">
<!-- Script by kurt.grigg@virgin.net
NS4=(document.layers);
IE4=(document.all);
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
yBase=0;
xBase=0;
step=3;
currStep=0;
Ypos=0;
Xpos=0;
if (NS4){
for (i=0; i < 14; i++)
document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');
window.captureEvents(Event.MOUSEMOVE);
function nMouse(evnt){
Ypos = evnt.pageY-window.pageYOffset;
Xpos = evnt.pageX;
}
window.onMouseMove=nMouse;
}
if (IE4){
document.write('<div id="e" style="position:absolute;top:0;left:0"><div style="position:relative">');
for (i=0; i < 14; i++)
{document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>')}
document.write('</div></div>');
function iMouse(){
Ypos=event.y;
Xpos=event.x;
}
document.onmousemove = iMouse;
}
function Comet(){
S=(NS4)?window.pageYOffset:0;
if (IE4) e.style.top=document.body.scrollTop;
var yBase=(document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;
var xBase=(document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;
for (i=0; i < 14; i++){
var randCol=Math.round(Math.random()*8);
var layer=(NS4)?document.layers['n'+i]:me.style;
layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200)+S;
layer.left=Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);
if (NS4) layer.bgColor=Clrs[randCol];
if (IE4)layer.background=Clrs[randCol];
}
currStep+=step;
setTimeout("Comet()",10);
}
window.onload=Comet;
// -->
</script>
--------------------
2. örnek
-----
<script language="javascript">
<!-- Mouse attack Script by kurt.grigg@virgin.net
var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=13;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+' height='+i/3+' bgcolor=#ffffff></layer>');}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos=evnt.pageX;ypos=evnt.pageY;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < amount; i++)
{document.write('<div id=k style="position:absolute;top:0px;left:0px;width:'
+i/3+';height:'+i/3+';background:#ffffff;font-size:'+i/3+'"></div>')}
document.write('</div></div>');
function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y}
document.onmousemove = iMouse;
}
function getAngle(){
Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI);
if (angle < 0)angle += 360;
}
function bomb(){
if (document.layers){
Yscroll=window.pageYOffset;
ybase=Math.round(Math.random()*window.innerHeight);xbase=
Math.round(Math.random()*window.innerWidth);
yybase=window.innerHeight-10;xxbase=window.innerWidth-10;
}
else if (document.all){
Yscroll=document.body.scrollTop;
ybase=Math.round(Math.random()*window.document.
body.offsetHeight);xbase=
Math.round(Math.random()*window.document.body.offsetWidth);
xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10;
}
if ((xbase > 10 && xbase < xxbase) && (ybase > 10 && ybase < yybase))
bomb();
else
{
if ((divLeft > xpos-speed/1.5) && (divLeft < xpos+speed/1.5) && (divTop >= ypos-speed/1.5) && (divTop <= ypos+speed/1.5))
{divTop=ybase+Yscroll;divLeft=xbase}
y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180));
divTop+=y;divLeft+=x;
getAngle();
T=setTimeout('bomb()',20);
}
}
function Split(){
Clrs=new Array('fff000','ffffff','ffa500')
var ntscp=document.layers,msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left
=ntscp['nsa'+(i+1)].left}
else
{ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{msie.k.style.top=msie.k[i+1].style.top;msie.k.style.left=
msie.k[i+1].style.left}
else
{msie.k.style.top=divTop;msie.k.style.left=divLeft}
}
}
for (i=0; i < amount-1; i++)
{
for (n=0; n < Clrs.length; n++)
{var x=Math.round(Math.random()*n)}
if (document.layers){ntscp['nsa'+i].bgColor=Clrs[x]}
else if (document.all){msie.k.style.background=Clrs[x]}
}
setTimeout("Split()",20);
}
function StArT(){bomb();Split()}
window.onload=StArT;
//-->
</script>
-----------------------------
3. örnek
--------
<script language="javascript">
<!-- Trio 3 Script by kurt.grigg@virgin.net
//Choose colours and size of effect !!
var a_Colour='fff000';
var b_Colour='00ff00';
var c_Colour='ff00ff';
var Size=120;
//Alter nothing below !!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
XDummy=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x.style.top=msie.x[i+1].style.top;msie.x.style.left=msie.x[i+1].style.left;
msie.y.style.top=msie.y[i+1].style.top;msie.y.style.left=msie.y[i+1].style.left;
msie.z.style.top=msie.z[i+1].style.top;msie.z.style.left=msie.z[i+1].style.left;
}
else
{
msie.x.style.top=YDummy[0];msie.x.style.left=XDummy[0];
msie.y.style.top=YDummy[1];msie.y.style.left=XDummy[1];
msie.z.style.top=YDummy[2];msie.z.style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</script>
-----------------
walla daha başka bisürü war istersen gönderirim :) -
walla baya bi uzun olmuş copy-paste ama kusura bakmayın :Pp
Toplam Hit: 4359 Toplam Mesaj: 19