<span class="writer_photo_thumb">{$forum['writer_photo_thumb']}</span>      

اقتبـاس ،،

واضف أعلاه:

اقتبـاس ،،
<code>{</code><code>if</code> <code>{</code><code>$_CONF</code><code>[</code><code>'info_row'</code><code>][</code><code>'allow_avatar'</code><code>]}}</code>

<code><code>class</code><code>=</code><code>"UserPhoto_tiny_RCS"</code> <code>title=</code><code>"{$lang['Picture']} {$forum['username']} {$lang['Personal']}"</code><code>></code></code>
<code><code><code>class</code><code>=</code><code>"User-Picture-forum-Home"</code><code>style=</code><code>"background-image: url({$forum['writer_photo']});"</code><code>></code></code></code>

<code><code><code>{</code><code>if</code> <code>{</code><code>$align</code><code>} == </code><code>'right'</code><code>}</code></code></code>

<code><code><code><code>class</code><code>=</code><code>"PBB-WBS"</code> <code>style=</code><code>"border-right-color: #82ACD8;"</code><code>></code></code></code></code>
<code><code><code> </code><code>{</code><code>else</code><code>}</code></code></code>

<code><code><code><code>class</code><code>=</code><code>"PBB-WBS"</code> <code>style=</code><code>"border-left-color: #82ACD8;"</code><code>></code></code></code></code>
<code><code><code>{/</code><code>if</code><code>}</code></code></code>
<code><code><code>{/</code><code>if</code><code>}</code></code></code>

<code><code> الخطوة الثانية:

افتح ملف : style.css الخاص بالأستايل





واضف في نهايته هذه الأكواد: </code></code>

اقتبـاس ،،



<code><code><code>.UserPhoto_tiny_RCS {</code></code></code>
<code><code><code>border:1px solid #A5C8E0;</code></code></code>
<code><code><code>float:right;</code></code></code>
<code><code><code>padding:2px;</code></code></code>
<code><code><code>background-color:transparent;</code></code></code>
<code><code><code>border-radius: 2px;</code></code></code>
<code><code><code>display: block;</code></code></code>
<code><code><code>}</code></code></code>
<code><code><code>.UserPhoto_tiny_RCS img {</code></code></code>
<code><code><code>width:40px;</code></code></code>
<code><code><code>height:40px;</code></code></code>
<code><code><code>text-align:center;</code></code></code>
<code><code><code>}</code></code></code>
<code><code> </code></code>
<code><code><code>.PBB-WBS {</code></code></code>
<code><code><code>width:0px;</code></code></code>
<code><code><code>height:0px;</code></code></code>
<code><code><code>border-style:solid;</code></code></code>
<code><code><code>border-width:7px;</code></code></code>
<code><code><code>border-left-style:none;</code></code></code>
<code><code><code>border-top-color:transparent;</code></code></code>
<code><code><code>border-bottom-color:transparent;</code></code></code>
<code><code><code>border-right-color:#82ACD8;</code></code></code>
<code><code><code>float:right;</code></code></code>
<code><code><code>margin-top:12px;</code></code></code>
<code><code><code>padding-left:4px;</code></code></code>
<code><code><code>}</code></code></code>
<code><code> </code></code>
<code><code><code>.User-Picture-forum-Home{</code></code></code>
<code><code><code>width: 40px;</code></code></code>
<code><code><code>height: 40px;</code></code></code>
<code><code><code>background-position: center;</code></code></code>
<code><code><code>background-repeat: no-repeat;</code></code></code>
<code><code><code>background-size: 40px;</code></code></code>
<code><code><code>display: inline-block;</code></code></code>
<code><code><code>vertical-align: middle;</code></code></code>
<code><code><code>}</code></code></code>

<code><code> أنتهى ..