Thursday, August 23, 2012

කතා ඇතුලේ තවත් කතාවක් ලිවීම - Writing thinsgs insidide another things -

අද ලිපියත් ඔබට බ්ලොග් ලිවීමේදී ප්‍රයෝජනවත් වේ යයි අදහස් කරනවා. මුලින්ම අද මේ හදුන්වාදෙන්න යන දෙය ඔබට යොදාගත හැකි අවස්ථාවක් සදහන් කරනවා නම්,  අප ලියන බ්ලොග් පෝසට් එකක් ඇතුළේ එම ගලාගෙන යන කතාව හෝ යම් සිද්ධියට බලපෑමක් නොවන අයුරින් ප්‍රධාන ලිපියට ඍජුව හෝ වක්‍රව හෝ යම් ඔබගේ අදහසක් හෝ විස්තරාත්මක සටහන් කිරීමේ පහසුකම ලැබෙනවා. මේ භාවිතයට අමතරව තවත් ඔබට විවිද භාවිතයන් සමහර විට සිතේවි. ඒවා ඉතින් අවස්ථානෝචිතව භාවිතය ඔබට භාරයි.

මෙන්න මේකයි කරන්නේ. ඔබට මතක ඇතිනේ මීට කලින් බ්ලොග් ලිපියක යම් අවශ්‍ය තැනකට Box එකක් යොදාගන්න ආකාරය පැවසුවා.

ඒත් මෙහිදී අප යොදාගන්නා Box එකට අසුරාගත හැකි ප්‍රමාණයට වඩා වචන තිබුනොත් Box එකට පිටතටත් ඒවා පැමිණෙනවා. ඉතින් අද කරන්නේ මේ Box එකට Scroll Bar එකක් එකතු කිරීම මගින් කලින් යොදගත් ප්‍රායෝගික අවස්ථාවන්ට වඩා වෙනස් ආකාරයෙන් භාවිතා කිරීමයි.

මෙම උපයෝගීතායත් ක්‍රම දෙකකට කර ගන්න පුළුවන්. පළමු ක්‍රමය තමයි Add CSS වලට එකතු කිරීම.නැත්නම් අවශ්‍ය ස්ථානයේදී HTML mode වලදී එම box එක ලබා ගැනීමට අවශ්‍ය කේතය ඒ ඒ වෙනස්කම් ඇතිව ලිවීම.

මුලින්ම Add CSS වලට CSS කේතය එකතු කරන හැටි කියන්නම්. මෙයට අවශ්‍ය මූලික පියවරයන් පසුගිය
ලිපි වලින් දැන ගැනීමට පුළුවන්.

මෙන්න කේතය

<style> #box2{ background-color:#CCFFFF; overflow:auto; width:500px; height:200px; border:double; border-bottom-style:outset; padding-left:5px; padding-right:5px; text-align:justify; } </style>

ඉන්පසුව කරන්නට තියෙනනේ අපි ලිපියක් ලියන විට එහි HTML mode එකට ගිහිල්ලා. මෙන්න මේ විදියට කේතයන් හා අවශ්‍ය ඡේදයන් භාවිතා කරන්න
<div id="box2"><p>ලිපියට බලපෑමක් නොවන අයුරින් එකතු කළ යුතු ඡේදය</p></div> 

මෙන්න මේ වගේ දෙයක් ඔබට දැක ගැනීමට ලැබේවි.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.


මේ දැක්වෙන Properties ඔබට අවශ්‍ය නම වෙනස් කර ගැනීමට පුළුවන්. එසේම දක්වා නැතත් border සහ border-bottom-style කැමති නම් වෙනස් කිරීමට හෝ ඒවා ඉවත් කර ‍මුල් කේතය භාවිතා කිරීමත් පුළුවන්.
දැන් ඔබට ADD CSS වලට කේතය ඇතුළු කරන්නේ නැතුව අවශ්‍ය ස්ථානයේදී CSS code එකම ලිවීමෙන් මෙය කරන හැටි දක්වමි.

<div id box style="overflow: scroll; width:520px; height:200px; background-color:#CCFF99; padding-left:10px; padding-right:10px; border:thin; border-style:ridge;"><p>අවශ්‍ය ඡේදය</p></div>

මේ කැමති ආකාරයකට ඔබ භාවිතා කර බලන්න...

14 comments:

  1. මට නං මේ ගැන ලොකු අයිඩියා එකක් නෑ...

    ReplyDelete
    Replies
    1. ඕන වුනොත් පාවිච්චි කරන්න...

      Delete
    2. ඔව් කිව්වත් වගේ උවමනාවක් වුණොත් පාවිච්ච් කරමු :)

      Delete
  2. MEWA APATA THERENNE NEHE NE. GREEK WAGE

    ReplyDelete
  3. වටින ලිපියක්......
    බොහොම ස්තූතියි දිනේෂ්..

    ReplyDelete
  4. වටිනා ලිපියක් ...

    ReplyDelete
  5. With havin ѕo muсh wгitten content dο уou ever run into аny prοblems of ρlagorіѕm or сοpуright infгingement?
    Μy blοg hаs a lot of completely unіque сοntent I've either authored myself or outsourced but it appears a lot of it is popping it up all over the internet without my permission. Do you know any methods to help reduce content from being ripped off? I'd genuinеly аppreciatе it.
    httρ://bethel.ρatch.com/еѵеnts/malibu-countrу-sеaѕοn-1-еpіsode-4-caѕhѕ-car-watch-it-fоr-free-onlіne-strеam
    My page > Malibu Country Season 1 Episode 4 Cash's Car

    ReplyDelete