الرئيسية
انشاء منتدى مجانيبخصوص الفوتر
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
رد: بخصوص الفوتر
من طرف prince Messi الخميس 7 يونيو 2012 - 15:08
وعليكم السلام تفضل صديقي الكود بدون تومبلايت
طريقة التركيب
لوحة الاداره / العناصر الاضافية / ادارة العناصر المستقله على المنتدى
اضافة عنصر شخصي جديد
واجعله لجميع
و
اضغط سجل
ثم
اسحب الكود
و اضغط سجل
وضع فى قائمة العناصر
ولوضع الفوتر اسفل المنتدى تابعى هذا الشرح
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
الكود التالى كود الـ css
طريقة وضع الكود
لوحة الادارة - مظهر المنتدى - الوان - ورقة ال css
ضع الكود و اضغط قدم
هام يمكنك تغير لون لخلفية الفوتر عن طريق هذا الرابط
https://i.servimg.com/u/f40/16/50/59/14/116.png
و الف مبروك الفوتر الجديد بدون تومبيلات
- الكود:
<center><A
<form action="" method="get" style="clear:left">
<table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center">
<tr>
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
<td>
<div>
<div>
<table>
<tr>
<td>
<!-- END html_validation -->
</td>
<td valign="top" width="{C3SIZE}">
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
<!-- BEGIN saut -->
<div style="height: {SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- close div id="page-body" -->
</td>
</tr>
</table>
<!-- BEGIN switch_facebook_login --><div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
</div>
</div>
</div>
<table class="panelfoot" cellpadding="5" cellspacing="0" border="0" width="100%" align="center">
<tr height="10px"> </tr>
<tr>
<td class="td2"> </td>
<td class="td2"><span lang="ar-sa">روابط</span></td>
<td class="td2"> </td>
<td class="td2"><span lang="ar-sa">وصلات مهمة </span></td>
<td class="td2"> </td>
<td class="td2">أنتقالات سريعة</td>
<td class="td2"> </td>
</tr>
<tr>
<td class="td3s"> </td>
<td class="td3"><a href="ربط منتدك هنا/contact" rel="nofollow" accesskey="9">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/connec10.png" border="0" align="right" height="16" width="16" />
اتصل بنا</a></td>
<td rowspan="5" class="footertd"> </td>
<td class="td3"><a href="ربط الاعلانات النتصيه لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png" border="0" align="right" height="16" width="16" />
ضع موقعك هنا</a></td>
<td rowspan="5" class="footertd"> </td>
<td class="td3">
<a href="ربط ا لتسجيل لديك" rel="nofollow">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/group_10.png" border="0" align="right" height="16" width="16" />
التسجيل</a></td>
<td class="td3s"> </td>
</tr>
<tr>
<td class="td3s"> </td>
<td class="td3"><a href="ربط منتدك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/house10.png" border="0" align="right" height="16" width="16" />
رئيسية المنتدى</a></td>
<td class="td3"><a href="ربط الاعلانات النتصيه لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png" border="0" align="right" height="16" width="16" />
ضع موقعك هنا</a></td>
<td class="td3">
<a href="ربط الدخول لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/key10.png" border="0" align="right" height="16" width="16" />
تسجيل الدخول</a></td>
<td class="td3s"> </td>
</tr>
<tr>
<td class="td3s"> </td>
<td class="td3"><a href="ربط الشكايات العامه لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/error_10.png" border="0" align="right" height="16" width="16" />
الشكايات العامة</a></td>
<td class="td3"><a href="ربط الاعلانات النتصيه لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/folder10.png" border="0" align="right" height="16" width="16" />
ضع موقعك هنا</a></td>
<td class="td3">
<a href="ربط تفعيل حساب العضو لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/key_go10.png" border="0" align="right" height="16" width="16" />
طلب تفعيل حسابك</a></td>
<td class="td3s"> </td>
</tr>
<tr>
<td class="td3s"> </td>
<td class="td3"><a href="ربط التبرع باعتمادات لديك" rel="nofollow">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/2410.png" border="0" align="right" height="16" width="16" />
تبرع بإعتمادات لهذا المنتدى</a></td>
<td class="td3" nowrap="nowrap"><a href="ربط الاعلانات النتصيه لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png" border="0" align="right" height="16" width="16" />
ضع موقعك هنا</a></td>
<td class="td3">
<a href="ربط طلب كلمه المرور لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/key_de10.png" border="0" align="right" height="16" width="16" />
طلب كلمة المرور</a></td>
<td class="td3s"> </td>
</tr>
<tr>
<td class="td3s"> </td>
<td class="td3"><a href="ربط صفحه الارشيف لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/commen10.png"
alt="" border="0" align="right" height="16" width="16" />
الأرشيف</a></td>
<td class="td3"><a href="ربط صفحه الاعلانات النصيه لديك">
<img src="http://i40.servimg.com/u/f40/16/50/59/14/folder11.png"
alt="" border="0" align="right" height="16" width="16" />
ضع موقعك هنا</a></td>
<td class="td3">
<a href="ربط منتدك">
<img
src="http://i40.servimg.com/u/f40/16/50/59/14/lightb10.png"border="0"
align="right" height="16" width="16" /></a>قريبا.</td>
<td class="td3s"></td>
</tr>
<tr>
<td colspan="7" class="footertr" align="right"><table>
<tr>
<td colspan="7" class="footertr" align="right"><table>
<tr>
</select></td>
</tr>
</table></td>
</tr>
<tr>
<!-- Do not remove this copyright notice -->
<br>
<div style="text-align: center;"><span
style="font-weight: bold;">جميع الحقوق محفوظه </span><span
style="font-weight: bold;">لمنتديات <a
href="ربط منتدك هنا">اسم منتدك هنا</a></span>
<!-- Do not remove this copyright notice -->
</div>
<div class="smallfont" align="center">
<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
<div id="page-footer">
<!-- BEGIN switch_footer_fa_copyrights -->
<div class="gen">
<!-- BEGIN footer_fa_copyright_link -->
<!-- BEGIN
switch_separator --> <!-- END switch_separator
-->
<!-- END footer_fa_copyright_link -->
</div>
</div>
<!-- END switch_footer_fa_copyrights -->
<!-- BEGIN switch_footer_links -->
<div align="center">
<div class="gen">
<!-- BEGIN footer_link -->
<!-- BEGIN
switch_separator --><!-- END switch_separator
-->
<a
name="bottom" class="copyright"
href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}"
rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}"
target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}"
title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}"></a>
<!-- END footer_link -->
</div>
</div>
<!-- END switch_footer_links -->
</div>
<!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
</div>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
// Main vBulletin Javascript Initialization
vBulletin_init();
//-->
</script>
طريقة التركيب
لوحة الاداره / العناصر الاضافية / ادارة العناصر المستقله على المنتدى
اضافة عنصر شخصي جديد
واجعله لجميع
و
اضغط سجل
ثم
اسحب الكود
و اضغط سجل
وضع فى قائمة العناصر
ولوضع الفوتر اسفل المنتدى تابعى هذا الشرح
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
الكود التالى كود الـ css
- الكود:
/*قائمة الفوترتصميم كيمو ماضى وا لطائر الحر/*/
/*الوان و خطوط اساس القائمة*/
.panelfoot {
border-top: 3px solid #FFFCE3; /*دعها كما هي ..:*/
color: #ff0000; /* لون خط رؤوس القوائم */
font: normal 11pt Tahoma; /* شكل و نوع و حجم خط رؤوس القوائم */
background-repeat: repeat-x; /*دعها كما هي ..:*/
background-image:
url('http://i40.servimg.com/u/f40/16/50/59/14/116.png'); /*، صورة
للخلفية للقائمة ، صمم صورة و ارفعها على المسار نفسه ، اذا تبي لون ساده
من غير صورة ، احذف هذه السطر */
background-color: #FFFFFF; /*هنا لون الخلفية ، اذا ماتبي صورة اضف لون الكود للون */
height: 285px; /*دعها كما هي ..:*/
background-position: 50% top; /*دعها كما هي ..:*/
border-top-style: solid; /* هنا شكل الحد العلوي*/
border-bottom-style: solid; /* هنا شكل الحد السفلي*/
border-top-width: 3px; /* هنا عرض الحد العلوي */
border-bottom-width: 4px; /*هنا عرض الحد السفلي */
border-top-color: #f7f9fc; /*هنا لون الحد العلوي */
border-bottom-color: #f7f9fc; /*هنا لون الحد السفلي */
}
/*/الوان و خطوط اساس القائمة/*/
/*بعد الظغط على الرابط*/
.panelfoot a:visited {
color: #f7fcff; /*لون الخط */
font-family: tahoma;/*نوع الخط */
font-weight: bold; /*شكل الخط */
}
/*/بعد الظغط على الرابط/*/
/*لون روابط المحتوى*/
.panelfoot a:link, .panelfoot_alink {
color: #f7fcff;/*لون الخط */
text-decoration: none; /* لعدم وضع خط تحت الوصلة*/
}
/*/لون روابط المحتوى/*/
/*لون عند التأشير على روابط المحتوى*/
.panelfoot a:hover, .panelfoot a:active, .panelfoot_ahover {
color: #FFFFFF; /*لون الخط */
text-decoration: none; /*لعدم وضع خط تحت الوصلة */
}
/*/لون عند التأشير على روابط المحتوى/*/
/*لون الفاصل*/
.td3 {
color: #FFFFFF; /*لون الخط */
font: 8pt Tahoma;/*نوع و حجم الخط */
border-bottom-color: #FFFFFF; /*لون الحد السفلي */
border-bottom-width: 1px; /*عرض الحد السفلي */
border-bottom-style: solid;/* شكل الحد السقلي*/
}
/*/لون الفاصل/*/
/*لون الفاصل بين الأقسام*/
.footertd {
background-image: url('images/tb-bng.png'); /*هنا الصورة لفصل القسم عن الثاني ، ضع هنا مسار الصورة */
background-repeat: no-repeat; /*دعها كما هي ..:*/
background-position: center; /*دعها كما هي ..:*/
}
/*/لون الفاصل بين الأقسام/*/
/*لون التأثير عند مرور الموس عند اي قسم*/
.td3:hover {
background-color: #c4e4f7; /*خلفية عن التأشير على الرابط */
font: 8pt Tahoma bold; /* نوع و شكل و حجم الخط*/
text-decoration: none; /*لعدم وضع خط تحت الوصلة */
color: #FFFFFF;/*لون الخط */
}
/*/لون التأثير عند مرور الموس عند اي قسم/*/
/*قائمة الفوترتصميم كيمو ماضى وا لطائر الحر/*/
طريقة وضع الكود
لوحة الادارة - مظهر المنتدى - الوان - ورقة ال css
ضع الكود و اضغط قدم
هام يمكنك تغير لون لخلفية الفوتر عن طريق هذا الرابط
https://i.servimg.com/u/f40/16/50/59/14/116.png
و الف مبروك الفوتر الجديد بدون تومبيلات
prince Messi-
-
عدد المساهمات : 1800
معدل النشاط : 6829
السُمعة : 100
رد: بخصوص الفوتر
من طرف KhALiD-Net الخميس 7 يونيو 2012 - 15:22
KhALiD-Net-
-
عدد المساهمات : 3545
معدل النشاط : 9065
السُمعة : 152 -
رد: بخصوص الفوتر
من طرف KhALiD-Net الخميس 7 يونيو 2012 - 16:22
مرحبا
اولا اتبع الشرح التالي
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
وضع هذا الكود اسفل عنصر العناصر اسفل المنتدى
ونضع هذا
اولا اتبع الشرح التالي
شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث
وضع هذا الكود اسفل عنصر العناصر اسفل المنتدى
- الكود:
[b] [img]http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png[/img] نبذه تعريفيه[/b]
ضع هنا نبذه تعريفيه لمنتداك
[b] <img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
/> الوصول السريع[/b]
[list]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[/list]
[b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
/> الوصول السريع[/b]
[list]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[/list]
[b]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/stick-10.png" alt="mytet1"
/> الوصول السريع[/b]
[list]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]
target="_self"><img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
[*][url=http://help.ahlamontada.com/#]<img>
src="http://i66.servimg.com/u/f66/13/86/30/41/plus-l10.png" /> ضع
رابطك هنا[/url]
ونضع هذا
- الكود:
#footer {
width:auto;
cursor: crosshair
margin:auto;
height:220px;
color:#c3c3c3;
direction:rtl;
background-color: #dddddd;
}
img{
border:none;
}
.my-tet1{
float:right;
width:230px;
padding:10px;
border-right:1px dashed #666;
}
.my-tet1 h3{
font-family:"Arial Black", Gadget, sans-serif;
font-size:16px;
color:#FFF;
font-weight:bold;
background-color:#0a95b8;
padding-right:10px;
margin-bottom:3px;
}
.my-tet1 ul li {
list-style-type:none;
text-decoration: none;
padding:5px;
cursor: crosshair;
float: right;
}
.my-tet1 p {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#696969;
text-align: justify;
}
.my-tet1 ul li a {
color:#1c6b7f;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
.my-tet1 ul li a:hover{
color:#FFF;
}
.my-tet1 ul li:hover{
cursor: crosshair;
background-color: #0e83a0;
color: #FFF;
}
/*End footer style*/
KhALiD-Net-
-
عدد المساهمات : 3545
معدل النشاط : 9065
السُمعة : 152 -
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Facebook
Twitter
Youtube
