මේ ක්රමයට නම් කවුරුත් කැමති වෙයි.. මම හිතන විදියට සිංහල බ්ලොග්ස් ලියන අය මේ ගැන දන්නේ නැහැ. මම දැක්කා ගොඩක් අය Shout Box එකක් දාගෙන ඉන්නවා. කොහොමද මේ Box එක Hide වීමට සහ Show වෙන ආකාරයට දැම්මොතින්. ලස්සනයිනේ වැඩේ. ඉඩත් ඉතුරුයිනේ. මේක දාගත්තයින් පස්සේ Shout Box කියන බොත්තම් කොටන් එක විතරයි තියෙන්නේ. එක පාරක් කෙටුවම Show වෙනවා. ආපහු කෙටුවම Hide වෙනවා. ඉතිං මම කියලා දෙන්නම් මේක කරන විදිය. එකක් හදාගත්තේ නැත්තම් මෙන්න මෙතනින් හදාගන්න. මම දාගත්ත එකත් බලන්නකෝ.
මුලින්ම බ්ලොගේට Log වෙන්නකෝ. ඊට පස්සේ Design>Page Elements>Add Gadget>HTML/Java Script ගන්න. දැන් මේ Code එක දාලා Save කරලා බලන්නකෝ.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4js2DuVU9oarJIFxZWVqDKM1njN-2v7ksChNBiitVnBOd_9tdBFUn0ZvfhFGYhKqR54tyfMVVMgrHHbU6XFjFe3uOA5vYn3XaMG_cV_1xsyiy5XUWRNY8qAmdsAravu6mXDddnJ5kjaSb/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Shout Box එකේ Code එක මෙතනට දාන්න
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
දැන් Save කරගෙන බලන්නකෝ. හොදයි නම් කොමන්ට් එකක් දාලම යන්න හොදේ. දවස් දෙකකින් උසස් පෙළ තියාගෙනයි මේ ලියන්නේ.. කම්මැලියි වගේ නම් Shout Box එකේ වත් මොනා හරි කොටලා යන්නකෝ.
2010-08-06
බ්ලොගයේ Shout Box එක Hide වන ලෙස සකසන විදිය
Subscribe to:
Post Comments (Atom)
මම ලියපු ලිපි
-
▼
2010
(100)
-
▼
August
(22)
- අසන සින්දුවේ එසැනින් lyrics | Winamp & WMP Plugin
- SINHALA NONSTOP ULTIMATE COLLECTION
- Sims 3 මොබයිල් ගේම් එක
- කලින් පලවූ MOBILEedit සොෆ්ට්වෙයා එකේ Password සම්...
- පහසුවෙන් Funny Shutdown වයිරසයක් හදන විදිය
- Advanced System Care Pro+ Patch | ඇඩ්වාන්ස් ලෙස මැ...
- Nokia PC Suite 7.1.26
- දුරකථනය සම්පූර්ණයෙන් පරිගණකයට ගැනීම | MOBILEedit ...
- අර ජැපනීස් බව්වගේ කතාව | Hachiko Movie
- Wake Up Sid Movie
- Aao Wish Karein Movie | එන්න පැතුමක් පතන්න
- Any Video Converter Professional 2.7.9 + Crack
- Mortal Kombat 4 The Game
- විභාගයට තව පැය කිහිපයකින් සහ උණුසුම් සුභපැතුම්
- ස්කෝලයක් පාලනය කරන්න ඕනෙද | School Tycoon
- මම ෆිල්ම් අරගන්න ක්රම පහක්
- පහසුවෙන් ෆයිල් කැඩීම සහ එක් කිරීම | hjsplit
- බ්ලොගයේ Shout Box එක Hide වන ලෙස සකසන විදිය
- වේගයෙන් ඩවුන්ලෝඩ් | IDM 5.19 Build 3 Full Version
- Pool ගහන්න කැමති අයට මෙන්න ගේම | Real Pool
- සද්දෙට කැමති අයට | DFX Audio Enhancer 9.211 Full V...
- ලස්සන මාළු ටැංකියක් | Dream Aquarium Screensaver F...
-
▼
August
(22)
1 ප්රතිචාර:
ස්තුති!
Post a Comment