প্রথমে আমার সালাম নেবেন । আশা করি ভালো আছেন । কারণ TrickBD এর সাথে থাকলে সবাই ভালো থাকে । আর আপনাদের দোয়ায় আমি ও ভালো আছি । তাই আজ নিয়ে এলাম আপনাদের জন্য আরেক টা নতুন টিপস ।আর কথা বাড়াবো না কাজের কথায় আসি ।
Dynamic Style ChatBox………
ডেমো দেখুন]
প্রথমে একটি Simple Forum তৈরি করুন।
Forum টির ID লিখে রাখুন।
এবার একটি পেজ তৈরি করুন। নাম দিন ChatBox….
সাইটটির ID লিখে রাখুন।
এবার নিচের কোডটি ChatBox সাইটে পেস্ট করুন।
</p><br /> <div class="mainblock"><br /> <div class="block_posts"><br /> <div id="chat" class="mainblock"><br /> <div class="nfooter"><br /> <div align="center" class="brdr"><span class="as1"></p><br /> <div><br /> <div class="block_posts"><br /> <h2>Live Chat</h2><br /> </div><br /> </div><br /> <p> </span></div><br /> </p></div><br /> <div id="unlogged" class="exz chat1" align="center"></div><br /> <div id="logged" class="exz chat1" style="border-bottom:1px solid #eee"> :forum-113157584/form: </div><br /> <div id="padd"> :forumlist:f=113157584, l=1,t=--, s=:geti-chat(1):, :: </p><br /> <div class="exz chat1" style="border-top:1px solid #ccc" align="center"><a title="Refresh or Reload to see Chat Box's Recent Activities" href=""></p><br /> <h2><img loading="lazy" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS1U1gWbJCGzEmlyS2bx8i7GPpSgsNjUPKkHj8fljNxh5ho6xXkK0O1R5iYKA" height="20px" width="25px" /> Refresh</h2><br /> <p></a></div><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <div class="block_posts"><br /> <td align='left' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </div><br /> </table><br /> <div class="exz chat-left"> :color-#666:<b>%text%</b>:/color:<br />:color-#666:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(2):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(3):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='left' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-left"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(4):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /><td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(5):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='left' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-left"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(7):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(8):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(9):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(10):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(11):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /></td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(12):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(13):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(14):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: :forumlist:f=113157584, l=1,t=--, s=:geti-chat(15):, :: </p><br /> <table cellpadding='0' cellspacing='0' width='100%'><br /> <td></td><br /> <td align='right' width='auto'><br /> <h2><img loading="lazy" id="imp" src="%urlpicture%" height="40px" width="25px" /> <a href=''></p><br /> <div class='p'>:color-#888:%tname%:/color:#666</div><br /> <p></a></h2><br /> </td><br /> </table><br /> <div class="exz chat-right"> :color-#666:<b>%text%</b>:/color:<br />:color-#888:%time%:/color: </div><br /> <p> :: :/forumlist: </p></div><br /> <div id='clr'></div><br /> </p></div><br /> </div><br /> </div><br /> <p>
এবার কোডে যেখানে f=113157584 আছে ,ওটা Change করে আপনার বানানো Simple Forum এর ID টা দিন।
আর উপরে যেখানে href=”/site_25.xhtml আছে ওইটা Change করে আপনার বানানো ChatBox এর ID টা দিন । এবার Submit দিন।
ব্যাস হয়ে গেল ChatBox….
সবাইকে ধন্যবাদ । সুস্থ্য থাকুন এবং সব সময় TrickBD এর সাথেই থাকুন ।