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

Posted by KP-3မိသားစု | Labels:

ဒါေလးကေတာ့အေရးမၾကီးဘူးဆိုေပမယ့္မိမိဘေလာ့ကိုပိုျပီးလွပေစသလိုပါဘဲ၊ 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/AVvXsEhLpqY2UO_1IYAs0_OsPjqH7ZpQV47m16WD65O_3tbRxXxgoSoMhe_DKYvdvJaOdWr2ENFf1ncjvXxySpBOviLNKYbQ8j9hzzcoZcoUxF7hTOJ1IwQHkQQdE6tfOwT4ovDLbYU5RoF0313q/s1600/bar54.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcDaH0gP2SjvP3BpBg_0q6Yt60387VRZhfRvjbLBc8f1fFgtBRTKhUE_tJjsaCoNi7Sf1RqWFEDvX0c62QmlVcjQiv_Db8vz_6OqWaG9HOqzcXwyncSujG9yKMLx2R4zftDRkgJYdQopb/s1600/bar48.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacP0hVT6lMIKeBkliYxZgwNP_oFY4_B_Zue-h0SUl2tSPVsPLj_ELplQan-JT0iXQfLmDDKW4fg8vRvIN_7-mi-PKIt6GQg2Dhh4aC772Nb4QGRwlmL5G4RgGCZxxyk8fycFp5fMVxU4G/s1600/bar47.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2fhbfCvIywdr6uJXpxknqQkjoYSA9kjPYhn9F7iJ52ZUq9J-nqOtL3LQ_ekwwaX0SdDQBdhuJN1ZyC_uBLqL8DnQFQMw747TVdikH0cl9lgrYyLWIOowxm4ZOH9OFEmLtqNdR0UvJr3b_/s1600/astarl7s.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMEMfO49iOexy4MnfeLg1AaqELlPlUi2BBb4k02nniC5xZMDHLli_xC6ZXnZ3_V6LxgJeChkRKaMrYDkYN1WsOimd2LoM0vG7Wa_NW8_JrPj8DbI_tjV-ehVWDa6qjooQr9YC4e0Z8Hup/s1600/dividers_129.gif









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuBucViEdoDL31-gYR0dPv5VULSJydyV-FrxY9d2qal5phlCWKPO8Xyduz6-GamB5sHOzFR0Tw3OwZKfC6GTnQ7mQlNL6tfSXaylSRr1ud7tC5H-QfA2-QXuiRtkcL1YAPkBoarkohWTTK/s1600/dividers_96.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiE2d7ljO-brOgrW-j6utPp36fJQEF6EjqpGfCNqcW-LX6CAoXVFfDps4MBCrTrhB-IBQDyF0A9vMkHELNWX156fiyVyJg9yc1cy_kD_t-HcVnWeaO_VqEJkg-E8V2sygqJ6n3ncosQzDY/s1600/clipart-heart-border.jpg









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguOMFAI_ySJAyuWnaC2Zho97B0bvmkOFVJWBxbrQy85e4WL14w-4zERYxBBiV1s1ag622iqnV1flGmt71lUZCiv-3lxS79ffxYbrQ-BJRjFBOKkW-7XcOE2QABL1xs4LuP67qaM2m82Sb5/s1600/chain.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU6vyCQSAdfgyfABiyQpyPrXaTGzD8v5GZUEaHK1c65yQqv3nV-VmQ1UCcwqqyATEdXhdLcdUPUdoOWjzMYBvm8aJiK5B_Y1PB-rEMPl3JonbWaL5YAERo-CHrWa3DPx6hUwZijQmWlrUP/s1600/bloodrose.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj9sjxVtA0axLFK99WAq8AADQv7zmk8ivGVYIvyIwMgAb6gNiPNqG_RILAdE5xUimMKkFLGl2ph40gubebUM_hrnsGlP4-cWZdLrZA03pOQxhusPqClrmtlca9_IpFvAGJUdUMkEQ7r1tx/s1600/stonebar.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfIbgexIxkpeycb8bY8SBiP-6UI0YubNFKagi4AAxNkh5CCVrt39ROnLyTPvWC__eh6acdyG78fhLTxLBneJD69pDjWp-TNHZJC-d88u2MOLBOjq7l04vhM2XaI5Q-13TKN96iOlR_puc_/s1600/resfiles_sdfp.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwIOZt4FU0z-j-t_NEHvL1bNDgBioKeu4ww3WOJY-cA83BPleOjYLvLDqKk7n9TZ7SZL-FOB_jDpMFTYk7qulQeEo0YLNsJdvtfqBpmTkD-fmzpou219AKHqk4-w2dXUEmh_zNHSaGnau/s1600/resfiles_output.php.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXz-O0ysZNN5VcLaBc9hIovMhj_Z5mHK9toIfj93V-8zDQKLZDXKE8lmTjY4a5e8nY83RxP0Cg9oUtd7Ba7H4xxALIyVAAUZd5JiFFtVPKbiHoi3oXfcYVpqfOhEvZxxJZ6U8Y-8rk9Vg/s1600/pumpkin-border-hth.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk29aqdF9yU2PsW8crPjyCD7IJ-dcfAi-SlAXgMzAV8uNx8nyD00XkO9uci17CmEPlVgJqYizJnAAqL478iK25UM9frtLqEEoFcmpMUSgNY8Vnem25M5tgI8SULg9QiuF9wcz0MN7RdYrS/s1600/irish-border4.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFbIZy2zy_MHUzanuPYi88rB-0gnhdGMyvtLzhIpyLOI5C1N-wxMBvC7_qz-U2jblcOc_DtCxR-BsOd67Him6pWFGcOU6Ih3Ms00zhPvY71QAr8kc3eIGLBDOuhct2FgS68aAl8jZW6B9n/s1600/ivy.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGTEem4TKBeOZvhBn6kzkiymJvy9VX8elTow7Ghm3eT4Z1X6R6IYMpkEyTfku7kPoCjhyAjNTIQK3MkfykfJe5VmmuArpeghU0BZcelB3KBPBXaW9Clqw1_kxllgkg-24WbFCCbVrtNh2f/s1600/irish-border1.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVz0d2_pG733Kbrp4DKnjmMoeuCzI4egeW83e8kjUs8HtNdPjlTEXfLacEOZ6QA-LHB7XtPxtCN7ByLyXz7VaZPYO8IF5ETa_9vuoPIKcD_70d4fRZebOePsV4LJ0l3XVDRdE9NecqEDns/s1600/frog54.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDHrYf3SFvNrB78TQMod_4p3TWYLccjK3YBhXfp_IlujM9GJI_u7Z9leSRcKZALx-STeQnamTsXBNqPK0iS89aVhz74Bci82Db6LmxIcRBwb2QINL39GLZMxvDf6cFD3L3gLgwkzKDhbPP/s1600/flowerbar.gif





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




ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု



Related Post:

0 comments:

Post a Comment