ExpBuilder

1- قم بفك ملف الضغط ثم قم برفع النسخة الى موقعك
2- قم بفك ضغط ملف اللغة وقم بوضعة arabic.php فى مجلد /lang بجوار ملف اللغة الانجليزى english.php
3- قم بتشغيل الاسكربت (www.yoursite.com) وسيتم نقلك تلقائيا الى ملف التنصيب
www.yoursite.com/install.php
4- قم بوضع بياناتك كما بالصورة

5- اضغط submit
6- سيقوم السكربت بحذف ملف install.php تلقائيا ان لم يتم ذلك قم بحذفه يدويا

مرحلة التعريب
افتح ملف config.php ستجده بداخل مجلد inc
inc/config.php
قم بالبحث عن الكود التالى:

رمز PHP:

  $lang_file = "english";

وقم بتغييره الى:

رمز PHP:

  $lang_file = "arabic";

مبروك لقد تم تركيب الاسكربت بنجاح

قم الان بعمل رفرش لصفحة الاسكربت

قم بتسجيل الدخول من خلال زر تسجيل دخول
وبعد ذلك لوحة التحكم وقم بتظبيط الخيارات التى تراه مناسبه لك

الكاتب: admin , فى تاريخ: ديسمبر-11-2009 أضف تعليق

إسكربت JQuery Help Tooltip v1.0 لعمل رسائل المساعدة

HTML Code:

$(Element).helptooltip();

لمشاهدة مثال عن الإسكربت: http://www.expbuilder.com/testpages/helptooltip/

طريقة الإستخدام

HTML Code:

<span class="helps">
Click this help icon to test the help tooltip
</span>
<span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0
<hr /> You can type any thing here !!</span>

</div>
<script type="text/javascript">
$(document).ready(function()
{
     $(".helps").helptooltip();
});
</script>

يعمل مع جميع المتصفحات

للتحميل:

1- تحميل مكتبة الجى كويرى أولاً jquery-1.3.2.min.js
2-تحميل الإسكربت – jquery.helptooltip.zip

طريقة تركيب الإسكربت:

اولاً: داخل وسام الهيد head

1- تضمين الملفات:

HTML Code:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.helptooltip.js"></script>
<link href="jquery.helptooltip.css" rel="stylesheet" type="text/css" />

ثانياً : داخل وسام البادى body

HTML & JavaScript Code:

HTML Code:

<span class="helps">
Click this help icon to test the help tooltip
</span>
<span><b>What is this ?</b> <br /> this is a test of JQuery Help Tooltip v1.0
<hr /> You can type any thing here !!</span>

</div>
<script type="text/javascript">
$(document).ready(function()
{
     $(".helps").helptooltip();
});
</script>

الكاتب: admin , فى تاريخ: ديسمبر-11-2009 أضف تعليق

JQuery Easy Tooltip v2.0

JQuery Easy Tooltip v2.0

HTML Code:

$(Element).easytooltip(Formid, options{backgroundcolor, border, color, event})

Demo: http://www.expbuilder.com/testpages/easytooltip2/

To see the last version (1.0) goto: http://www.expbuilder.com/vb/showthread.php?t=2

HTML Code:

HTML Code:

<style type="text/css">

.bg
        {
           background-image: url(bg.jpg);
           width: 275px;
           height: 135px;
           padding: 22px 55px 20px 55px;
           background-repeat: no-repeat;
           background-position: left top;
        }

</style>

<a class="demo" href="javascript:void(0);">
Move your mouse point here to see what JQuery Easy Tooltip can do !!
</a>

</div>
<div id="formdisplay" style="display: none;padding: 20px;width: 500px;">

   <div class="bg">
         <h2>This is a Demo of Easy Tooltip</h2>
        you can but any thing you want here
   </div>
</div>

javascript Code:

HTML Code:

<script>
$(document).ready(function()
{
    $(".demo").easytooltip("formdisplay", {backgroundcolor: "transparent", border: "0px"});
});
</script>

Demo – Default

HTML Code:

<a class="demo" href="javascript:void(0);">
Move your mouse point here to see what JQuery Easy Tooltip can do !!
</a>

</div>
<div id="formdisplay" style="display: none;padding: 20px;width: 500px;">

   <div class="bg">
         <h2>This is a Demo of Easy Tooltip</h2>
        you can but any thing you want here
   </div>
</div>

<script>
$(document).ready(function()
{
    $(".demo").easytooltip("formdisplay", {backgroundcolor: "transparent", border: "0px"});
});
</script>

Change background Color – backgroundcolor

HTML Code:

<div id="formdisplay2" style="display: none;padding: 20px;width: 500px;">
         <h2>This is a Demo of Easy Tooltip</h2>
        you can but any thing you want here
</div>
<a id="demo2" href="javascript:void(0);">check background color !! </a>

<script type="text/javascript">
$("#demo2").easytooltip("formdisplay2", {backgroundcolor: "#3399FF"});
</script>

Change border

HTML Code:

<div id="formdisplay3" style="display: none;padding: 20px;width: 500px;">
         <h2>This is a Demo of Easy Tooltip</h2>
        you can but any thing you want here
</div>
<a id="demo3" href="javascript:void(0);">check border !! </a>

<script type="text/javascript">
$("#demo3").easytooltip("formdisplay3", {border: "6px solid #3399FF"});
</script>

Change Font Color

HTML Code:

<div id="formdisplay4" style="display: none;padding: 20px;width: 500px;">
         <h2>This is a Demo of Easy Tooltip</h2>
        you can but any thing you want here
</div>

<a id="demo4" href="javascript:void(0);">check Font Color !! </a>

<script type="text/javascript">
$("#demo4").easytooltip("formdisplay4", {color: "red"});

</script>

Change Mouse event

HTML Code:

<div id="formdisplay5" style="display: none;padding: 20px;width: 500px;">
         <h2>This is a Demo of Easy Tooltip</h2>
        you can but any thing you want here
</div>

<a id="demo5" href="javascript:void(0);">click here to check Mouse event !! </a>

<script type="text/javascript">
$("#demo5").easytooltip("formdisplay5", {event: "click"});

</script>

Download JQuery Easy Tooltip v2.0

1- Download jQuery JavaScript Library – jquery-1.3.2.min.js
2- JQuery Easy Tooltip v2.0 – easytooltip2.0.zip

Download this demo

- easytooltip2.0.package.zip

JQuery Easy Tooltip v2.0 SetUp

A. Head Tag

Import files:

HTML Code:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="easytooltip.js"></script>

B. Body Tag

HTML & JavaScript Code:

HTML Code:

<div id="formdisplay"
style="display: none;padding: 20px;background-color: #ffffff;border: 3px solid #000;width: 500px;">
    <h2>This is a Demo of Easy Tooltip</h2>
    you can but any thing you want here
</div>

<script>
$(document).ready(function()
{
    $(".demo").easytooltip("formdisplay");
});
</script>

مدونة ووردبريس عربية أخرى

قالب فلاش إحترافى

قالب فلاش إحترافى

60 تمبلات بملفات psd لسهولة التعديل

60 تمبلات بملفات psd لسهولة التعديل

إسكربت إدارة الإعلانات المجانى

إسكربت JQuery Help Tooltip v1.0 لعمل رسائل المساعدة

JQuery Easy Tooltip v2.0

القائمة الرئيسية

الكلمات الدليلية

التصنيفات