واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري)....gta_cena

السلام عليكم يا إخواني

حصريا الكل يحلم بكود وضع روابط في الفوتر لكن للاسف هو فقط بتومبيلات واخيرا لقد صصمت لكم من تطوير كي بعمل بدون تومبيلات

الكود الدي نتكلم عنه لمعاينته

http://www12.0zz0.com/2011/09/06/00/101190442.jpg

طريقة سهلة التركيب

نبدا على بركة الله

اولا ندخل لوحة الإدارة

وبعدها تابع بالصور

واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري)....gta_cena 344829698

واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري)....gta_cena 344829698

http://www10.0zz0.com/2011/09/06/00/344829698.jpg

تم

اضغط على إدارة العناصر المستقلة على المنتدى

أنشئ عنصر جديد

اسم العنصر : مثلا فتر منتديات****

وضع هدا الكود في العنصر

الرمز:

<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>

تم سجل

اعمل العنصر في اسفل المنتدى

شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث

بعدها بقي تنسيق الكود

ضع هدا الكود في ورقة تصميم css

لوحة الإدارة
//
مظهر المنتدى
//
ألوان
//
ورقة تصميم css
تم ضع هدا الكود في آخر الأكواد

الرمز:

#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*/

تم تطوير الكود من طرف gta_cena
واقسم بأنه ليس منقول وهو من إبداعي

عند النقل أرجو دكر المصدر و مطور الكود
والله شاهد على دالك

رائع جدا