المحارب
king
عدد الرسائل : 963
العمر : 33
الموقع : www.asheq.ml
بلدي : 
تاريخ التسجيل : 20/11/2007
السٌّمعَة : 32
 | موضوع: واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري)  الإثنين نوفمبر 28, 2011 10:30 am | |
| <TR><td style="TEXT-ALIGN: center; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: 700" colSpan=2>
| السلام عليكم يا إخواني
حصريا الكل يحلم بكود وضع روابط في الفوتر لكن للاسف هو فقط بتومبيلات واخيرا لقد صصمت لكم من تطوير كي بعمل بدون تومبيلات
الكود الدي نتكلم عنه لمعاينته
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
طريقة سهلة التركيب
نبدا على بركة الله
اولا ندخل لوحة الإدارة
وبعدها تابع بالصور
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
تم
اضغط على إدارة العناصر المستقلة على المنتدى
أنشئ عنصر جديد
اسم العنصر : مثلا فتر منتديات****
وضع هدا الكود في العنصر
<TABLE border=0 cellSpacing=1 cellPadding=0 width="90%" align=center>
<TR>
<td style="TEXT-ALIGN: center; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: 700">الرمز:</TD></TR>
<TR>
<td style="BORDER-BOTTOM: rgb(202,220,235) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(202,220,235) 1px solid; BACKGROUND-COLOR: rgb(235,234,221); FONT-FAMILY: Courier, CourierNew, sans-serif; COLOR: rgb(0,170,0); FONT-SIZE: 18px; BORDER-TOP: rgb(202,220,235) 1px solid; FONT-WEIGHT: 700; BORDER-RIGHT: rgb(202,220,235) 1px solid" class=code><!--Start Footer-->
<div id="footer">
<div class="footerleft">
<div class="heshambb">
<h3> <img src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> نبذه تعريفيه</h3>
<p>تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه
احلى منتدى - تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى
منتدى -تمبليت فوتر حديث بتقنيه css - مقدم من heshamBB لشركه احلى منتدى
</p>
</div>
<div class="heshambb">
<h3> <img
src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png"
alt="myforum" /> الوصول السريع</h3>
<ul>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li> </ul>
</div>
<div class="heshambb">
<h3><img
src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png"
alt="myforum" /> الوصول السريع</h3>
<ul>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li> </ul>
</div>
<div class="heshambb">
<h3><img
src="https://i.servimg.com/u/f62/15/62/91/07/stick-10.png"
alt="myforum" /> الوصول السريع</h3>
<ul>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#"
target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
<li><a href="#" target="_self"><img
src="https://i.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع
رابطك هنا</a></li>
</ul>
</div>
</div>
</TD></TR></TABLE>
تم سجل
اعمل العنصر في اسفل المنتدى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعدها بقي تنسيق الكود
ضع هدا الكود في ورقة تصميم css
لوحة الإدارة
//
مظهر المنتدى
//
ألوان
//
ورقة تصميم css
تم ضع هدا الكود في آخر الأكواد
<TABLE border=0 cellSpacing=1 cellPadding=0 width="90%" align=center>
<TR>
<td style="TEXT-ALIGN: center; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: 700">الرمز:</TD></TR>
<TR>
<td style="BORDER-BOTTOM: rgb(202,220,235) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(202,220,235) 1px solid; BACKGROUND-COLOR: rgb(235,234,221); FONT-FAMILY: Courier, CourierNew, sans-serif; COLOR: rgb(0,170,0); FONT-SIZE: 18px; BORDER-TOP: rgb(202,220,235) 1px solid; FONT-WEIGHT: 700; BORDER-RIGHT: rgb(202,220,235) 1px solid" class=code>#footer {
width:auto;
cursor: crosshair
margin:auto;
height:220px;
color:#c3c3c3;
direction:rtl;
background-image: url('https://i.servimg.com/u/f62/15/62/91/07/untitl11.png');
}
img{
border:none;
}
.footerleft {
background-image: url('https://i.servimg.com/u/f62/15/62/91/07/hesham10.png');
background-repeat: no-repeat;
background-position: left;
height: 190px;
}
.heshambb{
float:right;
width:230px;
padding:10px;
border-right:1px dashed #666;
}
.heshambb 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;
}
.heshambb ul li {
list-style-type:none;
text-decoration: none;
padding:5px;
cursor: crosshair;
float: right;
}
.heshambb p {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#696969;
text-align: justify;
}
.heshambb ul li a {
color:#1c6b7f;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
.heshambb ul li a:hover{
color:#FFF;
}
.heshambb ul li:hover{
cursor: crosshair;
background-color: #0e83a0;
color: #FFF;
}
/*End footer style*/
</TD></TR></TABLE>
تم تطوير الكود من طرف gta_cena
واقسم بأنه ليس منقول وهو من إبداعي
عند النقل أرجو دكر المصدر و مطور الكود
والله شاهد على دالك
| | |
|
