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

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



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


23-10-2013 04:54 مساء
كنتارو
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 22-07-2009
رقم العضوية : 59
المشاركات : 438
الدولة : مِصْر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3107
اصدار المنتدى : غير محدد
 offline 
السلام عليكم ورحمة الله وبركاته
 
1445ms3

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

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

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

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


    <!-- 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}
    <br />
    {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']}}
    <br />
    <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")?>    
    <br />
    {if {$Awards_nm} > '0'}
    {template}awards{/template}
    {/if}
    <br />
    {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
واستبدل محتوياته بـ


.UserPhoto_large
{
background:transparent;
    width: auto;
    height: auto;
}


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


.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;}
}


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

23-10-2013 07:07 مساء
مشاهدة مشاركة منفردة [1]
serdoun
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-05-2013
رقم العضوية : 3552
المشاركات : 95
الجنس : ذكر
الدعوات : 2
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 240
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية

شكرا كنتارو على المجهود الرائع


24-10-2013 02:47 صباحا
مشاهدة مشاركة منفردة [2]
ashraf
عضـو ستـار
rating
العضو غائب سبحان الله وبحمده سبحان الله العظيم
معلومات الكاتب ▼
تاريخ الإنضمام : 01-12-2011
رقم العضوية : 1947
المشاركات : 2249
الدولة : مصر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3463
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
تسلم " كنتارو "مجهود راّ ئع ومتعوب عليه .. تحياتي 805681مع reputation

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

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

26-10-2013 10:34 صباحا
مشاهدة مشاركة منفردة [4]
كنتارو
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 22-07-2009
رقم العضوية : 59
المشاركات : 438
الدولة : مِصْر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3107
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية
الشكر لله smile

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

28-10-2013 12:51 مساء
مشاهدة مشاركة منفردة [6]
كنتارو
عضـو نشيط
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 22-07-2009
رقم العضوية : 59
المشاركات : 438
الدولة : مِصْر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3107
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اجعل الصور الشخصيّة دائرية


شكراَ 155


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


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







الساعة الآن 08:48 صباحا