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



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








للنتقل الى صور لكي تتعرفو على مميزات الكود


هذه صوره توضح صفحه لموضوع مع كاتب الموضوع
تظهر بيانات كاتب الموضوع في اعلا الموضوع



هذه صوره توضح الردود على الموضوع و بيانات الاعضاء الذين قامو بالرد على الموضوع
لكن بيناتهم سوف تكون قليله
فقط يظهر اسم العضو وصورته ورتبته وبيانات الاتصال به فقط لا غير



الان للنتقل الى شرح كيفيه تركيب الكود

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

ثم عناصر اضافيه ..
ثم ..
مدونات
ومن بعدها تشكيل ...
ثم اضغط على زر قدم

صوره تاليه توضح لك الخطوة السابقه



الان نقوم بتغير شكل اقسا المنتدى من فئه منتدى الى فئه مدونه من خلال الذهاب لى اداره عامه
ثم
منتدى
ومن بعدها
المنتديات والفئات

الصوره تاليه توضح ما اقصد من ناحيه تغير نوع الفئه الى مدونه


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

ونقوم بتعديل من منتدى الى مدونه



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

الان نستبدل الكود السابق بالكود تالي



الان لكي تقومو بالتعديل على الوان البيانات الشخصيه قومو باضافه الكود تالي الى ورقi
css

الكود:

.mimo{background:url("http://i28.servimg.com/u/f28/14/58/23/42/etudia11.png")
 repeat-x scroll left top #37DCFC; border-bottom:2px solid #6A6A6A;
border-radius:5px 5px 5px 5px; color:#FFF; font-family:tahoma;
font-size:12px; font-style:normal; font-variant:normal;
font-weight:bold; text-shadow:1px 1px 1px #888}
       
.user_name{background:url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif")
 repeat-x scroll center bottom #FFF; padding:1px;  margin:4px 4px 4px
4px; border:1px solid #E2E2E2; border-radius:5px 5px 5px 5px;
width:170px; text-align:center}
       
.shaduser{background:url("http://i23.servimg.com/u/f23/16/43/22/50/shadwu10.png")
 no-repeat scroll left top transparent; height:12px; margin:auto;
position:relative; width:100%}
       
.gowetobilobed-offlinebutton{background-color:transparent;
background-image:url("http://i66.servimg.com/u/f66/11/66/00/43/user_o11.gif");
 background-position:center center; background-repeat:no-repeat;
border:medium none; height:50px; min-height:50px; min-width:50px;
width:50px}

فقط قومو بالتعديل على صوره تاليه

https://i.servimg.com/u/f28/14/58/23/42/etudia11.png
وهي بلون الازرق واختارو ما يناسبك منها

وايضا تستطيعو التعديل على هذه صوره وهي عباره عن الخلفيه البيانات الشخصيه
https://i.servimg.com/u/f23/15/13/67/04/f110.gif





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

ملحوظه : تم صنع هذا الكود بواسطه عدي موسى صاحب موقع اكاديميه التلعيم العربي بتاريخ 1-9-2011

وانتظرو منا اكواد جديده حصريه
الى لقاء جديد