CSS පිරිසැලසුම සමස්තයක් ලෙස ඔබේ වෙබ් අඩවි සැලැස්ම ගැන සිතිය යුතු අතර ඉන්පසු ඒවා කැබලි කොට ඒවා එකට තබා ගත යුතුය. CSS සමග සරල 3-තීරු පිරිසැලසුමක් තැනීමට ආකාරය ඉගෙන ගන්න.
09 වන දින
ඔබේ පිරිසැලසුම සකස් කරන්න
ජේ ඔබට ඔබේ ආකෘතියේ කඩදාසි මත හෝ චිත්රක වැඩසටහනක ඇඳිය හැකිය. ඔබ දැනටමත් වයර් රාමුවක් හෝ ඊටත් වඩා පුළුල් සැලැස්මක් තිබේ නම්, එය වෙබ් අඩවිය සෑදීමේ මූලික පෙට්ටි සරල කරන්න. මෙම ලිපියට අනුබද්ධ මෙම සැලසුම ප්රධාන අන්තර්ගතය තුළ තීරු තුනක් ඇත, මෙන්ම ශීර්ෂකය සහ පාදකය. ඔබ සමීපව බැලුවහොත්, තීරු තුනේ පළල සමාන නොවේ.
ඔබ ඔබේ පිරිසැලසුම සකස් කළ පසු, ඔබට මානකරණය ගැන සිතිය හැක. මෙම උදාහරණයේ පහත දැක්වෙන මූලික මානයන් වනු ඇත:
- 900 පික්සල්ට වඩා වැඩි නොවේ
- වම් පැත්ත 20 px
- තීරු හා පේළි අතර 10 px
- තීරු 250px, 300px, 300px wide
- ඉහළ පේළියේ උස 150px උස
- පහළ පේළිය 100px උස
09 සිට 09 දක්වා
මූලික HTML / CSS ලියන්න සහ බහාලුම් මූල ද්රව්යයක් සාදන්න
මෙම පිටුව වලංගු HTML ලේඛනයක් බැවින්, හිස් HTML කූඩුවක් සමඟ ආරම්භ කරන්න
මාතෘකාව> </ head> <body> </ body> </ html> <p> මූලික CSS ශෛලියේ <a href="https://si.eyewated.com/%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B7%83%E0%B7%93%E0%B6%B8%E0%B7%8F%E0%B7%80%E0%B6%B1%E0%B7%8A-%E0%B7%84%E0%B7%8F-%E0%B6%AF%E0%B7%9A%E0%B7%81%E0%B7%83%E0%B7%93%E0%B6%B8%E0%B7%8F/">පිටු ආන්තිකයන්, දේශසීමා සහ paddings ශුන්ය</a> කිරීමට එක් කරන්න. නව ලේඛන සඳහා වෙනත් <a href="https://si.eyewated.com/css-cheat-sheet-%E0%B7%83%E0%B6%B8%E0%B6%9F-%E0%B6%9A%E0%B7%90%E0%B7%83%E0%B7%8A%E0%B6%9A%E0%B7%90%E0%B6%A9%E0%B7%92%E0%B6%B1%E0%B7%8A-%E0%B7%83%E0%B7%8A%E0%B6%A7%E0%B6%BA%E0%B7%92%E0%B6%BD%E0%B7%8A/">සම්මත CSS විලාසයන්</a> තිබුණද, මෙම විලාසිතා පිරිසිදු පිරිසැලසුමක් ලබාගැනීමට ඔබට අවශ්ය අවමයි. ඔබේ ලේඛනයේ හිසට එක් කරන්න: </p>
<style type = "text / css"> html, body {margin: 0px; වැටීම: 0px; දේශසීමා: 0px; } </ style> <p> පිරිසැලසුම සැකසීම ආරම්භ කිරීම සඳහා, බහාලුම් අංගයක් තබා ගන්න. සමහර විට ඔබට භාජනය මකා දැමිය හැකිය, නමුත් බොහෝ ස්ථාවර-පළල පිරිසැලසුම් සඳහා, බහාලුම් අංගය විවිධ වෙබ් බ්රවුසර හරහා කළමනාකරණය කිරීම පහසු කරයි. ඒ නිසා ශරීරය තුළ මෙය මෙසේ ය: </p>
<div id = "කන්ටේනරය"> </ div> <p> CSS ශෛලිය තුල, </p>
#container {} <p> <strong>09 දින 03</strong> </p>
<h3> බහාලුම් බිම </h3><p> බහාලුම් මඟින් වෙබ් පිටු අන්තර්ගතය කෙතරම් පුළුල් ද ඇතුලත පිටත වටපිටාව සහ පැකිලීමද කෙතරම් පුළුල් වනු ඇත. මෙම ලියවිල්ල සඳහා වම් පසින් පික්සල් 20 ක් සහිත කන්ටේනරයක 870px පුළුල් වේ. කුණු කූඩුවක් මාගින් ස්ලයිඩයක් සහිතව පිහිටුවා ඇත. නමුත් කන්ටේනරය මෙන් කිසිදු මූලද්රව්යයක් නොපවතින පරිදි කන්ටේනරය මත පැටවීම ශුන්ය වේ. </p>
#container {පළල: 870px; සීමාව: 0 0 0 20px; / * ඉහළ දකුණ පහළ පහළ / * padding: 0; }} <p> ඔබ දැන් ඔබේ ලේඛනය සුරැකුවහොත් එහි අන්තර්ගත කිසිවක් නොමැති නිසා එය භාජනය බැලීම අපහසු වනු ඇත. ඔබ තැටි රචනා පාඨය එකතු කර ඇත්නම්, ඔබට කන්ටේනර් මූලද්රව්ය පැහැදිලිව දැකීමට හැකි වනු ඇත. </p>
<p> <strong>09 සිට 04 දක්වා</strong> </p>
<h3> ශීර්ෂය සඳහා ශීර්ෂ පාඨය භාවිතා කරන්න </h3><p> ශීර්ෂ පේලිය හැඩගස්වන්න ඔබ තීරණය කරන්නේ කෙසේද? ශීර්ෂ පේළිය logo ලාංඡනයක් හා සිරස්තලයක් ඇතිනම්, headline tag (<h1>) භාවිතා කරනුයේ <div> භාවිතා කිරීම වඩා අර්ථාන්විතවයි. ඔබට ඩිග් විලාසනය කරන ආකාරයෙන් සිරස්තලය විලාසනය කළ හැකිය, බාහිර ටැග් වලින වැළකී. </p>
<p> ශීර්ෂ පේළිය සඳහා වන HTML සඳහා කන්ටේනරයේ ඉහළට ගොස් මෙය පෙනේ: </p>
<h1> මගේ ශීර්ෂ පේළිය </ h1> <p> එවිට එය මත මත සැකසීමට, එය අවසානයේ කොතැනක දකින දකින රතු සීමාවක් එකතු කරන ලද අතර, ආන්තිකයන් සහ පැකැට්ටුව ශුන්ය වන අතර, පළල 100% දක්වා සහ උස සිට 150px දක්වා: </p>
#container h1 {මාදිලිය: 0; වැටීම: 0; පළල: 100%; උස: 150px; float: වම්; මායිම්-පහළ කොටස: # c00 solid 3px; }} <p> Float සමඟ මෙම මූලස්ථානය පාවීමට අමතක නොකරන්න: වම්; දේපල. සීඑස්එස් සැකසුම ලිවීමේ යතුර වන්නේ සෑම දෙයක්ම පාවී යෑමයි. එමඟින්, ඔබ සැමවිටම මූලද්රව්යයේ පිටු මත රැඳෙනු ඇත. </p>
<p> <a href="https://si.eyewated.com/css-%E0%B6%85%E0%B6%B1%E0%B7%8F%E0%B6%9C%E0%B6%AD-%E0%B6%B4%E0%B6%BB%E0%B6%B8%E0%B7%8A%E0%B6%B4%E0%B6%BB%E0%B7%8F%E0%B7%80-%E0%B6%BA%E0%B6%B1%E0%B7%94/">CSS පරම්පරා තේරීම්කාරකය</a> #Container මූලද්රව්යය තුළ ඇති H1 මූලද්රව්ය සඳහා පමණි. </p>
<p> <strong>09 සිට 05 දක්වා</strong> </p>
<h3> තීරු තුනක් ලබා ගැනීම සඳහා, තීරු දෙක ගොඩනැඟීමෙන් ආරම්භ කරන්න </h3><p> ඔබ CSS සමඟ තීරු තුනක් සැකසුමක් සාදන විට, ඔබේ පිරිසැලසුම දෙකකට බෙදිය යුතු වේ. එබැවින් මෙම තීරු තුනේ තීරුව, මැද හා දකුණ තීරය සඳහා වම් තීරු පටුන 250 ක් පළල ඇති අතර තීරු දෙකේ තීරුවෙහි වම් තීරුවට තැබෙන අතර වම් තීරු අසල තැන්පත් කර ඇති අතර දකුණු තීරුව පුලුවන් 610px (300 , සහ ඔවුන් අතර ජලාශය සඳහා 10px). </p>
<p> HTML මෙන්න මේ විදියට: </p>
<div id = "col1"> <p> මෙම අළෙවිකරණ පරමාර්ථය සඳහා. මෙම වෙබ් අඩවියට පිවිසෙන්න. එය ප්රායෝගිකව ක්රියාත්මක කිරීම සඳහා ප්රායෝගිකව ක්රියාත්මක කිරීමයි. </ P> </ div> <div id = "col2outer"> <p> ඒ සඳහා අවම වශයෙන් එක් අයෙකු හෝ සතිපතා තාවකාලිකව ලබා ගත යුතු වේ. උභතෝකෝට් ඇන්ඩ් ඩොලර මැග්නා ඇලෙක්වා. මෙම පිටුව වෙත පිවිසෙන්න. </ P> </ div> <p> තීරු ලිපි වල ස්ථානගත කරන්නන් විසින් ඒවා පරීක්ෂා කිරීම වඩාත් පැහැදිලිව දක්වයි. CSS මෙවැන්නක් පෙනේ: </p>
#container # col1 {පළල: 250px; float: වම්; } #container # col2outer {පළල: 610px; float: හරි; ආන්තික: 0; වැටීම: 0; }} <p> වම් පැත්තෙන් වම් පස පාවෙන අතර අනෙක් කොටස දකුණට පාවී ඇත. තීරු දෙකෙහි සම්පූර්ණ පළල 860px වන අතර, ඒවා අතර 10px දළුවක් ඇත. </p>
<p> <strong>09 සිට 06 දක්වා</strong> </p>
<h3> පුළුල් තීරු දෙකේ තීරු දෙකක් එකතු කරන්න </h3><p> තීරු තුනක් සෑදීම සඳහා, දෙවන පියවරේදී ඩීවී දෙකක් එකතු කරන්න, අවසන් පියවරේදී ඔබ බහාලුම් තීරුව තුළ 2 ඩීස් එකතු කළ ආකාරයටම එකතු කරන්න. HTML මෙන්න මේ විදියට: </p>
<div id = "col2outer"> <div id = "col2mid"> <p> මෙම දැන්වීම සඳහා අවම වශයෙන්, උභතෝකෝට් ඇන්ඩ් ඩොලර මැග්නා ඇලෙක්වා. </ P> </ div> <div id = "col2side"> <p> අපව නිදහස් කිරීමට නම්, මෙම පිටුවට පිවිසෙන්න. Ullam corporis suscipit laboriosam, මැන්මෙට් අන්වර්ථ නාමයන්. <P> </ p> </ div> </ div> </ p> <p class = "first"> <strong> <p> CSS මෙවැන්නක් පෙනේ: </p>
# col2outer # col2mid {පළල: 300px; float: වම්; } # col2outer # col2side {width: 300px; float: හරි; }} <p> මෙම 300px පළල් පෙට්ටි 610px පුළුල් පෙට්ටියක් ඇතුළත, ඔවුන් අතර නැවතත් 10px කූඩුවක් ඇත. </p>
<p> <strong>09 සිට 07 දක්වා</strong> </p>
<h3> පාදයේ එකතු කරන්න </h3><p> දැන් ඉතිරි පිටුවට අලංකාර කර ඇත, ඔබට පාදතලයෙහි එකතු කළ හැකිය. අවසාන කොටසේ "පාදකය" id සමඟ භාවිතා කරන්න, එවිට ඔබට එය දැක ගත හැකි පරිදි අන්තර්ගත එකතු කරන්න. ඔබට ඉහළම සීමාව එකතු කළ හැකිය, එබැවින් එය ආරම්භ වන්නේ කොතැනදැයි ඔබ දැන ගනු ඇත. </p>
<p> HTML: </p>
<div id = "පාදකය"> <p> කතුහිමිකම © 2017 </ p> </ div> <p> CSS: </p>
#container #footer {float: වම්; පළල: 870px; border-top: # c00 solid 3px; }} <p> <strong>09 සිට 08 දක්වා</strong> </p>
<h3> ඔබගේ පෞද්ගලික විලාසිතා සහ අන්තර්ගතයන් එකතු කරන්න </h3><p> දැන් ඔබට සැලැස්ම නිම වූ කල ඔබට ඔබේම පෞද්ගලික විලාසිතා සහ අන්තර්ගතයන් එකතු කිරීම ආරම්භ කළ හැකිය. සැලැස්ම සඳහා විශේෂයෙන් නොව, සැකසීම් අංශ පෙන්වීමට ශීර්ෂකය සහ පාදකයෙහි මායිම් එකතු කරන ලදි. </p>
<p> <strong>09 සිට 09 දක්වා</strong> </p>
<h3> අවසාන HTML / CSS </h3><p> මෙන්න සම්පූර්ණ ලේඛනය, HTML සහ CSS: </p>
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 සංක්රමන // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "> <head> <meta http-equiv =" අන්තර්ගත-වර්ගය "content =" text / html; charset = utf-8 "/> <title> title> <style type = "text / css"> html, body {margin: 0px; වැටීම: 0px; දේශසීමා: 0px; } #container {width: 870px; සීමාව: 0 0 0 20px; / * ඉහළ දකුණ පහළ පහළ / * padding: 0; පසුබිම් වර්ණය: #fff; } #container h1 {මාදිලිය: 0; වැටීම: 0; පළල: 100%; උස: 150px; float: වම්; මායිම්-පහළ කොටස: # c00 solid 3px; } #container # col1 {පළල: 250px; float: වම්; } #container # col2outer {පළල: 610px; float: හරි; ආන්තික: 0; වැටීම: 0; } # col2outer # col2mid {පළල: 300px; float: වම්; } # col2outer # col2side {width: 300px; float: හරි; } #container #footer {float: වම්; පළල: 870px; border-top: # c00 solid 3px; } </ style> </ head> <body> <div id = "container"> <h1> මගේ ශීර්ෂ පේලිය </ h1> <div id = "col1"> <p> p> </ div> <div id = "col2outer"> <div id = "col2mid"> <p> </ P> </ div> </ div> <div id = "පාදකය"> <p> කතුහිමිකම © 2008 </ p> </ div> </ div> </ body> </ html>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://si.eyewated.com/css-%E0%B6%B8%E0%B7%8F%E0%B6%B0%E0%B7%8A%E0%B6%BA-%E0%B7%80%E0%B7%92%E0%B6%B8%E0%B7%83%E0%B7%94%E0%B6%B8%E0%B7%8A-%E0%B6%BD%E0%B7%92%E0%B6%BA%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">
<amp-img src="https://exse.eyewated.com/pict/4494c19ed3012f92-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/css-%E0%B6%B8%E0%B7%8F%E0%B6%B0%E0%B7%8A%E0%B6%BA-%E0%B7%80%E0%B7%92%E0%B6%B8%E0%B7%83%E0%B7%94%E0%B6%B8%E0%B7%8A-%E0%B6%BD%E0%B7%92%E0%B6%BA%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">CSS මාධ්ය විමසුම් ලියන්නේ කෙසේද?</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/css-%E0%B7%83%E0%B6%B8%E0%B6%9F-xml-%E0%B6%B7%E0%B7%8F%E0%B7%80%E0%B7%92%E0%B6%AD%E0%B7%8F-%E0%B6%9A%E0%B6%BB%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A-%E0%B6%9A%E0%B7%99%E0%B7%83%E0%B7%9A%E0%B6%AF/">
<amp-img src="https://exse.eyewated.com/pict/9c85ee5d99d440a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/css-%E0%B7%83%E0%B6%B8%E0%B6%9F-xml-%E0%B6%B7%E0%B7%8F%E0%B7%80%E0%B7%92%E0%B6%AD%E0%B7%8F-%E0%B6%9A%E0%B6%BB%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A-%E0%B6%9A%E0%B7%99%E0%B7%83%E0%B7%9A%E0%B6%AF/">CSS සමඟ XML භාවිතා කරන්නේ කෙසේද</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/css-%E0%B6%B4%E0%B7%90%E0%B6%A9%E0%B7%8A%E0%B6%A9%E0%B7%92%E0%B6%B1%E0%B7%8A-%E0%B6%B4%E0%B7%92%E0%B7%85%E0%B7%92%E0%B6%B6%E0%B6%B3-%E0%B6%9A%E0%B7%99%E0%B6%A7%E0%B7%92/">
<amp-img src="https://exse.eyewated.com/pict/e67f81ced2b92faa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/css-%E0%B6%B4%E0%B7%90%E0%B6%A9%E0%B7%8A%E0%B6%A9%E0%B7%92%E0%B6%B1%E0%B7%8A-%E0%B6%B4%E0%B7%92%E0%B7%85%E0%B7%92%E0%B6%B6%E0%B6%B3-%E0%B6%9A%E0%B7%99%E0%B6%A7%E0%B7%92/">CSS පැඩ්ඩින් පිළිබඳ කෙටි විස්තරයක්</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%A7%E0%B7%90%E0%B6%9C%E0%B7%8A-%E0%B6%9C%E0%B7%94%E0%B7%84%E0%B7%8F%E0%B7%80%E0%B6%9A%E0%B7%8A-%E0%B7%83%E0%B7%8F%E0%B6%AF%E0%B7%8F-%E0%B6%9C%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">ටැග් ගුහාවක් සාදා ගන්නේ කෙසේද?</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%AD%E0%B6%B1%E0%B7%92-%E0%B6%92%E0%B6%9A%E0%B6%9A%E0%B6%BA%E0%B6%9A%E0%B7%8A-%E0%B6%B8%E0%B6%AD-%E0%B6%B6%E0%B7%84%E0%B7%94-css-%E0%B6%B4%E0%B6%82%E0%B6%AD%E0%B7%92/">
<amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%AD%E0%B6%B1%E0%B7%92-%E0%B6%92%E0%B6%9A%E0%B6%9A%E0%B6%BA%E0%B6%9A%E0%B7%8A-%E0%B6%B8%E0%B6%AD-%E0%B6%B6%E0%B7%84%E0%B7%94-css-%E0%B6%B4%E0%B6%82%E0%B6%AD%E0%B7%92/">තනි ඒකකයක් මත බහු CSS පංති භාවිතා කර ගන්නේ කෙසේද</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/css-%E0%B7%83%E0%B6%B8%E0%B6%9F-%E0%B6%B8%E0%B7%94%E0%B6%AF%E0%B7%8A%E0%B6%BB%E0%B6%AB%E0%B6%BA-%E0%B6%9A%E0%B7%92%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B7%99%E0%B6%B1%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/ec81fd353f1033a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/css-%E0%B7%83%E0%B6%B8%E0%B6%9F-%E0%B6%B8%E0%B7%94%E0%B6%AF%E0%B7%8A%E0%B6%BB%E0%B6%AB%E0%B6%BA-%E0%B6%9A%E0%B7%92%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B7%99%E0%B6%B1%E0%B7%8A/">CSS සමඟ මුද්රණය කිරීමෙන් වෙබ් පිටුව වළක්වන්නේ කෙසේද?</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/css-%E0%B6%AD%E0%B7%9A%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B7%8A%E0%B6%9A%E0%B6%BB%E0%B7%94%E0%B7%80%E0%B6%B1%E0%B7%8A-%E0%B7%83%E0%B6%B3%E0%B7%84%E0%B7%8F/">
<amp-img src="https://exse.eyewated.com/pict/2fec7cdccd2f38f7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/css-%E0%B6%AD%E0%B7%9A%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B7%8A%E0%B6%9A%E0%B6%BB%E0%B7%94%E0%B7%80%E0%B6%B1%E0%B7%8A-%E0%B7%83%E0%B6%B3%E0%B7%84%E0%B7%8F/">CSS තේරීම්කරුවන් සඳහා කොමර්ෂල් කරන්නේ කුමක් ද?</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/css-%E0%B7%80%E0%B6%BD-%E0%B7%80%E0%B7%90%E0%B6%AF%E0%B6%9C%E0%B6%AD%E0%B7%8A%E0%B6%9A%E0%B6%B8-%E0%B6%9A%E0%B7%94%E0%B6%B8%E0%B6%9A%E0%B7%8A%E0%B6%AF/">
<amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/css-%E0%B7%80%E0%B6%BD-%E0%B7%80%E0%B7%90%E0%B6%AF%E0%B6%9C%E0%B6%AD%E0%B7%8A%E0%B6%9A%E0%B6%B8-%E0%B6%9A%E0%B7%94%E0%B6%B8%E0%B6%9A%E0%B7%8A%E0%B6%AF/">CSS වල වැදගත්කම කුමක්ද?</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B7%83%E0%B7%8A%E0%B6%BD%E0%B6%A7%E0%B7%8A-%E0%B6%B4%E0%B6%82%E0%B6%AD%E0%B7%92-%E0%B7%83%E0%B7%84-%E0%B7%84%E0%B7%90%E0%B6%B3%E0%B7%94%E0%B6%B1%E0%B7%94%E0%B6%B8%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/79cf98f373862f58-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%83%E0%B7%8A%E0%B6%BD%E0%B6%A7%E0%B7%8A-%E0%B6%B4%E0%B6%82%E0%B6%AD%E0%B7%92-%E0%B7%83%E0%B7%84-%E0%B7%84%E0%B7%90%E0%B6%B3%E0%B7%94%E0%B6%B1%E0%B7%94%E0%B6%B8%E0%B7%8A/">ස්ලට් පංති සහ හැඳුනුම් පත් භාවිතා කිරීම</a></h3>
<div class="amp-related-meta">
වෙබ් නිර්මාණය සහ සංවර්ධන </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B7%80%E0%B6%A9%E0%B7%8F-%E0%B7%84%E0%B7%9C%E0%B6%AF-%E0%B6%B4%E0%B7%8A%E0%B6%BB%E0%B6%AD%E0%B7%92%E0%B6%B5%E0%B6%BD-%E0%B7%83%E0%B7%99%E0%B7%80%E0%B7%93%E0%B6%B8/">
<amp-img src="https://exse.eyewated.com/pict/9dda6518ee9e2fe1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%80%E0%B6%A9%E0%B7%8F-%E0%B7%84%E0%B7%9C%E0%B6%AF-%E0%B6%B4%E0%B7%8A%E0%B6%BB%E0%B6%AD%E0%B7%92%E0%B6%B5%E0%B6%BD-%E0%B7%83%E0%B7%99%E0%B7%80%E0%B7%93%E0%B6%B8/">වඩා හොද ප්රතිඵල සෙවීම සඳහා ගූගල් ගවේෂණය කරන්න</a></h3>
<div class="amp-related-meta">
වෙබ් සහ සෙවුම් </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%BB%E0%B7%90%E0%B7%84%E0%B7%90%E0%B6%B1%E0%B7%8A-%E0%B6%BB%E0%B7%84%E0%B7%92%E0%B6%AD-%E0%B6%8B%E0%B6%B4%E0%B6%9A%E0%B6%BB%E0%B6%AB%E0%B6%BA%E0%B6%9A-%E0%B6%A2%E0%B7%8F%E0%B6%BD/">
<amp-img src="https://exse.eyewated.com/pict/adedcdc66cc13c0e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%BB%E0%B7%90%E0%B7%84%E0%B7%90%E0%B6%B1%E0%B7%8A-%E0%B6%BB%E0%B7%84%E0%B7%92%E0%B6%AD-%E0%B6%8B%E0%B6%B4%E0%B6%9A%E0%B6%BB%E0%B6%AB%E0%B6%BA%E0%B6%9A-%E0%B6%A2%E0%B7%8F%E0%B6%BD/">රැහැන් රහිත උපකරණයක ජාල සම්බන්ධතා තත්ත්වය පරීක්ෂා කරන්න</a></h3>
<div class="amp-related-meta">
අන්තර්ජාල සහ ජාලය </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B7%84%E0%B7%9C%E0%B6%BD%E0%B7%9D%E0%B6%9C%E0%B7%8A%E0%B6%BB%E0%B7%91%E0%B6%B8%E0%B7%8A-%E0%B6%BA%E0%B6%B1%E0%B7%94-%E0%B6%9A%E0%B7%94%E0%B6%B8%E0%B6%9A%E0%B7%8A%E0%B6%AF/">
<amp-img src="https://exse.eyewated.com/pict/cb298821341c31dd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%84%E0%B7%9C%E0%B6%BD%E0%B7%9D%E0%B6%9C%E0%B7%8A%E0%B6%BB%E0%B7%91%E0%B6%B8%E0%B7%8A-%E0%B6%BA%E0%B6%B1%E0%B7%94-%E0%B6%9A%E0%B7%94%E0%B6%B8%E0%B6%9A%E0%B7%8A%E0%B6%AF/">හොලෝග්රෑම් යනු කුමක්ද?</a></h3>
<div class="amp-related-meta">
නව සහ ඊළඟ </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/xitel-%E0%B6%AF%E0%B7%98%E0%B6%AA%E0%B7%8F%E0%B6%82%E0%B6%9C-%E0%B6%B4%E0%B7%84%E0%B7%83%E0%B7%94%E0%B6%9A%E0%B6%B8/">
<amp-img src="https://exse.eyewated.com/pict/8af8ea11c78b3086-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/xitel-%E0%B6%AF%E0%B7%98%E0%B6%AA%E0%B7%8F%E0%B6%82%E0%B6%9C-%E0%B6%B4%E0%B7%84%E0%B7%83%E0%B7%94%E0%B6%9A%E0%B6%B8/">Xitel දෘඪාංග පහසුකම</a></h3>
<div class="amp-related-meta">
තවත් උදව් ලබා ගැනීම </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/ups-usps-%E0%B7%83%E0%B7%84-fedex-%E0%B6%B4%E0%B7%90%E0%B6%9A%E0%B7%9A%E0%B6%A2%E0%B6%BA-%E0%B6%9C%E0%B7%96%E0%B6%9C%E0%B6%BD%E0%B7%8A-%E0%B7%80%E0%B7%99%E0%B6%AD%E0%B7%92%E0%B6%B1%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/f57b0110b47d36e5-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/ups-usps-%E0%B7%83%E0%B7%84-fedex-%E0%B6%B4%E0%B7%90%E0%B6%9A%E0%B7%9A%E0%B6%A2%E0%B6%BA-%E0%B6%9C%E0%B7%96%E0%B6%9C%E0%B6%BD%E0%B7%8A-%E0%B7%80%E0%B7%99%E0%B6%AD%E0%B7%92%E0%B6%B1%E0%B7%8A/">UPS, USPS සහ FedEx පැකේජය ගූගල් වෙතින් ගෙන්වීම</a></h3>
<div class="amp-related-meta">
වෙබ් සහ සෙවුම් </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B6%9A%E0%B7%8F%E0%B6%BB%E0%B7%8A-%E0%B7%83%E0%B7%8A%E0%B6%A7%E0%B7%93%E0%B6%BB%E0%B7%92%E0%B6%BA%E0%B7%9D-%E0%B6%B4%E0%B6%B8%E0%B6%AB%E0%B6%9A%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/b31a86033022341f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B6%9A%E0%B7%8F%E0%B6%BB%E0%B7%8A-%E0%B7%83%E0%B7%8A%E0%B6%A7%E0%B7%93%E0%B6%BB%E0%B7%92%E0%B6%BA%E0%B7%9D-%E0%B6%B4%E0%B6%B8%E0%B6%AB%E0%B6%9A%E0%B7%8A/">ඔබේ කාර් ස්ටීරියෝ පමණක් ක්රියා කරයි</a></h3>
<div class="amp-related-meta">
කාර් ටෙක් </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://si.eyewated.com/6-%E0%B7%83%E0%B7%99%E0%B6%BD%E0%B7%8A%E0%B6%BD%E0%B6%B8%E0%B7%8A-%E0%B6%9A%E0%B7%92%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B6%A7-%E0%B6%89%E0%B6%9F%E0%B7%92-6-%E0%B7%80%E0%B6%A9%E0%B7%8F/">
<amp-img src="https://exse.eyewated.com/pict/d28289691cde2e01-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/6-%E0%B7%83%E0%B7%99%E0%B6%BD%E0%B7%8A%E0%B6%BD%E0%B6%B8%E0%B7%8A-%E0%B6%9A%E0%B7%92%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B6%A7-%E0%B6%89%E0%B6%9F%E0%B7%92-6-%E0%B7%80%E0%B6%A9%E0%B7%8F/">6 සෙල්ලම් කිරීමට ඉඟි 6! වඩා හොඳ</a></h3>
<div class="amp-related-meta">
ක්රීඩා </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/photoshop-%E0%B7%84%E0%B7%92-sepia-tone-image-%E0%B6%B1%E0%B7%92%E0%B6%BB%E0%B7%8A%E0%B6%B8%E0%B7%8F%E0%B6%AB%E0%B6%BA-%E0%B6%9A%E0%B6%BB%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">
<amp-img src="https://exse.eyewated.com/pict/334e3e64e0e630d2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/photoshop-%E0%B7%84%E0%B7%92-sepia-tone-image-%E0%B6%B1%E0%B7%92%E0%B6%BB%E0%B7%8A%E0%B6%B8%E0%B7%8F%E0%B6%AB%E0%B6%BA-%E0%B6%9A%E0%B6%BB%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">Photoshop හි Sepia Tone Image නිර්මාණය කරන්නේ කෙසේද</a></h3>
<div class="amp-related-meta">
මෘදුකාංග </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/iphone-%E0%B6%B8%E0%B7%92%E0%B6%BD%E0%B6%AF%E0%B7%93-%E0%B6%9C%E0%B7%90%E0%B6%B1%E0%B7%93%E0%B6%B8%E0%B6%A7-%E0%B6%9A%E0%B7%9C%E0%B7%84%E0%B7%9A%E0%B6%AF/">
<amp-img src="https://exse.eyewated.com/pict/34d05d2d864d3408-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/iphone-%E0%B6%B8%E0%B7%92%E0%B6%BD%E0%B6%AF%E0%B7%93-%E0%B6%9C%E0%B7%90%E0%B6%B1%E0%B7%93%E0%B6%B8%E0%B6%A7-%E0%B6%9A%E0%B7%9C%E0%B7%84%E0%B7%9A%E0%B6%AF/">IPhone මිලදී ගැනීමට කොහේද?</a></h3>
<div class="amp-related-meta">
</div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/apple-airplay-airplay-mirroring-%E0%B6%B4%E0%B7%90%E0%B7%84%E0%B7%90%E0%B6%AF%E0%B7%92%E0%B6%BD%E0%B7%92-%E0%B6%9A%E0%B6%BD%E0%B7%9A%E0%B6%BA/">
<amp-img src="https://exse.eyewated.com/pict/07206b32497d3665-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/apple-airplay-airplay-mirroring-%E0%B6%B4%E0%B7%90%E0%B7%84%E0%B7%90%E0%B6%AF%E0%B7%92%E0%B6%BD%E0%B7%92-%E0%B6%9A%E0%B6%BD%E0%B7%9A%E0%B6%BA/">Apple AirPlay & AirPlay Mirroring පැහැදිලි කලේය</a></h3>
<div class="amp-related-meta">
IPhone සහ අයිපොඩ් </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B6%87%E0%B6%B1%E0%B7%8A%E0%B6%A9%E0%B7%8A%E0%B6%BB%E0%B7%9C%E0%B6%BA%E0%B7%92%E0%B6%A9%E0%B7%8A-%E0%B6%9C%E0%B7%90%E0%B6%BD%E0%B6%B4%E0%B7%94%E0%B6%B8%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/092bded7b0033c93-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B6%87%E0%B6%B1%E0%B7%8A%E0%B6%A9%E0%B7%8A%E0%B6%BB%E0%B7%9C%E0%B6%BA%E0%B7%92%E0%B6%A9%E0%B7%8A-%E0%B6%9C%E0%B7%90%E0%B6%BD%E0%B6%B4%E0%B7%94%E0%B6%B8%E0%B7%8A/">ඔබේ ඇන්ඩ්රොයිඩ් ගැලපුම් කිරීමට ක්රම 9 ක්</a></h3>
<div class="amp-related-meta">
ඇන්ඩ්රොයිඩ් </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/lg-g-flex-home-screen-%E0%B7%80%E0%B7%99%E0%B6%AD%E0%B7%92%E0%B6%B1%E0%B7%8A-%E0%B6%BA%E0%B7%99%E0%B6%AF%E0%B7%94%E0%B6%B8%E0%B7%8A-%E0%B6%91%E0%B6%9A%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/249b7579246d338f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/lg-g-flex-home-screen-%E0%B7%80%E0%B7%99%E0%B6%AD%E0%B7%92%E0%B6%B1%E0%B7%8A-%E0%B6%BA%E0%B7%99%E0%B6%AF%E0%B7%94%E0%B6%B8%E0%B7%8A-%E0%B6%91%E0%B6%9A%E0%B7%8A/">LG G Flex Home Screen වෙතින් යෙදුම් එක් කරන්න හෝ ඉවත් කරන්න</a></h3>
<div class="amp-related-meta">
ඇන්ඩ්රොයිඩ් </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B7%86%E0%B7%9A%E0%B7%83%E0%B7%8A%E0%B6%B6%E0%B7%94%E0%B6%9A%E0%B7%8A-%E0%B7%84%E0%B7%92-%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B6%8A%E0%B6%B8%E0%B7%9A%E0%B6%BD%E0%B7%8A/">
<amp-img src="https://exse.eyewated.com/pict/45e4f8cb957f2fda-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%86%E0%B7%9A%E0%B7%83%E0%B7%8A%E0%B6%B6%E0%B7%94%E0%B6%9A%E0%B7%8A-%E0%B7%84%E0%B7%92-%E0%B6%94%E0%B6%B6%E0%B7%9A-%E0%B6%8A%E0%B6%B8%E0%B7%9A%E0%B6%BD%E0%B7%8A/">ෆේස්බුක් හි ඔබේ ඊමේල් ලිපිනය වෙනස් කරන්න</a></h3>
<div class="amp-related-meta">
සමාජ මාධ්ය </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%B1%E0%B7%92%E0%B6%AF%E0%B7%84%E0%B7%83%E0%B7%8A-%E0%B6%B8%E0%B7%8F%E0%B6%BB%E0%B7%8A%E0%B6%9C%E0%B6%9C%E0%B6%AD-%E0%B7%83%E0%B7%84%E0%B6%BA%E0%B7%9D%E0%B6%9C%E0%B7%93/">
<amp-img src="https://exse.eyewated.com/pict/dd114ced478133ec-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%B1%E0%B7%92%E0%B6%AF%E0%B7%84%E0%B7%83%E0%B7%8A-%E0%B6%B8%E0%B7%8F%E0%B6%BB%E0%B7%8A%E0%B6%9C%E0%B6%9C%E0%B6%AD-%E0%B7%83%E0%B7%84%E0%B6%BA%E0%B7%9D%E0%B6%9C%E0%B7%93/">නිදහස් මාර්ගගත සහයෝගී මෙවලම් ලැයිස්තුව</a></h3>
<div class="amp-related-meta">
වෙබ් සහ සෙවුම් </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%80%E0%B7%92%E0%B6%B1%E0%B7%8A%E0%B6%A9%E0%B7%9D%E0%B7%83%E0%B7%8A-%E0%B6%8A%E0%B6%B8%E0%B7%9A%E0%B6%BD%E0%B7%8A-%E0%B7%84%E0%B7%92/">වින්ඩෝස් ඊමේල් හි ස්වයංක්රීයව සිග්නේචර් එක් කරන්න</a></h3>
<div class="amp-related-meta">
ඊමේල් සහ පණිවුඩකරණය </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%A9%E0%B6%BA%E0%B7%92%E0%B6%B1%E0%B6%B8%E0%B7%92%E0%B6%9A%E0%B7%8A-dns-%E0%B6%BA%E0%B6%B1%E0%B7%94-%E0%B6%9A%E0%B7%94%E0%B6%B8%E0%B6%9A%E0%B7%8A%E0%B6%AF/">
<amp-img src="https://exse.eyewated.com/pict/87c0e322f3ee32f2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%A9%E0%B6%BA%E0%B7%92%E0%B6%B1%E0%B6%B8%E0%B7%92%E0%B6%9A%E0%B7%8A-dns-%E0%B6%BA%E0%B6%B1%E0%B7%94-%E0%B6%9A%E0%B7%94%E0%B6%B8%E0%B6%9A%E0%B7%8A%E0%B6%AF/">ඩයිනමික් DNS යනු කුමක්ද?</a></h3>
<div class="amp-related-meta">
අන්තර්ජාල සහ ජාලය </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B6%B8%E0%B7%94%E0%B6%BD%E0%B7%8A%E0%B6%B8-%E0%B6%B7%E0%B7%96%E0%B6%B8%E0%B7%92%E0%B6%9A%E0%B6%B8%E0%B7%8A%E0%B6%B4%E0%B7%8F%E0%B7%80-%E0%B6%B6%E0%B7%8F%E0%B6%9C%E0%B6%AD/">
<amp-img src="https://exse.eyewated.com/pict/1b0a877bc4743cdb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B6%B8%E0%B7%94%E0%B6%BD%E0%B7%8A%E0%B6%B8-%E0%B6%B7%E0%B7%96%E0%B6%B8%E0%B7%92%E0%B6%9A%E0%B6%B8%E0%B7%8A%E0%B6%B4%E0%B7%8F%E0%B7%80-%E0%B6%B6%E0%B7%8F%E0%B6%9C%E0%B6%AD/">මුල්ම භූමිකම්පාව බාගත කරන්න</a></h3>
<div class="amp-related-meta">
ක්රීඩා </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/nintendo-wii-%E0%B7%83%E0%B6%B3%E0%B7%84%E0%B7%8F-%E0%B7%84%E0%B7%9C%E0%B6%B3%E0%B6%B8-%E0%B6%B4%E0%B7%94%E0%B7%84%E0%B7%94%E0%B6%AB%E0%B7%94-%E0%B6%9A%E0%B7%8A%E0%B6%BB%E0%B7%93%E0%B6%A9%E0%B7%8F-7/">
<amp-img src="https://exse.eyewated.com/pict/89ff85a4caef3130-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/nintendo-wii-%E0%B7%83%E0%B6%B3%E0%B7%84%E0%B7%8F-%E0%B7%84%E0%B7%9C%E0%B6%B3%E0%B6%B8-%E0%B6%B4%E0%B7%94%E0%B7%84%E0%B7%94%E0%B6%AB%E0%B7%94-%E0%B6%9A%E0%B7%8A%E0%B6%BB%E0%B7%93%E0%B6%A9%E0%B7%8F-7/">Nintendo Wii සඳහා හොඳම පුහුණු ක්රීඩා 7 ක්</a></h3>
<div class="amp-related-meta">
ක්රීඩා </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/dvd-%E0%B6%B4%E0%B6%A7%E0%B7%92%E0%B6%9C%E0%B6%AD-%E0%B6%9A%E0%B7%92%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B7%9A-%E0%B6%B8%E0%B7%98%E0%B6%AF%E0%B7%94%E0%B6%9A%E0%B7%8F%E0%B6%82%E0%B6%9C/">DVD පටිගත කිරීමේ මෘදුකාංග වැඩසටහන්</a></h3>
<div class="amp-related-meta">
නිවාස රඟහල </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/tivo-101-tivo-dvr-%E0%B7%83%E0%B7%84-%E0%B7%83%E0%B7%8A%E0%B6%A7%E0%B7%8A%E0%B6%BB%E0%B7%93%E0%B6%B8%E0%B7%8A%E0%B6%82-%E0%B7%83%E0%B7%9A%E0%B7%80%E0%B7%8F%E0%B7%80%E0%B6%B1%E0%B7%8A/">TiVo 101: TiVo DVR සහ ස්ට්රීම්ං සේවාවන් පිළිබඳව ඉගෙන ගන්න</a></h3>
<div class="amp-related-meta">
නිෂ්පාදන සමාලෝචන </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%83%E0%B7%92%E0%B6%B8%E0%B7%8A%E0%B7%83%E0%B7%8A-2-%E0%B6%B1%E0%B7%92%E0%B7%80%E0%B7%94%E0%B6%A7%E0%B7%8A-%E0%B6%B4%E0%B7%90%E0%B6%A0%E0%B7%8A/">'සිම්ස් 2' නිවුට් පැච්</a></h3>
<div class="amp-related-meta">
ක්රීඩා </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://si.eyewated.com/%E0%B7%83%E0%B6%B8%E0%B7%8F%E0%B6%A2-bookmark-%E0%B7%83%E0%B7%84-%E0%B6%87%E0%B6%BA%E0%B7%92-%E0%B6%91%E0%B6%BA-%E0%B6%9A%E0%B6%BB%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">
<amp-img src="https://exse.eyewated.com/pict/3fd806070bcc33ed-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://si.eyewated.com/%E0%B7%83%E0%B6%B8%E0%B7%8F%E0%B6%A2-bookmark-%E0%B7%83%E0%B7%84-%E0%B6%87%E0%B6%BA%E0%B7%92-%E0%B6%91%E0%B6%BA-%E0%B6%9A%E0%B6%BB%E0%B6%B1%E0%B7%8A%E0%B6%B1%E0%B7%9A/">සමාජ Bookmark සහ ඇයි එය කරන්නේ?</a></h3>
<div class="amp-related-meta">
සමාජ මාධ්ය </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 si.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.137 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:51:37 -->
<!-- 0.003 -->