منتديات اشهار سوفت
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


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

 

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

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

الزعيم


الجنس : ذكر
عدد المساهمات : 93
نقاط النشــاط نقاط النشــاط : 159
السٌّمعَة : 0

واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري) Empty
مُساهمةموضوع: واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري)   واخيرا تم تحويل كود تومبيلات ليعمل بدون تومبيلات (جديد وحصري) Emptyالثلاثاء سبتمبر 06, 2011 9:47 pm

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

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

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

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

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

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

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

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

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

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

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