الدعم العربي
وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - نسخة قابلة للطباعة

+- الدعم العربي (https://www.mybbarab.com)
+-- قسم : :: . + تطوير ودعم نسخة MyBB + . :: (https://www.mybbarab.com/forum-99.html)
+--- قسم : تطوير منتديات MyBB 1.4 (https://www.mybbarab.com/forum-1.html)
+---- قسم : استايلات منتديات MyBB 1.4 (https://www.mybbarab.com/forum-90.html)
+---- الموضوع : وأخيرا دورة تركيب استايل ( من اكتشافي ) (: (/thread-10037.html)

الصفحات: 1 2


وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - الجنتل مان - 2009-11-07

الحمد لله تم اكتمال الدرس الأول : تزيع الصور في الفرونت بيج

صحيح أني قلت أني لن أستطيع أن أكتب أول درس قبل اسبوع ولكن مفاجئة شهادة icdl لي طلعت اليوم فحاولت أن أعمل بقدر ما أستطيع وفعلا انتهيت الآن نبدأ بالدرس

بعد تصميم وتقطيع التصميم نفتح الفرونت بيج ونبدأ
[صورة: 12097688.jpg]
[صورة: G4U85815.gif]
[صورة: 17343157.jpg]
[صورة: G4U85815.gif]
[صورة: 83026699.jpg]
[صورة: G4U85815.gif]
[صورة: 96847808.jpg]
[صورة: G4U85815.gif]
[صورة: 23869436.jpg]
[صورة: G4U85815.gif]
[صورة: 85144774.jpg]
[صورة: G4U85815.gif]
[صورة: 61005510.jpg]
[صورة: G4U85815.gif]
[صورة: 92862103.jpg]
[صورة: G4U85815.gif]
[صورة: 58446482.jpg]
[صورة: G4U85815.gif]
[صورة: 92098821.jpg]
[صورة: G4U85815.gif]
[صورة: 19158281.jpg]
[صورة: G4U85815.gif]
[صورة: 14725906.jpg]
[صورة: G4U85815.gif]
[صورة: 89150964.jpg]
[صورة: G4U85815.gif]
[صورة: 53862843.jpg]
[صورة: G4U85815.gif]
[صورة: 41865334.jpg]
[صورة: G4U85815.gif]
[صورة: 30130227.jpg]
[صورة: G4U85815.gif]
[صورة: 40880465.jpg]
[صورة: G4U85815.gif]
[صورة: 83212573.jpg]
[صورة: G4U85815.gif]
[صورة: 63671182.jpg]
[صورة: G4U85815.gif]
[صورة: 29244398.jpg]
[صورة: G4U85815.gif]
[صورة: 10519945.jpg]
[صورة: G4U85815.gif]
[صورة: 94552193.jpg]
[صورة: G4U85815.gif]
[صورة: 92369178.jpg]
[صورة: G4U85815.gif]
[صورة: 48324710.jpg]
[صورة: G4U85815.gif]
[صورة: 80684945.jpg]
[صورة: G4U85815.gif]


وانتهينا من أصعب درس أخيرا ترقبوا الدرس القادم تركيب التصميم في المنتدى


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - الجنتل مان - 2009-11-07

ايوة ونسيت أقول لكم اني مش بساعد أي واحد مش حط صورة لمشكلته ولم يضع رابط موقعه ويا ريت أخي بيبو تلغي الإنتظار 10 دقائق لأنه نظام وحش أنا كتبت المشاركة الساعة 10-12 الصبح بتوقيت الإمارات وإلى الآن لا أقدر أعدل على الموضوع
وبالنسبة للتصميم ( لا ينصح بإستخدام تصميم بأعمدة لأن هناك هاكات تعطله ولكني سوف أعمل على استايل بأعمدة لتعم الفائدة )
يمكنك تصميم استايل مثل اللي بعمل عليه من هذا الموضوع
http://www.w-enter.com/forum/f76/t18450/
( هذا ليس دعاية بل تم وضع الرابط لتعم الفائدة )

وإلى الآن بلغ عدد الصور 15 صورة ( بالتحديد 18 ) في توزيع على الفرونت بيج فقط ولم يكتمل الدرس بعد وسيتم وضعه في أقرب وقت


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - الجنتل مان - 2009-11-08

الحمد لله تم اكتمال الدرس الأول : تزيع الصور في الفرونت بيج

صحيح أني قلت أني لن أستطيع أن أكتب أول درس قبل اسبوع ولكن مفاجئة شهادة icdl لي طلعت اليوم فحاولت أن أعمل بقدر ما أستطيع وفعلا انتهيت الآن نبدأ بالدرس

بعد تصميم وتقطيع التصميم نفتح الفرونت بيج ونبدأ
[صورة: wpw84772.jpg]
[صورة: G4U85815.gif]
[صورة: KI884772.jpg]
[صورة: G4U85815.gif]
[صورة: q4N84772.jpg]
[صورة: G4U85815.gif]
[صورة: iEr85583.jpg]
[صورة: G4U85815.gif]
[صورة: 10k85583.jpg]
[صورة: G4U85815.gif]
[صورة: olK85583.jpg]
[صورة: G4U85815.gif]
[صورة: hzP85874.jpg]
[صورة: G4U85815.gif]
[صورة: Ms085874.jpg]
[صورة: G4U85815.gif]
[صورة: 81x85874.jpg]
[صورة: G4U85815.gif]
[صورة: 0UI85959.jpg]
[صورة: G4U85815.gif]
[صورة: DLE85959.jpg]
[صورة: G4U85815.gif]
[صورة: v2085959.jpg]
[صورة: G4U85815.gif]
[صورة: b0Z86133.jpg]
[صورة: G4U85815.gif]
[صورة: K9q86133.jpg]
[صورة: G4U85815.gif]
[صورة: WRj86133.jpg]
[صورة: G4U85815.gif]
[صورة: u8z86228.jpg]
[صورة: G4U85815.gif]
[صورة: jJp86228.jpg]
[صورة: G4U85815.gif]
[صورة: WWp86228.jpg]
[صورة: G4U85815.gif]
[صورة: mpR86348.jpg]
[صورة: G4U85815.gif]
[صورة: mXD86348.jpg]
[صورة: G4U85815.gif]
[صورة: GbC86742.jpg]
[صورة: G4U85815.gif]
[صورة: DJc86581.jpg]
[صورة: G4U85815.gif]
[صورة: kiF86581.jpg]
[صورة: G4U85815.gif]
[صورة: Hce86581.jpg]
[صورة: G4U85815.gif]



وانتهينا من أصعب درس أخيرا ترقبوا الدرس القادم تركيب التصميم في المنتدى


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - hgh20 - 2009-11-08

مبدع والله ياmemo
ومواضيعك مميزة مثلك


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - الجنتل مان - 2009-11-09

تسلم يدك وان شاء الله ينزل الدرس الثاني في أقرب وقت


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - Dr.Desmond - 2009-11-09

موضوع اكثر من رائع...
تسلم الايادي اخي ميمو على هذا المجهود...
و بانتظار بقية الشروحات...
تحياتي


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - الجنتل مان - 2009-11-12

السلام عليكم ورحمة الله وبركاته

أحب أن أعلن لكم أنه تم الإنتهاء من الدرس الثاني ( تركيب التصميم على المنتدى ) وسيتم العمل على الدرس الثالث في أقرب وقت إن شاء الله ( جعل المنتدي شبيه بمنتديات vb + تزيين المنتدى بأقدر كم ممكن )

نبدأ الدرس الثاني

[صورة: i528961_1.jpg]
[صورة: G4U85815.gif]
[صورة: i528962_2.jpg]
[صورة: G4U85815.gif]
[صورة: i528963_3.jpg]
[صورة: G4U85815.gif]
[صورة: i528964_4.jpg]
[صورة: G4U85815.gif]
[صورة: i528965_5.jpg]
[صورة: G4U85815.gif]
[صورة: i528966_6.jpg]
[صورة: G4U85815.gif]
[صورة: i528967_7.jpg]
[صورة: G4U85815.gif]
[صورة: i528968_8.jpg]
[صورة: G4U85815.gif]
[صورة: i528969_9.jpg]
[صورة: G4U85815.gif]
[صورة: i528970_10.jpg]
[صورة: G4U85815.gif]
[صورة: i528997_11.jpg]
[صورة: G4U85815.gif]
[صورة: i528996_12.jpg]
[صورة: G4U85815.gif]
[صورة: i528995_13.jpg]
[صورة: G4U85815.gif]
[صورة: i528994_14.jpg]
[صورة: G4U85815.gif]
[صورة: i528993_15.jpg]
[صورة: G4U85815.gif]
[صورة: i528992_16.jpg]
[صورة: G4U85815.gif]

انتهينا
أتمنى أن تعم الفائدة وكما قلت فلن أجيب عن أية مشكلة بدون صورة ورابط الموقع + في الموضوع وليس الرسائل الخاصة

ملاحظة ( ملف الصور في المرفقات )

وشكرا


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - الجنتل مان - 2009-11-20

السلام عليكم ورحمة الله وبركاته

اليوم سوف نبدأ الدرس الثالث ( جعل mybb شبيهة بـ vb )

وأنا أظن أن الإختلاف هو في صفحة تسجيل الخروج والدخول ( صندوق تسجيل الدخول )

لذلك استخرجت أكواد من بعض الإستايلات مثلا ( بنت الحائل و freshblue )

أمامك الآن 4 خيارات

الخيارات هي :

1- جعل تسجيل الدخول عادي وهو الوضع الإفتراضي
2- تصميم لك كود مخصص وينبغي أن تكون لديك خبرة في الـ php و mybb
3- جعل تسجيل الدخول مشابه لـ 85% مثل freshblue
4- جعل تسجيل الدخول مشابه لـ 95% مثل بنت الحائل

إذا اخترت الثالث فحمل الملف المرفق بإسم 85%
إذا اخترت الرابع فحمل الملف المرفق بإسم 95%

طريقة النسخ مثال
PHP كود :
-------------------------------------
header_welcomeblock_guest
-------------------------------------


<
table border="0" cellspacing="$theme[borderwidth]cellpadding="4" class="tborder">
<
tr>
<
td class="thead_bottom" colspan="2"></td>
</
tr>
<
tr>
<
td class="trow1" width="65%"><navigation></td>
<
td class="trow2" width="35%">
<
script type="text/javascript">
<!--
    
lang.username "{$lang->login_username}";
    
lang.password "{$lang->login_password}";
    
lang.login "{$lang->login}";
    
lang.lost_password " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=lostpw\">{$lang->lost_password}<\/a>";
    
lang.register_url " &mdash; <a href=\"{$mybb->settings['bburl']}/member.php?action=register\">{$lang->welcome_register}<\/a>";
// -->
</script>
 <span id="quick_login">{$lang->welcome_guest} (<a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="MyBB.quickLogin(); return false;">{$lang->welcome_login}</a> &mdash; <a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a>)</span>
</td>

</td>
</tr>
<tr>
<td colspan="2" style="padding:0">
<table border="0" cellspacing="0" cellpadding="0" class="thead_bottom">
<tr align="center" class="tfoot">
<td class="welcome_bottom"><a href="{$mybb->settings['bburl']}/member.php?action=login">{$lang->welcome_login}</a></td>
<td class="welcome_bottom"><a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a></td>
<td class="welcome_bottom"><a href="search.php?action=getnew">{$lang->welcome_newposts}</a></td>
<td class="welcome_bottom"><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></td>
<td class="welcome_bottom"><a href="$settings[bburl]/search.php">{$lang->toplinks_search}</a></td>
</tr>
</table>
</td>
</tr>
</table> 

لا تنسح ما بين
PHP كود :
-------------------------------------
header_welcomeblock_guest
------------------------------------- 

بل انسخ الكود الذي بعده وضعه في القالب المحدد وهو
PHP كود :
header_welcomeblock_guest 

وهاكذا إلى أن تنتهي وأي استفسار بخصوص الدرس أنا حاضر
نسيت أقول في 95% يجب التعديل عليه وكتابة مسار الإستايل ورفع الصورتين اللي في المرفقات إلى مسار الإستايل

يمكنك التعديل على الأكواد ليتلائم مع الإستايل


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - killua sillva - 2010-02-12

بعد اذنك ياخى ارفع الصور تانى لانها مش ظاهره لو مافيش فيها تعب


RE: وأخيرا دورة تركيب استايل ( من اكتشافي ) (: - khadijaja - 2010-02-13

سوف نتعبك معنا حاول رفع الصور مرة تانية و على مركز موثوق فيه