[Template]كود اعجابات المواضيع مثل ترايد نت برمجة الطائر الحر
السلام عليكم و رحمة الله و بركاته
مرحبا اخواني و اخواتي
اليوم ان شاء الله اقدم لكم
كود جديد وحصري برمجتي
و هو كود الاعجابات مثل ترايد نت
صورة الكود
مثال حي مباشر امامك الان فى الموضوع
طريقة التعديل على القوالب الاصليه لاحلى منتدي
اذهب الى لوحة الادارة / مظهر المنتدي / التومبلايتات و القوالب / اداره عامة
اضغط تعديل على القالب معاينة المواضيع viewtopic_body
ابحث عن الكود التالى و احذفه
- الكود:
-
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<!-- BEGIN switch_signature -->
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
<!-- END switch_signature -->
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
<!-- BEGIN switch_likes_active -->
<tr><td colspan="2"><div class="fa_like_div">
<div class="fa_like_div">
<!-- BEGIN switch_like_list -->
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
<!-- END switch_like_list -->
<!-- BEGIN switch_dislike_list -->
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
<!-- END switch_dislike_list -->
</div>
<button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
<svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
</button>
<!-- BEGIN switch_dislike_button -->
<button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
<svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
</button>
<!-- END switch_dislike_button -->
</div></td></tr>
<!-- END switch_likes_active -->
</table>
<!-- BEGIN switch_likes_active -->
<!-- END switch_likes_active -->
و ضع مكانه هذا الكود
طريقة التعديل على القوالب المعدله
- الكود:
-
{postrow.displayed.MESSAGE}
و ضع بعده مباشرتا هذا الكود
ضع رد لتظهر لك الاكواد وضع هذا الكود فى ورقة تصميم الـ css
لوحة الادارة / مظهر المنتدي/ الصور و الألوان / الوان / ورقة تصميم css
ضع الكود و اضغط سجل
- الكود:
-
.row1 span.gensmall a:link, .row1 span.gensmall_alink, .row1 span.gensmall a:visited, .row1 span.gensmall_avisited {
color: #020202;
}
/* Share CSS */
.vbseo_share_body {
width: 280px;
border: 1px solid #efefef;
background: #f2f6f8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
right: 0px;
visibility:hidden;
z-index: 9000;
box-shadow: 0 4px 7px;
-moz-box-shadow: 0 4px 7px;
-webkit-box-shadow: 0 4px 7px;
}
.restore .vbseo_share_body {
top: -80px;
}
.vbseo_share:hover .vbseo_share_body {
visibility: visible;
padding: 0px;
}
.vbseo_share_body li {
width: 140px;
border: none;
}
.restore ul.vbseo_share_body li {
list-style: none inside;
}
.vbseo_share_body li:hover {
background: #ffeb90;
}
.vbseo_share_body li.share_header {
background: #ddd;
font-size: 120%;
width: 270px;
padding: 3px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-bottom-left-border-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-bottom-right-border-radius: 0;
list-style: outside none none;
}
.vbseo_share_body li:hover.header {
background: #ddd;
}
.vbseo_share_body li.left {
float: right;
clear: right;
list-style: outside none none;
}
.vbseo_share_body li.right {
float: left;
clear: left;
list-style: outside none none;
}
.vbseo_share_body li img {
float: right;
padding: 4px;
position: relative;
top: -2px;
margin: 0;
}
.vbseo_share_body li > a {
padding: 4px;
display: block;
color: #343434;
text-decoration: none;
}
/* like tree CSS */
.rep-button, .rep-button:active, .rep-button:focus {
background: #f2f2f2;
border: none;
border-radius: 4px;
box-shadow: none;
color: none;
cursor: pointer;
float: right;
font-family: Trebuchet MS;
font-size: 11px;
font-weight: 700;
line-height: 1;
margin: 3px 0 6px 3px;
outline: none;
padding: 1px 4px;
position: relative;
text-transform: lowercase;
transition: color .4s;
}
.vbseo_buttons {
font-size: 0.688em;
position: relative;
font-family: tahoma;
}
.vbseo_buttons .vbseo_links {
visibility: hidden;
padding: 10px 10px 20px 10px;
margin: 0;
width: auto;
}
.TmpPost .ContentPost .Message ul, .TmpPost .ContentPost .Message ol {
line-height: 30px;
margin: 0 15px 0 0;
font-weight: initial;
padding: 0 20px 0 0;
}
.vbseo_buttons .vbseo_share, .vbseo_buttons .vbseo_like, .vbseo_buttons .seperator {
display: inline-block;
float: right;
padding: 0 4px;
position: relative;
}
.vbseo_share_body {
width: 280px;
border: 1px solid #efefef;
background: #f2f6f8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
right: 0px;
visibility: hidden;
z-index: 9000;
box-shadow: 0 4px 7px;
-moz-box-shadow: 0 4px 7px;
-webkit-box-shadow: 0 4px 7px;
}
.vbseo_share_body li.share_header {
background: #ddd;
font-size: 120%;
width: 270px;
padding: 3px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-bottom-left-border-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-bottom-right-border-radius: 0;
list-style: outside none none;
}
.vbseo_share_body li {
width: 140px;
border: none;
}
vbseo_share_body li.right {
float: left;
clear: left;
list-style: outside none none;
}
.vbseo_share_body li.left {
float: right;
clear: right;
list-style: outside none none;
}
.vbseo_share_body li img {
float: right;
padding: 4px;
position: relative;
top: -2px;
margin: 0;
}
p.fa_like_list {
background: #f5dcdc url(../../../images/forum/vbseo_like.png) 5px center no-repeat !important;
background-position-x: 5px;
background-position-y: center;
color: black;
display: block;
padding: 4px 4px 4px !important;
padding-right: 4px !important;
padding-right: 25px !important;
margin: 10px !important;
background-position: right !important;
border: 1px solid #e0acac !important;
font-family: "Droid Arabic Kufi","Open Sans",sans-serif !important;
font-size: 11px !important;
font-weight: normal !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
}
اذا كنت تواجه اي مشاكل يمكنكم طرح موضوعك هنا وسوف يتم حل جمع مشاكلكم
https://deve-arab.yoo7.com/f34-montadaلا تنسونا بالدعاء
الكود مبرمجة و تصميم الطائر الحر
يمنع النقل بدون ذكر المصدر