منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


شريط الاهداءات بشكل احترافي اتوماتيكي

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

شريط الاهداءات بشكل احترافي اتوماتيكي

مُساهمة من طرف JAR7 في 30/05/16, 02:53 am

شريط الاهداءات بشكل احترافي اتوماتيكي
الأهدائات اكثر من رائع الان اصبح وبشكل سلسل وسهل على الأعضاء 
عمل هذه الكود، يعمل مع  كافة إصدارات المنتدى.

على تطوير وعمل شريط الأهدائات الان اصبح بمتناول يديكم
صورة حول شريط الأهدائات







في حال كنت غير مسجل دخول وتقوم بالضغط على ارسال أهداء سوف يفتح لك نافذه منبثه يطلب 
منك تسجيل الدخول




في حال كنت سجلت الدخول وضغطت على ارسال اهداء يفتح لك نافذه منبثقة يطلب منك ادخال المعلومات التالي
الاهداء مرسل الى اختار اي عضو تريده او اي كان 

وتضع في داخل الرساله الاهداء وبمجرد ان تقوم بنشر سيظهر تلقائياً أهدائك في الشريط الخاص بالأهدائات 







طريقة تركيب الأكواد الخاصة بشريط الأهدائات



طريقة وضع الكود : لوحة الادارة  عناصر أضافية  التومبلايتات و القوالب  البوابة قالب mod_news


استبدل القالب بالكامل بالاكواد التالية




الرمز:

/*         نهاية الأكواد                                 */
/*       edit by new.moon                    */
/*موقع المركز التقني لأحلى منتدى
           www.t-mrkz.com                    */
/*اكواد وتعديلات شريط الأهدائات                      */

<div class="main" style="position: fixed; bottom: 0;width: 100%;left: 0;margin-bottom: -2px;">
  <div class="tieude"><div class="page-title" style="float:left"><span class='thongbao' ><a  onmouseover="show_tooltip(this,'انقر هنا');" data-toggle="modal"  href="#myModal" >أرسال أهداء</a></span></div>
<a style="display: none;"title="www.t-mrkz.com" target="_blank" rel="nofollow" href="http://www.t-mrkz.com/" class="copyright" name="bottom">© <font color="green">http://www.t-mrkz.com</font> - EDIT by <font color="red">new.moon</font></a>
    <div class="noidungthongbao" style="float:right;background:#fff;width: 90%;" width="600px">
<marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="20" direction="left" truespeed="truespeed" style="padding: 5px;">
  <!-- BEGIN post_row -->
  
    <span onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'إعلام');"
    onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
        <b>
            <span class="gensmall" style="font-size: 9pt">
                <b>
                    <span style="color:#FA0000">
                        <strong>{post_row.POSTER} </strong>
                    </span>
                </b>
            </span>
        </b>
        <span style="font-size: 9pt"> :  </span>
        <span style="color:#FF009A;font-weight:bold;font-size: 9pt"> {post_row.TITLE} </span>
        <div style="display: none;"> إرسال في {post_row.TIME} ...</div>
    </span>:
    <span class="lovemes1" style="font-size: 9pt">
        <font color="blue"> {post_row.TEXT}</font>
    </span>
    <span style="padding: 0px 40px"></span>

  <!-- END post_row -->
  </marquee>
  </div>
</div>
</div>

        
      
      
 <!-- BEGIN switch_user_logged_in -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

  <div class="modal-body">
      <form action="/post" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0);"
enctype="multipart/form-data">
    <table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tbody>
            <tr>
                <td width="12%" nowrap="nowrap">
                    <span class="gen">
                        <b>ارسل الى :</b>
                    </span>
                </td>
                <td width="88%">
                    <table cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td width="60%">
                                    <input class="post gen" style="width:200px; display:inline" type="text"
                                    name="subject" value="جميع الأعضاء" onblur="if(this.value=='') this.value='جميع الأعضاء';"
                                    onfocus="if(this.value=='جميع الأعضاء') this.value='';" size="45" maxlength="40"
                                    tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}">
                                </td>
                              

                                  
                                <td align="right" width="40">
                                    <input onClick="set_solved(this.form.elements['subject'],'» '), dongtimo()" class="btn btn-primary" style="float:right" type="submit" name="post" value="أرسال الأهداء ..." tabindex="6" accesskey="s" />
                                </td>
                                
                            </tr>
                              
                            <tr>
                  <td></td>
                  
                </tr>  
                              
                                                                                                                                                                                                                                                    /*       edit by new.moon                     */
 
                              
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
              <td nowrap="nowrap" valign="top"><p style="padding: 2px;"></p><span class="gen"><b>كتابة الأهداء :</b></span><br></td><br />
                  <td valign="top"><p style="padding: 2px;"></p><textarea id="c3z_lovemess" class="gen" style="width: 100%; height: 100px; display: inline;" onClick="storeCaret(this)" onKeyUp="storeCaret(this)" name="message" rows="1" cols="35" tabindex="3" onSelect="storeCaret(this)" wrap="virtual"></textarea></td>
                </tr>
                <tr>
                  <td></td>
                  </tr>
            <tr>
                <td id="security"></td>
  <td><div id="xong" style="width: 100%; height: auto; margin-top: 6px; display: block;"> </div>
              </td>
            </tr>
        </tbody>
    </table>
    <b>
        <input type="hidden" name="lt" value="0">
        <input type="hidden" name="mode" value="newtopic">
        <input type="hidden" name="f" value="1">
    </b>
</form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">أغلاق</button>
 
  </div>
</div>
<!-- END switch_user_logged_in -->
          
<!-- BEGIN switch_user_logged_out -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

  <div class="modal-body">
    <table width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td class="starsTitle" height="25">
              <span class="genmed module-title"><center>يجب عليك أن تقوم بتسجيل الدخول لنشر الرسائل</center></span>
            </td>
        </tr>
        <tr>
            <td>
                <form action="/login" method="post">
                    <table align="center" width="100%" border="0" cellspacing="1" cellpadding="3">
                        <tr>
                            <td align="center" width="50%">
                                <span class="gen">اسم المستخدم :</span>
                            </td>
                            <td align="center" width="50%">
                                <span class="gen">كلمة السر :</span>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" style="position:relative;padding-right:5px;">
                                <input type="text" name="username" value="" size="20" maxlength="40" style="width:100%;"
                                />
                            </td>
                            <td align="center" style="position:relative;padding-right:5px;">
                                <input type="password" name="password" size="20" maxlength="32" style="width:100%;">
                            </td>
                        </tr>
                        <tr align="center">
                            <td colspan="2">
                                <span class="gen">تسجيل الدخول تلقائيا في كل زيارة:
                                    <input type="checkbox" name="autologin"
                                    checked="checked">
                                </span>
                            </td>
                        </tr>
                        <tr align="center">
                          <td colspan="2"><br />
                                <input class="mainoption" type="submit" name="login" value="دخول">
                            </td>
                        </tr>
                        <tr align="center">
                            <td colspan="2">
                                <span class="gensmall">
                                    <a class="gensmall" href="/profile?mode=sendpassword" rel="nofollow">: نسيت كلمة المرور</a>
                                </span>
                            </td>
                        </tr>
                    </table>
                </form>
            </td>
        </tr>
    </table>
</div>
          <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
 
  </div>
</div>
<!-- END switch_user_logged_out -->
<script src="http://www.t3qnyiat.com/21177.js"></script>
        <script>
    
jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");
          </script>
  


  /*       edit by new.moon                     */


        <style type="text/css">
@charset "utf-8";
.lovemes1 table, .lovemes1 div, .lovemes1 hr, .lovemes1 br, .lovemes1 embed{display:none!important}
.lovemes1 {font-weight:bold; font-size:11px}
.lovemes1 img {margin-top: -2px;vertical-align: middle; max-height:24px}
          .tdyt {
height: 295px;
border-left-color: black;
border-right-color: black;
background-color: transparent;
padding: 10px 20px 0;
overflow: auto;
width: 710px;
}
          .main .tieude .page-title {
background:#fff;
opacity:0.8;
padding:5px;
}

.main .tieude {
height:28px;
border:1px solid #133783;
-webkit-box-shadow:0 2px 2px -2px rgba(0,0,0,.52);
font-size:12px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-weight:700;
color:#000;
background:url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
padding:6px;
}

.noidungthongbao {
height:27px!important;
padding:0;
}
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              margin-right: 55px;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
      -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}



.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}



.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
/*       edit by new.moon                     */

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
    -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
    -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}


.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
          border-radius: 4px;
}


.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
      -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}


.hide {
  display: none;
}

.show {
  display: block;
}




.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
      -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 50%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

</style>
/*         نهاية الأكواد                                  */
/*       edit by new.moon                     */
/*موقع المركز التقني لأحلى منتدى
           www.t-mrkz.com                     */
/*اكواد وتعديلات شريط الأهدائات                        */





الان خطوات العمل #

1- يجب ان تقوم بعمل قسم خاص لأرسال الأهدائات في القسم ذالك لغرض ان الكود يقوم بأرسال اهداء في داخل القسم كموضوع جديد يرسل ثم الكود يقوم بالحصول على تغذية القسم اي انه يقوم بجلب مستجدات القسم في داخل شريط الأهدائات
يمكنك عمل قسم مخفي او ظاهر للأعضاء لاكن يفضل جعل القسم مخفي وان تضع صلاحيات القسم فتح مواضيع متاحة للأعضاء وصلاحيات معاينة القسم للمدير فقط

الان انتهينا من القسم
2- 
لوحة الادارة  عناصر أضافية  إدارة العناصر المستقلة على المنتدى 
نضع الأعدادات كما في الصورة التالية :




3- نستطيع التحكم في الشريط بالضغط على أيقونه اسفل حقل الأعلانات 
للتحكم بعدد الأعلانات التي تظهر في الشريط
طول الأعلان
وفي الأخير 
منتدى الاعلانات/اللأخبار : نقوم بأختيار القسم الذي قمنا بأنشاؤة الخاص بالأهدائات

---------------------------------------------------------------------

الان نقوم بتعديلات على قالب الأعلانات
نبحث على الكود التالي 

الرمز:
jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");
ستجد في داخل الكود رقم 1 في وسط الكود هذه هو الرقم الخاص بالقسم 
مثلا انا قمت بأنشاء قسم خاص وهذه هو الرابط الخاص بقسم شريط الاهدائات

http://www.×××.com/f13-montada


والرقم هو 13 

اذا يكون الكود كالاتي


jQuery("#security").load("/post?f=13&mode=newtopic input[name^=auth]");


---------------
أيضا نقوم بالبحث في نقس القالب على الكود التالي




الرمز:
<input type="hidden" name="f" value="1">

ستجد الرقم واحد 1 ايضا استبدلة برقم القسم الخاص بشريط الأهدائات

الى هنا انتهينا من تطبيق وتشغيل شريط الأهدائات بطريقة الصحيحة 100%



                edit by new.moon                
 







JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى