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

  1. الرئيسية
  2. قسم تطوير منتديات PBBoard
  3. منتدى شروحات ودروس منتديات PBBoard

اجعل الصور الشخصيّة دائرية


الصفحة 2 من 2
<
1
2
>
الأخيرة

subject icon اجعل الصور الشخصيّة دائرية
23-10-2013 04:54 مساءً
بدون صورة شخصية
كنتارو
معلومات الكاتب
السلام عليكم ورحمة الله وبركاته


اجعل الصور الشخصيّة دائرية


حوّل الصور الشخصيّة بمنتداك لصورة دائرية كما بالشكل السابق



اولا قم بالذهاب إلى لوحة التحكم > الاستايلات و القوالب > التحكم بالقوالب



- قم باختيار الاستايل المراد تطبيق التعديل فيه ثم اذهب إلى قالب writer_info



وقم باستبداله بالتالى .. ثم الحفظ

CODE 

    <!-- Code switch Menu start -->
    
    <div class="UserPhoto_large" align="center">
    {if {$_CONF['info_row']['allow_avatar']} == '1'}
    {if {$ReplierInfo['avater_path']} != ''}
    <a href="{$ReplierInfo['avater_path']}" rel="facebox">
    <img class="piccc" src="{$ReplierInfo['avater_path']}" border="0" title="{$lang['Picture']} {$ReplierInfo['username']} {$lang['Personal']}" alt="{$lang['Picture']}{$ReplierInfo['username']}{$lang['Personal']}" onload="ResizeAv(this)" /></a>
    
    {else}
    <a href="{$image_path}/
    {$_CONF['info_row']['default_avatar']}" rel="facebox">
    <img class="piccc" src="{$image_path}/
{$_CONF['info_row']['default_avatar']}" border="0" alt="{$lang['no_photo']}" title="{$lang['no_photo']}" onload="ResizeAv(this)" />
    </a>
    {/if}
    {/if}
    </div>
    
    <ul class="writer_controls">
    <li>
    {if {$ReplierInfo['username']} !=''}
    <a href="javascript:switchMenuNone('menu_{$Info['id']}')" class="Buttonn_secondary">    
      {$ReplierInfo['display_username']}
    <img border="0" alt="menu_open" src="{$image_path}/menu_open.gif" /></a>
    {else}
    <b class="Button_secondary" >{$lang['Guest_']}</b>
    {/if}
    </li>
    </ul>
    <div style="display:none;" class="drop_menu" id="menu_{$Info['id']}">
    <div class="thead">
    {if {$ReplierInfo['username']} !=''}
    <a href="index.php?page=profile&amp;show=1&amp;id={$ReplierInfo['id']}">
    {$ReplierInfo['display_username']}</a>
    {else}
    <b>{$lang['Guest_']}</b>
    {/if}
    </div>
    <div class="menu_popup">
    <a href="index.php?page=profile&amp;show=1&amp;id={$ReplierInfo['id']}">
    {$lang['view_profile']}
    </a>
    </div>
    <div class="menu_popup">
    <a href="index.php?page=search&amp;option=3&amp;username={$ReplierInfo['username']}&amp;starteronly=0&amp;section=all&amp;exactname=1&amp;sort_order=DESC">
    {$lang['search_for_all_posts']}
    {$ReplierInfo['username']}</a>
    </div>
    <div class="menu_popup">
    <a href="index.php?page=search&amp;option=4&amp;username={$ReplierInfo['username']}&amp;starteronly=0&amp;section=all&amp;exactname=1&amp;sort_order=DESC">
    {$lang['search_for_all_replys']}
    {$ReplierInfo['username']}</a>
    </div>

    {if {$_CONF['member_permission']}}
    <div class="menu_popup">
    <a href="index.php?page=pm_send&amp;send=1&amp;index=1&amp;username={$ReplierInfo['username']}">
    {$lang['send_a_private_message_to']}
    {$ReplierInfo['username']} </a>
    </div>
    {/if}
    {if {$_CONF['member_permission']}}
    <div class="menu_popup">
    <a href="index.php?page=send&amp;member=1&amp;index=1&amp;id={$ReplierInfo['id']}">
    {$lang['send_a_message_to_the_mailing']}
    {$ReplierInfo['username']} </a>
    </div>
    {/if}
    {if {$mod_edit_member}}
    {if {$_CONF['member_permission']}}
    <div class="menu_popup">
    <a target="_blank" href="{$admincpdir}?page=member&amp;edit=1&amp;main=1&amp;id=
    {$ReplierInfo['id']}">
    {$lang['edit_member_data']}
    {$ReplierInfo['username']} </a>
    </div>
    {/if}
    {/if}
    </div>
    <!-- Code switch Menu End -->
            
    <!-- action_find_addons_1 -->
{if {$ReplierInfo['username']} !=''}
    <div class="writer_info" align="center">
    {if {$GroupInfo['usertitle_change']} == 1}
    {if {$Usertitle} != ''}    
    {$Usertitle}
    {else}
    {$ReplierInfo['user_title']}
    {/if}
    {else}
    {if !{$ReplierInfo['user_title']}}
    {$GroupInfo['user_title']}
    {else}
    {$ReplierInfo['user_title']}
    {/if}
    {/if}
    </div>
    {if {$RatingInfo['posts']} > {$ReplierInfo['posts']}}
    {if {$RatingInfo['rating']} != 'look/images/rating/rating_0.gif'}
    <div class="writer_info" align="center">
    <img border="0" alt="rating" src="{$RatingInfo['rating']}" />
    </div>
    {/if}
    {/if}
{/if}    
    <!-- action_find_addons_2 -->   
    <?php $PowerBB->functions->get_hooks_template("writer_info_top")?>    
{if {$ReplierInfo['username']} !=''}    
    <div class="writer_info" align="right">
    {$lang['user_num']} :
    {$ReplierInfo['id']}
    </div>
    <div class="writer_info" align="right">
    {$lang['Case']} :
    {$status}
    </div>
    <div class="writer_info" align="right">
    {$lang['posts']} :
    {$ReplierInfo['posts']}
    </div>
    {if {$ReplierInfo['user_country']} != ''}
    <div class="writer_info" align="right">
    {$lang['user_country']} :
    {$ReplierInfo['user_country']}
    </div>
    {/if}
    <div class="writer_info" align="right">
    {$lang['user_gender']} :
    {if {$ReplierInfo['user_gender']} == m}
    <img title="{$lang['gender_m']}"
    alt="{$lang['gender_m']}"
    src="{$image_path}/gender_male.gif" />
    {else}
    <img title="{$lang['gender_f']}"
    alt="{$lang['gender_f']}"
    src="{$image_path}/gender_female.gif" />
    {/if}
    </div>
    {if {$ReplierInfo['bday_year']} != ''}
    {if {$ReplierInfo['bday_year']} != '0'}
    <div class="writer_info" align="right">
    {$lang['Birth_date']} :
    {$ReplierInfo['bday_day']}-{$ReplierInfo['bday_month']}-{$ReplierInfo['bday_year']}
    </div>
    {/if}
    {/if}
    {if {$ReplierInfo['visitor']} != ''}
    <div class="writer_info" align="right">
    {$lang['visitor_num']} :
    {$ReplierInfo['visitor']}
    </div>
    {/if}
    {if {$ReplierInfo['invite_num']} != '0'}
    <div class="writer_info" align="right">
    {$lang['Invites']} :
    {$ReplierInfo['invite_num']}
    </div>
    {/if}
    {if {$ReplierInfo['warnings']} > 0}
    <div class="writer_info" align="right">
    {$lang['user_warnings']} :
    {$ReplierInfo['warnings']}
    </div>
    {/if}
    {if {$ReplierInfo['reputation']} != ''}
    <div class="writer_info" align="right">
    {$lang['user_reputation']} :
    {$ReplierInfo['reputation']}
    </div>
    <!-- action_find_addons_3 -->
    {/if}
    {if !empty({$ReplierInfo['user_website']}) and {$ReplierInfo['user_website']} != 'http://'}
    <div class="writer_info" align="right">
    {$lang['UserWebsite']} :
    <?php if (strstr($PowerBB->_CONF['template']['ReplierInfo']['user_website'],'http://')) {  ?>
    <a target="_blank" href="{$ReplierInfo['user_website']}">{$lang['Visit_my_website']}</a>
    <?php }else{ ?>
    <a target="_blank" href="http://{$ReplierInfo['user_website']}">{$lang['Visit_my_website']}</a>
    {/if}
    </div>
    {/if}
    {if is_array({$while['extrafield']})==true }
    {Des::while}{extrafield}
    <?php if( $PowerBB->_CONF['template']['ReplierInfo'][ $PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag'] ]!='' ){ ?>
    <div class="writer_info" align="right">
    {$extrafield['name']} :
    <?php $PowerBB->_CONF['template']['ReplierInfo'][ $PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag'] ] = $PowerBB->functions->CleanVariable($PowerBB->_CONF['template']['ReplierInfo'][ $PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag'] ],'html'); ?>
    <?php echo $PowerBB->_CONF['template']['ReplierInfo'][ $PowerBB->_CONF['template']['while']['extrafield'][$this->x_loop]['name_tag'] ] ?>
    </div>
    <?php }else{ ?>
    <?php } ?>
    {/Des::while}
    {/if}
    
    {if !{$admin_mod_toolbar}}
    <a title="{$lang['send_warn_to_mem']}
    {$ReplierInfo['username']}"href="index.php?page=warn&amp;index=1&amp;id={$ReplierInfo['id']}"><img title="{$lang['send_warn_to_mem']}"
    {$ReplierInfo['username']}" border="0" alt="{$lang['send_warn_to_mem']}"
    src="{$image_path}/warn.png" /></a>
    {/if}
    {if {$_CONF['rows']['group_info']['admincp_allow']}}
    {if {$ReplierInfo['member_ip']} != ''}
    &nbsp;&nbsp;<img title="{$lang['user_IP']}:
    {$ReplierInfo['member_ip']}" alt="User IP" border="0" src="{$image_path}/ip.gif" />
    {/if}
    {/if}
    {if {$_CONF['info_row']['allow_apsent']} == '1'}
    {if {$ReplierInfo['away']}}
    
    <fieldset>
    <legend><font class="smallfont">{$lang['user_Absent']}</font></legend>
    <font class="smallfont">
    {$ReplierInfo['away_msg']}
    </font>
    </fieldset>
    {/if}
    {/if}
    <!-- action_find_addons_4 -->
<?php $PowerBB->functions->get_hooks_template("writer_info_down")?>    
    
    {if {$Awards_nm} > '0'}
    {template}awards{/template}
    {/if}
    
    {if !{$Info['reply_id']}}
    {if {$_CONF['info_row']['show_list_last_5_posts_member']} == 1}
    {template}last_subject_writer{/template}
    {/if}
    {/if}
{/if}






- قم بفتح ملف الـ css وابحث عن الكلاس التالى .UserPhoto_large

واستبدل محتوياته بـ

CODE 


	.UserPhoto_large

	{

	background:transparent;

	    width: auto;

	    height: auto;

	}




و ايضا فى ملف الـ css قم بإضافة الكلاسات التالية



CODE 


	.Buttonn_secondary

	{

	    height: 22px;

	    line-height: 22px;

	    font-family: jannah, Georgia, serif;

	    font-size:16px;

	    padding: 0 10px;

	    background-color:transparent;

	    color: #616161;

	    display: inline-block;

	    white-space: nowrap;

	    margin-left:2px;

	    margin-right:2px;

	}

	

	.Buttonn_secondary a

	{

	    color: #616161;

	    background-color:transparent;

	}

	

	.Buttonn_secondary: hover

	{

	    color: #616161;

	    background-color:transparent;

	}

	.piccc{

	    border:0.5px #c0c0c0 solid;

	    border-radius: 150px;

	    -webkit-border-radius: 150px;

	    -moz-border-radius: 150px;}

	}




و مباركُـ عليك

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  23-10-2013 07:07 مساءً   [1]
بدون صورة شخصية
serdoun
معلومات الكاتب
شكرا كنتارو على المجهود الرائع

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  24-10-2013 02:47 صباحاً   [2]
بدون صورة شخصية
ashraf
معلومات الكاتب
تسلم " كنتارو "مجهود راّ ئع ومتعوب عليه .. تحياتي اجعل الصور الشخصيّة دائريةمع <a title="اضافة الى سمعة: serdoun"> اجعل الصور الشخصيّة دائرية </a>

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  24-10-2013 10:32 صباحاً   [3]
صورة AHMED الشخصية
AHMED
معلومات الكاتب


عمل مميز

جزاك الله خيرا و بارك لك اخى الكريم

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  26-10-2013 10:34 صباحاً   [4]
بدون صورة شخصية
كنتارو
معلومات الكاتب
الشكر لله :)

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  26-10-2013 06:55 مساءً   [5]
صورة Dzkhalwi الشخصية
Dzkhalwi
معلومات الكاتب
برك الله فيك

تم التطبيق + تقييم ^^

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  28-10-2013 12:51 مساءً   [6]
بدون صورة شخصية
كنتارو
معلومات الكاتب




شكراَ اجعل الصور الشخصيّة دائرية

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  02-11-2013 12:18 صباحاً   [7]
صورة ابو عبد الله الشخصية
ابو عبد الله
معلومات الكاتب
جزاك الله خيرا

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  05-11-2013 09:13 مساءً   [8]
صورة fayssal90 الشخصية
fayssal90
معلومات الكاتب
تعديل رائع

بارك الله فيك اخي.

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  11-07-2015 06:12 صباحاً   [9]
بدون صورة شخصية
Nisho
معلومات الكاتب
شكراا اخي

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  02-10-2015 01:36 صباحاً   [10]
صورة kareem الشخصية
kareem
معلومات الكاتب
برك الله فيك

تقييم ^^

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  27-11-2015 03:15 صباحاً   [11]
صورة m_rezk2000 الشخصية
m_rezk2000
معلومات الكاتب
كل الشكر والتقدير على هذا المجهود

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  22-07-2016 09:56 مساءً   [12]
بدون صورة شخصية
khaabas
معلومات الكاتب
هل الطريقة تصلح للنسخ 3.0.2

الصفحة 2 من 2
<
1
2
>
الأخيرة


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


« فيرفوكس يسهل لك التصميم | كيفية عمل سلايد شو مميز و خفيف لمنتديات Pbboard »




الساعة الآن 06:29 AM