<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>
<span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span> </strong> </td>
</tr>
</table>
<br />
<a name="poststop" id="poststop"></a>
<!-- controls above postbits -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<td class="smallfont">
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</td>
<td>
<tr>
<td style="font-weight:normal" >
</td>
</tr>
<!-- BEGIN topicpagination -->
<table class="tborder" cellpadding="3" cellspacing="1" border="0" align="left">
<tr>
<td class="vbmenu_control" style="font-weight:normal">صفحات الموضوع</td>
<td class="alt1"><a rel="prev" class="smallfont" href="showthread.php?t=3" title="الصفحة السابقة - النتائج 1 إلى 10 من 11"></a></td>
<td class="alt1">{PAGINATION}</td>
<td class="vbmenu_control" title="showthread.php?t=3"><a name="PageNav"></a></td>
</tr>
</table>
<!-- END topicpagination -->
</td>
</tr>
</table>
<!-- / controls above postbits -->
<br />
<!-- toolbar -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr>
<td class="tcat" width="100%">
<div class="smallfont">
</div>
</td>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
<td class="vbmenu_control" id="threadtools" nowrap="nowrap">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
</span>
</td>
<td class="vbmenu_control" id="displaymodes" nowrap="nowrap">
<span class="gensmall bold">
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</span>
</td>
</tr>
</table>
<!-- / toolbar -->
<style type="text/css">
.avataruser img {
max-height:150px;
max-width:150px;
}
.vote-bar {
background-color: rgb(0, 255, 0);
}
</style>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<div id="edit1" style="padding:0px 0px 6px 0px">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td height="8" width="8"><img src="http://i18.servimg.com/u/f18/19/19/46/39/tl10.gif" alt="" height="8" width="8"></td>
<td style="background:url('http://i18.servimg.com/u/f18/19/19/46/39/tm10.gif');" height="8"></td>
<td height="8" width="8"><img src="http://i18.servimg.com/u/f18/19/19/46/39/tr10.gif" alt="" height="8" width="8"></td>
</tr>
<tr>
<td style="background:url('http://i18.servimg.com/u/f18/19/19/46/39/ml10.gif');" width="8"></td>
<td>
<table class="tborder" id="post1" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="thead">
<div class="normal" style="float:left">
#<a href="{postrow.displayed.POST_URL}" target="new" rel="nofollow" id="postcount1" name="1"><strong>{postrow.displayed.COUNT_POSTS}</strong></a>
</div>
<div class="normal">
<!-- status icon and date -->
{postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG} {postrow.displayed.POST_DATE}
<!-- / status icon and date -->
</div>
</td>
</tr>
<tr>
<td class="alt2" style="padding:0px">
<!-- user info -->
<table border="0" cellpadding="0" cellspacing="6" width="100%">
<tbody>
<tr>
<td class="avataruser" nowrap="nowrap">{postrow.displayed.POSTER_AVATAR}</td>
<td nowrap="nowrap">
<div id="postmenu_1">
<a class="bigusername">{postrow.displayed.POSTER_NAME}</a>
<span class="offlinebutton">{postrow.displayed.ONLINE_IMG}</span>
</div>
<div class="smallfont">{postrow.displayed.POSTER_RANK}</div>
<div class="smallfont">{postrow.displayed.RANK_IMAGE}</div>
</td>
<td width="100%"> </td>
<td nowrap="nowrap" valign="top">
<div class="smallfont">
<!-- BEGIN profile_field -->
<div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>
<!-- END profile_field -->
<div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- / user info -->
</td>
</tr>
<tr>
<td class="alt1" id="td_post_1">
<!-- message, attachments, sig -->
<!-- icon and title -->
<div class="smallfont">
<img title="افتراضي" class="inlineimg" src="http://i18.servimg.com/u/f18/19/19/46/39/icon110.gif" alt="افتراضي" border="0">
<strong>{postrow.displayed.POST_SUBJECT}</strong>
</div>
<hr style="color:transparent; background-color:transparent" size="1">
<!-- / icon and title -->
<!-- message -->
<div id="post_message_1" align="center">
<div class="basmalaimg" align="center" ><img style="-webkit-user-select: none" src="http://i68.servimg.com/u/f68/14/38/53/01/110ru710.gif"></div>
{postrow.displayed.MESSAGE}
<br /><br /><br />
<!-- BEGIN switch_attachments -->
<fieldset class="fieldset"> <legend>الملفات المرفقة</legend>
<!-- BEGIN switch_post_attachments -->
<!-- BEGIN switch_dl_att --><table cellpadding="0" cellspacing="3" border="0"> <table border="1" width="100%" cellspacing="0" bordercolor="#000000" style="border-collapse: collapse"><tr><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">اسم الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">نوع الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">حجم الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">التحمــيل</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">مرات التحميل</font></b></td></tr>
<tr><td align="center">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</td><td align="center"><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"width="40" height="40" border="0" /></td><td align="center">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</td><td align="center"><a rel="nofollow" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><img class="inlineimg" src="http://i43.servimg.com/u/f43/15/53/11/89/downlo10.png" border="0" style="vertical-align:absmiddle; cursor:hand" hspace="0" title="اضغط هنا لتحميل الملف "/></a></td><td align="center">{postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</td></tr> </table>
<!-- 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}
<FONT color=Red>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</FONT>
? الحجم ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) ({postrow.displayed.switch_attachments.switch_post_attachments.NB_DL})
</table>
<!-- END switch_no_dl_att -->
<!-- END switch_post_attachments -->
</fieldset>
<br /><br /><br />
<!-- END switch_attachments -->
{postrow.displayed.EDITED_MESSAGE}
<!-- BEGIN switch_signature -->
<div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">
<table class="forumline" width="100%" border="0"
cellpadding="0" cellspacing="1"><tbody><tr><td
class="catLeft" height="25"><span class="genmed
module-title">{postrow.displayed.POSTER_NAME} ; توقيع العضو
</span></td></tr><tr><td class="row1"
align="center">{postrow.displayed.SIGNATURE}</td></tr></tbody></table></div>
<!-- END switch_signature -->
</div>
<!-- / message -->
<div style="margin-top: 10px" align="left">
<!-- controls -->
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
<!-- / controls -->
</div>
<!-- message, attachments, sig -->
</td>
</tr>
</tbody>
</table>
</td>
<td style="background:url('http://i18.servimg.com/u/f18/19/19/46/39/mr10.gif');" width="8"></td>
</tr>
<tr>
<td align="right" height="8" width="8"><img src="http://i18.servimg.com/u/f18/19/19/46/39/bl10.gif" alt="" height="8" width="8"></td>
<td style="background:url('http://i18.servimg.com/u/f18/19/19/46/39/bm10.gif');" height="8"></td>
<td height="8" width="8"><img src="http://i18.servimg.com/u/f18/19/19/46/39/br10.gif" alt="" height="8" width="8"></td>
</tr>
</tbody>
</table>
</div>
<!-- END displayed -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<!-- BEGIN topicpagination -->
<table class="tborder" cellpadding="3" cellspacing="1" border="0" align="left">
<tr>
<td class="vbmenu_control" style="font-weight:normal">صفحات الموضوع</td>
<td class="alt1"><a rel="prev" class="smallfont" href="showthread.php?t=3" title="الصفحة السابقة - النتائج 1 إلى 10 من 11"></a></td>
<td class="alt1">{PAGINATION}</td>
<td class="vbmenu_control" title="showthread.php?t=3"><a name="PageNav"></a></td>
</tr>
</table>
<!-- END topicpagination -->
<br />
<!-- controls below postbits -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top:-3px">
<tr valign="top">
<td class="smallfont">
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</td>
</tr>
</table>
<!-- / controls below postbits -->
<br /><br />
<!-- social bookmarking links -->
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td class="r1" style="width: 213px; height: 50px"> </td>
<td class="r3">
</td>
<td class="r2" style="width: 142px; height: 50px"></td>
</tr>
</table>
<table cellpadding="6" cellspacing="1" border="0" width="100%" class="tborder2" align="center">
<tr>
<td class="thead">الإشارات المرجعية</td>
</tr>
<tr>
<td class="alt2" style="padding-top:0px"><div style="clear:both"></div><ul style="list-style-type:none; margin:0px; padding:0px"><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://twitter.com/home?status={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/twitte10.png" border="0" alt="إرسال الموضوع إلى Twitter" class="inlineimg" /></a>
<a href="http://twitter.com/home?status={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">Twitter</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/bookma13.gif" border="0" alt="إرسال الموضوع إلى Google" class="inlineimg" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">Google</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://www.facebook.com/sharer.php?u={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/facebo10.jpg" border="0" alt="إرسال الموضوع إلى Facebook" class="inlineimg" /></a>
<a href="http://www.facebook.com/sharer.php?u={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">Facebook</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://www.stumbleupon.com/submit?url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/bookma12.gif" border="0" alt="إرسال الموضوع إلى StumbleUpon" class="inlineimg" /></a>
<a href="http://www.stumbleupon.com/submit?url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">StumbleUpon</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://del.icio.us/post?url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/bookma11.gif" border="0" alt="إرسال الموضوع إلى del.icio.us" class="inlineimg" /></a>
<a href="http://del.icio.us/post?url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">del.icio.us</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://digg.com/submit?phrase=2&url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/bookma10.gif" border="0" alt="إرسال الموضوع إلى Digg" class="inlineimg" /></a>
<a href="http://digg.com/submit?phrase=2&url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">Digg</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/yahoo10.png" border="0" alt="إرسال الموضوع إلى Yahoo" class="inlineimg" /></a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">Yahoo</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
<a href="https://favorites.live.com/quickadd.aspx?marklet=0&mkt=en-us&url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark"><img src="http://i11.servimg.com/u/f11/17/99/17/05/live10.gif" border="0" alt="إرسال الموضوع إلى Live" class="inlineimg" /></a>
<a href="https://favorites.live.com/quickadd.aspx?marklet=0&mkt=en-us&url={U_INDEX}/topic-t{TOPIC_ID}.htm" target="socialbookmark" style="text-decoration:none">Live</a>
</li></ul><div style="clear:both"></div></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td colspan="3">
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td class="f5"> </td>
<td> </td>
<td class="f4"></td>
</tr>
</table>
</td>
<br /><br />
</tr>
</table>
<!-- / social bookmarking links -->
<table id="quickreply" class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<thead>
<tr>
<td class="tcat" colspan="2">
<a style="float:left" href="#top" onclick="return toggle_collapse('quickreply');"><img id="collapseimg_quickreply" src="http://starworld.---ممنوع الاشهار---/vb/styles/aero_blue/buttons/collapse_tcat.gif" alt="" border="0" /></a>
{S_WATCH_TOPIC}
</td>
</tr>
</thead>
<tbody id="collapseobj_quickreply" style="">
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="max-width:640px; width:auto !important; width:640px" align="right">
<div class="smallfont">الرسالة:</div>
<div class="smallfont">{QUICK_REPLY_FORM}</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<br />
<!-- next / previous links -->
<br />
<div class="smallfont" align="center">
<strong>«</strong>
<a href="{U_VIEW_OLDER_TOPIC}" rel="nofollow">الموضوع السابق</a>
|
<a href="{U_VIEW_NEWER_TOPIC}" rel="nofollow">الموضوع التالي</a>
<strong>»</strong>
</div>
<!-- / next / previous links -->
<!-- popup menu contents -->
<br />
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="90%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="center" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>
<!-- END viewtopic_bottom -->
<!-- **************************************************** -->
<!-- / popup menu contents -->
<!-- forum rules and admin links -->
<div align="right">
<table width="210" cellspacing="1" cellpadding="6" border="0" class="tborder">
<thead>
<tr>
<td class="thead">
<a onclick="return toggle_collapse('forumrules')" href="#top" style="float:left">
<img border="0" alt="" src="http://i18.servimg.com/u/f18/19/19/46/39/collap12.gif" id="collapseimg_forumrules" style="opacity: 1;">
</a>
تعليمات المشاركة
</td>
</tr>
</thead>
<tbody style="" id="collapseobj_forumrules">
<tr>
<td nowrap="nowrap" class="alt1">
<div class="smallfont">
<div><strong>{L_TABS_PERMISSIONS}</strong></div>
<div><strong>{S_AUTH_LIST}</strong></div>
<hr>
<div><a target="_blank" href="/faq?mode=bbcode">BB code</a> is <strong>متاحة</strong></div>
<div><a target="_blank" href="javascript:void(0)">الابتسامات</a> <strong>متاحة</strong></div>
<div><a target="_blank" href="javascript:void(0)">كود [IMG]</a> <strong>متاحة</strong></div>
<div>كود HTML <strong>متاحة</strong></div>
<hr>
<div><a target="_blank" href="/t4-topic">قوانين المنتدى</a></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- BEGIN viewtopic_bottom -->
<div align="left">
<span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</div>
<!-- END viewtopic_bottom -->
<!-- /forum rules and admin links -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[$(resize_images({
'selector' : '.postbody', 'max_width' :
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));//]]></script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<br />
انتبه جيدا للعنوان أريد كود البسمة أعلى الموضوع وأريد كود توسيط المشاراكات للنسخة الثالثة 
أنا وضعت القالب للتعديل عليه اخواتي !!
تم اضافة كود البسمة فقط 
اتمنى اتضحت الفكرة
شكرا لكم
استايل محول لايمكن التحكمم في CSS 
Facebook
Twitter
Youtube
