Links

4. کد اصلی پیوند (لینک) دادن.

تبصره 1: آدرس صفحه ی مورد نظرتان را جهت لینک دادن باید به جای YOUR URL جایگزین کنید.
تبصره 2: در خصیصه ی title باید به جای واژه ی TOOLTIP توضیح کوتاهی درباره ی مقصد لینک وارد کنید. (حذف این خصیصه ممانعتی ندارد.)
تبصره 3: در خصیصه ی target که مقدار خصیصه اش در حال حاضر self_ است، میتوانید از مقدار blank_ هم استفاده کنید. فرق این دو مقدار در هدف لینک است یعنی اگر این مقدار بر روی self_ باشد مقصد لینک در همان صفحه اجرا و اگر blank_ مقدار دهی شده باشد مقصد لینک در یک صفحه ی جدید باز خواهد شد.
تبصره 4: به جای واژه های YOUR NAME LINK باید اسمی از لینک وارد کنید. (این اسم در صفحه قابل رویت و برای رفتن به مقصد لینک فعال میشود.) در کل هر تگی مثل تگ <img> بین دو تگ <a></a> قرار گیرد برای لینک فعال خواهد بود. (تگ <img> برای گذاشتن عکسها بکار میرود)

5. رفتن به مقصد لینک بدون کلیک!

تبصره 1: این کد زمانی فعال میشود که نشانگر موس کاربر بر روی اسم لینک یا تصویر لینک شده قرار گیرد.
تبصره 2: شما فقط باید به جای YOUR URL آدرس مقصد و به جای YOUR NAME LINK اسم لینک را جایگزین کنید.

6. سفارشی کردن رنگ لینکها توسط شیوه ها. (CSS)

تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین دو تگ (<head></head>) قرار دهید.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید. (در صورت که لینکهای شما از قبل سفارشی (فرمت) شده است، میتوانید آنها را حذف و اینها را جایگزین کنید.)

7. حذف زیر خط لینکها توسط شیوه ها. (CSS)

8. جعبه ی لینک همراه با دکمه ی تایید.

تبصره 1: در این کد آدرس لینکهای خود را به جای واژه های YOUR URL جایگزین کنید. (YOUR URL2 , YOUR URL1 و ....)
تبصره 2: اسم لینکها هم باید به جای واژه های YOUR NAME URL جایگزین شود. (YOUR NAME URL2 , YOUR NAME URL1 و ....)
تبصره 3: در این کد من جای شش لینک را باز کردم، در صورتی که لینکهای شما بیشتر است میتوانید با اضافه کردن کد زیر در مکان مربوطه به تعداد نیاز از این جعبه لینک به راحتی استفاده کنید. <option value="YOUR URL">YOUR NAME URL</option>

9. جعبه ی لینک بدون دکمه ی تایید.

تبصره 1: در این کد بجای واژه ی YOUR TEXT اسمی در نظر گرفته و جایگزین کنید. به عنوان مثال: (انتخاب نمایید)
تبصره 2: آدرس لینکهای خود را به جای واژه های YOUR URL جایگزین کنید. (YOUR URL2 , YOUR URL1 و ....)
تبصره 3: اسم لینکها هم باید به جای واژه های YOUR NAME URL جایگزین شود. (YOUR NAME URL2 , YOUR NAME URL1 و ....)
تبصره 4: در این کد من جای شش لینک را باز کردم، در صورتی که لینکهای شما بیشتر است میتوانید با اضافه کردن کد زیر در مکان مربوطه به تعداد نیاز از این جعبه لینک به راحتی استفاده کنید. <option value="YOUR URL">YOUR NAME URL</option>

10. رقص نور دادن به لینکها.

تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین دو تگ (<head></head>) کد خودتون بچسبانید.
تبصره 2: در قسمتی از این کد با کمی دقت متوجه خواهید شد که نام بعضی از رنگها به انگلیسی نوشته شده که میتوانید آنها را به دلخواه خود تغییر دهید. (از کد رنگها هم میتوانید استفاده کنید)

11. لینکهای متحرک.

تبصره 1: آدرس لینکهای خود را به جای واژه های YOUR URL و اسم لینکها را به جای واژه های YOUR NAME LINK جایگزین نمایید.
تبصره 2: در این کد لینکها از پائین به سمت بالا حرکت میکنند، در صورتی که خلاف این را خواستارید میتوانید در خصیصه ی direction که در این کد با واژه ی up مقدار دهی شده است، با واژه ی down مقدار دهی کنید که در این صورت لینکها از بالا به پائین حرکت می کنند.

12. نمایش اطلاعات مقصد لینک روی نوار وضعیت.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: بعد از کپی، در قسمت بدن این کد با یک تگ لینک (<a></a>) برخورد خواهید کرد که باید آدرس مقصد لینک را به جای واژه ی YOUR URL و اسم لینک را به جای واژه ی YOUR NAME LINK جایگزین کنید.

13. لینک پرینت (چاپ صفحه).

14. منوی لغزان لینک (باز شو).

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند. دقت داشته باشید که در این کد در تگ بدن ( <body> ) خصیصه ای به نام OnLoad وجود دارد که شما باید (در صورت رعایت عدم تکرار تگ سر و بدن) این خصیصه را با مقدار تعیین شده اش در تگ ( <body> ) بگنجانید.
تبصره 2: در ادامـه ی کد به چـنـد تـگ لیـنـک، در قسـمـت بـدن خـواهـیـد رسـید که به جای آدرس URL لینک آدرس مربوطه را وارد و در ما بــیــن دو تگ (<a></a>) اسم لینک مربوطه را وارد می کنید.

Select All

<head>
<script language="JavaScript">
<!-- // Begin
function setVariables() {
if (navigator.appName == "Netscape") {
v = ".top=";
h = ".left=";
dS = "document.";
sD = "";
y = "window.pageYOffset";
x = "window.pageXOffset";
iW = "window.innerWidth";
iH = "window.innerHeight";
}

else {
h = ".pixelLeft=";
v = ".pixelTop=";
dS = "";
sD = ".style";
y = "document.body.scrollTop";
x = "document.body.scrollLeft";
iW = "document.body.clientWidth";
iH = "document.body.clientHeight";
}
xyz = 500;
innerX = eval(iW) - 115;
innerY = eval(iH) - 110;
object = "logo";
checkLocationA();
}
movex = 0;
movey = 0;
xdiff = 0;
ydiff = 0;
ystart = 0;
xstart = 0;

function checkLocation() {
yy = eval(y);
xx = eval(x);
ydiff = ystart - yy;
xdiff = xstart - xx;
if ((ydiff < (-1)) || (ydiff > (1))) movey = Math.round(ydiff / 10), ystart -= movey;
if ((xdiff < (-1)) || (xdiff > (1))) movex = Math.round(xdiff / 10), xstart -= movex;
eval(dS + object + sD + v + (ystart + innerY));
eval(dS + object + sD + h + (xstart + innerX));
setTimeout("checkLocation()", 10);
}

function checkLocationA() {
ystart = eval(y);
xstart=eval(x);
}

function switchLogo(abc) {
if (abc == "menu") {
eval(dS + object + sD + v + 0);
eval(dS + object + sD + h + (-200));
object = abc;
}
else xyz = setTimeout("delayLogo()", 2000)
}

function delayLogo() {
eval(dS + object + sD + v + 0);
eval(dS + object + sD + h + (-200));
object = 'logo';
}
//  End -->
</script>
</head>
<body OnLoad="setVariables();checkLocation()">
<div id="logo" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2">
<table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center><br><br><br>

</center></td></tr></table></div>
<div id="menu" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2">
<table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center>

</center></td></tr><tr><td><center>

</center></td></tr><tr><td><center>

<a href="http://www.your-web-site-address-here.com/page-three.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Three</a>

</center></td></tr></table></div>

</body>

15. ایجاد ثانیه شمار برای مقصد یک لینک بدون دخالت کاربر.

تبصره 1: این کد را باید در قسمت بدن یعنی ما بین ( <body></body> ) بچسبانید.
تبصره 2: در قسمتی از کد به عبارتی به نام targetURL برخورد خواهید کرد که مقابل آن آدرس وبلاگ من وجود دارد که شما با حذف آدرس من و درج آدرس جدید میتوانید از این کد استفاده کنید.
تبصره 3: در سطری بائین تر از عبارتی در تبصره ی فوق ذکر شد عبارت دیگری به نام countdownfrom=40 وجود دارد که عدد 40 مقدار ثانیه ای است که شمارش شده و بعد از اتمام به مقصد لینک خواهد رفت، شما میتوانید این عدد را کم و یا زیاد معرفی کنید.

عباس کریمی دوشنبه 7 فروردین‌ماه سال 1385 ساعت 03:36 ب.ظ

فراسوی اطلاعات

فراسوی اطلاعات

Links

فراسوی اطلاعات

روزانه‌ها

پیوندها

دسته‌ها

جدیدترین یادداشت‌ها

بایگانی

Links