شريط الاهداءات بشكل احترافي اتوماتيكي
صفحة 1 من اصل 1 • شاطر
شريط الاهداءات بشكل احترافي اتوماتيكي
الأهدائات اكثر من رائع الان اصبح وبشكل سلسل وسهل على الأعضاء
[size=24]على تطوير وعمل شريط الأهدائات الان اصبح بمتناول يديكم
صورة حول شريط الأهدائات
في حال كنت غير مسجل دخول وتقوم بالضغط على ارسال أهداء سوف يفتح لك نافذه منبثه يطلب
منك تسجيل الدخول
في حال كنت سجلت الدخول وضغطت على ارسال اهداء يفتح لك نافذه منبثقة يطلب منك ادخال المعلومات التالي
الاهداء مرسل الى اختار اي عضو تريده او اي كان
وتضع في داخل الرساله الاهداء وبمجرد ان تقوم بنشر سيظهر تلقائياً أهدائك في الشريط الخاص بالأهدائات
طريقة تركيب الأكواد الخاصة بشريط الأهدائات
طريقة وضع الكود : لوحة الادارة ► عناصر أضافية ► التومبلايتات و القوالب ► البوابة ► قالب mod_news
استبدل القالب بالكامل بالاكواد التالية[/size]
[size=16]ستجد في داخل الكود رقم 1 في وسط الكود هذه هو الرقم الخاص بالقسم
مثلا انا قمت بأنشاء قسم خاص وهذه هو الرابط الخاص بقسم شريط الاهدائات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
والرقم هو 13
اذا يكون الكود كالاتي
jQuery("[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]").load("/post?f=13&mode=newtopic input[name^=auth]");
---------------
أيضا نقوم بالبحث في نقس القالب على الكود التالي
[/size]
[size=16]ستجد الرقم واحد 1 ايضا استبدلة برقم القسم الخاص بشريط الأهدائات
الى هنا انتهينا من تطبيق وتشغيل شريط الأهدائات بطريقة الصحيحة 100%
edit by new.moon
[/size]
الأهدائات اكثر من رائع الان اصبح وبشكل سلسل وسهل على الأعضاء
[size=24]عمل هذه الكود، يعمل مع كافة إصدارات المنتدى.[/size]
[size=24]على تطوير وعمل شريط الأهدائات الان اصبح بمتناول يديكم
صورة حول شريط الأهدائات
في حال كنت غير مسجل دخول وتقوم بالضغط على ارسال أهداء سوف يفتح لك نافذه منبثه يطلب
منك تسجيل الدخول
في حال كنت سجلت الدخول وضغطت على ارسال اهداء يفتح لك نافذه منبثقة يطلب منك ادخال المعلومات التالي
الاهداء مرسل الى اختار اي عضو تريده او اي كان
وتضع في داخل الرساله الاهداء وبمجرد ان تقوم بنشر سيظهر تلقائياً أهدائك في الشريط الخاص بالأهدائات
طريقة تركيب الأكواد الخاصة بشريط الأهدائات
طريقة وضع الكود : لوحة الادارة ► عناصر أضافية ► التومبلايتات و القوالب ► البوابة ► قالب 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-
لوحة الادارة ► عناصر أضافية ► إدارة العناصر المستقلة على المنتدى
نضع الأعدادات كما في الصورة التالية :
3- نستطيع التحكم في الشريط بالضغط على أيقونه اسفل حقل الأعلانات
للتحكم بعدد الأعلانات التي تظهر في الشريط
طول الأعلان
وفي الأخير
منتدى الاعلانات/اللأخبار : نقوم بأختيار القسم الذي قمنا بأنشاؤة الخاص بالأهدائات
---------------------------------------------------------------------
الان نقوم بتعديلات على قالب الأعلانات
نبحث على الكود التالي
- الكود:
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]
الله يجزاك كل خير
وان شاء الله تكون في ميزان اعمالك
الله لايحرمك الأجر ..
يعطيك العافية ع جمال الطرح وقيمته
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
وان شاء الله تكون في ميزان اعمالك
الله لايحرمك الأجر ..
يعطيك العافية ع جمال الطرح وقيمته
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
مواضيع مماثلة
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى