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

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

السلام عليكم ورحمة الله وبركاته حوّل الصور الشخصيّة بمنتداك لصورة دائرية كما بالشكل السابق اولا قم بالذهاب إلى لوحة التحكم >



23-10-2013 04:54 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 22-07-2009
رقم العضوية : 59
المشاركات : 438
الدولة : مِصْر
الجنس :
قوة السمعة : 3107
السلام عليكم ورحمة الله وبركاته

1445ms3

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

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

- قم باختيار الاستايل المراد تطبيق التعديل فيه ثم اذهب إلى قالب 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&show=1&id={$ReplierInfo['id']}">
    {$ReplierInfo['display_username']}</a>
    {else}
    <b>{$lang['Guest_']}</b>
    {/if}
    </div>
    <div class="menu_popup">
    <a href="index.php?page=profile&show=1&id={$ReplierInfo['id']}">
    {$lang['view_profile']}
    </a>
    </div>
    <div class="menu_popup">
    <a href="index.php?page=search&option=3&username={$ReplierInfo['username']}&starteronly=0&section=all&exactname=1&sort_order=DESC">
    {$lang['search_for_all_posts']}
    {$ReplierInfo['username']}</a>
    </div>
    <div class="menu_popup">
    <a href="index.php?page=search&option=4&username={$ReplierInfo['username']}&starteronly=0&section=all&exactname=1&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&send=1&index=1&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&member=1&index=1&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&edit=1&main=1&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&index=1&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']} != ''}
      <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]
معلومات الكاتب ▼
تاريخ الإنضمام : 19-05-2013
رقم العضوية : 3552
المشاركات : 95
الدولة : الجزائر
الجنس :
تاريخ الميلاد : 21-6-1981
الدعوات : 2
قوة السمعة : 240
شكرا كنتارو على المجهود الرائع

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  24-10-2013 02:47 صباحاً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 01-12-2011
رقم العضوية : 1947
المشاركات : 2249
الدولة : مصر
الجنس :
قوة السمعة : 3523
موقعي : زيارة موقعي
العضو غائب سبحان الله وبحمده سبحان الله العظيم
تسلم " كنتارو "مجهود راّ ئع ومتعوب عليه .. تحياتي 805681مع <a title="اضافة الى سمعة: serdoun"> reputation </a>

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  24-10-2013 10:32 صباحاً   [3]
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس :
تاريخ الميلاد : 1-10-1981
الدعوات : 30
قوة السمعة : 4978
موقعي : زيارة موقعي
عمل مميز
جزاك الله خيرا و بارك لك اخى الكريم

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  26-10-2013 10:34 صباحاً   [4]
معلومات الكاتب ▼
تاريخ الإنضمام : 22-07-2009
رقم العضوية : 59
المشاركات : 438
الدولة : مِصْر
الجنس :
قوة السمعة : 3107
الشكر لله :)

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  26-10-2013 06:55 مساءً   [5]
معلومات الكاتب ▼
تاريخ الإنضمام : 24-08-2013
رقم العضوية : 4130
المشاركات : 284
الدولة : الجزائر
الجنس :
تاريخ الميلاد : 9-1-1992
الدعوات : 1
قوة السمعة : 2470
موقعي : زيارة موقعي
برك الله فيك
تم التطبيق + تقييم ^^

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  28-10-2013 12:51 مساءً   [6]
معلومات الكاتب ▼
تاريخ الإنضمام : 22-07-2009
رقم العضوية : 59
المشاركات : 438
الدولة : مِصْر
الجنس :
قوة السمعة : 3107
شكراَ 155

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  02-11-2013 12:18 صباحاً   [7]
معلومات الكاتب ▼
تاريخ الإنضمام : 07-08-2010
رقم العضوية : 628
المشاركات : 2997
الجنس :
الدعوات : 6
قوة السمعة : 4841
موقعي : زيارة موقعي
جزاك الله خيرا

look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
  05-11-2013 09:13 مساءً   [8]
معلومات الكاتب ▼
تاريخ الإنضمام : 07-06-2012
رقم العضوية : 2254
المشاركات : 686
الجنس :
الإنذارات : 1
قوة السمعة : 1656
موقعي : زيارة موقعي
تعديل رائع
بارك الله فيك اخي.

رد جديد موضوع جديد
الصفحة 2 من 2 < 1 2 > الأخيرة





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









الساعة الآن 04:46 PM