أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

منتدى شروحات ودروس منتديات PBBoard

فوتر css جميل وبسيط

الصفحة 2 من 3

الأخيرة

: فوتر css جميل وبسيط

25-11-2010 05:31 مساءً [13]

G u e v a r a

اممممممم استخدمته ولكن ما توسط في الاستايل

: فوتر css جميل وبسيط

25-11-2010 08:04 مساءً [14]

sinan

المشاركة الأصلية كتبت بواسطة: G u e v a r a اممممممم استخدمته ولكن ما توسط في الاستايل

الكود ماتوسط اخي انما وضعت لك جدول جديد في المكان الخالي

: فوتر css جميل وبسيط

26-11-2010 09:38 صباحاً [15]

G u e v a r a

المشاركة الأصلية كتبت بواسطة: sinan
المشاركة الأصلية كتبت بواسطة: G u e v a r a اممممممم استخدمته ولكن ما توسط في الاستايل

الكود ماتوسط اخي انما وضعت لك جدول جديد في المكان الخالي

ههههههههههههههاااي وانا لاحظت حاجه زادت بس ما انتبهت انه جدول
مشكور خيوو لكن كنت فقط احتاج التوسيط ولكنها اضافه حلوه

++

: فوتر css جميل وبسيط

26-11-2010 04:48 مساءً [16]

sinan

المشاركة الأصلية كتبت بواسطة: G u e v a r a
المشاركة الأصلية كتبت بواسطة: sinan
المشاركة الأصلية كتبت بواسطة: G u e v a r a اممممممم استخدمته ولكن ما توسط في الاستايل

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

++

: فوتر css جميل وبسيط

26-11-2010 11:04 مساءً [17]

PhpMax

جميل انه لا يعتمد على جدوال, لكن هناك مشكلة عند زيارة الصفحة المربع الرابع يكون لوحده في الأسفل في الشاشات العادية, عند التصميم لا تصمم على حسب شاشتك العريضة مثلا.

اقتراحات:
أضف ل #footer

CODE

;width:970px

غير width في .pal-girl الى

CODE

width:215px

لتوسيطها
[code]

كود الفوتر

[code]

: فوتر css جميل وبسيط

27-11-2010 05:32 مساءً [18]

G u e v a r a

المشاركة الأصلية كتبت بواسطة: emovip جميل انه لا يعتمد على جدوال, لكن هناك مشكلة عند زيارة الصفحة المربع الرابع يكون لوحده في الأسفل في الشاشات العادية, عند التصميم لا تصمم على حسب شاشتك العريضة مثلا.

اقتراحات:
أضف ل #footer
CODE
;width:970px
غير width في .pal-girl الى
CODE
width:215px
لتوسيطها
[code]

كود الفوتر

[code]

اممممممممممم يعطيك العافيه اخوي ع متابعتك وردك المفيد
بالنسبه لرقم البكسل الخاص بالشاشه ما عرفت وين احطه بالضبط فوتر css جميل وبسيط | الصفحة 2

وبالنسبه لكود تعديل الفوتر ما ضبط ووسط المربع لكنه وسط كلمه الوسول السريع فقط ..
http://my-groups.com/netlog
شوف بنفسك <<~~ بشيل الكود اذا رديت فوتر css جميل وبسيط | الصفحة 2

امممممممم الكود كامل اذا ممكن عدل عليه اذا غلط ولا شي مني ولا منااك فوتر css جميل وبسيط | الصفحة 2

: فوتر css جميل وبسيط

27-11-2010 05:33 مساءً [19]

G u e v a r a

CODE


<!--Start Footerالاضافه التي قمت بها--> 
<center> 
<div id="footer"> 
<div class="pal-girl"> 
<h3> <img src="images/stick-footer.png" alt="myforum" /> عن Netlog</h3> 
<p> 
Netlog هي بوابه انترنت حيث يمكن للمستخدمين البقاء على اتصال وتوسيع شبكتهم الاجتماعية. هي بوابة إنترنت اجتماعية، موجهه تحديدا الى الشباب. هي مطوره من قبل Netlog NV، ومركزها في مدينة خنت في بلجيكا. Netlog متوفره حاليا في٢٠ لغة ولديها أكثر من 72 مليون عضو من مختلف أنحاء العالم، وهذا العدد في تزايد دائم يوميا. 
</div> 
<div class="pal-girl"> 
<h3> <img 
src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> </ul> </div> 
<div class="pal-girl"> 
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a 
href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> </ul> 
</div> 
<div class="pal-girl"> 
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" 
target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
</ul> 
</div> 
</div> 
</center>

الكود الي استخدمه الان اذا فيه خلل عدله وششكرا فوتر css جميل وبسيط | الصفحة 2

: فوتر css جميل وبسيط

27-11-2010 05:44 مساءً [20]

PhpMax

كود الهتمل صحيح
--------------------
أضف لملف ال style.css
الكود التالي المعدل:

CODE

 
#footer { 
width:auto; 
cursor: crosshair 
margin:auto; 
height:220px; 
color:#c3c3c3; 
direction:rtl; 
background-color: #dddddd; 
} 
img{ 
border:none; 
} 

.pal-girl{ 
float:right; 
width:215px 
padding:10px; 
border-right:1px dashed #666; 
} 
.pal-girl 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; 
} 

.pal-girl ul li { 
list-style-type:none; 
text-decoration: none; 
padding:5px; 
cursor: crosshair; 
float: right; 
} 
.pal-girl p { 
font-family:Tahoma, 
Geneva, sans-serif; 
font-size:12px; 
color:#696969; 
text-align: justify; 
} 
.pal-girl ul li a { 
color:#1c6b7f; 
text-decoration: none; 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 12px; 
} 
.pal-girl ul li a:hover{ 
color:#FFF; 
} 
.pal-girl ul li:hover{ 
cursor: crosshair; 
background-color: #0e83a0; 
color: #FFF; 
} 
/*End footer style*/

: تم تحرير المشاركة بواسطة :emovip بتاريخ:27-11-2010 06:04 مساءً

: فوتر css جميل وبسيط

27-11-2010 05:55 مساءً [21]

G u e v a r a

هههههههههههههههههههههههههههههاااااااااااي

يقولوا يا حبيبي جاء يكحلها عماها <<~~ شوف عشان ارجع اعدله
http://my-groups.com/netlog

: فوتر css جميل وبسيط

27-11-2010 05:59 مساءً [22]

PhpMax

لم تعدل على ملف ال style.css

استبدل الاسطر التالية بما وضعته لك في الرد السابق:

CODE


#footer {width:auto;cursor: crosshairmargin:auto;height:220px;color:#c3c3c3;direction:rtl;background-color: #dddddd;}img{border:none;}.pal-girl{float:right;width:230px;padding:10px;border-right:1px dashed #666;}.pal-girl 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;}.pal-girl ul li {list-style-type:none;text-decoration: none;padding:5px;cursor: crosshair;float: right;} .pal-girl p {font-family:Tahoma,
Geneva, sans-serif;font-size:12px;color:#696969;text-align: justify;}.pal-girl ul li a {color:#1c6b7f;text-decoration: none;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}.pal-girl ul li a:hover{color:#FFF;}.pal-girl ul li:hover{cursor: crosshair;background-color: #0e83a0;color: #FFF;}/*End footer style*/

: فوتر css جميل وبسيط

27-11-2010 06:05 مساءً [23]

G u e v a r a

المشاركة الأصلية كتبت بواسطة: emovip لم تعدل على ملف ال style.css

استبدل الاسطر التالية بما وضعته لك في الرد السابق:

CODE

 
#footer {width:auto;cursor: crosshairmargin:auto;height:220px;color:#c3c3c3;direction:rtl;background-color: #dddddd;}img{border:none;}.pal-girl{float:right;width:230px;padding:10px;border-right:1px dashed #666;}.pal-girl 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;}.pal-girl ul li {list-style-type:none;text-decoration: none;padding:5px;cursor: crosshair;float: right;} .pal-girl p {font-family:Tahoma, 
Geneva, sans-serif;font-size:12px;color:#696969;text-align: justify;}.pal-girl ul li a {color:#1c6b7f;text-decoration: none;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}.pal-girl ul li a:hover{color:#FFF;}.pal-girl ul li:hover{cursor: crosshair;background-color: #0e83a0;color: #FFF;}/*End footer style*/

غريبه
قبل شوي ناسخ الكود الا حطيته بس طلع مشقلب زي ما شفت
والحين تم التعديل بنجااح

<<~~~~~~~~~~~~~~ ++

: فوتر css جميل وبسيط

27-11-2010 06:11 مساءً [24]

G u e v a r a

الاكواد بعد التعديلات للافاده فوتر css جميل وبسيط | الصفحة 2

<<~ في الاستايل المراد التعديل به الدخول ع قالب footer.tpl
ووضع نهايته

CODE


 
<!--Start Footer--> 
<div id="footer"> 
<div class="pal-girl"> 
<h3> <img src="images/stick-footer.png" alt="myforum" /> عن Netlog</h3> 
<p>
Netlog هي بوابه انترنت حيث يمكن للمستخدمين البقاء على اتصال وتوسيع شبكتهم الاجتماعية. هي بوابة إنترنت اجتماعية، موجهه تحديدا الى الشباب. هي مطوره من قبل Netlog NV، ومركزها في مدينة خنت في بلجيكا. Netlog متوفره حاليا في٢٠ لغة ولديها أكثر من 72 مليون عضو من مختلف أنحاء العالم، وهذا العدد في تزايد دائم يوميا.
</div> 
<div class="pal-girl"> 
<h3> <img 
src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> </ul> </div> 
<div class="pal-girl"> 
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a 
href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> </ul> 
</div> 
<div class="pal-girl"> 
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" 
target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
</ul> 
</div> 
<div class="pal-girl"> 
<h3><img src="images/link-footer.png" alt="myforum" /> الوصول السريع</h3> 
<ul> 
<li><a href="" 
target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
<li><a href="" target="_self"><img src="images/plus-li.png" /> Netlog</a></li> 
</ul> 
</div> 
</div>

وفي CSS نضع نهايته

CODE


 
footer {width:auto;cursor: crosshairmargin:auto;height:220px;color:#c3c3c3;direction:rtl;background-color: #dddddd;}img{border:none;}.pal-girl{float:right;width:230px;padding:10px;border-right:1px dashed #666;}.pal-girl 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;}.pal-girl ul li {list-style-type:none;text-decoration: none;padding:5px;cursor: crosshair;float: right;} .pal-girl p {font-family:Tahoma, 
Geneva, sans-serif;font-size:12px;color:#696969;text-align: justify;}.pal-girl ul li a {color:#1c6b7f;text-decoration: none;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}.pal-girl ul li a:hover{color:#FFF;}.pal-girl ul li:hover{cursor: crosshair;background-color: #0e83a0;color: #FFF;}/*End footer style*/

الصفحة 2 من 3

الأخيرة

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
الحمد لله تم تثبيت المنتدى بشكل جميل	samaaegy	3	313	Soliman
أريد التحويل الى منتداكم الجميل	ohbrahim	1	245	ohbrahim
لدي رمز غوغل ادسنس لم اجد صفحة HTML المناسبة لوضع كود التحقق في نسختكم الجميلة 3.04	بوزاري	13	1309	بوزاري
كود بسيط مدتة 5 دقيق استماع تلاوة من القرآن الكريم بصوت جميل	BlackCat2014	0	440	BlackCat2014
كواد سورة الشرح بصوت خاشع جميل	BlackCat2014	0	342	BlackCat2014

الكلمات الدلالية

لا يوجد كلمات دلالية ..

« مَلَفْ [css] مَعْ اَلْشَرْحْ | درس ثاني في توزيع css ببرنامج دريمر لمرحله لأوله في توزيع للمبتدئين »

الساعة الآن 04:11 AM