Monday, 17 September 2012

Post တစ္ခုနွင့္တစ္ခုကိုပိုင္းျခားေပးတဲ့ မ်ဥ္းေၾကာင္းေလးထည့္ခ်င္ရင္



ဒါေလးကေတာ့အေရးမၾကီးဘူးဆိုေပမယ့္မိမိဘေလာ့ကိုပိုျပီးလွပေစသလိုပါဘဲ၊ Post တစ္ခု
နွင့္တစ္ခုကိုပိုင္းျခားေပးတဲ့မ်ဥ္းေၾကာင္းေလးေနရာမွာမိမိႏွစ္သက္သည့္ပံုသည္ျဖစ္ေစ ဘာညာ
ေကြ႕ကြေလးထားျခင္ရင္ေပါ့ေနာ္၊တခ်ိဳ႕ဘေလာ့မိတ္ေဆြေတြဆီမွာေတာ့ျမင္ဖူးပါတယ္။ျမန္မာ
စာမေရးတာၾကာျပီမို႕သိပ္အဆင္မေျပေတာ့အားလံုးနားလည္းေအာင္က်ေနာ္နမူနာသံုးျပထားပါတယ္၊
ေရးမွားေျပာမွားရွိရင္လည္းခြင့္လြတ္ၾကလိမ့္မယ္လို႕ေမ်ာ္လင္ပါတယ္။


ေအာက္မွာဥပမာပံုနဲ႕တကြလင့္ခ္ေတြျပထားပါတယ္၊

၁။ Layout.

၂။Edit HTML

ေအာက္မွာအတုိေကာက္ေလးျပထားေပးပါတယ္၊ css ေနရာမွာရွာပါ၊


.post



ေအာက္မွာျပထားပါတယ္
.post {margin: 0 0 40px 0;width: 90%}




ေတြ႕ျပီဆိုရင္အေပၚကအဖြင့္အပိတ္ေလးၾကားမွာေအာက္ကseparator css ေလးေတြထည့္လိုက္ပါ၊
background: url(ဤေနရာမွာမိမိရဲ႕Separator-Image-Urlထည့္ပါ);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:
2.5em;


အနီေရာင္ႏွင့္အဝါေရာင္ကိုေျပာင္းလို႕ရပါတယ္၊ဥပမာ-3.5 (သို႕) 4.5 ေပါ့ေနာ္၊
ေအာက္ကပံုစံအတိုင္ျဖစ္သြားလိမ့္မည္။
.post{
margin: 0 0 40px 0;
width: 90%;
background: url(ဤေနရာမွာမိမိရဲ႕Separator-Image-Urlထည့္ပါ);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}

တခုေတာ့သိထားဖို႔လိုအပ္ပါတယ္ဘာလဲဆိုုေတာ့ Blogger Tamplate ဟာလည္းတစ္ခုႏွင့္တစ္ခုမတူပါဘူး။
က်ေနာ္သံုးတဲ့ Tamplate မွာျပထားသည့္အတိုင္းမဟုတ္ပါဘူး၊.post{ ေအာက္က
margin: 0 0 40px 0;
width: 90%

အေပၚက margin:ႏွင့္ width မပါ ဘူးပါ။က်ေနာ္background: url(http://www.imagehost.com/separator.jpg);
ေလးဘဲထပ္ထည့္ေပးလိုက္တာပါ၊



http://4.bp.blogspot.com/_JwD5r652h00/SuttjmoES2I/AAAAAAAAANw/bidxxyqfxww/s1600/barsnake.gif






https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6NQ-9oxRz7U3PLOLiYxZTp42c25QQmifQ6TWUU7LHeBkWOYJ9iIPMCEbGOSFPrxGRAuarE9ssuVs54Q4r0M9y8hAoqeIh9qwQPAAWdiLBX_dA0E8P1bBw6RGBfhQdQQWOoh6WW1HXqhix/s1600/bar54.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2xp4yEJv7UjzCvbZA4aSBU-7ICs26FKosBi8h_97vW9KchyosmamNvw0dO6OyQFzaCiNvZM8lWQ-I9pfnsn_P-p5T8UvwfhTXOPtLYvbQ1RDSDTPJRLxWng5K0m44IfoFi8OYGFUXO8_/s1600/bar48.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOELK_pTtm78S0ypEg6no5Tsn4uxO85ZYAUJ7U6iKk5Ml0vkPHzkMlqO60_bhbiXcdYjIGaIj8pGMMKskgr2OND_ooeIDbpVmn2vyR7iuQLuQhR0EOZ5wuMgXTN9gfF3w-oZgdbuvd51wf/s1600/bar47.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZvGIGPi7ZoyaHaRALdQ2pYgUl8eGpbfI1sfFGFV2-KXpfFMvT_wmWC_TKOImr-_EeHcpPlW6PxExSfnix7G1rugAyVZ__2FN6RihvJkROP1nbP1vJzWpj4e5HEEztWfVdhahSOKe22wmn/s1600/astarl7s.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLVr0jtCTm2kZQx3fj1nKcZOupo50HUF8ZbnOz2CIVqq0YroepqJoOWYjUy5RSwoGSxskOYzzavlrxqmFGRhl4nmtmUtB3JdI-LV0PYbFMpZlXJa1eY1HnGYkIMvsyMbExLMs1mmBam0Sh/s1600/dividers_129.gif









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAPYLXqFN7m2dhSEenzbHO87Xg7QP8t05bMp1hFXOY3b2Kquxiismy4rOPbC2jrP5uVWp82Cho0ZoDEWx0lWiIGPSDN-t1z5EQjWQZAbqIbDNmWcBWHKOatSmGidvlZMPSbTQoAJgcHXvD/s1600/dividers_96.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgskwsXOIPadw5NVnubigdUDWzxrwZAZOLSv5JoEfRjnUF3MTAENWfx7-XQi2ccF7pkf9NKsp4twgdUukYPYQ6Cc_q_JV6t5mPncUnbkI0BlwoFvw-dSq-221PFPD5TwMah9inXdnkhwbA0/s1600/clipart-heart-border.jpg









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMsFc9stYNUINOw-NHPisyPwQdSIZvF4oJfPlsuml9rP7KYfaSQpeIoYfv9iIuo6Xpmaw1KRTBNIbNoeLhWgerjVY9pVXNkAm4mRkn_YmGORtXQ39lt47kxpk2OUh9E_fOFKLvqygGjBj/s1600/chain.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhby7wCjIvJyNZW8e4KAn3sUkcqtzbYxzN532Pqkb92Mbr1_tnRL_hhVxDmhB1Fv20y_rpcgBnUjK-4nUMGeIVriRQQOaZdIRvImGd3ELmpJzoYSsXBpbaXVkhUKlaC10Dwsw2T8IL6QNwR/s1600/bloodrose.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsEDCj8s2bRzbjJcHfVaMEsVpiCzyceyPZLxUKMkdmTjPYq3xdkEt2zS8kyH0t1YR0sll1I1ANC8rAGfWck4z17w1ofgl-vRiwhh3YJ1Se84LVz1MJTkNdnXD1YCwM2sykr0Dy0hZaL3ha/s1600/stonebar.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHwpxag4RhUuMapTPOv17siKNzBmhyphenhyphenlQKjhiR-04GIA146jGVCw8Pd1ID605yWRiNCx2pw5cJMRuUixY8d6SgX5ZJ6Q3peF-1kGND2Y4R1yb4vO-Cy9SbHQDQcqA3ONdf6HoY-ZKGzqhIX/s1600/resfiles_sdfp.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdeyz6tYQfiL1OoZgT7dAsAtX5_mSsYnoZMY9vIIzrsDGmtfY0pY1siYSm8NDUFX5Q4afEQRVZn0gJxLDsLNrOxtyQowWzLhyhcRXlpNZTK1UZAZ4_O0GQpQgZqGra7XJNsKD9lNK_E52/s1600/resfiles_output.php.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXeoz2aidUtL9mu2cRt1i3JFmP8XXOYlZ4JLbGYHg72nPXMQn9UbuHh9NbaUt3Nsf07nbxQaRZF-s29HaPppKIJEGTQTnMDdqJuPpLfx916UOwCNbuU0gUDP5os75SMY3IpaeSE86NCGl/s1600/pumpkin-border-hth.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9LcuFccaIEBjjAa9fEwLaqLLtSUFwRO6_bSQtPb1c1Aifs0D0I69TY3Wj4eoTPgzjAeKlOAY2dY5gHLFlpPKvteiJUG6P0vBlhleQUSQ4THP1r37rArAPPuLrRtrvYTDNYFj6Rq4QSib1/s1600/irish-border4.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE25abLxbahBzGI_umFH_jkpk1ipLR4ZCWZqMcbN1ivtcNux30TeWkO5n6rjCJuoXIIwfDGD5MAizYBxmVs-mhnGuHoMntbBNoFVcVGweFYM-uqdyV0ogNPT54yLEm1iXmsnKkegyA-ri2/s1600/ivy.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMIL3gd1CtZLfD9bCN_ttQxt8UBqpxDfT1r5DqYwTNo9TI5SJsAOhQhmG1x-8FjQRX3K44nCZQ1xXF8kn6rqECUKdqkHNQp1mUmN6q8vqKEm98tYcGgCgq-H4-TEm7I3hUv0S3NgSrobHw/s1600/irish-border1.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdYPNYWzjvyocNJhr1sLHwpwFz6gyNhjDtaDVkqPu5gfHzMklYO2MKmMnihHZu4BTpr_8PDOPvADiJkdLho_zVsXaz9hebOF5lobqh6MMNMYdj1ibiWEylIjEbSnlbHZlnu7bC6ryQZYi/s1600/frog54.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6-KQFeS6Ges00cv7ZPIhqRUSVWA2PCf2IQbgprkajC6X5jIjaojtmryCNA12pfsIRy8xagdIpngmEbX22l3m63cl0sY3R-54tXgSxhp_F-QXB06lumuWnn9uCZPQ2aGp96rHJOt7TBYo/s1600/flowerbar.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGqR45AoFxxsDZo8RT4u_tJVTVspBz4enL116o2Piqd4Xyri5RSNXQlUQ2uU5yrwOBsTope8GUdVP8ndZs0M2ZK3uu7INQe-JRWgDDbSc_KNz5LbOpivyqSNom4vbQZWjTKdfM4MCgoXeq/s1600/drawing-separator.gif


အထက္က လင့္ေလးေတြကေတာ့ က်ေနာ့္ရဲ႕ ျမင္ဆရာ  ျဖစ္တဲ့ kp3 ကရွာေဖြ စုေဆာင္းထားတာေလးေတြပါ...

သည္ဆိုဒ္ေလး ျဖစ္ဖို႕ က်ေနာ္ စိတ္ကူးယဥ္ခဲ့တာ ျကာပါျပီဗ်ာ.. စုေဆာင္းထားသမွ်ေလးေတြနဲ႕ ျကိဳးစားထူေထာင္လိုက္ပါျပီ။ က်ေနာ့္ရဲ႕ ျမင္ဆရာ kp-3 ကိုအားက်မိလို႕ပါ။ အားေပးမွဳကိုအစဥ္ေလးစားလွ်က္ပါ။ တုန္ျပန္မွဳေလးတစ္ခုအေနနဲ႕...စကားေလးတစ္ခြန္းဘဲ ခ်န္ခဲ့ရင္ ေက်နပ္ပါျပီ။ ေအာင္ေအာင္(မကစ) www.ledimyethar.com www.depelyin.co.cc www.aungkyaw.com

0 comments:

Post a Comment