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

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

الزعيم
الزعيم
المدير العام
المدير العام
المساهمات : 235
تاريخ التسجيل : 27/08/2016
الموقع : https://taqniyat.123.st/
https://taqniyat.123.st

مُساهمةالزعيم الإثنين سبتمبر 12, 2016 10:19 pm

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

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


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


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

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



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

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






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



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


استبدل القالب بالكامل بالاكواد التالية[/size]

الكود:
 
/*         نهاية الأكواد                                 */
/*       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.t-mrkz.com/13070.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://2img.net/i/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- 
لوحة الادارة  عناصر أضافية  إدارة العناصر المستقلة على المنتدى 
نضع الأعدادات كما في الصورة التالية :
شريط الاهداءات بشكل احترافي اتوماتيكي 10



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

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

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



الكود:
jQuery("#security").load("/post?f=1&mode=newtopic input[name^=auth]");


[size=16]ستجد في داخل الكود رقم 1 في وسط الكود هذه هو الرقم الخاص بالقسم 

مثلا انا قمت بأنشاء قسم خاص وهذه هو الرابط الخاص بقسم شريط الاهدائات

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



والرقم هو 13 

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


jQuery("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]").load("/post?f=13&mode=newtopic input[name^=auth]");


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



الكود:
<input type="hidden" name="f" value="1">


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


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



                edit by new.moon      
[/size]
رحيق الامل
رحيق الامل
عضو جديد
عضو جديد
المساهمات : 15
تاريخ التسجيل : 02/09/2016
الموقع : مصر
http://marafe-aleman.forumegypt.net/

مُساهمةرحيق الامل الثلاثاء سبتمبر 20, 2016 6:10 pm

الله يجزاك كل خير
وان شاء الله تكون في ميزان اعمالك
الله لايحرمك الأجر ..
يعطيك العافية ع جمال الطرح وقيمته
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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