Pages

10/06/2012

kp3နည္းပညာ၊၉၁၊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/AVvXsEiFzRo1TZg6xVtzEiYwgUZpFfn7ocmLJ4a70mpdr19EUHW8BCusM21GtbbaNyLhOmqX8AkqDzBGxWJNdmch7OE1ACKOpRXB0von6euIz3rOOle3Y_6Zsd-KtQoUCAQ4CzQVPNcTg0sNimFr/1600/bar54.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisHkDBQubHWRblltrAItxeU_gT7hqaPXeieZDkcCwG1LIgwol0Sl_P6hPE5KoFatSVoXKkHH74i1yoUQcbWU3vNYFRadJXL2thL8GSR0BBukArUhfuVW7AopfvGBmJsIo9ykHleXAG-I-I/1600/bar48.gif







http://1.bp.blogspot.com/_JwD5r652h00/Sutti1AMlHI/AAAAAAAAANY/n-pJyLWbbhE/s1600/bar47.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0Yow3I27V9fDQNC3_eCe85hxaALmoPlvFbaz8L6cK-WvB7Sb01HRGDFhJORARI5XT7oDRKF041LSityAPuU_pLsKLEo6EKTx38VjcArGjcNX5olugVGXXFnFVzmMwas5wKyF4IyPhc_p/1600/astarl7s.gif








http://1.bp.blogspot.com/_JwD5r652h00/Sutu7XMmvBI/AAAAAAAAAOY/8XQyk53329Y/s1600/dividers_129.gif









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUQ90hFSuf4105rK2bYanC9IfNqnhoQu5c5kBWY30IXTFTuMhyphenhyphen0o7yG0EMHfoCovsobwBYFzL8OdkEz5p7k7sPnUHKsfu-ZAqQaysjFiPU1ZFMfh4xObqZfxvKSX7rjdLd8GjhBclcVAB6/1600/dividers_96.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaHvHqqf8nz1gusvkc71PN94NWCSeYe_lM10hDRdXTBQqPVnkycQuIA7-tLHpWpj_CpJLs3GNKCk7eIaY6Ci4PPqJ9o6Wc563OSxSiSVe5AzEjKuJD_vriw0ld3Lej5N_IjowInMei6bRF/1600/clipart-heart-border.jpg









https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMWMU7OFacoTJpOHMpvHGwHCpB6517GKuBUw2yXCxX1Nsxl22ziaxyDkuHcPlMu7z31vCYFWz4lQ2cyvgsKNqj4-HGvADw2dYtyWMJlHYYXSU_dzePELyCIujyFLll_i9JDnyz5h5Pm_Ma/1600/chain.gif





http://1.bp.blogspot.com/_JwD5r652h00/Sutu6mRBnpI/AAAAAAAAAN4/82pbOVmnl1Y/s1600/bloodrose.gif







http://2.bp.blogspot.com/_JwD5r652h00/Sutwt4UlPXI/AAAAAAAAAPw/tZ9RY7m1tKA/s1600/stonebar.gif







http://1.bp.blogspot.com/_JwD5r652h00/SutwFSJ2_LI/AAAAAAAAAPo/WMkQ9bAcVn0/s1600/resfiles_sdfp.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6kYYO2etlOcSykZcl_vKyq3Rmrte8d023YutkU8EUwKWR48xnBXjgQLogwVSZMZ-U7nKCJfOmvxxyoiIsFvoBSlfcPFLAN92l8XUEHMlvE-a3IxUEqG3SL49zQrOZU6XNcSwzxPZBB2Q/1600/resfiles_output.php.gif







http://2.bp.blogspot.com/_JwD5r652h00/SutwEayD8dI/AAAAAAAAAPQ/9k10wIhaHjU/s1600/pumpkin-border-hth.gif








http://3.bp.blogspot.com/_JwD5r652h00/SutwEO1pNLI/AAAAAAAAAPI/FAmwFnDEASw/s1600/irish-border4.gif







https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7DW0WzJ1w4kkze98c4a0C0rjgRmA2fYH5rUFVw2PBmdKo_mLtHUiaSvZeEiLotj9YDWZFX-LRHGCMqOQ6lZd5qtJc_BMj7EhF7E9jJepx5oQ4AUuF2XVNlpYynWpcqfrlHuahWfmeriz/1600/ivy.gif








http://1.bp.blogspot.com/_JwD5r652h00/Sutv3EVHqdI/AAAAAAAAAO4/jKfcf3u4IJ4/s1600/irish-border1.gif





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2oHta5kS1BBRz6ppOX6_QQIRmAm94s2dRpycFZmluk4IC_16rOf95Oz2WzvhZOC1536TELYACTmdRgBz2im2w60PPsKbD1kSOOy8oQ7yizr6I5S45KujozaSrFgIa2UQ4tOTiyDZIImD/1600/frog54.gif








https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8C30RP5hVfDinBw9H2LXMU9lic1qe0UD3vNApWl-buvjKYjTzgWFOfj_HIvFpsMADvu4fTqqRsUhuf-mD7xMgUnCUKsJfOGR6TySONum68zaxDzSTjVLdcgcx9qsm-6cRIV0CNDh3u8H/1600/flowerbar.gif





http://3.bp.blogspot.com/_JwD5r652h00/Sutv2gVPVII/AAAAAAAAAOg/w1Wh7KancXM/s1600/drawing-separator.gif




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

No comments:

Post a Comment