وضع معلومات الكاتب بالعرض “أفقيا” في ستايل بروسيلفر




السلام عليكم ورحمة الله وبركاته
————————————–
في هذا الدرس سنشرح كيفية وضع معلومات كاتب المشاركة أفقيا في ستايل بروسيلفر prosilver .
الملفات المعدلة:


  • template/viewtopic_body.html
  • theme/bidi.css
  • theme/content.css


الخطوات:
افتح ملف viewtopic_body.html وابحث عن :

كود PHP:

 001    
<div class="postbody">002        <!-- IF postrow.S_IGNORE_POST -->003            <div class="ignore">{postrow.L_IGNORE_POST}</div>004        <!-- ELSE -->005 006    <!-- IF not S_IS_BOT -->007        <!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->008            <ul class="profile-icons">009                <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->010                <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->011                <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->012                <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->013                <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->014                <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->015            </ul>016        <!-- ENDIF -->017    <!-- ENDIF -->018 019        <h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>020        <class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; {postrow.POST_DATE} </p>021 022        <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->023            <class="rules">024                <!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->025                <!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->026            </p>027        <!-- ENDIF -->028 029        <div class="content">{postrow.MESSAGE}</div>030 031        <!-- IF postrow.S_HAS_ATTACHMENTS -->032            <dl class="attachbox">033                <dt>{L_ATTACHMENTS}</dt>034                <!-- BEGIN attachment -->035                    <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>036                <!-- END attachment -->037            </dl>038        <!-- ENDIF -->039 040        <!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->041        <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->042            <div class="notice">{postrow.EDITED_MESSAGE}043                <!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->044            </div>045        <!-- ENDIF -->046 047        <!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->048        <!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->049    <!-- ENDIF -->050 051    </div>052 053    <!-- IF not postrow.S_IGNORE_POST -->054        <dl class="postprofile" id="profile{postrow.POST_ID}">055        <dt>056            <!-- IF postrow.POSTER_AVATAR -->057                <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />058            <!-- ENDIF -->059            <!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->060        </dt>061 062        <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->063 064    <dd>&nbsp;</dd>065 066    <!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->067    <!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->068    <!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->069 070    <!-- IF postrow.S_PROFILE_FIELD1 -->071        <!-- Use a construct like this to include admin defined profile fieldsReplace FIELD1 with the name of your field. -->072        <dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>073    <!-- ENDIF -->074 075    <!-- BEGIN custom_fields -->076        <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>077    <!-- END custom_fields -->078 079    <!-- IF not S_IS_BOT -->080    <!--  IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or  postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER  -->081        <dd>082            <ul class="profile-icons">083                <!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->084                <!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->085                <!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->086                <!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->087                <!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->088                <!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->089                <!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->090                <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->091            </ul>092        </dd>093    <!-- ENDIF -->094    <!-- ENDIF -->095 096    </dl>097<!-- ENDIF --> 



استبدله بـ:

كود PHP:

 001
<!-- IF not postrow.S_IGNORE_POST -->002    <div class="hpostprofile">003           <div class="right_profileblock">004            <dl class="postprofile" id="profile{postrow.POST_ID}">005            <dt>006                <!-- IF postrow.POSTER_AVATAR -->007                    <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />008                <!-- ENDIF -->009                <!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->010            </dt>011        </dl>012        <dl class="hrank">013        <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->014        </dl>015        </div>016        <div class="left_profileblock">017        <dl class="postprofile_info">018        <!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->019        <!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->020        <!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->021 022        <!-- IF postrow.S_PROFILE_FIELD1 -->023            <!-- Use a construct like this to include admin defined profile fieldsReplace FIELD1 with the name of your field. -->024            <dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>025        <!-- ENDIF -->026 027        <!-- BEGIN custom_fields -->028            <dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>029        <!-- END custom_fields -->030 031        <!-- IF not S_IS_BOT -->032        <!--  IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or  postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM or postrow.U_JABBER  -->033            <dd>034                <ul class="profile-icons">035                    <!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->036                    <!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->037                    <!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->038                    <!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->039                    <!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->040                    <!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->041                    <!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->042                    <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->043                </ul>044            </dd>045        <!-- ENDIF -->046        <!-- ENDIF -->047 048        </dl>049        </div>050     </div>051    <!-- ENDIF -->052 053        <div class="postbody">054            <!-- IF postrow.S_IGNORE_POST -->055                <div class="ignore">{postrow.L_IGNORE_POST}</div>056            <!-- ELSE -->057 058        <!-- IF not S_IS_BOT -->059            <!-- IF postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE -->060                <ul class="profile-icons">061                    <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->062                    <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->063                    <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->064                    <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->065                    <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->066                    <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->067                </ul>068            <!-- ENDIF -->069        <!-- ENDIF -->070 071            <h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>072            <class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; {postrow.POST_DATE} </p>073 074            <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->075                <class="rules">076                    <!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><br /><!-- ENDIF -->077                    <!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->078                </p>079            <!-- ENDIF -->080 081            <div class="content">{postrow.MESSAGE}</div>082 083            <!-- IF postrow.S_HAS_ATTACHMENTS -->084                <dl class="attachbox">085                    <dt>{L_ATTACHMENTS}</dt>086                    <!-- BEGIN attachment -->087                        <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>088                    <!-- END attachment -->089                </dl>090            <!-- ENDIF -->091 092            <!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->093            <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->094                <div class="notice">{postrow.EDITED_MESSAGE}095                    <!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->096                </div>097            <!-- ENDIF -->098 099            <!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->100            <!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->101        <!-- ENDIF -->102 103        </div



افتح ملف bidi.css وابحث عن :

كود PHP:

 001.rtl 
.postprofile {002    border-leftnone;003    border-right-width1px;004    border-right-stylesolid;005    floatleft;006/*    text-align: right; */007



استبدله بـ:

كود PHP:

 001.rtl 
.postprofile {002    border-leftnone;003    border-right-width0px;004    border-right-stylesolid;005/*    text-align: right; */006



افتح ملف content.css وابحث عن:
كود PHP:

 001width
76%; 



استبدله بـ:

كود PHP:

 001width
100%; 



ابحث عن :
كود PHP:

 001width
22%; 



استبدله بـ:
كود PHP:
 
001width:auto;


ابحث عن:

كود PHP:

 001.online 
{002    background-imagenone;003    background-position1000;004    background-repeatno-repeat;005



أضف بعده :

كود PHP:

 001.hpostprofile 
{002     width:100%;003     height:auto;004     padding:2px 0;005     border-bottom:1px solid #fff;006     float:right;007     margin-bottom:10px;008}009.right_profileblock {010     width:30%;011     float:right;012}013.left_profileblock {014     width:200px;015     float:left;016     padding-top:10px;017     padding-left:20px;018}019.hrank {020     float:right;021     margin-right:10px;022}023.postprofile_info {024     padding-left:10px;025}