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

السلام عليكم ورحمة الله وبركاته

————————————–

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

الملفات المعدلة:
[list]

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

	
		
			{postrow.L_IGNORE_POST}
		

	
		
			
				{L_EDIT_POST}
				{L_DELETE_POST}
				{L_REPORT_POST}
				{L_WARN_USER}
				{L_INFORMATION}
				{L_REPLY_WITH_QUOTE}
			
		
	

		class="first" {postrow.POST_SUBJECT}
		{postrow.MINI_POST_IMG}{postrow.MINI_POST_IMG}{L_POST_BY_AUTHOR} {postrow.POST_AUTHOR_FULL} » {postrow.POST_DATE} 

		
			
				{UNAPPROVED_IMG} {L_POST_UNAPPROVED}
				{REPORTED_IMG} {L_POST_REPORTED}
			
		

		{postrow.MESSAGE}

		
			
				{L_ATTACHMENTS}
				
					{postrow.attachment.DISPLAY_ATTACHMENT}
				
			
		

		{L_DOWNLOAD_NOTICE}
		
			{postrow.EDITED_MESSAGE}
				{L_REASON}: {postrow.EDIT_REASON}
			
		

		{postrow.BUMPED_MESSAGE}
		{postrow.SIGNATURE}
	

	

	
		
		
			
				{postrow.POSTER_AVATAR}{postrow.POSTER_AVATAR}
			
			{postrow.POST_AUTHOR_FULL}{postrow.POST_AUTHOR_FULL}
		

		{postrow.RANK_TITLE}{postrow.RANK_IMG}

	 

	{L_POSTS}: {postrow.POSTER_POSTS}
	{L_JOINED}: {postrow.POSTER_JOINED}
	{L_LOCATION}: {postrow.POSTER_FROM}

	
		
		{postrow.PROFILE_FIELD1_NAME}: {postrow.PROFILE_FIELD1_VALUE}
	

	
		{postrow.custom_fields.PROFILE_FIELD_NAME}: {postrow.custom_fields.PROFILE_FIELD_VALUE}
	

	
	
		
			
				{L_PRIVATE_MESSAGE}
				{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}
				{L_WEBSITE}
				{L_MSNM}
				{L_ICQ}
				{L_YIM}
				{L_AIM}
				{L_JABBER}
			
		
	
	

	

استبدله بـ:

	
	       
			
			
				
					{postrow.POSTER_AVATAR}{postrow.POSTER_AVATAR}
				
				{postrow.POST_AUTHOR_FULL}{postrow.POST_AUTHOR_FULL}
			
        
		
		{postrow.RANK_TITLE}{postrow.RANK_IMG}
		
		
		
		
		{L_POSTS}: {postrow.POSTER_POSTS}
		{L_JOINED}: {postrow.POSTER_JOINED}
		{L_LOCATION}: {postrow.POSTER_FROM}

		
			
			{postrow.PROFILE_FIELD1_NAME}: {postrow.PROFILE_FIELD1_VALUE}
		

		
			{postrow.custom_fields.PROFILE_FIELD_NAME}: {postrow.custom_fields.PROFILE_FIELD_VALUE}
		

		
		
			
				
					{L_PRIVATE_MESSAGE}
					{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}
					{L_WEBSITE}
					{L_MSNM}
					{L_ICQ}
					{L_YIM}
					{L_AIM}
					{L_JABBER}
				
			
		
		

		
		
	 
	

		
			
				{postrow.L_IGNORE_POST}
			

		
			
				
					{L_EDIT_POST}
					{L_DELETE_POST}
					{L_REPORT_POST}
					{L_WARN_USER}
					{L_INFORMATION}
					{L_REPLY_WITH_QUOTE}
				
			
		

			class="first" {postrow.POST_SUBJECT}
			{postrow.MINI_POST_IMG}{postrow.MINI_POST_IMG}{L_POST_BY_AUTHOR} {postrow.POST_AUTHOR_FULL} » {postrow.POST_DATE} 

			
				
					{UNAPPROVED_IMG} {L_POST_UNAPPROVED}
					{REPORTED_IMG} {L_POST_REPORTED}
				
			

			{postrow.MESSAGE}

			
				
					{L_ATTACHMENTS}
					
						{postrow.attachment.DISPLAY_ATTACHMENT}
					
				
			

			{L_DOWNLOAD_NOTICE}
			
				{postrow.EDITED_MESSAGE}
					{L_REASON}: {postrow.EDIT_REASON}
				
			

			{postrow.BUMPED_MESSAGE}
			{postrow.SIGNATURE}
		

		

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

.rtl .postprofile {
    border-left: none;
    border-right-width: 1px;
    border-right-style: solid;
    float: left;
/*    text-align: right; */
}

استبدله بـ:

.rtl .postprofile {
    border-left: none;
    border-right-width: 0px;
    border-right-style: solid;
/*    text-align: right; */
}

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

width: 76%;

استبدله بـ:

width: 100%;

ابحث عن :

width: 22%;

استبدله بـ:

width:auto;

ابحث عن:

.online {
    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}

أضف بعده :

.hpostprofile {
     width:100%;
	 height:auto;
	 padding:2px 0;
	 border-bottom:1px solid #fff;
	 float:right;
	 margin-bottom:10px;
}
.right_profileblock {
	 width:30%;
	 float:right;
}
.left_profileblock {
	 width:200px;
	 float:left;
	 padding-top:10px;
	 padding-left:20px;
}
.hrank {
     float:right;
	 margin-right:10px;
}
.postprofile_info {
	 padding-left:10px;
}