01 April 2013
17 March 2013
CSS සිංහලෙන් - 02
CSS කොහොමද වෙබ් පිටුවට Add කරන්නේ?
මේ වැඩේට ක්‍රම 3ක් තියෙනවා
මේ වැඩේට ක්‍රම 3ක් තියෙනවා
- External style sheet
- Internal style sheet
- Inline style
External Style Sheet එකක් යොදා ගන්නේ බොහෝ වේලාවට එකම CSS code එක ගොඩක් පිටු වලට යොදා ගන්නවනම් තමයි. ඉතින් css code වෙනස් කරලා පහසුවෙන් එම සෑම පිටුවකම Interface එක වෙනස් කරගන්න පුළුවන්. මේ සෑම පිටුවකම අපි <link> tag එක භාවිතා කර Style sheet එක link කල යුතුයි. මෙන්න මේ විදිහට..
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
External Style Sheet එකක් අපිට ඕනෑම Text Editor එකක් මගින් ලිවිය හැකියි. මෙහිදී වැදගත් වන්නේ එය Save කිරීමේදී extension එක ලෙස .css යනුවෙන් ලබා දීමයි.
13 March 2013
CSS සිංහලෙන් - 01
ඔන්න ඉතින් තව tute එකක් දාන්න යන්නේ. CSS (Cascading Style Sheets) ගැන. මොකද ගොඩක් අය HTML දැනන් හිටියට CSS ගැන දන්නෑ. ඉතින් ඒ අයට තමයි මේ TUTE එක.කෙටියෙන්ම කිව්වොත් අපි CSS use කරන්නේ වෙබ් පිටුව ලස්සන කරගන්න. ඒ කියන්නේ HTML elements display වෙන්න ඕන විදිය තමයි මේකදි කථා කරන්නේ.
- Selector - කියන්නේ අපිට Style කරන්න අවශ්‍ය HTML Element එක.
- Declaration - කියන කොටසේ ඇතුලත් කරන්නේ අපිට වෙනස් කරන්න අවශ්‍ය Property එක සහ එහි Value එකයි. සෑම Declaration එකක්ම " ; " එකකින් අවසන් විය යුතු අතර Declaration සියල්ලම සඟල වරහන් තුල විය යුතුයි.
- Property & Value - සෑම property එකකටම value එකක් ඇත. ( Propertyname : Value ; )
11 March 2013
08 March 2013
23 February 2013
Comment Box එක ලස්සන කරමුද ?
අද මම ඔයාලට පොඩි CSS code එකක් දෙන්න යන්නේ. මේ code එකෙන් වෙන්නේ tuteslk වල තියෙන comment style එක වගේ එකක් ඔයාලගේ Blog එකට දාගන්න එක. (සැලකිය යුතුයි මෙය මා විසින් නිර්මාණය කළ ලද්දක් නොවේ) ඔයාල මේක වෙනස් කරලා බලන්න.
හරි ඉස්සෙල්ලාම ඉතින් හැමදාම වගේ Blogger Dashboard-->Template --> Edit HTML යන්න.Ctrl + F ගහලා ]]></b:skin> Tag එක හොයාගන්න. දැන් ඔය පල්ලෙහා තියෙන code එක ඔය Tag එකට උඩින් paste කරගෙන Save Template යන්න click කරගන්න. දැන් ඔයාලගේ Blog එකටත් ලස්සන Comment Box එකක් ඇවිල්ලා ඇති.
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#56d805}
21 February 2013
Flash : වතුරට පණ දෙමු
Post Title එක දැක්කම බලන්න ඇති මේ මොකක්ද මේ කියලා. ඔන්න ඔය පල්ලෙහා තියෙන වගේ එකක් තමා අපි හදන්න යන්නේ. මේ link එකෙන Source File ටික Download කරගන්නකෝ.
ඔන්න කොරොන හැටි ඔය Video එකේ තියෙනවා. ඔයාලත් තව වෙනස් විදිහට try කරලා බලන්න.
20 February 2013
Flash Tute : Movie Clip
Movie Clip : සරලව කිව්වොත් Movie Clip එකක් යනු Flash Animation එකක් තුල තිබෙන තවත් කුඩා Flash Animation එකකි. එනම් Movie Clip එකකට අදාලව වෙනම Timeline එකක් අඩංගු වේ. video එක බලලා ප්‍රශ්න තියෙනවනම් අහන්නකෝ..
19 February 2013
Facebook Like Box එකක් දාගමුද?
මම අද කියලා දෙන්න යන්නේ මේ වගේ Fb Like Box එකක් කොහොමද ඔයාලගේ Blog එකට හරි Website එකට හරි දාගන්නේ කියලා. මුලින්ම මේ link එකට යන්න. Get Like Box Code හරි දැන් ඕකේ ඔය Facebook Page URL කියන එකට ඔයගේ fb page එකේ නම දෙන්න. (http://www.facebook.com/tuteclass ) තව ඔයාලට අවශ්‍ය විදිහට ඕකේ වෙනස්කම් කරගන්න. ඔයාලට ඕන විදිහට පෙනුම හදාගත්තට පස්සේ Get Code කියන එක click කරන්න. දැන ලැබෙන Popup Box එකේ IFRAME කියන එක Click කරන්න. දැන් ඔය Code එක copy කරගන්න.
18 February 2013
හිනා මූණු Blog Post සහ Comment වලට
:)
:(
;)
:D
;;-)
:-/
:x
:P
:-*
=((
:-O
X(
:7
B-)
:-S
#:-S
7:)
:((
:))
:|
/:)
=))
O:-)
:-B
=;
:-c
:)]
~X(
:-h
:-t
8-7
I-)
8-|
L-)
:-a
:-$
[-(
:O)
8-
2:-P
(:|
=P~
#-o
=D7
:-SS
@-)
:^o
:-w
7:P
2):)
X_X
:!!
\m/
:-q
:-bd
^#(^
:ar!
අද මම කියලා දෙන්න යන්නේ හිනා මූණු එහෙම නැත්නම් smileys කොහොමද Blog Post සහ Comment වලට දාගන්නේ කියලා. ගොඩක් අය දන්නවත් ඇති. දන්නැති අයට දැනගන්න තමයි මේ පෝස්ටුව දාන්නේ. මොකද දැන් ගොඩක් අය සිංහලෙන් Blog ලියන්න පටන් අරන් තියෙන්නේ. ඉතින් ඔය Blog කියවන අය හා Blog ලියන් අය අතර තියෙන සුහදත්වය වැඩි කරන්න මේ smiley වලට පුළුවන්ලුනේ. එහෙනම් කතා ඇති අපි බලමු මේ වැඩේ කොරන්නේ කොහොමද කියලා
1. Blogger Dashboard > Template > Edit HTML යන්න
2. Ctrl+F ගහලා </head> tag එක හොයාගන්න.
3. දැන් ඔය tag එකට පහලින් ඔය පල්ලෙහා තියෙන් script එක copy කරලා paste කරගන්න.