ការដាក់រូបភាព និងការអធិប្បាយរូប Caption នៅពេលអ្នកចុះផ្សាយ

http://jumnuoy.blogspot.com/2009/03/caption.html
(មានការអធិប្បាយ)នៅ​ក្រោម​លំនៅ​ឋាន​មាន​កី​តម្បាញ​សំរាប់​ត្បាញ​ហូល​ (រូបថត​ ៖​ ធា)

នៅ ក្រោម លំនៅ ឋាន មាន កី តម្បាញ សំរាប់ ត្បាញ ហូល (រូបថត ៖ ធា)





(មិនមាន)នៅ​ក្រោម​លំនៅ​ឋាន​មាន​កី​តម្បាញ​សំរាប់​ត្បាញ​ហូល​ (រូបថត​ ៖​ ធា)




A caption
គឺ រូបភាព ជាមួយនិងការពន្យល់ ឬការអធិប្បាយអំពីរូបហ្នឹងពីក្រោម ដូចរូបទីមួយ ខាងលើជាដើម
ដែលធ្វើឲ្យប្លុករបស់អ្នកមានភាព​ស្រស់ទ្វើឡើងមួយកំរិតទៀត។
ដូច្នេះសូមមើលការណែនាំក្នុងការធ្វើដូចខាងក្រោមៈ

: សូមស្វែងរកកូដនេះ ]]></b:skin> ហើយបន្ទាប់មកបន្ថែមកូដ CSS នេះ ពីខាងក្រោមវាៈ

.wp-caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}


នៅពេលដាក់រួចហើយ បន្ទាប់មកសូមយកកូដខាងក្រោមនេះទៅ ផស់ (Post) សាកមើលថា ចេញដូចខ្ញុំថាឬអត់?
តែបើចេញហើយ នៅរាល់ពេលដែលអ្នកចង់ដាក់ឲ្យចេញដូច្នេះ អ្នកក៏ត្រូវតែសរសេរកូដដូច្នេះចូលដែរ:

<div class="wp-caption"><img src="http://women.open.org.kh/files/images/hol_phamoung.jpg" alt="" />
<p class="wp-caption-text">Khmer Dress(Photo by:sss)</p>
</div>


(មានការអធិប្បាយ)នៅ​ក្រោម​លំនៅ​ឋាន​មាន​កី​តម្បាញ​សំរាប់​ត្បាញ​ហូល​ (រូបថត​ ៖​ ធា)

នៅ ក្រោម លំនៅ ឋាន មាន កី តម្បាញ សំរាប់ ត្បាញ ហូល (រូបថត ៖ ធា)





(មិនមាន)នៅ​ក្រោម​លំនៅ​ឋាន​មាន​កី​តម្បាញ​សំរាប់​ត្បាញ​ហូល​ (រូបថត​ ៖​ ធា)




A caption
គឺ រូបភាព ជាមួយនិងការពន្យល់ ឬការអធិប្បាយអំពីរូបហ្នឹងពីក្រោម ដូចរូបទីមួយ ខាងលើជាដើម
ដែលធ្វើឲ្យប្លុករបស់អ្នកមានភាព​ស្រស់ទ្វើឡើងមួយកំរិតទៀត។
ដូច្នេះសូមមើលការណែនាំក្នុងការធ្វើដូចខាងក្រោមៈ

: សូមស្វែងរកកូដនេះ ]]></b:skin> ហើយបន្ទាប់មកបន្ថែមកូដ CSS នេះ ពីខាងក្រោមវាៈ

.wp-caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}


នៅពេលដាក់រួចហើយ បន្ទាប់មកសូមយកកូដខាងក្រោមនេះទៅ ផស់ (Post) សាកមើលថា ចេញដូចខ្ញុំថាឬអត់?
តែបើចេញហើយ នៅរាល់ពេលដែលអ្នកចង់ដាក់ឲ្យចេញដូច្នេះ អ្នកក៏ត្រូវតែសរសេរកូដដូច្នេះចូលដែរ:

<div class="wp-caption"><img src="http://women.open.org.kh/files/images/hol_phamoung.jpg" alt="" />
<p class="wp-caption-text">Khmer Dress(Photo by:sss)</p>
</div>

2 comments:

Anonymous said...

ជំរាបសួរមិត្រទាំងអស់ នេះជាការពន្យល់ជាភាសាខ្មែរ ដើម្បជាការងាយស្រួល ក្នុងការធ្វើ

RMV's Colleague said...

Hi,

How many website do you have. I think you have many right? How have you been doing? Happy New Year!

Sumedh

Post a Comment

Followers

រឿង ដែលខានមើលមិនបាន

Contact us

Name

Email *

Message *

Your Language

Online

Copyright 2009 Simplex Celebs All rights reserved Designed by www.sruol9.com