blogbus كودلىرى بىلەن تونۇشۇش(1-قسىم)

admin

	بۇ بلوگ ياساش سەھىپىمىزدە بىز ئالدى بىلەن ئەڭ كۆپ ئىشلىتىلىۋاتقان blogbus ياساش ۋە ئىشلىتىشنى سۆزلەپ ئۆتمەكچى . blogbus نى پۈتتۈنلەي ئۇيغۇرچىلاشتۇرغىلى بۇلىدىغان بۇلۇپ، ئۇيغۇرچە تېما يېزىشقىمۇ بۇلىدۇ. بىلىملەر بلوگ (ئۈلگە) : http://bilimlar.blogbus.com دەرسلىك باشلاندى ئەمسە . تۆۋەندە ئۆزەمنىڭ ئۈگەنگەنلىرىگە بىرلەشتۈرۈپ Blogbus بلوگبوسنىڭ كودلىرى توغرىسىدا كەڭ زىيارەتچىلەر بىلەن ئورتاقلىشىشنى قارار تاپتىم ،كەڭ زىيارەتچىلەردىن تەجرىبىسى بارلارنىڭ تەكلىپ بېرىشىنى ،يېڭى ئۈگەنگۈچىلەرنىڭ ھەمنەپەس بولىشىنى ئۈمىت قىلىمەن.بلوگبۇسقا ئۇيغۇرچە تونۇتۇش،ئۇيغۇرچە يېزىش ئەمەلگە ئاشقاندىن كېيىن (بۇ يەردە ئەلۋەتتە ئارامگاھ  ،تەكلىماكان قاتارلىق كىشىلەرگە رەھمەت ئېيتىمەن)مەنمۇ بلوگدىن بىرنى قۇردۇم ھەم شۇنداق تېزلىكتە قىزىقىپ كەتتىم مەسىلىلەرگە يولۇقسام باشقىلاردىن سورىدىم ،ئۈگەندىم بۇ جەرياندا بىلگەنلىرىمنى ماڭا ئوخشاش قىزىققۇچىلار بىلەن ئورتاقلىشىش ئۈچۈن بۇ تېمىنى يېزىشقا كىرىشتىم.....ھەممىمىزگە مەلۇم بلوگبوسنىڭ  جەمئى 6 بۆلەكتىن تەركىپ تاپقان كودلار گۇرۇپپىسى بار بولۇپ ھەر بىر بۆلەكتىكى كودلارنىڭ رولى ئوخشاش ئەمەس.بۇ 6 گۇرۇپپىدىكى كودلارنىڭ رولى ھەققىدە بلوگبوستا ئوچۇق كورسىتىلگەن شۇڭا بۇ يەردە تەرجىمە قىلىپ ئولتۇرمايلا نەق گەپنىڭ ئۆزىنى باشلىۋەتتىم،كۆرگۈچىلەر توغرا چۈشەنگەي.بۇ بۆلەكلەرنىڭ ئىچىدىكى مۇھىم بىر بۆلەك css بۆلىكى بولۇپ ئۇنىڭدىكى___ Colorبولسا خەتنىڭ رەڭگىنى كۆرسىتىدۇ font-size مەزمۇننى كۆچۈرۈۋېلىش بولسا خەتنىڭ چوڭ-كىچىكلىكىنى كۆرسىتىدۇ. ，ئادەتتە11pxياكى12px， بىلەن ئىپادىلىنىدۇ، بۇنىڭدىن باشقا پىرسەنت بىلەن ئىپادىلەنسىمۇ بولىدۇ.مەسىلەن ئەگەر ئېنگىلىسچە خەت بولسا   11pxنىڭ كۆرىنىشى 12pxگە قارىغاندا سەل كىچىك كۆرىنىدۇ 。 font-family مەزمۇننى كۆچۈرۈۋېلىش بولسا خىەت نۇسخىسىنى كۆرسىتىدۇ.  ，ئادەتتە كۆپىنچە Verdana مەزمۇننى كۆچۈرۈۋېلىش خەت شەكلى قوللىنىلىدۇ ، مۇبادا باشقا خەت شەكلى ئىشلەتمەكچى بولسىڭىز چوقۇم باشقىلارنىڭ كومپىيوتېرىدىمۇ شۇ  خىل خەت شەكلى بولۇش تەلەپ قىلىنىدۇ بولمىسا باشقىلارنىڭ كومپىيوتېرى  سىزنىڭ خەت نۇسخىڭىزنى تونۇيالمايدۇ-دە قالايمىقان ھەرپلەر چىقىۋالىدۇ. بۇنى ئوڭشاش ئۈچۈن eot ھۆججىتىدىن بىرنى ياساپ بوشلۇققا يوللاش ھەمدە css بۆلەكنىڭ ئىچىگە قوشۇش ئارقىلىق بۇنى ھەل قىلغىلى بولىدۇ (تەپسىلىسى ئارامگاھ ، تەكلىماكان ،ئۆگىنىش بلوگلىرىدا بار شۇڭا بۇ يەردە تەپسىلى توختالمىدى) body { color:#555; font-size:12px; font-family: Uyghur Ekran, Verdana; Arial, Helvetica, sans-serif; }body مەزمۇننى كۆچۈرۈۋېلىش ئاساسەن ئەڭ كۆپ ئىشلىنىدىغان كود بولۇپ  ，ئۇ پۈتۈن بەت يۈزىنىڭ شەكلىنى كونترول قىلىدۇ。خەت，رەڭ ，خەتنىڭ چوڭ-كىچىكلىكى ，ئارقا كۆرىنىش قاتارلىقلارنى ئۆز ئىچىگە ئالىدۇ。 ul,ol,li { list-style:none; } img { border:none; } مەزمۇننى كۆچۈرۈۋېلىش بەت يۈزىدىكى رەسىمنىڭ رامكىسى 。ئادەتتە مۇشۇنداق بەلگۈلەنسە بولىدۇ. .clear { clear:both; visibility:hidden; margin:0; padding:0; height:0px; line-height:0; font-size:0px; border:none; } مەزمۇننى كۆچۈرۈۋېلىش بۇ يەرگە ئۆزگەرتىش كىرگۈزۈلمىسىمۇ بولىدۇ  ，ئۇنىڭ ئىقتىدارى ئىنتايىن چوڭ，لېكىن بىزدەك يېڭى ئۈگەنگۈچىلەرگە ھازىرچە بەكمۇ  لازىم بولۇپ كەتمەيدۇ.。 .dis_none { display:none; } a { text-decoration:none; color:#4498b8; } مەزمۇننى كۆچۈرۈۋېلىش بەت يۈزى ئۇلىنىشنى بېكىتىش 。بۇ مائوسنى ئۇستىگە ئاپىرىشنىڭ ئالدىدىكى شەكلى  。 a:hover { color:#ffffff; }يوقارقى بىلەن ئوخشاش بولۇپ  ，بۇ مائوسنى ئۈستىگە ئاپارغاندىكى شەكلى . #container { } #innerContainer { width:920px; margin:auto; } مەزمۇننى كۆچۈرۈۋېلىش پۈتكۈل بەت يۈزىنى بەلگۈلەش 。بۇ يەردە پەقەت كەڭلىكلا بەلگۈلەنگەن 。ئۇ ئىككى چوڭ بۆلەكتىن تەركىپ تاپقان بولۇپ ，بىر بۆلەك بولسا يازمىنىڭ ئاساسى گەۋدىسى ，يەنە بىر بۆلەك بولسا قوشۇمچە ئىستوندىن ئىبارەت يەنى سىزنىڭ ئىسمىڭىز،تۈرلۈر ،ئۇلىنىش،يېڭى تېما ،ئىنكاس دىگەنگە ئوخشاش مەزمونلار جايلاشقان قوشۇمچە بۆلەك 。تۆۋەندە ئايرىم چۈشەندۇرۇلدى. #outerContent { padding-top:50px; float:left; display:inline; width:625px; margin-left:30px;  } مەزمۇننى كۆچۈرۈۋېلىش يازمىنىڭ ئاساسى گەۋدە قىسمى  。 padding-top مەزمۇننى كۆچۈرۈۋېلىش بەت يۈزىنىڭ ئەڭ ئۈستى تەرىپىگە قانچىلىك تولۇقلىنىدۇ  دىگەننى بىلدۈرىدۇ. margin-left مەزمۇننى كۆچۈرۈۋېلىش بەت يۈزىنىڭ سول تەرىپى بىلەن قانچىلىك ئارلىق قالىدۇ دىگەننى بىلدۈرىدۇ . بۇنداق دىيىلسە بەلكىم ئازراق تومتاق چۇشىنىكسىز تۇيۇلۇپ قېلىشى مۇمكىن，ئەمىلىيەتتە ئۇ innerContainer مەزمۇننى كۆچۈرۈۋېلىش بۆلەكنىڭ ئىچىدە بولۇپ  ，بارلىق innerContainer مەزمۇننى كۆچۈرۈۋېلىش بۆلەكنىڭ رامكىسى قانچىلىك تولۇقلىنىدۇ  ياكى بولمىسا قىممىتى قانچىلىك بېرىلىپ رامكا بەلگىلىنىدۇ دىگەننى بىلدۈرىدۇ  。 #outerSidebar { float:right; display:inline; width:215px; margin-right:30px; padding-top:50px;} مەزمۇننى كۆچۈرۈۋېلىش قوشۇمچە ئىستون قىسمى 。قوشۇمچە ئىستون بولسا بىز بايام دىگەن تېما ،ئىنكاس، ئۇلىنىش قاتارلىقلار بار ئىستوننى كۆرسىتىدۇ 。بۇ قوشۇمچە ئىستوندىكى مەزمونلار سىزنىڭ بەت بېشى ھەم بەت يۈزى لاھىيەسىدە نىمىلەرنى بېكىتكەنلىكىڭىزگە باغلىق بولىدۇ سىز بۇ جايلاردا نىمىنى بەلگۈلىسىڭىز ，قوشۇمچە ئىستوندا شۇ مەزمونلارلا كۆرىنىدۇ 。قوشۇمچە ئىستوننى بەلگىلەش ھەم مەزمون بېكىتىش ئۈچۈن 模板设置——>首页布局 ياكى 模板设置——>页内布局 مەزمۇننى كۆچۈرۈۋېلىش گە كىرىپ ئۆزىڭىز تەڭشىۋالسىڭىز بولىدۇ. .innerBottom { clear:both; visibility:hidden; margin:0; padding:0; height:0px; line-height:0; font-size:0px; border:none; } مەزمۇننى كۆچۈرۈۋېلىش مانا بۇ  بولسا innerContainer مەزمۇننى كۆچۈرۈۋېلىش بۆلەكنىڭ ئاستى قىسمى  。ئادەتتە ئالاھىدە بەلگىلەش بولمايدۇ ，ناۋادا سىز بەتنىڭ ئاستى تەرىپىگە تېمىلىرىڭىزنىڭ ئەسەر ھوقوقىنى ئەسكەرتمەكچى ياكى بلوگنىڭ نەشر ھوقوقىنى قوغداشنى ئەسكەرتمەكچى بولسىڭىز مۇشۇ ئورۇنغا مۇناسىپ كودنى قوشسىڭىز بولىدۇ ，بۇ يەردە ھەم رەڭنى ئۆزگەرتكىلى ，ھەم رەسىم قويغىلى يەنى رەسىم چىقارغىلى بولىدۇ. #header { width:615px; height:160px; background: url([img]http://dunyakara.blogbus.com/files/12011747620.jpg[/img]) no-repeat center center; } مەزمۇننى كۆچۈرۈۋېلىش بۇ يەردە ئۆزىڭىزنىڭ بلوگىڭىزنىڭ نامىنى كونكىرىت ئورنى ۋە رەڭلىرىنى  بەلگۈلەيسىز 。رەسىم قىستۇرسىڭىزمۇ بولىدۇ خۇددى يوقارقى كودتىكىدەك. #header h1 { padding-top:35px; margin-left:40px; font-size:36px; font-family: Verdana, Uyghur Ekran,Arial, Helvetica, sans-serif ; font-weight:normal; } مەزمۇننى كۆچۈرۈۋېلىش بلوگىڭىز  نامى  。 #header h1 a { color:#fff; } مەزمۇننى كۆچۈرۈۋېلىش بلوگىڭىزنامىنىڭ  ئۇلىنىشى  بولۇپ سىز مائوسنى بلوگىڭىزنىڭ نامى ئۈستىگە ئەكىلىپ چەككەندىكى ئۇلىنىشنى كۆرسىتىدۇ 。مائوسنى ئەكىلىشتىن بۇرۇنقى رەڭگى ھالەتلىرى. #header h1 a:hover { text-decoration:underline; }يوقارقى بىلەن ئوخشاش بولۇپ ，مائوسنى ئەكەلگەندىن كېيىنكى ھالىتى 。 #header .description { padding-top:10px; margin-left:40px; color:#fff; font-size:14px; } مەزمۇننى كۆچۈرۈۋېلىش بلوگىڭىزنىڭ چۈشەندۈرىلىش قىسمى 。بىرىنچى قىسىم مۇشۇ يەرگىچە بولسۇن.ئىككىنچى قىسمىدا يازمىنىڭ ئاساسى گەۋدىسنى بېكىتىشكە ئائىت كودلار تونۇشتۇرىلىدۇ. مەنبە: دۇنيا قارا بلوگى

哦豁_____SHET!

	مەن ساقلىۋالدىم  باشلىق      رەھمەت ھە

armanem38

	رەھمەت ياخشى تىمىلىرىڭىز ئۈزۈلمىگەي!!!

biliwalay