السلام عليكم ورحمة الله وبركاته
موضوع لناس الي بتحب تخلي مواضيعا واسم مشارك الموضوع بشكل افقي
نشوف صوره للقالب
طبعا في ناس ممكن تكون عارفه منتدي تيم اكسور طبعا ده اتقفل منذ فتره كبيره وكان منتدي كبير
وكانت مواضيع المشارك بالشكل الي في الصوره
انا شفت موضوع قالب البوست بت ترايند 2016 او 2015 مش فاكر
وعملته علي المنتدي بس وشوف حد بيطلب القالبب بتاع تيم اكسور وطبعا في واحد رد وقال القالب مدفوع وخاص
انا حبيت انزله لناس الي بتحب الاشكال ده من المواضيع
في قالب postbit
بدله كله بده
كود PHP:
<br />
$template_hook[postbit_start]
<table class="post1" id="post$post[postid]" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<!-- <tr>
<td $post[scrolltothis]>
<div style="float:$stylevar[right]">
<if condition="$show['inlinemod']">
<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
</if>
</div>
</td>
</tr> -->
<tr>
<td class="alt2" style="padding:0px">
<!-- user info -->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td nowrap="nowrap" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<table class="post1" id="post$post[postid]" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" >
<td >
<td style="margin:0px 0px 165px;" class="Hazemcode" class="alt2 avatar" valign="top"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" width="140" height="200"></a></td>
</td>
</table>
<div class="info_post">
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<!-- <if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if> -->
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>
$template_hook[postbit_userinfo_left]
</td>
<td nowrap="nowrap" valign="top">
<table style="margin:0px 100px 20px 100px;" class="post1" id="post$post[postid]" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="75%" >
<td width="75%"><if condition="$post['rank']"><center><div class="smallfont">$post[rank]</div></center></if>
<div id="postmenu_$post[postid]" align="center">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</div>
<div class="smallfont smallfont2" align="center">:: $post[usertitle] ::</div>
<center> <if condition="!$show['announcement']">
$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
<else />
<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
</if>
$post[firstnewinsert]
</span>
<if condition="$show['postcount']">
<br>رقم المشاركه : <a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
<if condition="$show['inlinemod']">
</if></center>
<center><div>$post[onlinestatus]</div></center>
</td>
</table>
</td>
<td valign="top" width="30%"></td>
<td valign="top" nowrap="nowrap" width="250">
<table class="post1" id="post$post[postid]" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="75%" align="left">
<td >
<div class="Hazemcode"><center><b><i class="fa fa-users fa-lg"></i>.</b></center></div>
<div class="Hazemcode"><i class="fa fa-user fa-lg"></i> رقم العضويه :   $post[userid]</div>
<div class="Hazemcode"><i class="fa fa-calendar fa-lg"></i> مسجل :   $post[joindate]</div>
<div class="Hazemcode"><i class="fa fa-comment fa-lg"></i> المشاركات :   $post[posts] [+]</div>
<div class="Hazemcode"><i class="fa fa-gift fa-lg"></i> التقيم : $post[postsperday] [+]</div>
<div class="Hazemcode">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
<span><if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a> </if></span>
<span>$post[iplogged]</span>
</div>
</td>
</table>
</td>
</tr>
</table><br>
<!-- / user info -->
</td>
</tr>
<tr>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="alt1" id="td_post_$post[postid]">
</if>
<!-- message, attachments, sig -->
$template_hook[postbit_messagearea_start]
<if condition="$show['messageicon'] OR $post['title']">
<!-- icon and title -->
<div class="smallfont IconTitle">
<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>
<div class="TraiMessage"></div>
<!-- / icon and title -->
</if>
<!-- message -->
<div class="post_message" id="post_message_$post[postid]">
<br />
$ad_location[ad_showthread_firstpost_start]
$post[message]
</div>
<!-- / message -->
<br />
<if condition="$show['attachments']">
<!-- attachments -->
<div style="padding:$stylevar[cellpadding]px">
<if condition="$show['thumbnailattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_thumbnails]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[thumbnailattachments]
</div>
</fieldset>
</if>
<if condition="$show['imageattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[imageattachments]
</div>
</fieldset>
</if>
<if condition="$show['imageattachmentlink']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[imageattachmentlinks]
</table>
</fieldset>
</if>
<if condition="$show['otherattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_files]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[otherattachments]
</table>
</fieldset>
</if>
<if condition="$show['moderatedattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attachments_pending_approval]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[moderatedattachments]
</table>
</fieldset>
</if>
</div>
<!-- / attachments -->
</if>
$template_hook[postbit_signature_start]
$ad_location[ad_showthread_firstpost_sig]
<if condition="$post['signature']">
<!-- sig -->
<div class="Signature">
$post[signature]
</div>
<!-- / sig -->
</if>
$template_hook[postbit_signature_end]
<if condition="$show['postedited']">
<!-- edit note -->
<div class="smallfont">
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
<em>
<if condition="$show['postedithistory']">
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>
<else />
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>
</if>
<if condition="$post['edit_reason']">
$vbphrase[reason]: $post[edit_reason]
</if>
</em>
</div>
<!-- / edit note -->
</if>
<div align="$stylevar[right]">
<!-- controls -->
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<span ><a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><span class="controls button">رد سريع</span></a></span>
</if>
<if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<span ><a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><span class="controls button">تعديل</span></a></span>
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<span ><a href="$post[replylink]" rel="nofollow"><span class="controls button">إقتباس</span></a></span>
</if>
<if condition="$show['multiquote_post']">
<span >
<a href="$post[replylink]" rel="nofollow" onclick="return false"><span class="<if condition="$show['multiquote_selected']">controls2 button<else />controls button</if>">إقتباس متعدد</span></a></span>
</if>
<if condition="$show['moderated']">
<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
<if condition="$show['spam']">
<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
</if>
<if condition="$show['deletedpost']">
<if condition="$show['managepost']">
<a href="postings.php?$session[sessionurl]do=managepost&p=$post[postid]"><img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[manage]" border="0" /></a>
<else />
<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
</if>
</if>
<if condition="$show['redcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
<else />
<if condition="$show['yellowcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
</if>
</if>
$template_hook[postbit_controls]
<!-- / controls -->
</div>
<!-- message, attachments, sig -->
</td>
</tr>
</table>
$template_hook[postbit_end]
<if condition="$show['profile']">
<!-- post $post[postid] popup menu -->
<div class="VbmenuPopup" id="postmenu_$post[postid]_menu" style="display:none;">
<table cellpadding="4" cellspacing="0" border="0">
<tr>
<td class="VbmenuPopup">$post[username]</td>
</tr>
<if condition="$show['profile']">
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
</if>
<if condition="$show['pmlink']">
<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['emaillink']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['homepage']">
<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
</if>
<if condition="$show['search']">
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_all_posts_by_x]</phrase></a></td></tr>
</if>
<if condition="$post['userid'] AND $show['member']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
</if>
$template_hook[postbit_user_popup]
</table>
</div>
<!-- / post $post[postid] popup menu -->
</if>
في الاستايل ضيف دول
كود PHP:
.post1 {
background-color: #fbfbfb;
border-color: #0370d3#dedede #dedede;
border-left: 1px solid #e8e8e8;
border-radius: 25px 25px 5px 5px;
-moz-border-radius: 25px 25px 5px 5px;
-webkit-border-radius: 25px 25px 5px 5px;
border-right: 1px solid #e8e8e8;
border-style: solid;
border-width: 10px 1px 1px;
-webkit-box-shadow: 0 0 3px #e7e7e7;
-moz-box-shadow: 0 0 3px #e7e7e7;
box-shadow: 0 0 3px #e7e7e7;
clear: both;
margin: 0 5px;
padding: 10px;
}
.Hazemcode
{
background-color:#f5f5f5;
color:#000205;
border-radius:7px;
padding:2px;
margin-bottom:5px;
border-top: 2px solid #e0e0e0;
border-left: 2px solid #e0e0e0;
border-right: 2px solid #e0e0e0;
border-bottom: 2px solid #e0e0e0;
font:bold 11px Droid Arabic Kufi;
box-shadow:0px 0px 1px #999;
-webkit-transition: all 0.30s linear;
-moz-transition: all 0.30s linear;
-o-transition: all 0.30s linear;
}
.Hazemcode:hover { background:#DDDDDD; }
.Hazemcode:active { box-shadow:inset 0 0px 2px 0 rgba(0, 0, 0, 0.9) }
كده خلصنا
بس في شي بسيط القائمه الي في النص بين الصوره والمعلومات ده بتختلف حسب نوع الشاشه ياعني لو الشاشه كبيره تلقي القائمه قربت نحيه الصور
ولو في حد يقدر يظبه تبا في النص مهما اختلف الحجم يبا ميمه ميه
انا ظابطه لنوع الشاشه العاديه 1024*764
مثال مباشر
منتدي اكواد