طلب التعديل على استايل

السلام عليكم ورحمة الله وبركاته الحقيقه انا عجبنى الاستايل دا جدا بس عيبه الوحيد انه فى الرئيسية ظاهر بالشكل دا كأنه ..


موضوع مغلق


27-12-2018 05:53 صباحا
kiopeed
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 17-10-2018
رقم العضوية : 8067
المشاركات : 34
الدولة : مصر
الجنس : ذكر
تاريخ الميلاد : 29-10-1985
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
السلام عليكم ورحمة الله وبركاته

الحقيقه انا عجبنى الاستايل دا جدا
MzY3NDg3MQ1414orchid

بس عيبه الوحيد انه فى الرئيسية ظاهر بالشكل دا كأنه مدونه والسراحة مش حلوة خالص

الشكل ده

B4FEUcH

مافيش اى امكانية يصبح بالشكل ده

wHE6qiS

والله ولى التوفيق


أفضل إجابة مقدمة من Soliman وهي:
استبدل جميع محتوى قالب: sections_list بهذا



<style>
.sub_forums:last-child {
    margin-bottom: 12px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.sub_forums {
    font: 11px Tahoma;
    background-color: #FFFFFF;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #DDD;
    padding-bottom: 3px;
    margin-bottom: 1px;
    margin-top: -2px;
    list-style: outside none none;
    float: right;
    width: 99.7%;
}
.categorys {
    list-style: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.forum-last-post {
    background-image: url(../images/background/sub-forums.png);
    border: 1px solid #A5C8E0;
    float: left;
    font-family: "Droid Arabic Kufi","tahoma",sans-serif;
    line-height: 18px;
    margin: 4px;
    padding: 8px;
    border-radius: 15px 0px 15px 0px;
    width: 270px;
}

.awaiting_approval {
    background-color: #FFFFFF;
    color: #65987A;
    font: normal 11px tahoma;
    margin: 5px;
    padding-right: 5px;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 3px;
    border: 1px solid #A5C8E0;
    border-radius: 4px 4px 4px 4px;
    width: 188px;
}

.title_n {
    font-family: "Droid Arabic Kufi","tahoma",sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-top: 8px;
    padding-right: 8px;
}
</style>
<div class="sections">
{if {$SHOW_SUB_SECTIONS}}
<!-- start_category-in_page_forum -->
<ul class="categorys pkr">
<li class="category forum_sub">
<span>{$lang['forum_sub']} : {$Section_Title}</span>
</li>
{/if}
{Des::foreach}{forums_list}{forum}
{if {$forum['parent']} == 0}
{if {$forum['sort']} != 1}
</ul></div>
<!-- end_categorys_one_by_one -->
{/if}
<!-- start_categorys_one_by_one -->
<script type="text/javascript">
$(document).ready(function()
{
var img = "collapseimage_{$forum['id']}";
var imgChange = document.getElementById(img);
if($.cookie("pbboard_collapse_forumid_{$forum['id']}") == "{$forum['id']}") {
$("#collapseimg_forumbit_{$forum['id']}").css('display', 'none');
imgChange.className = "collapsed";
};
});
</script>
<ul class="categorys pkr">
<li class="category">
<a class="CollapseIcon" href="#collapseforum_{$forum['id']}" onclick="return collapse_toggle('{$forum['id']}')" id="collapseforum_{$forum['id']}">
<span id="collapseimage_{$forum['id']}" class="expanded"></span>
</a>
<a href="index.php?page=forum&amp;show=1&amp;id={$forum['id']}">
<span>{$forum['title']}</span></a>
</li>
</ul>
<div id="collapseimg_forumbit_{$forum['id']}">
<ul class="categorys pkr">
{elseif {$forum['parent']} != 0}
<li class="sub_forums pkr-b">
<div class="forum-icon pkr-b">
{if {$forum['use_section_picture']} and {$forum['sectionpicture_type']}== 1}
<span class="section_picture" title="{$lang['section_picture']}"><img src="{$forum['section_picture']}" alt="{$lang['section_picture']}" /></span>
{else}
<span class="{$forum['forum_icon']} pkr" title="{$forum['forum_icon_alt']}"></span>
{/if}
</div>
<div class="forum-stats">
<div class="title_n"><a href="index.php?page=forum&amp;show=1&amp;id={$forum['id']}">
{$forum['title']}</a></div>
{if {$forum['use_section_picture']} and {$forum['sectionpicture_type']} == 2}
<div class="section_picture_dn_describe">
<span class="section_picture" title="{$forum['forum_icon_alt']}"><img src="{$forum['section_picture']}" alt="{$forum['forum_icon_alt']}" /></span>
</div>
{/if}
{if {$_CONF['info_row']['no_describe']} and {$forum['section_describe']} != ''}
<div class="describe">
{$forum['section_describe']}
</div>
{/if}
<div class="numrs">
<span class="subject_num subject_num_icon pkr-b" title="{$lang['subject_num']}">
{$lang['subject_num']} :<b>{$forum['subject_num']}</b>
</span>
<span class="reply_num reply_num_icon pkr-b" title="{$lang['reply_num']}">
{$lang['reply_num']} : <b>{$forum['reply_num']}</b>
</span>
{if {$forum['forum_online']}}
<span class="forum_online online_num_icon pkr-b" title="{$lang['Whos_Online']}">
( <b>{$forum['forum_online']}</b>
{$lang['viewer']})
</span>
{/if}
</div>
{if {$_CONF['info_row']['no_moderators']} and {$forum['moderators_list']}}
<div class="home-moderators-lain">
{$lang['moderators_list']} {$forum['moderators_list']}
</div>
{/if}
{if {$forum['is_sub']} and {$_CONF['info_row']['no_sub']}}
<div class="home-sub-forums-lain">
{$lang['forum_sub']}:
</div>
<div class="div-sub-forums-columns">
<ol class="home-sub-forums-columns">
{$forum['sub']}
</ol>
</div>
{/if}
{if {$forum['num_subjects_awaiting_approval']} >0 and {$forum['IsModeratorCheck']}}
<div class="awaiting_approval pkr-b">{$lang['subjects_review']}: <b>{$forum['num_subjects_awaiting_approval']}</b></div>
{/if}
{if {$forum['num_replys_awaiting_approval']} >0 and {$forum['IsModeratorCheck']}}
<div class="awaiting_approval pkr-b">{$lang['replys_review_num']}: <b>{$forum['num_replys_awaiting_approval']}</b>
{if {$align} == 'right'}
<a class="appssroveposts" href="index.php?page=search&amp;option=6&amp;review_reply=1&section={$forum['id']}&amp;sort_order=DESC" title="{$lang['approveposts']}"><i class="fa fa-arrow-circle-left pkr-c" title="{$lang['approveposts']}"></i> </a>
 {else}
<a class="appssroveposts" href="index.php?page=search&amp;option=6&amp;review_reply=1&section={$forum['id']}&amp;sort_order=DESC" title="{$lang['approveposts']}"><i class="fa fa-arrow-circle-right pkr-c" title="{$lang['approveposts']}"></i> </a>
{/if}
</div>
{/if}
</div>
<div class="forum-last-post pkr pkr-b">
{if {$forum['linksection']}}
<div class="no_post">{$lang['linkvisitor']} {$forum['linkvisitor']}</div>
{elseif {$forum['hide_subject']} and {$forum['ModeratorCheck']}}
<div class="no_post">{$lang['speciality']}</div>
{elseif {$forum['section_password']} and {$forum['ModeratorCheck']}}
<div class="no_post">{$lang['speciality']}</div>
{elseif {$forum['last_subject']} != ''}
{if {$_CONF['info_row']['allow_avatar']}}
<div class="UserPhoto_tiny_RCS pkr-b" title="{$lang['Picture']} {$forum['username']} {$lang['Personal']}">
<span class="User-Picture-forum-Home" style="background-image: url({$forum['writer_photo']});"></span>
</div>
{if {$align} == 'right'}
<div class="PBB-WBS borderRightColor" style="border-right-color: #82ACD8;"></div>
 {else}
<div class="PBB-WBS borderLeftColor" style="border-left-color: #82ACD8;"></div>
{/if}

{/if}
<div class="Info_last_post">
<div class="Info_last_Reply">
<script type="text/javascript">
$(document).ready(function() {
var iconImg = new Image();
iconImg.src="{$ForumAdress}{$forum['icon']}";
$(iconImg).one('load',function(){
iconWidth = iconImg.width;
iconHeight = iconImg.height;
$(".last_icon_{$forum['id']}").css('height', iconHeight);
$(".last_icon_{$forum['id']}").css('width', iconWidth);
$(".last_icon_{$forum['id']}").css('float', 'right');
$(".last_icon_{$forum['id']}").css('margin', '0');
$(".last_icon_{$forum['id']}").css('background', 'transparent url('+iconImg.src+') no-repeat scroll center center');
});
});
</script>
<i class="Iconchevron last_icon_{$forum['id']}"></i>:<a href="index.php?page=topic&amp;show=1&amp;id={$forum['last_subjectid']}" title="{$forum['last_subject_title']}">{$forum['last_subject']}</a></div>
<div class="NewsUser">{$lang['last_writer']}
{$forum['last_writer']}
</div>
<div class="NewsTime"><i class="IconNewsTime fa fa-history pkr-c"></i> {$forum['last_date_ago']} <span class="last_time_ago">{$forum['last_time_ago']}</span>
<a href="index.php?page=topic&amp;show=1&amp;id={$forum['last_subjectid']}&amp;count={$forum['last_berpage_nm']}#{$forum['last_reply']}" title="{$lang['Go_to_last_post']}">
{if {$align} == 'right'}
<i class="Iconchevron fa fa-arrow-circle-left pkr-c" title="{$lang['Go_to_last_post']}"></i>
 {else}
<i class="Iconchevron fa fa-arrow-circle-right pkr-c" title="{$lang['Go_to_last_post']}"></i>
{/if}
</a></div>
</div>
{else}
<div class="no_post">{$lang['no_post']}</div>
{/if}
</div>
</li>
{/if}
{/Des::foreach}
</ul>
{if !{$SHOW_SUB_SECTIONS}}
</div>
{/if}
<!-- End_All-categorys -->
</div>
<br />




بالتوفيق ،،
عرض الإجابة




27-12-2018 09:01 مساء
مشاهدة مشاركة منفردة [1]
Soliman
PBB Management
rating
العضو غائب ظروف العمل
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11256
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 51
قوة السمعة : 67136
موقعي : زيارة موقعي
عدد الإجابات: 189
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif طلب التعديل على استايل
استبدل جميع محتوى قالب: sections_list بهذا



<style>
.sub_forums:last-child {
    margin-bottom: 12px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.sub_forums {
    font: 11px Tahoma;
    background-color: #FFFFFF;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid #DDD;
    padding-bottom: 3px;
    margin-bottom: 1px;
    margin-top: -2px;
    list-style: outside none none;
    float: right;
    width: 99.7%;
}
.categorys {
    list-style: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.forum-last-post {
    background-image: url(../images/background/sub-forums.png);
    border: 1px solid #A5C8E0;
    float: left;
    font-family: "Droid Arabic Kufi","tahoma",sans-serif;
    line-height: 18px;
    margin: 4px;
    padding: 8px;
    border-radius: 15px 0px 15px 0px;
    width: 270px;
}

.awaiting_approval {
    background-color: #FFFFFF;
    color: #65987A;
    font: normal 11px tahoma;
    margin: 5px;
    padding-right: 5px;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 3px;
    border: 1px solid #A5C8E0;
    border-radius: 4px 4px 4px 4px;
    width: 188px;
}

.title_n {
    font-family: "Droid Arabic Kufi","tahoma",sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-top: 8px;
    padding-right: 8px;
}
</style>
<div class="sections">
{if {$SHOW_SUB_SECTIONS}}
<!-- start_category-in_page_forum -->
<ul class="categorys pkr">
<li class="category forum_sub">
<span>{$lang['forum_sub']} : {$Section_Title}</span>
</li>
{/if}
{Des::foreach}{forums_list}{forum}
{if {$forum['parent']} == 0}
{if {$forum['sort']} != 1}
</ul></div>
<!-- end_categorys_one_by_one -->
{/if}
<!-- start_categorys_one_by_one -->
<script type="text/javascript">
$(document).ready(function()
{
var img = "collapseimage_{$forum['id']}";
var imgChange = document.getElementById(img);
if($.cookie("pbboard_collapse_forumid_{$forum['id']}") == "{$forum['id']}") {
$("#collapseimg_forumbit_{$forum['id']}").css('display', 'none');
imgChange.className = "collapsed";
};
});
</script>
<ul class="categorys pkr">
<li class="category">
<a class="CollapseIcon" href="#collapseforum_{$forum['id']}" onclick="return collapse_toggle('{$forum['id']}')" id="collapseforum_{$forum['id']}">
<span id="collapseimage_{$forum['id']}" class="expanded"></span>
</a>
<a href="index.php?page=forum&amp;show=1&amp;id={$forum['id']}">
<span>{$forum['title']}</span></a>
</li>
</ul>
<div id="collapseimg_forumbit_{$forum['id']}">
<ul class="categorys pkr">
{elseif {$forum['parent']} != 0}
<li class="sub_forums pkr-b">
<div class="forum-icon pkr-b">
{if {$forum['use_section_picture']} and {$forum['sectionpicture_type']}== 1}
<span class="section_picture" title="{$lang['section_picture']}"><img src="{$forum['section_picture']}" alt="{$lang['section_picture']}" /></span>
{else}
<span class="{$forum['forum_icon']} pkr" title="{$forum['forum_icon_alt']}"></span>
{/if}
</div>
<div class="forum-stats">
<div class="title_n"><a href="index.php?page=forum&amp;show=1&amp;id={$forum['id']}">
{$forum['title']}</a></div>
{if {$forum['use_section_picture']} and {$forum['sectionpicture_type']} == 2}
<div class="section_picture_dn_describe">
<span class="section_picture" title="{$forum['forum_icon_alt']}"><img src="{$forum['section_picture']}" alt="{$forum['forum_icon_alt']}" /></span>
</div>
{/if}
{if {$_CONF['info_row']['no_describe']} and {$forum['section_describe']} != ''}
<div class="describe">
{$forum['section_describe']}
</div>
{/if}
<div class="numrs">
<span class="subject_num subject_num_icon pkr-b" title="{$lang['subject_num']}">
{$lang['subject_num']} :<b>{$forum['subject_num']}</b>
</span>
<span class="reply_num reply_num_icon pkr-b" title="{$lang['reply_num']}">
{$lang['reply_num']} : <b>{$forum['reply_num']}</b>
</span>
{if {$forum['forum_online']}}
<span class="forum_online online_num_icon pkr-b" title="{$lang['Whos_Online']}">
( <b>{$forum['forum_online']}</b>
{$lang['viewer']})
</span>
{/if}
</div>
{if {$_CONF['info_row']['no_moderators']} and {$forum['moderators_list']}}
<div class="home-moderators-lain">
{$lang['moderators_list']} {$forum['moderators_list']}
</div>
{/if}
{if {$forum['is_sub']} and {$_CONF['info_row']['no_sub']}}
<div class="home-sub-forums-lain">
{$lang['forum_sub']}:
</div>
<div class="div-sub-forums-columns">
<ol class="home-sub-forums-columns">
{$forum['sub']}
</ol>
</div>
{/if}
{if {$forum['num_subjects_awaiting_approval']} >0 and {$forum['IsModeratorCheck']}}
<div class="awaiting_approval pkr-b">{$lang['subjects_review']}: <b>{$forum['num_subjects_awaiting_approval']}</b></div>
{/if}
{if {$forum['num_replys_awaiting_approval']} >0 and {$forum['IsModeratorCheck']}}
<div class="awaiting_approval pkr-b">{$lang['replys_review_num']}: <b>{$forum['num_replys_awaiting_approval']}</b>
{if {$align} == 'right'}
<a class="appssroveposts" href="index.php?page=search&amp;option=6&amp;review_reply=1&section={$forum['id']}&amp;sort_order=DESC" title="{$lang['approveposts']}"><i class="fa fa-arrow-circle-left pkr-c" title="{$lang['approveposts']}"></i> </a>
 {else}
<a class="appssroveposts" href="index.php?page=search&amp;option=6&amp;review_reply=1&section={$forum['id']}&amp;sort_order=DESC" title="{$lang['approveposts']}"><i class="fa fa-arrow-circle-right pkr-c" title="{$lang['approveposts']}"></i> </a>
{/if}
</div>
{/if}
</div>
<div class="forum-last-post pkr pkr-b">
{if {$forum['linksection']}}
<div class="no_post">{$lang['linkvisitor']} {$forum['linkvisitor']}</div>
{elseif {$forum['hide_subject']} and {$forum['ModeratorCheck']}}
<div class="no_post">{$lang['speciality']}</div>
{elseif {$forum['section_password']} and {$forum['ModeratorCheck']}}
<div class="no_post">{$lang['speciality']}</div>
{elseif {$forum['last_subject']} != ''}
{if {$_CONF['info_row']['allow_avatar']}}
<div class="UserPhoto_tiny_RCS pkr-b" title="{$lang['Picture']} {$forum['username']} {$lang['Personal']}">
<span class="User-Picture-forum-Home" style="background-image: url({$forum['writer_photo']});"></span>
</div>
{if {$align} == 'right'}
<div class="PBB-WBS borderRightColor" style="border-right-color: #82ACD8;"></div>
 {else}
<div class="PBB-WBS borderLeftColor" style="border-left-color: #82ACD8;"></div>
{/if}

{/if}
<div class="Info_last_post">
<div class="Info_last_Reply">
<script type="text/javascript">
$(document).ready(function() {
var iconImg = new Image();
iconImg.src="{$ForumAdress}{$forum['icon']}";
$(iconImg).one('load',function(){
iconWidth = iconImg.width;
iconHeight = iconImg.height;
$(".last_icon_{$forum['id']}").css('height', iconHeight);
$(".last_icon_{$forum['id']}").css('width', iconWidth);
$(".last_icon_{$forum['id']}").css('float', 'right');
$(".last_icon_{$forum['id']}").css('margin', '0');
$(".last_icon_{$forum['id']}").css('background', 'transparent url('+iconImg.src+') no-repeat scroll center center');
});
});
</script>
<i class="Iconchevron last_icon_{$forum['id']}"></i>:<a href="index.php?page=topic&amp;show=1&amp;id={$forum['last_subjectid']}" title="{$forum['last_subject_title']}">{$forum['last_subject']}</a></div>
<div class="NewsUser">{$lang['last_writer']}
{$forum['last_writer']}
</div>
<div class="NewsTime"><i class="IconNewsTime fa fa-history pkr-c"></i> {$forum['last_date_ago']} <span class="last_time_ago">{$forum['last_time_ago']}</span>
<a href="index.php?page=topic&amp;show=1&amp;id={$forum['last_subjectid']}&amp;count={$forum['last_berpage_nm']}#{$forum['last_reply']}" title="{$lang['Go_to_last_post']}">
{if {$align} == 'right'}
<i class="Iconchevron fa fa-arrow-circle-left pkr-c" title="{$lang['Go_to_last_post']}"></i>
 {else}
<i class="Iconchevron fa fa-arrow-circle-right pkr-c" title="{$lang['Go_to_last_post']}"></i>
{/if}
</a></div>
</div>
{else}
<div class="no_post">{$lang['no_post']}</div>
{/if}
</div>
</li>
{/if}
{/Des::foreach}
</ul>
{if !{$SHOW_SUB_SECTIONS}}
</div>
{/if}
<!-- End_All-categorys -->
</div>
<br />




بالتوفيق ،،

28-12-2018 02:08 صباحا
مشاهدة مشاركة منفردة [2]
kiopeed
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 17-10-2018
رقم العضوية : 8067
المشاركات : 34
الدولة : مصر
الجنس : ذكر
تاريخ الميلاد : 29-10-1985
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif طلب التعديل على استايل
شوف يا ابو سليمان مهما اشكرك مش هوفي جميلك والله 
 
12993138871452-23434152-1


تم تحرير المشاركة بواسطة :kiopeed
بتاريخ:28-12-2018 02:11 صباحا



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
كيف يمكنني التعديل على الرسالة الترحيبية فى هيدر المنتدى alawaied
1 90 alawaied
مشكل في التعديل على الروابط rachidrachid99
3 266 rachidrachid99
مشكلة عند التعديل على بيانات العضو من لوحة التحكم Yasser Elaraby
3 376 Yasser Elaraby
التعديل على التنبيهات zazloz
1 377 zazloz
كيفية التعديل علي لون موضوع مميز Mr.MoKsHa
8 731 Soliman

الكلمات الدلالية
التعديل ، استايل ،







الساعة الآن 06:34 مساء