ئۇسلۇب تەرجىمە قىلىش (2)

ئەسسالامۇ ئەلەيكۇم ، مۇئەللىم بىلوگىغا كىرگەن ئەزىز ئوقۇرمەن ، كەلگەن قەدىمىڭىز قۇتلۇق بولسۇن !
بۇ يازمىمىز بولسا ئۇسلۇب تەرجىمە قىلىش دەرسلىكىنىڭ داۋامى بولۇپ ، بۇ يازمىدا ئاساسلىقى يازمىغا يېزىق تونۇتۇش ئاساسلىق مەزمۇن سۈپىتىدە سۆزلىنىدۇ ، ئۇنداقتا دىققىتىڭىز يازمىنىڭ كېيىنكى بايانلىرىدا بولسۇن ؛

تەييارلىق خىزمەتلىرى

بۇ يازمىدا ئۇسلۇب تەرجىمە قىلىشتا ئىشلىتىلگەن كوە تەھرىرلەش دېتالى :
Notepad

يېزىق ھۆججەتلىرىنى بوشلۇققا يۈكلەش

ئۇسلۇب تەرجىمە قىلىش (1)دە دېيىلگىنى بويىچە ئىئوت شەكىللىك خەت نۇسخىسىغا ئىرىشكەندىن كېيىن ، كىڭەيتىلگەن نامى «ttf» بولغان ئاساسىي خەت نۇسخا ھۆججىتى ۋە كىڭەيتىلگەن نامى «eot» بولغان ئىئوت شەكىللىك خەت نۇسخىسىنى تۆۋەندە دېيىلگەن ئىككى ئورۇننىڭ بىرسىگە قويۇڭ . ئۆزىڭىزنىڭ ئىھىتىياجى ۋە قولايلىق دەپ قارىغان ئۇسۇلنى تاللاپ ئىشلىتىڭ :
1.wordpress قاچىلانغان غول مۇندىرىجىگە قويۇش : (رەسىمگە قاراڭ)
ئۇسلۇب تەرجىمە قىلىش (2)
بۇ ئورۇنغا قويۇش ئۇسلۇب تارقىتىش بىلەن شۇغۇللانمايدىغانلارغا ماس كېلىدۇ
2.ئۇسلۇب ھۆججەت قىسقۇچى ئىچىگە font نامىدا ھۆججەت قىسقۇچتىن بىرنى قۇرۇپ ، شۇنىڭ ئىچىگە قويۇش .
بۇ ئورۇنغا قويۇش ئۇسلۇب تارقىتىش بىلەن شۇغۇللىنىدىغانلارغا ماس كېلىدۇ ، سەۋەبى ، ئۇسلۇب ئىشلىتىدىغان خەت نۇسخىسىمۇ ئۇسلۇب بىلەن بىللە تەمىنلەنگەچكە ، ئۇسلۇب ئىشلەتكۈچى خەت نۇسخىسىنى تەڭشەيمەن ، دەپ ئاۋارە بولمىسىمۇ بولىدۇ . بىلوگىمىز ئىشلىتىدىغان خەت نۇسخىسى ھۆججەتلىرىنى يۇقارقى ئىككى خىل ئۇسۇلنىڭ خالغان بىرىدىن پايدىلىنىپ بوشلۇققا يۈكلەيمىز .

ئۇسلۇبقا ئۇيغۇرچە يېزىق قوشۇش

نۆۋەتتە كود بىلەن بولغان ئەمەلىي جەڭگە چۈشىمىز .
ئۇسلۇبنىڭ كۆرۈنمە يۈز ، شەكىل ، يېزىق ۋە رەسىم قاتارلىق ئامىللىرنى ئۇسلۇب ھۆججەت قىسقۇچى ئىچىدىكى «style.css» نامىلىق ھۆججەت كونتىرول قىلىدۇ ، ئادەتتە بۇ ھۆججەتنى ئۇيغۇرچىدا پاسۇن ھۆججىتى دەپ ئاتايمىز . مەيلى يېزىق قاتايلى ياكى بەت يۆنلىشىنى توغۇرلايلى ياكى رەڭ كۆرۈنۈشىنى ئۆزگەرتەيلى ؛ بىز پەقەت مۇشۇ پاسۇن ھۆججىتىدىكى مۇناسىۋەتلىك كودلارنى ئۆزگەرتىش ئارقىلىق يۇقارقى مەشغۇلاتلارنى تاماملايمىز .
1.ئۇسلۇبقا ئۇيغۇرچە يېزىق ھۆججىتى قوشۇش :
style.css ھۆججىتىنىڭ ئەسلىسىگە قاراپ باقايلى :
1.ئۇسلۇبنىڭ نەشىر ھوقۇقى ئۇچۇرلىرى ، بۇنى ئۆزگەرتسىڭىزمۇ ياكى ئۆز پىتى قويسىڭىزمۇ بولىدۇ .
2.يېزىق كۆرسىتىلىشىنى كونتىرۇل قىلىدىغان font-family دىن باشلانغان يېزىق كۆرسىتىش كودى بولۇپ ، ئۇيغۇرچە يېزىق كۆرسىتىش كودىنى مۇشۇ ئورۇنغا قوشۇپ قويۇش بىلەن ئىش تۈگىمەيدۇ . سەۋەبى نېمە ؟
ئۇسلۇب تىگىدىن ئېنگىلىسچە يېزىق قوللايدۇ ، ئۇندىن كېيىن قالسا خەنزۇچە يېزىق . شۇڭا بىز بىلوگىمىزنىڭ ئۇيغۇرچىنى نۇرمال كۆرسىتىشى ئۈچۈن ، مۇشۇ style.css ھججىتىدىكى بەلگىلەنگەن ئورۇنغا يېزىق قوشۇش كودى قوشۇشقا مەجبۇر بولىمىز : ( رەسىمدىكىدەك )
ئۇسلۇب تەرجىمە قىلىش (2)
رەسىمدىن كۆرۋىلىشقا بولىدۇكى ، ئۇسلۇبقا ئۇيغۇرچە يېىزىق قوشۇش كودىنى ئۇسلۇب نەشىر ھوقۇقى ئۇچۇرلىرىنىڭ ئاستىغىلا قويۇش كېرەك . يەنى قويۇشقا تىگىشلىك كود تۆۋەندىكىچە :

  1. /*------------- font-face ---------*/
  2. @font-face {
  3.     font-family:Alpida Unicode System;
  4.     font-style:  normal;
  5.     font-weightbold;
  6.     srcurl(http://localhost/wp/muellim.eot);
  7.     src : local( 'Alpida Unicode System' ), url(http://http://localhost/wp/AlpidaUniSys.TTf) format"TrueType" );
  8.   }

ئەگەر يېزىق ھۆججەتلىرىنى يۇقىرىدا دېيىلگەن 1-ئورۇنغا قويغان بولسىڭىز ، ئۇنداقتا ، يۇقىرقى كودنى ئىشلىتىڭ :
ئەگەر يېزىق ھۆججەتلىرىنى يۇقىرىدا دېيىلگەن 2-ئورۇنغا قويغان بولسىڭىز ، ئۇنداقتا ،تۆۋەندىكى كودنى ئىشلىتىڭ :

  1. /*------------- font-face ---------*/
  2. @font-face{
  3.     font-family"Alpida Unicode System","UKIJ Tuz Tom","Alkatip Tor""Alp Ekran","Microsoft Uighur";
  4.     srcurl('font/aus.eot');
  5.     srcurl('font/aus.eot?#iefix') format('embedded-opentype'),url('font/aus.woff') format('woff'),url('font/aus.ttf') format('truetype'),url('font/aus.svg#sumiro') format('svg');
  6.     font-weightnormal;
  7.     font-stylenormal;
  8. }

يۇقارقى كود بىلەنلا ، بىز ئۇسلۇبقا ئۇيغۇرچە يېزىق قوشۇش مەقسىتىگە يېتەلەيمىز ، ئەمدىكى مەسىلە بولسا ، ئۇسلۇبنىڭ ھەر قايسى قىسىملىرىدا ئۇيغۇرچىنى نۇرمال كۆرسىتىش . بۇنىڭ ئۈچۈن ، بىز يەنە مۇشۇ ئۇسلۇبنىڭ style.css ھۆججىتى ئىچىدىكى بارلىق font-family بار ئورۇنلارنىڭ كەينىگىلا "Alpida Unicode System","UKIJ Tuz Tom","Alkatip Tor", "Alp Ekran","Microsoft Uighur", بۇنى قوشۇپ ماڭىمىز .
ئۇسلۇبنىڭ style.css ھۆججىتىدە font-family دىن باشلانغان كود بۆلىكى خىلى كۆپ ئورۇنلاردا ئۇچرايدۇ . شۇڭا زىرىكمەي بارلىق ئورۇنلارغا تولۇق قوشۇشقا كاپالەتلىك قىلىش كېرەك . دىققەت قىلىشقا تىگىشلىك يەنە بىر نوقتا ، بىز يېزىق ھۆججىتى كودى قوشقاندا font-family: نىڭ كەينىلا قىستۇرۇش بىلەن بىر ۋاقىتتا ، ئەسلىدە قېتىپ قويۇلغان يېزىق ھۆججىتى كودىنىڭمۇ بولۇشىغا كاپالەتلىك قىلىشىمىز كېرەك .
style.css ھۆججىتىدىكى ئۆزگىرىش تۆۋەندىكىچە (ئەسلى ھۆججەت بىلەن سىلىشتۇرۇپ كۆرۈڭ)

  1. /*-------------------------------
  2.     Theme Name: umid
  3.     Theme URI: http://www.muellim.me/
  4.     terjiman:muellim
  5.     Version: 1.0
  6.   --------------------------------*/
  7. /*------------- font-face ---------*/
  8. @font-face{
  9.     font-family"Alpida Unicode System","UKIJ Tuz Tom","Alkatip Tor""Alp Ekran","Microsoft Uighur";
  10.     srcurl('font/aus.eot');
  11.     srcurl('font/aus.eot?#iefix') format('embedded-opentype'),url('font/aus.woff') format('woff'),url('font/aus.ttf') format('truetype'),url('font/aus.svg#sumiro') format('svg');
  12.     font-weightnormal;
  13.     font-stylenormal;
  14. }
  15. * { margin: 0; padding: 0; border: 0; outline: 0; }
  16. html, body { width: 100%; }
  17. body {background#e1e1e1 url('images/body.png'); font-family"Alpida Unicode System","UKIJ Tuz Tom","Alkatip Tor""Alp Ekran","Microsoft Uighur",Microsoft Yahei, Microsoft Jhenghei, Segoe UI, ArialSans-seriffont-size13pxcolor#333; }
  18. h1, h2, h3, h4, h5, h6 { font-weightnormal; }
  19. a { text-decorationnoneoutlinenonecolor#0088cc; }
  20. a:hover { color#005580; }
  21. ul, ol { list-stylenone; }
  22. .clear { clearboth; } .left { floatleft; } .rightright { floatrightright; }
  23. .container { width:700pxtext-align:rightrightmargin:40px auto 50px autobackground-color:whiteborder-radius:3px; -webkot-border-radius:3px; -moz-border-radius:3px; -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.15); -moz-box-shadow:0px 2px 5px rgba(0,0,0,0.15); box-shadow:0px 2px 5px rgba(0,0,0,0.15); padding:30px; }
  24. .logocon { width700pxheight85pxmargin5px 0 35px 0; text-aligncenter; }
  25. #logo { height85pxmargin: 0 auto; }
  26. #logolink { floatrightrightmargin-right25px; }
  27. #sitetitle { font-size36pxmargin10px 0; line-height48px; }
  28. #sitedesc { margin10px 0; line-height24px; }
  29. .topmenucon { width700pxbackground#f5f5f5 url(images/menuline.png) bottombottom repeat-x; border-top1px solid #eeepadding: 0 30pxmargin-left: -30px; }
  30. .topmenucon .menu { floatrightrightwidth540px; }
  31. .topmenucon ul { displayblockheight43pxmargin: 0; }
  32. .topmenucon li { displayblockfloatrightrightmargin-right5pxheight40pxpadding: 0 0 3px 0; line-height40px; }
  33. .topmenucon li a:hover, .current-menu-item a, .current_page_item a { background#eee; }
  34. .topmenucon li a { displayblockwidthautoheight40pxmargin-bottom3pxpadding: 0 15px; }
  35. .topmenucon .sub-menu { displaynonepositionabsolutebackground#f5f5f5 url(images/menuline.png) repeat-x bottombottomheightautoborder-left1px solid #eeeborder-right1px solid #eeemin-width96px; }
  36. .topmenucon .sub-menu li { displayblockfloatnonemargin: 0; clearboth; }
  37. .topmenucon .sub-menu a { backgroundtransparent; }
  38. .topmenucon .sub-menu a:hover { background#eee; }
  39. #searchform { margin5px 0; }
  40. #s {text-align:rightrightwidth130pxheight20pxmargin: 0; color#999border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
  41. .content { width700pxmargin35px 0; }
  42. .content-table { width700px; }
  43. .post { padding5px 0; }
  44. .title { font-size16pxmargin8px 0 11px 9px; }
  45. .postedit a { font-size12pxcolor#aaa; }
  46. .postmeta { color#aaamargin10px 15px 0 0; }
  47. .postmeta a { color#aaa; }
  48. .thumb { margin:5px 10px 9px 10pxfloat:rightrightwidth:140pxheight:100pxbackground:url(images/nopic.png) no-repeat scroll 0 0 #FFFpadding:3pxborder:1px solid #ddd; }
  49. .thumb img { width140pxheight100px; }
  50. #pagenavi{ font-size:13pxline-height:22pxmargin:0 0 30px 0; }
  51. #pagenavi span.pagescout{ float:left;  display:blockwidth:95pxpadding-left:25pxmargin-right:35pxbackground:url(images/content.png) -147px -134px no-repeatcolor:#9D9D9D}
  52. #pagenavi .page-numbers{ margin:0 3pxpadding:5px 8px; }
  53. #pagenavi a { color#9d9d9d; }
  54. #pagenavi .current, #pagenavi a:hover{ color#0088ccborder-bottom3px solid #0088cc; }
  55. .postinfo .post-categories, .postinfo .post-categories * { displayinlinemargin: 0; padding: 0; }
  56. .postinfo .postavatar { padding-right10pxborder-right2px solid #ddd; }
  57. .postinfo .posttitle { font-size18pxmargin10px 70px; }
  58. .postinfo .postdesc { margin10px 70pxcolor#999font-size12px; }
  59. .entry { direction:rtl;text-align:justify;margin: 0 15pxline-height24pxfont-size12px; }
  60. .entry img { max-width650pxwidthautomax-height400pxheightautopadding5pxbackground#fff; box-shadow:0 0 30px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5); }
  61. .entry img:hover { background#DD856D; }
  62. .entry ul li, .entry ol li { displaylist-itemmargin-left10px; }
  63. .entry ul li { list-stylesquare inside; }
  64. .entry ol li { list-styledecimal inside; }
  65. .entry blockquote{color:#2b2b2bbackground:url(images/patt.png) repeat;margin:10px 20px;padding:8px 16px;border:1px solid  #CCC;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
  66. #pre_post { padding-left:10pxbackground:url(images/left.gif) left center no-repeatfont-size:12px; }
  67. #next_post { padding-right:10pxbackground:url(images/rightright.gif) rightright center no-repeatfont-size:12px; }
  68. .share2 { border:1px dashed #dbdbdbbackground:#f8f8f8margin-bottom:10px; }
  69. .share2 ul.drop-menu { line-height:29pxheight:29pxmargin:0 0 0 5px; }
  70. .status { displayblockpadding30px 0 35px; }
  71. .statusmain { margin: 0 10px; }
  72. .statusavatar{ width:54px;height:54pxmargin:5px 30px 0 0; backgroundurl(images/content.png) no-repeat 0 -197px; }
  73. .statusavatar img { width42pxheight42pxpadding6px; }
  74. .status:hover .statusicon { background-position: -146px -57px; }
  75. .status-contentline-height20px; }
  76. .status-time, .status-time a{ margin:5px 0 -20px 0; color#aaa;}
  77. .singlepage .status { padding5px 0 30px; }
  78. .singlepage .status .title { margin-bottom30px; }
  79. .singlepage .status .statusavatar { margin: 0 15px; }
  80. .colorTipContainer{position:relative;text-decoration:none !important;}
  81. .colorTip{display:none;position:absolute;left:50%;top:-35px;padding:6px;background-color:white;font-size:11px;text-indent:0;font-style:normal;line-height:1;text-decoration:none;text-align:center;text-shadow:0 0 1px white;whitewhite-space:nowrap;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  82. .pointyTip,.pointyTipShadow{border:6px solid transparent;bottombottom:-12px;height:0;left:50%;margin-left:-6px;position:absolute;width:0;}
  83. .pointyTipShadow{border-width:7px;bottombottom:-14px;margin-left:-7px;}
  84. .black .pointyTip{ border-top-color:#333;} .black .pointyTipShadow{ border-top-color:#111;} .black .colorTip{background-color:#333;border:1px solid #111;color:#fcfcfc;text-shadow:nonemin-width20px; }
  85. /** SweetTitle Start **/
  86. #tooltip {position:absolute;z-index:9999999;max-width:250px;word-wrap:break-word;background:#000;text-align:rightright;padding:5px;min-height:1em;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  87. #tooltip p {color:#fff;}
  88. #tooltip p em {display:block;margin-top:3px;/*color:#FF3780;*/color:#00AAFF;}
  89. /** SweetTitle End **/
  90. .relatebar ul { margin:0 0 15px 0;}
  91. .relatebar li{padding-left:15pxmargin:10px 40px 10px 0; line-height:24px;border-left:2px solid #a0a0a0width:167px;}
  92. .relatebar li:hover{border-left:2px solid #005580;}
  93. .relatebar li a{ width:167pxheight:22px; text-overflow: ellipsis;-o-text-overflow: ellipsis; overflow:hiddendisplay:block}
  94. .relatebar li span{color:#9D9D9D;}
  95. .relatetitle,.commentsays,.replytitle{ font-size:16pxcolor:#0088ccborder-left5px solid #0088ccpadding-left15px; }
  96. .sharebar { padding-bottom:25px;}
  97. .sharebar a{ display:inline-blockfloatleftwidth:32pxheight:32px;cursor:pointerbackground:url(images/content.png) no-repeatmargin:0 42px 0 0;}
  98. .sharebar a#twitter-share{background-position:0 -496px}
  99. .sharebar a#facebook-share{background-position:-32px -496px}
  100. .sharebar a#qqzone-share{background-position:-64px -496px}
  101. .sharebar a#douban-share{background-position:-96px -496px}
  102. .sharebar a#fanfou-share{background-position:-128px -496px}
  103. .sharebar a#sina-share{background-position:-160px -496px}
  104. .sharebar a#tencent-share{background-position:0 -528px}
  105. .sharebar a#renren-share{background-position:-32px -528px}
  106. .sharebar a#google-share{background-position:-64px -528px}
  107. .sharebar a#delicious-share{background-position:-96px -528px;margin-right: 0;}
  108. #gotocomment,#gototop,#gotobottom{width40px;height40px;positionfixed; _display: none;rightright25px;cursorpointer;}
  109. #gotocomment{backgroundurl(images/go.png) no-repeat -80px 0; bottombottom195px;}
  110. #gototop{backgroundurl(images/go.png) no-repeat 0 0;bottombottom140px;}
  111. #gotobottom{backgroundurl(images/go.png) no-repeat -40px 0; bottombottom85px;}
  112. /* ----------Fucking Comment Style------------*/
  113. #comments {}
  114. #comments,#comments ul,#comments li{list-style:none;}
  115.     /*--Comment Switch--*/
  116.     .commentsorping{ height:29px;margin:30px 0 20px 0; overflowhidden}
  117.     .commentsays{ float:left;}
  118.     .commentpart,.pingpart{padding:5px 10px 0 10pxcursor:pointerfloatrightrightcolor:#a0a0a0}
  119.     .pingpart{ color:#b3b3b3;}
  120.         .commentlist{}
  121.     .pingtlist{}
  122.     /*--Comment list--*/
  123.     #loading-comments{display:none;height:50px;line-height:50px;text-align:center;font-size:14px;color:#7A7A7A;margin-bottom:20px}
  124.     .nimei{margin: -3px 10px 0 0;vertical-align:middle;display:inline-block}
  125.     .comment-body p{ margin:0pxline-height:24px; }
  126.     .gravatar{ float:leftpadding-right:20pxborder-right:1px solid #aaamargin:0 20px 0 0}
  127.     .commnetdiv:hover .gravatar { border-right1px solid #005580; }
  128.     .commenttext{ overflow:hidden; }
  129.     #comments ul li{ margin-bottom:15pxpadding-bottom:21pxbackground:url(images/line.png) bottombottom repeat-x;zoom:1}
  130.     .comment-meta{ margin-top:5px;}
  131.         .commentid{ color:#1B475A}
  132.         .commentcount { padding-right:5pxfont-size:13px;}
  133.         .commenttime{color:#CCC;}
  134.         .commenttime a,.commentcount a{ color:#CCC;}
  135.         .commenttime a:hover,.commentcount a:hover{ color:#005580;}
  136.     .commentp { line-height:20pxposition:relativefont-size:13px;width:490px; }
  137.     .commentp p{displayinline;}
  138.     .reply{ display:nonepadding:0 4pxmargin-top:-4px;background:#888;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }
  139.     .reply a{ color:#FFF;}
  140.     .commnetdiv:hover .reply { displayinline;}
  141.     .moderation{ font-style:normalcolor:#cccmargin-left:10px;}
  142.     /*--Comment list children--*/
  143.     #comments ul ul.children { margin: 0; }
  144.     #comments ul #respond { margin-left: -25px; }
  145.     #comments ul li ul.children{ margin:20px 0 0 0; padding:0px;}
  146.     #comments ul li ul.children li{ margin:20px 0 0 0; background:nonepadding:0px;zoom:1}
  147.     #comments ul li ul.children li .gravatar {margin:0 20px 0 60px}
  148.     #comments ul li ul.children li .commentp{width:480px;}
  149.     #comments ul li ul.children{ margin:0; padding:0px;}
  150.     #comments ul li ul.children li ul.children li{ margin:20px 0 20px 0; background:nonepadding:0px;zoom:1}
  151.         /*--Comment Tip style--*/
  152.     #comments .tip {background:#FFF;border:2px solid #a0a0a0;width:370px;padding:10px;margin:0;position:absolute;z-index:3;}
  153.     #comments .tip .commentp{width:300px; }
  154.     #comments .tip .gravatar{margin:0; padding-right:10pxbordernone}
  155.     #comments .tip .commenttext{ margin-left:10pxpadding-left:10pxborder-left:1px solid #a0a0a0; }
  156.     .atreply{cursor:help}
  157.         /*--Comment pagenav--*/
  158.     .commentnav{ margin:15px 0 30px 15px; }
  159.     .commentnav .page-numbers,.commentnav a{ margin:5px 2px 10px 2pxdisplayblockwidth24pxheight30pxline-height30pxtext-aligncenterfloatleftcolor#555; }
  160.     .commentnav a:hover, .commentnav span.current{ border-bottom2px solid #0088cccolor#0088cc; }
  161.     /*--Trackbacks--*/
  162.     .pingtlist{ display:none;}
  163.     .pingdiv{overflow:hidden; zoom:1;}
  164.     /*--Respond--*/
  165.     .replytitle{ margin-bottom:20px}
  166.     #cancel-comment-reply{ float:leftmargin:0 0 0 20px ; padding:0px 4px;}
  167.     #cancel-comment-reply a{ color#a0a0a0;}
  168.     #respond { margin-top15px; }
  169.     .control-group { margin: 0; }
  170.     #commentform { width700px;}
  171.     #loading, #error{displayblockclearbothmargin-left10px; }
  172.     .redcolor#F30}
  173.     .wp_smilies a{ margin:0 5px 0 0;}
  174.     .submitdiv { floatleft; }
  175.     .ajaxtipsdiv{ margin:10px 0}
  176.     /* comment-editor */
  177.     .mossedit{margin:0;overflow:hidden}
  178.     .editor_tools {position:relative;width:330px;height:38px;line-height:38px;height:34px;line-height:34pxfloatleft;}
  179.     .editor_tools span {float:left;margin:8px 0 8px 10px;}
  180.     .editor_tools span.splitter {padding-right5px;margin-right15px;border-right1px solid #c3d8eb;}
  181.     .editor_tools a {margin:2px;line-height:20px;width:24px;height:15px;float:left;overflow:hidden;display:block;text-indent:-99999em;}
  182.     .editor_tools a.et_strong {backgroundurl(images/content.png) no-repeat 0 -90px;}
  183.     .editor_tools a.et_em {backgroundurl(images/content.png) no-repeat 0 -77px;}
  184.     .editor_tools a.et_underline {backgroundurl(images/content.png) no-repeat 0 -63px;}
  185.     .editor_tools a.et_del {backgroundurl(images/content.png) no-repeat 0 -48px;}
  186.     .editor_tools a.et_ahref {backgroundurl(images/content.png) no-repeat 0 -34px;}
  187.     .editor_tools a.et_empty {backgroundurl(images/content.png) no-repeat 0 -106px;}
  188.     .editor_tools a.et_color {backgroundurl(images/content.png) no-repeat 0 -18px;}
  189.     .editor_tools a.et_smilies {backgroundurl(images/content.png) no-repeat 0 -1px;}
  190.     .wp_smilies a{text-indent:0}
  191.     .wp_smilies span a{height:20px !important}#smilies-container{display:none;position:absolute;left:300px;top:15px;background:#F5F5F5;border:1px solid #E7E7E7;z-index:9;cursor:default !important;width:240px;height:100px;overflow:hidden;box-shadow:1px 1px 1px rgba(0,0,0,.05);}#smilies-container span {margin:5px;width:24px;height:24px;cursor:pointer;}div#respond  form#commentform div.writerinfodiv{float:left;margin-top:-2px}div.arcpageicon{float:left;width:21px;height:26px;;background:url(images/sprite.png) no-repeat -263px -108px;}h2.archiveh2{color:#777;font-size:16px;font-weight:400;margin:4px 0 0 8px;display:inline-block}.fixmargin {margin-right:0 !important}.arkib{float:left;width:275px;background:#F9F9F9;border-bottom:2px solid #EEE;margin:0 10px 10px 0;padding:10px}a.sui{display:block;float:left;width:160px !important;overflow:hidden;whitewhite-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}div.arctitle{float:left;}div.arctitle a.sui{color:#505050}div.arctitle a.sui:hover{color:#A51E1F}div.arcmeta{float:rightright;width:90px}
  192.     .footertable td{ float:leftwidth:30%; }
  193. .footertable td { padding-top:10px!important; }
  194. .footertable td span { font-size:13.5px; }
  195. .footertable td span { border-left:5px solid #0088ccpadding:2px 0 2px 10px; }
  196. .footertable li { list-style:none outside noneheight:22pxoverflow:hidden; }
  197. .footertable ul { margin:0; margin-top10px; }
  198. .footertable .links li { display:inlinemargin-right:10pxborder-bottom:1px dashed rgb(170,170,170); }
  199. .footertable li:before { content:"> "font-weight:boldcolor:#0088cc; }
  200. .footertable a,#pre_post a,#next_post a { color:rgb(85,85,85); }
  201. .footertable a:hover,.desc a:hover,#pre_post a:hover,#next_post a:hover { color:#0088cc; }
  202. .footertable .links li:before { content:none; }
  203. .footi, .copyr { font-size10pxcolor#999line-height20px; }
  204. .copyr { padding-right15pxborder-right5px solid #eeeeee; }
  205. /*shortcode*/
  206. .toggle_content{background:#F5F5F5color:#515151border-left:1px solid #DEDEDEborder-bottom:1px solid #DEDEDEborder-right:1px solid #DEDEDEoverflow:automargin:-3px 0 15pxpadding:5px 15px}
  207. .newcontent{border:1px solid #FFFbackground:#F5F5F5color:#515151padding:45px 15px 10px}
  208. .newdown, .newwarning, .newauthor, .newtext, .newtutorial, .newproject, .newerror, .newquestion, .newlink, .newcode{border:1px solid #DFDFDFmargin:20px 0}
  209. .newdown h2, .newwarning h2, .newauthor h2, .newtext h2, .newtutorial h2, .newproject h2, .newerror h2, .newquestion h2, .newlink h2, .newcode h2{float:left;text-align:rightright !important;width:555px;height:34px;color:#666;font-size:15px;padding:8px 0 0 52px}
  210. .newdown h2{background:url(images/shortcode/shortcode.jpg) no-repeat}
  211. .newwarning h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -42px}
  212. .newauthor h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -84px}
  213. .newtext h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -126px}
  214. .newtutorial h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -168px}
  215. .newproject h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -210px}
  216. .newerror h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -252px}
  217. .newquestion h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -294px}
  218. .newlink h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -336px}
  219. .newcode h2{background:url(images/shortcode/shortcode.jpg) no-repeat 0 -378px}
  220. .codei{min-height:70pxmargin:20px 0}
  221. .box-content{min-height:95pxborder:1px solid #FFFpadding:10px 10px 0 105px}
  222. .down{background:url(images/shortcode/download.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  223. .warning{background:url(images/shortcode/warning.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  224. .panelauthor{background:url(images/shortcode/author.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  225. .texticon{background:url(images/shortcode/text.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  226. .tutorial{background:url(images/shortcode/tutorial.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  227. .project{background:url(images/shortcode/project.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  228. .error{background:url(images/shortcode/error.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  229. .question{background:url(images/shortcode/question.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  230. .blink{background:url(images/shortcode/blink.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  231. .codee{background:url(images/shortcode/codee.png) no-repeat scroll 17px 14px #F5F5F5border:1px solid #DFDFDFcolor:#515151}
  232. .but-down, .but-heart, .but-text, .but-box, .but-search, .but-document, .but-link, .but-next, .but-music{display:inline-block;margin:12px 20px 12px 0}
  233. .but-down a, .but-heart a, .but-text a, .but-box a, .but-search a, .but-document a, .but-link a, .but-next a, .but-music a{color:#474747 !important;float:left;font-size:13px;height:33px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #FFF !important}
  234. .but-down a span, .but-heart a span, .but-text a span, .but-box a span, .but-search a span, .but-document a span, .but-link a span, .but-next a span, .but-music a span{float:left;height:33px;padding-left:40px;padding-top:5px}
  235. .but-down a span{background:url(images/shortcode/but-down.png) no-repeat scroll 0 0 transparent}
  236. .but-down a{background:url(images/shortcode/but-down.png) no-repeat scroll rightright -34px transparent}
  237. .but-down a:hover span{background:url(images/shortcode/but-down.png) no-repeat scroll left -68px transparent}
  238. .but-down a:hover{background:url(images/shortcode/but-down.png) no-repeat scroll rightright -102px transparent}
  239. .but-heart a span{background:url(images/shortcode/but-heart.png) no-repeat scroll 0 0 transparent}
  240. .but-heart a{background:url(images/shortcode/but-heart.png) no-repeat scroll rightright -34px transparent}
  241. .but-heart a:hover span{background:url(images/shortcode/but-heart.png) no-repeat scroll left -68px transparent}
  242. .but-heart a:hover{background:url(images/shortcode/but-heart.png) no-repeat scroll rightright -102px transparent}
  243. .but-text a span{background:url(images/shortcode/but-text.png) no-repeat scroll 0 0 transparent}
  244. .but-text a{background:url(images/shortcode/but-text.png) no-repeat scroll rightright -34px transparent}
  245. .but-text a:hover span{background:url(images/shortcode/but-text.png) no-repeat scroll left -68px transparent}
  246. .but-text a:hover{background:url(images/shortcode/but-text.png) no-repeat scroll rightright -102px transparent}
  247. .but-box a span{background:url(images/shortcode/but-box.png) no-repeat scroll 0 0 transparent}
  248. .but-box a{background:url(images/shortcode/but-box.png) no-repeat scroll rightright -34px transparent}
  249. .but-box a:hover span{background:url(images/shortcode/but-box.png) no-repeat scroll left -68px transparent}
  250. .but-box a:hover{background:url(images/shortcode/but-box.png) no-repeat scroll rightright -102px transparent}
  251. .but-search a span{background:url(images/shortcode/but-search.png) no-repeat scroll 0 0 transparent}
  252. .but-search a{background:url(images/shortcode/but-search.png) no-repeat scroll rightright -34px transparent}
  253. .but-search a:hover span{background:url(images/shortcode/but-search.png) no-repeat scroll left -68px transparent}
  254. .but-search a:hover{background:url(images/shortcode/but-search.png) no-repeat scroll rightright -102px transparent}
  255. .but-document a span{background:url(images/shortcode/but-document.png) no-repeat scroll 0 0 transparent}
  256. .but-document a{background:url(images/shortcode/but-document.png) no-repeat scroll rightright -34px transparent}
  257. .but-document a:hover span{background:url(images/shortcode/but-document.png) no-repeat scroll left -68px transparent}
  258. .but-document a:hover{background:url(images/shortcode/but-document.png) no-repeat scroll rightright -102px transparent}
  259. .but-link a span{background:url(images/shortcode/but-link.png) no-repeat scroll 0 0 transparent}
  260. .but-link a{background:url(images/shortcode/but-link.png) no-repeat scroll rightright -34px transparent}
  261. .but-link a:hover span{background:url(images/shortcode/but-link.png) no-repeat scroll left -68px transparent}
  262. .but-link a:hover{background:url(images/shortcode/but-link.png) no-repeat scroll rightright -102px transparent}
  263. .but-next a span{background:url(images/shortcode/but-next.png) no-repeat scroll 0 0 transparent}
  264. .but-next a{background:url(images/shortcode/but-next.png) no-repeat scroll rightright -34px transparent}
  265. .but-next a:hover span{background:url(images/shortcode/but-next.png) no-repeat scroll left -68px transparent}
  266. .but-next a:hover{background:url(images/shortcode/but-next.png) no-repeat scroll rightright -102px transparent}
  267. .but-music a span{background:url(images/shortcode/but-music.png) no-repeat scroll 0 0 transparent}
  268. .but-music a{background:url(images/shortcode/but-music.png) no-repeat scroll rightright -34px transparent}
  269. .but-music a:hover span{background:url(images/shortcode/but-music.png) no-repeat scroll left -68px transparent}
  270. .but-music a:hover{background:url(images/shortcode/but-music.png) no-repeat scroll rightright -102px transparent}
  271. ::-webkit-scrollbar { width:10pxmargin-right:2px }
  272. ::-webkit-scrollbar-track-piece { background-color:#F5F5F5border-left:1px solid #D2D2D2; }
  273. ::-webkit-scrollbar-thumb { background:#CBCBCBwidth:10px }
  274. ::-webkit-scrollbar-thumb:hover { background:#1ba1e2 }

شۇنىڭ بىلەن ئۇسلۇب تەرجىمە قىلىشنىڭ ئىككىنىچى دەرسى مۇشۇ يەردە ئاخىرلاشتى ، چۈشەنمىگەن جايلار بولسا ئىنكاس قالدۇرسىڭىز ، قىسقا ۋاقىت ئىچىدە سۇئالىڭىزغا جاۋاب تاپالايسىز ......

مۇئەللىم
ۋوردپرس ئۇسلۇبى : Gulchi
Wordpress رەسىم  ئۇسلۇبى : qanat
HotNews Pro ئۇسلۇبى
ماسلىشىشچان بىلوگ ئۇسلۇبى : Ality

باھا يوللايمەن

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

نۆۋەتتە :4    باھا بار | بۇنىڭ ئىچىدە زىيارەتچى قالدۇرغىنى :   4   پارچە | باشقۇرغۇچى قالدۇرغىنى :   0 پارچە

    • avatar ئەيساجان ھاكىم

      ئىككى ئىشنى چۈشەنمىدىم، بىرى، ئەسلىي بەتتىكى بارلىق خەتنى ئۇيغۇرچىغا تەرجىمە قىلىدىغان تۇرساق نېمىشقا يەنە، ئەسلىدە قېتىپ قويۇلغان يېزىق ھۆججىتى كودىنىڭمۇ بولۇشىغا كاپالەتلىك قىلىشىمىز كېرەك؟ يەنە بىرى، style.css ھۆججىتى ئىچىدىكى بارلىق font-family بار ئورۇنلارنىڭ كەينىگىلا ”Alpida Unicode System“,“UKIJ Tuz Tom“,“Alkatip Tor“, ”Alp Ekran“,“Microsoft Uighur“, بۇنى قوشۇپ ماڭىمىز دەپسىز ، تور بەتكە بىرلا خىل خەت شەكلىنى قوللانغان بولغاندىكىن شۇ خەت شەكلىنىڭ ئىسمىنى يېزىپ ماڭساقلا بولا، مەن بۇ ئىشقا ئەمدى تۇتۇش قىلۋاتمەن، يا مەن چۈشەنمىدىممۇ ، بىر چۈشەندۈرۈپ قويسىڭىڭىز…

      • avatar نۇرئىلى يېڭى مىھمان

        دەرىسنىڭ ئاخىرىغا تەقەززا بوپ قالدىم

        • avatar تۇيغۇن يېڭى مىھمان

          ياخشىراق بىر ئۇسلۇپ ئۆزلەشتۈرۈش دەرىسى تاپالماي يۈرەتتىم . بۇدەرىس دەل مەن ئىھتىياجلىق دەرىس ئىكەن .. كۆپ رەھمەت . مۇشۇنداق دەرىسلىكلەررنى كۆپىرەك يوللاپ تۇرارسىز .

          • avatar تەشنايى ۋالىي

            ۋاھ… مۇنۇ دەرىسلىك پەچەت چىقىپتۇ! ئەمدى ئاساسى نۆل ئادەممۇ بۇنىڭغا قاراپ ناھايىتى تىزلا ئۇسلۇپ ئۆزلەشتۈرۈشنى ئۈگنىۋالالىغۇدەك… :smile: