اشهار مواقع وخدمة اصحاب المنتديات وجلب زوار وارشفه وتصاميم واكواد وهاكات ومساعده الاعضاء
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
الزعيم
المدير العام

avatar

الجنس : ذكر
عدد المساهمات : 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 مرات (السبب : تثبيت الموضوع)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://eshar.yoo7.com
 
واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري)
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات اشهار سوفت :: اكواد HTML-
انتقل الى:  
 
الساعة الأن بتوقيت (مصر)
جميع الحقوق محفوظة لـمنتديات اشهار سوفت
 Powered by Aseer Al Domoo3 ®eshar.yoo7.com
حقوق الطبع والنشر©2012 - 2011