نقل قول:
فکر کنم بشه با استفاده ازلایه ها و تگ<a> کاری کرد.اگه کمی صبر کنید تا آخر این هفته سورس را خواهم نوشت....:40:
Printable View
نقل قول:
فکر کنم بشه با استفاده ازلایه ها و تگ<a> کاری کرد.اگه کمی صبر کنید تا آخر این هفته سورس را خواهم نوشت....:40:
البته دوست عزیز آن صفحه ای که شما لینک داده بودید اصلا عکس نداشت و فقط با برگه مد طراحی شده بود.
در هر صورت اسکریپت اونو نوشتم.
هر صد سال تنها یک بار پیش می آید که چنین اسکریپت زیبا و جانا سینن(یعنی دلنشین) را می نویسم.
در ضمن اون صفحه خیلی پیچیده طراحی شده بود .
اگه از این سورس تو وبلاگ استفاده کردید. مواظب باشید که ID لایه های سورس با ID لایه های قالب وبلاگ یکسان نباشه!!!!
[HTML]
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<style>
#center{
border:3px outset #808080;
color:black;
background-color:#CCCCCC;
font-size:10pt;
font-family:Tahoma;
text-align:center;
width:270px;
height:25px;
position:absolute;
left:270;
top:185;
cursor:hand;
z-index:2002;
}
#top{
background-color:white;
position:absolute;
left:0;
top:0;
width:775;
border-bottom:1px solid black;
height:198;
z-index:2000;
}
#bottom{
background-color:white;
position:absolute;
left:0;
top:198;
width:775;
border-top:1px solid black;
height:198;
z-index:2000;
}
</style>
<script>
var m=0;k=198;j=0;
function HideDiv(){
document.getElementById("center").style.visibility ="hidden";
m-=1;
k+=1;
document.getElementById("top").style.top=m+"px";
document.getElementById("bottom").style.top=k+"px" ;
if(k==450)
{
j=1;
document.getElementById("top").style.visibility="h idden";
document.getElementById("bottom").style.visibility ="hidden";
}
if(j==0)
setTimeout("HideDiv()",10);
}
</script>
</head>
<body>
<div id="top"></div>
<div id="bottom"></div>
<div id="center" onclick="HideDiv()">لطفا برای دیدن وبلاگ اینجا را کلیک کنید</div>
<center>
به وبلاگ من خوش آمدید.
</center>
</body>
</html>
[/HTML]
موفق و موید باشی....:40:
خیلی ممنون به خاطر کدی که نوشتید
با کمی تغییرات تونستم عکس بزارم و کار کنه
خیلی ممنون از لطفت :40::40::40:
دست همگی درد نکنه واقعا عالی بود
بازم تشکر میکنم از navid_hosseini_69 واقعا مرسی
می خواستم بدونم
کسی میدونه چی جوری میشه این کد رو جوری تغییر داد
جوری که صفحه یا لایه ی پشتی به صورت مات ( شیشه ای مشخص باشه ) مشخص باشه
خیلی ممنون مرسی :40::27:
این کار رو آموزشش رو تو امضا امیر عباس عزیز هست
بله دوستان .... کافیه ویژگی زیر را در برگه مد دو لایه top و bottom کد بالا اضافه کنید:نقل قول:
[HTML]
filter:alpha(opacity=70);
[/HTML]
این صفحه رو وقتی می زارم تیکه ی کوچیکی از بالای وبلاگو می گیره
یه کاریش بکنید تمام وبلاگو نشون نده
چون همینطوری بدون کلیک همه کاری میبشه کرد
من می خواستم به جای دکمه از یه عکس استفاده کنم عکس رو کجا باید بریزم؟
دوست عزیز علت کار اینجاست که احتمالا شما با رزولیشن بالا صفحه را نگاه می کنی!!!نقل قول:
این کد برای رزولیشن با مقدار 800*600 طراحی شده است.
برای موارد دیگر باید ویژ گی های width و height لایه ها را افزایش دهید.
تازگی ها به هر سایتی می روید یک صفحه سیاه جلوی شما را می گیرد و تا بر لینک آن کلیک نکنید وارد سایت نمی شوید. آیا شما به دنبال این چنین اسکریپتی هستید.
قبلا این موضوع بحث شده است. بهتر است یکبار فروم را Search کنید.....
:40: