منتديات روكشا     َولَوْلَا إِذْ دَخَلْتَ جَنَّتَكَ قُلْتَ مَا شَاءَ اللَّهُ لَا قُوَّةَ إِلَّا بِاللَّه

الرئيسية |  التسجيل  |  مركز رفع الملفات  |  الاتصال بنا  

 



العودة   منتديات روكشا > قسم تطوير وإدارة مواقع الويب > ركن تطوير وإدارة المنتديات العربية

الملاحظات

ركن تطوير وإدارة المنتديات العربية تطوير وتعديلات منتديات vBulletin ومنتديات phpbb و XENFORO

Like Tree1اعجابات
  • 1 موضوع بواسطة الفارس

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 02-24-2019, 07:59 AM
الصورة الرمزية الفارس
.:: عضـو متميز ::.
 
تاريخ التسجيل: Feb 2019
الدولة: مصر
المشاركات: 837
معدل تقييم المستوى: 9
الفارس نجم يضوى اركان المنتدىالفارس نجم يضوى اركان المنتدىالفارس نجم يضوى اركان المنتدىالفارس نجم يضوى اركان المنتدىالفارس نجم يضوى اركان المنتدىالفارس نجم يضوى اركان المنتدى
جديد كود الفوتر تويوتا العربية




بالشرح كود الفوتر تويوتا العربية


أقدم لكم أحبتي كود الفوتر تويوتا العربية الشهير



طريقة التركيب :
قم برفع الصورة المرفقة الى مجلد images

ثم ضع كود HTML في قالب الفوتر
كود PHP:
HTML CSS


<table border="0" class="prefooter" width="100%"
<
tr
<
td class="column-left"
<
div class="prefooter-block-01 single"
<
h6>عن تويوتا العربية :</h6
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx </div
</
td
<
td class="column-right" width="244"
<
div class="prefooter-block-03"
<
h5>تابعنا على مواقع التواصل :</h5
<
ul
<
li
<
class="twitter" href="https://twitter.com/" rel="nofollow" target="_blank"
</
a></li
<
li
<
class="facebook" href="https://twitter.com/" rel="nofollow" target="_blank"
</
a></li
<
li
<
class="gplus" href="https://twitter.com/" rel="nofollow" target="_blank"
</
a></li
</
ul
</
div
</
td
</
tr
</
table
​ 
كود PHP:
ثم قم باضافة الكود التالي في css رئيسي 

HTML 
CSS


.prefooter 
border-collapsecollapse
color#F2F2F2; 
margin-top12px

.
column-left 
background#392E2F none; 
vertical-aligntop
padding24px 12px

.
prefooter-block-01.single 
widthauto
padding-right0

.
prefooter h5 
color#FFFFFF; 
font-size20px
font-weight300
text-transformlowercase
margin-bottom6px

.
prefooter h6 
color#FFFFFF; 
font-size32px
font-weight300
text-transformlowercase
margin-bottom6px

.
column-right 
background-color#ca0900; 
padding24px 12px
border-rightsolid 12px #F6F6F6; 
vertical-aligntop

.
prefooter-block-03 ul li 
floatright
margin-left6px
list-
stylenone

.
prefooter-block-03 ul li a 
displayblock
width37px
height37px
background-imageurl(images/social-icons.png); 
background-attachmentscroll
background-repeatno-repeat

.
prefooter-block-03 ul li a.twitter 
background-position: -76px top

.
prefooter-block-03 ul li a.twitter:hover 
background-position: -76px -37px

.
prefooter-block-03 ul li a.facebook 
background-position: -38px top

.
prefooter-block-03 ul li a.facebook:hover 
background-position: -38px -37px

.
prefooter-block-03 ul li a.youtube 
background-position: -152px top

.
prefooter-block-03 ul li a.youtube:hover 
background-position: -152px -37px

.
prefooter-block-03 ul li a.gplus 
background-position0 top

.
prefooter-block-03 ul li a.gplus:hover 
background-position-37px

.
prefooter-block-03 ul li a.myspace 
background-position: -114px top

.
prefooter-block-03 ul li a.myspace:hover 
background-position: -114px -37px

.
prefooter-block-03 ul li a.gplus 
background-position0 top

.
prefooter-block-03 ul li a.gplus:hover 
background-position-37px
ابن الوليد معجب بهذا.
رد مع اقتباس
  #2  
قديم 02-25-2019, 08:53 AM
الصورة الرمزية ابن الوليد

.:: ادارة المنتدي ::.

 
تاريخ التسجيل: Nov 2018
الدولة: مصر
المشاركات: 1,549
معدل تقييم المستوى: 10
ابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud ofابن الوليد has much to be proud of
إرسال رسالة عبر MSN إلى ابن الوليد إرسال رسالة عبر Yahoo إلى ابن الوليد إرسال رسالة عبر Skype إلى ابن الوليد
افتراضي

كود يطفي جمال ورونق
حياك الله واعزك
واصل
__________________
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تحويل الاوفيس 2019 من الانجليزي للواجهة العربية في خطوات بسيطة ابن الوليد برامج الحاسب 1 03-12-2019 09:42 PM
تحميل برنامج ادوبي فوتوشوب Adobe Photoshop 7.0 ME يدعم اللغة العربية ابن الوليد برامج الحاسب 1 03-12-2019 09:11 PM
فهرس ركن تطوير المنتديات العربية ابن الوليد ركن تطوير وإدارة المنتديات العربية 0 02-03-2019 07:38 PM
هاك روابط الخرائط [rss-rss2.0-xml-map-html] فى الفوتر ابن الوليد ركن تطوير وإدارة المنتديات العربية 0 01-30-2019 02:56 PM
برنامج مايكروسوفت اوفيس 2007 النسخة العربية ابن الوليد برامج الحاسب 0 12-20-2018 02:06 PM

 

RSS RSS 2.0 XML MAP HTML

الساعة الآن 09:20 PM

نبذة عن المنتدى

روابط مفيدة

إعلانات نصية

 

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

 


Powered by vBulletin® Copyright ©2000 - 2019,