۱۳۸۹ مرداد ۳۱, یکشنبه

ورود به سايت يا وبلاگ با كليك بر روي چيزي



 سلام . خيلي از دوستان سوال كرده بودند كه چطوري ميشه يك صفحه بسازيم كه بعد با كليك بر روي يك دكمه توي اون صفحه كاربران وارد سايت و يا وبلاگ بشن .

براي وبسايت ها كه مشكلي نيست زيرا كافيه مثلا يك لينك بزارن كه با كليك روي اون از صفحه index وارد يك صفحه ي ديگه مثل main بشه .

ولي در مورد وبلاگ مساله فرق فوووووووكووووله . چون وبلاگ فقط يك صفحه است و يك كم مساله پيچيده تره . لذا من اومدم يك كد جاوا اسكريپت نوشتم كه اول وقتي كاربران وارد وبلاگ شما شدند يكسري نوشته نشون بده و بعد با كليك بر يك چيزي وبلاگ شما نمايش داده بشه .

فكر كنم خيلي گيج شديد . نگران نباشيد الان كاملا براتون توضيح ميدم :

 اول كد قالب وبلاگ خودتون و بين دو تگ <head>....</head> خط زير رو اضافه كنيد :


<script language="javascript" src="http://www.iroweb.com/Java%20Script/Webloge%20Inter/iroweb.js" type=text/javascript></script>


يعني با بين دو تگ بودنش اينجوري ميشه :

<head>
<script language="javascript" src="http://www.iroweb.com/Java%20Script/Webloge%20Inter/iroweb.js" type=text/javascript></script>
</head>

 حالا كد زير رو دقيقا بعد از تگ <body> قرار دهيد :

<div style="position:absolute;left:0;top:0;background-color:#FFFFFF;width:100%;height:100%" id="irowebscripts" style="display:inline">
---------------------------------------------------
</div>


خوب حالا خوب دقت كنيد ببينيد چي ميگم :

 اون متن يا تصوير و يا هرچيزي كه دوست داريد اول نشون داده بشه تا كاربر با كليك بر روي اون وارد وبلاگ شما بشه رو بجاي --------------------------------------------------- قرار دهيد . مثلا من يك نمون طراحي كردم . اينجوري شد :


<div style="position:absolute;left:0;top:0;background-color:#FFFFFF;width:100%;height:100%" id="irowebscripts" style="display:inline">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px dotted #C0C0C0;font-size: 8pt;font-family: tahoma;margin-top:200" bordercolor="#111111" width="384" height="200" align="center" dir="rtl">
<tr>
<td width="382" height="174" align="center"><a href="#" onclick="Hide();" style="color:#FF0000;text-decoration: none">جهت ورود به سايت اينجا كليك نماييد .</a></p></td>
</tr>
</table>
</div>

 براي پنهان كردن نوشته اوليه از دستور Hide() استفاده كنيد . يعني چي ؟ يعني اينكه اگر قراره لينكي وجود داشته باشه تا كاربر با كليك روي اون وبلاگ رو ببينه حتما لينكتونو اينفرمي بزاريد :


 <a href="#" onclick="Hide()">متن شما</a>

در آخر يك نمونه خودم ساختم ميتونيد بريد اينجا ببينيد :


با آرزوي بهترين روزهاي تابستوني براي شما .

منبع:www.iroweb.com

هیچ نظری موجود نیست:

ارسال یک نظر