منتديات جنة الدنيا | شبكة جنة الدنيا
انت لسه مسجلتش ده احنا عايزينك وسطنا و مستنينك من زمان يا مان
انت لسه مسجلتيش كل ده تاخير يلا انضمي لينا و شجعينا نجيب اجوان
منتديات جنة الدنيا | شبكة جنة الدنيا
انت لسه مسجلتش ده احنا عايزينك وسطنا و مستنينك من زمان يا مان
انت لسه مسجلتيش كل ده تاخير يلا انضمي لينا و شجعينا نجيب اجوان
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
عيادات ايبلا لطب وتجميل الاسنان
عيادات ايبلا لطب وتجميل الاسنان
محرك بحث العراق Google Iraq
كتاب معجزات الشفاء فى منتجات النحل(الكتاب كامل)
قصة قارون
قصة طالوت و جالوت
قصة الخضر عليه السلام
بقرة بني اسرائيل
قصة قبيل و هابيل
قصة هاروت و ماروت
الخميس يوليو 12, 2012 3:49 am
الخميس يوليو 12, 2012 1:45 am
السبت يونيو 23, 2012 9:36 pm
الخميس يونيو 14, 2012 3:46 am
الإثنين أبريل 16, 2012 12:09 pm
الخميس مارس 15, 2012 12:00 pm
الخميس مارس 15, 2012 9:15 am
الخميس مارس 15, 2012 9:11 am
الخميس مارس 15, 2012 9:08 am
الخميس مارس 15, 2012 9:05 am











منتديات جنة الدنيا | شبكة جنة الدنيا

الرئيسيةشبكة جنة الدنياأحدث الصورالتسجيلدخول

شاطر | 
 

 فوتر حديث مزود بتقنيه css ..

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

ذكر
الميزان التِنِّين
عدد المساهمات : 3941
نقاط : 9992
السٌّمعَة : 0
العمر : 36
الموقع : http://www.helmelworod.com
الدولة : مصر

وسام 1 : فوتر حديث مزود بتقنيه css ..  A2

فوتر حديث مزود بتقنيه css ..  Empty
مُساهمةموضوع: فوتر حديث مزود بتقنيه css ..    فوتر حديث مزود بتقنيه css ..  Emptyالأحد يوليو 17, 2011 2:24 pm


نكت فرفشة انيمي صور منتديات جنة الدنيا اسلامي شرح اناشيد فوتوشوب
أولا مشاهدة لناتج التمبليت
.

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
فوتر حديث مزود بتقنيه css ..  Foter10
https://i.servimg.com/u/f62/15/62/91/07/foter10.png
.
.
طريقه التركيب :
أولا ندخل: لوحه الادارة >> مظهر المنتدى >> الوان >> ورقه 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*/

.
.
ثم مظهر المنتدى >>التومبلايتات و القوالب >> ادارة عامه >> نحرر ملف overall_footer
ثبحث عن وسمين :
الكود: ---------تضليل المحتوى</body>
</html>
فى نهايه الملف
ونضع قبلها التالى :



الكود: ---------تضليل المحتوى
<!--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>

.
.

ملحوظه :
رابط خلفيه الفوتر كالتالى : https://i.servimg.com/u/f62/15/62/91/07/untitl11.png
ويمكنك تغير الشعار فى يسار الموقع من خلال الصوةر التاليه : https://i.servimg.com/u/f62/15/62/91/07/hesham10.png

.
.
غير الصور التاليه فى كود المرفق فى css لكى تتوافق مع استيل منتداك
وشكرا والسلام عليكم فوتر حديث مزود بتقنيه css ..  825617
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.helmelworod.com
 

فوتر حديث مزود بتقنيه css ..

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
ahmed
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات جنة الدنيا | شبكة جنة الدنيا :: دعم المواقع العربية :: التومبيلات | Tumbalat-
free counters


Powered by Ahlamontada® Version 1.2
استايل رمضان Copyright ©2011 - 2012, helmelworod.com
Enterprises Ltd. helmelworod Network


©phpBB | منتدى مجاني | الإعلاميات و الأنترنت | الأنترنت | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | ملفات تعريف الارتباط التابعة لجهات خارجية | آخر المواضيع
التعليم الالكتروني | وردة محتارة