الزعيم
المدير العام
الجنس : عدد المساهمات : 93 نقاط النشــاط : 159 السٌّمعَة : 0
| موضوع: واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري) الثلاثاء سبتمبر 06, 2011 9:47 pm | |
| السلام عليكم يا إخواني حصريا الكل يحلم بكود وضع روابط في الفوتر لكن للاسف هو فقط بتومبيلات واخيرا لقد صصمت لكم من تطوير كي بعمل بدون تومبيلات الكود الدي نتكلم عنه لمعاينته http://www12.0zz0.com/2011/09/06/00/101190442.jpgطريقة سهلة التركيب نبدا على بركة الله اولا ندخل لوحة الإدارة وبعدها تابع بالصور http://www10.0zz0.com/2011/09/06/00/344829698.jpgتم اضغط على إدارة العناصر المستقلة على المنتدىأنشئ عنصر جديد اسم العنصر : مثلا فتر منتديات****وضع هدا الكود في العنصر
- الكود:
-
<!--Start Footer--> <div id="footer"> <div class="footerleft">
<div class="heshambb"> <h3> <img src="http://i62.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="http://i62.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div>
<div class="heshambb"> <h3><img src="http://i62.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> </ul> </div> <div class="heshambb"> <h3><img src="http://i62.servimg.com/u/f62/15/62/91/07/stick-10.png" alt="myforum" /> الوصول السريع</h3> <ul> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.servimg.com/u/f62/15/62/91/07/plus-l10.png" /> ضع رابطك هنا</a></li> <li><a href="#" target="_self"><img src="http://i62.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('http://i62.servimg.com/u/f62/15/62/91/07/untitl11.png'); } img{ border:none; }
.footerleft { background-image: url('http://i62.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 واقسم بأنه ليس منقول وهو من إبداعي
عند النقل أرجو دكر المصدر و مطور الكود والله شاهد على دالك
عدل سابقا من قبل الزعيم في الثلاثاء سبتمبر 06, 2011 9:56 pm عدل 2 مرات (السبب : تثبيت الموضوع) | |
|