هاك التهنئة براس السنة الميلادية Christmas Message with jquery

[Hassouni Mohamed]

هاك التهنئة براس السنة الميلادية Christmas Message with jquery

هاك التهنئة براس السنة الميلادية Christmas Message with jquery

​

هاك التهنئة براس السنة الميلادية

ربط الهاك الاصلي: Christmas Message with jquery - vBulletin.org Forum

صاحي الهاك: AlbCoder

مثال حي
Live DEMO


التركيب:

ارفع الصور المرفقة و بمجلد Christmas الى مسار الصور في مجلد منتادك يعني الى images


افتح قالب headinclude و اضف الى نهايته الكود التالي

<link rel="stylesheet" href="{vb:raw vboptions.bburl}/images/christmas/style.css" media="screen" /> 
<link rel="stylesheet" href="{vb:raw vboptions.bburl}/images/christmas/scroll.css" media="screen" /> 
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/jquery.js"></script> 
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/scroll.js"></script> 
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/rounded.js"></script> 
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/jquery.cookie.js"></script> 
<!--[if lte IE 6]> 
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/images/christmas/styleie6.css" media="screen" /> 
<script type="text/javascript"> DD_roundies.addRule('.pngfix'); </script> 
<![endif]--> 
<!--[if lte IE 7]> 
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/images/christmas/styleie7.css" media="screen" /> 
<![endif]--> 
<script type="text/javascript"> 
    var $xmas = jQuery.noConflict(); 
    $xmas(window).ready(function(){ 
    var show = $xmas.cookie("xmas"); 
    if(show == null){ 
        $xmas('#xmas').fadeIn(300, function(){ 
        $xmas(this).removeClass('hidden'); 
        }); 
    } 
    }) 
    $xmas(document).ready(function(){ 
    $xmas('a#xmasclose').click(function(){ 
        $xmas('#xmas').fadeOut(300, function(){ 
        $xmas(this).addClass('hidden'); 
        }) 
        $xmas.cookie("xmas", "0", {expires: 1}); 
        return false; 
    }) 

    }) 
    $xmas(function(){ 
    $xmas('.xmas-msg').jScrollPane({showArrows:true}); 
    }); 

</script>

الان افتح قالب footer و اضف في اعلاه الكود التالي

<div id="xmas" class="xmas-hidden">     <div id="xmas-santa">     <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />     </div><!-- /xmas-santa -->     <div id="xmas-bg" class="pngfix">     <h1 class="xmas-h1">Marry Christmas</h1>     <div class="xmas-msg">         Your  Message  Goes Here!!!!!!!!!     </div><!-- /xmas-msg -->     <div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->     </div><!-- /xmas-bg --> </div><!-- /xmas -->

اما الكود المعرف فهو ادناه

<div id="xmas" class="xmas-hidden">
    <div id="xmas-santa">
    <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
    </div><!-- /xmas-santa -->
    <div id="xmas-bg" class="pngfix">
    <h1 class="xmas-h1">كل عام و انتم بالف خير</h1>
    <div class="xmas-msg">
     صع رسالتك هنااااااااااااااااااااااااااااااااااااااااا
    </div><!-- /xmas-msg -->
    <div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->
    </div><!-- /xmas-bg -->
</div><!-- /xmas -->

اكتب الرسالى التي ترغيب بها انت في مكانها المناسب في الكود


اما اذا اردت الرسالة ان تظهر فقط لغير المسجلين فاضف الكود التالي بدل سابقه

<vb:if condition="$show['guest']"> <div id="xmas" class="xmas-hidden">     <div id="xmas-santa">     <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />     </div><!-- /xmas-santa -->     <div id="xmas-bg" class="pngfix">     <h1 class="xmas-h1">Marry Christmas</h1>     <div class="xmas-msg">         Your Message Goes Here!!!!!!!!!     </div><!-- /xmas-msg -->     <div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->     </div><!-- /xmas-bg --> </div><!-- /xmas --> </vb:if>

و الكود المعرب له هو ادناه

<vb:if condition="$show['guest']">
<div id="xmas" class="xmas-hidden">
    <div id="xmas-santa">
    <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
    </div><!-- /xmas-santa -->
    <div id="xmas-bg" class="pngfix">
    <h1 class="xmas-h1">كل عام و انتم بالف خير</h1>
    <div class="xmas-msg">
     صع رسالتك هنااااااااااااااااااااااااااااااااااااااااا
    </div><!-- /xmas-msg -->
    <div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->
    </div><!-- /xmas-bg -->
</div><!-- /xmas -->
</vb:if>

تعريب الدكتور اسامة الصالح

المصدر: منتديات الرحبة

​

 

[Hassouni Mohamed]

بالنسبة لموقع بحر الانساب

بالنسبة لموقع بحر الانساب فإليكم الصورة التوضيحية و التعديل الموجود

<div id="xmas" class="xmas-hidden">
    <div id="xmas-santa">
    <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
    </div><!-- /xmas-santa -->
    <div id="xmas-bg" class="pngfix">
    <h1 class="xmas-h1">كل عام و انتم بالف خير</h1>
    <div class="xmas-msg">
     <p align="center"><b>كل عام و انتم بالف خير اخواني اعضاء و زوار موقع بحر الانساب <br>
        بمناسبة استقبال العام الجديد 2011 <br>
نهنأ الادارة كل الاعضاء والزوار لموقعنا بحر الانساب كما نشكركم لحسن تعاونكم معنا في الارتقاء بالموقع ليصبح احد مراكز الابحاث النسبية ومنابر العلم و المعرفة في انحاء العالم
        </b>
    </div><!-- /xmas-msg -->
    <div id="xmas-close"><a id="xmasclose" href="#" title="Close">إغلاق</a></div><!-- /xmas-close -->
    </div><!-- /xmas-bg -->
</div><!-- /xmas -->

 

[كمال صحراوي]

تم التركيب بنجاح شكرا لك وننتظر المزيد من ابداعات
د اسامة

 

[حامد أبو فيصل]

تسلم على المنتج تم التجريب

 

[عمار العامري]

جزاك الله كل الخير اخي حسوني

كل عام و انتم بخير

 

[سهيل كنزي]

مشكور اخوي..............