Html Html Html උදවි

Trustask

Banned
  • Aug 26, 2011
    2,288
    100
    63
    අවංකහදවත්ලග
    යාලුවනේ මෙම ටෙමිප්ලේටි එක එඩිටි කර දෙනවාද
    navigation bar එකක් add karaganna onn
    අලංකාර readmore බටන් එකක් දාගන්න ඔින
    ප්‍රධාන මාතෘකාවට අදාල උප මාතෘකා


    bump එකක් වත් දාල යන්න මෙික ඔයාලටත් වැදගත් වෙයි


    <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <!--

    <b:skin><![CDATA[

    /* === Hide the NavBar === */
    .Navbar {
    visibility:hidden;
    display: none;
    }
    /* === Hide the NavBar === */

    body {
    font: 75%/170% Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    color: #333333;
    word-wrap: break-word;
    }
    a {
    color: #44a1d0;
    text-decoration: none;
    }
    a:visited {
    color: #5EAFD7;
    }
    a:hover {
    text-decoration: underline;
    }
    p {
    margin: 0px 0px 15px;
    }
    img {
    border: none;
    }
    ul {
    margin: 5px 0px 15px;
    padding-left: 20px;
    }
    ul li {
    margin: 0px;
    }
    ol {
    margin: 5px 0px 15px;
    padding-left: 20px;
    }
    ul li {
    margin: 0px;
    }
    form {
    margin: 0px;
    padding: 0px;
    }
    small {
    font-size: 90%;
    }
    #wrapper {
    width: 995px;
    margin: 0px auto;
    position: relative;
    }

    /* ------------------------------------- header area */
    #topheader {
    height: 120px;
    overflow: hidden;
    }

    }
    .entry {
    padding: 10px 0px 5px;
    clear: both;
    }

    /* post title */
    h2 {
    color: #333333;
    margin: 3px 0 2px;
    padding-bottom: 4px;
    font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
    border-bottom: dotted 1px #CCCCCC;
    }
    h2 a, h2 a:visited {
    color: #333333;
    text-decoration: none;
    }
    h2 a:hover {
    color: #44a1d0;
    text-decoration: none;
    }
    h3 {
    color: #666666;
    margin: 5px 0px 5px;
    font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
    }

    .status-message {
    height:21px;
    margin-bottom:15px;
    color:#ffffff;
    text-align:center;
    }

    /* next - previous page navigation */
    .page-nav {
    clear:both;
    height:21px;
    margin-top:15px;
    color:#ffffff;
    }
    .page-nav a, .page-nav a:visited {
    color:#ffffff;
    text-decoration: none;
    }
    .page-nav a:hover {
    color: #000000;
    text-decoration: none;
    }
    .previous-entries a {
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    }
    .next-entries a {
    float: right;
    padding-right: 10px;
    margin-right: 10px;
    }

    /* next - previous post navigation */
    .post-nav {
    clear: both;
    padding-bottom: 35px;
    margin-top: -15px;
    font-size: 95%;
    }
    .post-nav a, .post-nav a:visited {
    color: #999999;
    text-decoration: none;
    }
    .post-nav a:hover {
    color: #000000;
    text-decoration: none;
    }
    .post-nav .previous a {
    float: left;
    padding-left: 20px;
    }
    .post-nav .next a {
    float: right;
    padding-right: 20px;
    text-align: right;
    }

    /* ------------------------------------- comment area */
    h3#comments {
    padding-left: 22px;
    font: normal 140%/120% Arial, Helvetica, sans-serif;
    clear: both;
    }
    h3#respond {
    padding-left: 22px;
    font: normal 140%/120% Arial, Helvetica, sans-serif;
    margin: 20px 0px 0px;
    clear: both;
    }
    h3#links {
    font: normal 140%/120% Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px;
    clear: both;
    }

    /* comment list */
    .commentlist {
    margin: 10px 0px;
    padding-left: 45px;
    line-height: 130%;
    }
    .commentlist li{
    padding: 5px 10px;
    background: #F4F4F4;
    margin-bottom: 10px;
    }
    .commentlist cite {
    font-weight: bold;
    font-style: normal;
    font-size: 110%;
    color: #669900;
    }
    .commentlist cite a, .commentlist cite a:visited {
    color: #669900;
    }
    .commentlist small {
    margin-bottom: 5px;
    display: block;
    font-size: 87%;
    }
    .commentlist small a, .commentlist small a:visited{
    color: #999999;
    }

    /* ------------------------------------- footer area */
    #footer {
    padding: 10px 0px 0px 10px;
    font-size: 87%;
    color: #282828;
    }
    #footer a, #footer a:visited {
    text-decoration: none;
    color: #000000;
    }
    #footer a:hover {
    text-decoration: underline;
    }

    /* sidebar */
    #sidebar1-wrapper, #sidebar2-wrapper {
    width: 210px;
    color: #666666;
    line-height: 160%;
    padding:0 0px 10px;
    position:relative;
    display:block;
    overflow: hidden;
    }
    #sidebar1-wrapper {
    float:left;
    margin-right:15px;
    overflow: hidden;
    }
    #sidebar2-wrapper {
    float:right;
    overflow: hidden;
    }
    #sidebar1, #sidebar2 {
    margin:0;
    padding:0;
    overflow: hidden;
    }
    #sidebar1 p, #sidebar2 p {
    margin: 0px 0px 15px;
    }
    #sidebar1 h2, #sidebar2 h2 {
    font: bold 12px/100% Arial, Helvetica, sans-serif;
    color: #666666;
    position:relative;
    display:block;
    position:relative;
    margin:0;
    padding: 16px 24px 7px 10px;
    }
    #sidebar1 h2 a, #sidebar1 h2 a:visited, #sidebar2 h2 a, #sidebar2 h2 a:visited {
    color: #666666;
    }
    #sidebar1 h2 img, #sidebar2 h2 img {
    vertical-align: middle;
    }
    #sidebar1 a, #sidebar1 a:visited, #sidebar2 a, #sidebar2 a:visited {
    color: #000000;
    text-decoration:none;
    }
    #sidebar1 a:hover, #sidebar1 a:focus, #sidebar1 a:active, #sidebar2 a:hover, #sidebar2 a:focus, #sidebar2 a:active {
    text-decoration:underline;
    }
    #sidebar1 ul, #sidebar2 ul {
    list-style: none;
    margin: 0 ;
    padding: 0 ;
    }
    #sidebar1 ul li, #sidebar2 ul li {
    padding-left: 18px ;
    }
    #sidebar1 ul li ul li, #sidebar2 ul li ul li {
    padding-left: 12px ;
    }
    #sidebar1 .widget-content, #sidebar2 .widget-content {
    margin: 0;
    padding: 5px 10px 9px 10px;
    overflow: hidden;
    }
    #sidebar1 .widget, #sidebar2 .widget {
    position:relative;
    display:block;
    margin:0;
    padding:0;
    border:none;
    clear: both;
    }

    /* alignments */
    .center {
    text-align: center;
    }
    img.center, img[align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .left {
    float: left;
    }
    img.left, img[align="left"] {
    float:left;
    margin: 2px 10px 5px 0px;
    }
    .right {
    float: right;
    }
    img.right, img[align="right"] {
    float:right;
    margin: 2px 0px 5px 10px;
    }
    .clear {
    clear:both;
    }
    hr.clear {
    clear:both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    }
    .hidden {
    clear: both;
    visibility: hidden;
    }

    /****************************************************************
    Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
    *****************************************************************/
    .dbx-clone {
    position:absolute;
    visibility:hidden;
    }
    .dbx-clone, .dbx-clone .dbx-handle-cursor {
    cursor:move !important;
    }
    .dbx-dummy {
    display:block;
    width:0;
    height:0;
    overflow:hidden;
    }
    .dbx-group, .dbx-box, .dbx-handle {
    position:relative;
    display:block;
    }
    /****************************************************************
    avoid padding, margins or borders on dbx-box,
    to reduce visual discrepancies between it and the clone.
    overall, dbx-box is best left as visually unstyled as possible
    *****************************************************************/
    .dbx-box {
    margin:0;
    padding:0;
    border:none;
    clear: both;
    }
    /****************************************************************
    otherwise, do what you like :)
    *****************************************************************/
    /* group container(s) */
    .dbx-group {
    width:210px;
    padding:0 0px 10px;
    }
    * html .dbx-group {
    width: 210px;
    padding-bottom:0;
    }

    /* handles */
    .dbx-handle {
    position:relative;
    margin:0;
    padding: 16px 24px 7px 10px;
    }
    * html .dbx-handle {
    width: 176px;
    }
    /* handle cursors are in a class of their own
    so they only get applied if the script is supported */
    .dbx-handle-cursor {
    cursor:move;
    }

    /* toggle images */
    a.dbx-toggle, a.dbx-toggle:visited {
    display:block;
    width:20px;
    height:20px;
    overflow:hidden;
    position:absolute;
    top:12px;
    right:3px;
    text-indent:-50px;
    text-decoration:none;
    }
    a.dbx-toggle-open, a.dbx-toggle-open:visited {
    background-position:0 0;
    }
    a.dbx-toggle-closed, a.dbx-toggle-closed:visited {
    background-position:0 -20px;
    }
    a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {
    background-position:-20px 0;
    }
    a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {
    background-position:-20px -20px;
    }

    /* keyboard navigation tooltip */
    .dbx-tooltip {
    display:block;
    position:absolute;
    margin:36px 0 0 125px;
    width:185px;
    border:1px solid #000;
    background:#ffd;
    color:#000;
    font:normal normal normal 0.85em tahoma, arial, sans-serif;
    padding:2px 4px 3px 5px;
    text-align:left;
    }
    * html .dbx-tooltip { width:210px; }

    /* use CSS2 system colors in CSS2 browsers
    but not safari, which doesn't support them */
    *[class="dbx-tooltip"]:lang(en) {
    border-color:InfoText;
    background:InfoBackground;
    color:InfoText;
    font:small-caption;
    font-weight:normal;
    }
    /* inner content area */
    .dbx-content {
    margin: 0;
    padding: 5px 10px 9px 10px;
    overflow: hidden;
    }
    /* toggle state of inner content area */
    .dbx-box-closed .dbx-content {
    display:block;
    height:4px;
    padding:0;
    overflow:hidden;
    }
    .dbx-box-closed .dbx-content * {
    display:none;
    }

    /* additional clone styles */
    .dbx-clone {
    opacity:0.8;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(opacity=80);
    }


    body {
    background: #42afdc url(http://s310.photobucket.com/albums/kk426/magznetwork/itheme/itheme-html-bg.gif) repeat-x;
    }



    ]]></b:skin>

    <!--[if lt IE 7]>
    <style type="text/css">
    no-repeat;
    }
    </style>
    <![endif]-->


    }
    #page {
    background: none;
    }
    #wrapper {
    width: 100%;
    margin: 0px;
    }
    #topheader {
    border-bottom: solid 1px #000000;
    height: 100px;
    margin-bottom: 15px;
    }



    #content {
    padding: 0;
    background: #ffffff;
    width: 100%;
    }
    .post {
    padding: 0;
    background: none;
    }
    .post .date {
    height: auto;
    width: 100%;
    background: none;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
    text-align: left;
    padding: 0;
    line-height: 100%;
    }
    .post .date span {
    height: auto;
    text-align: left;
    padding: 0;
    display: inline;
    }
    .post .title {
    clear: both;
    width: 100%;
    margin: 0;
    }
    .postdata .category{
    background: none;
    padding: 0;
    float: left;
    }
    .postdata .author{
    background: none;
    padding: 0;
    float: left;
    }
    .postdata .comments{
    background: none;
    padding: 0;
    float: right;
    }

    h3#comments {
    background: none;
    padding-left: 0;
    font: bold 14px/120% Arial, Helvetica, sans-serif;
    clear: both;
    }

    .commentlist li, .commentlist .alt {
    border: none !important;
    }

    #searchform, #nav, #subnav, .mini-add-comment, .status-message, .page-nav, .post-nav, h3#respond, #commentform, #footer, #sidebar {
    display: none !important;
    }
    </style>



    <script type='text/javascript'>var thumbnail_mode = "no-float" ;
    summary_noimg = 430;
    summary_img = 340;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s.indexOf(">")!=-1){
    s = s.substring(s.indexOf(">")+1,s.length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }


    //]]>
    </script>

    </head>
    <body>
    <div id='page'>
    <div id='wrapper'>

    <b:section id='headerwrapper' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Softy Mania (Header)' type='Header'>
    <b:includable id='title'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
    <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
    </b:if>
    </b:includable>
    <b:includable id='description'>
    <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
    </div>
    </b:includable>
    <b:includable id='main'>
    <div id='topheader'>
    <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
    <!--Show just the image, no text-->
    <div id='toplogo'>
    <a expr:href='data:blog.homepageUrl'>
    <img expr:alt='data:title' expr:src='data:sourceUrl'/>
    </a>
    </div>
    <b:else/>
    <!--Show image as background to text-->
    <div id='toplogo'>
    <img expr:alt='data:title' expr:src='data:sourceUrl'/>
    </div>
    <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
    <div class='description'><data:description/></div>
    </b:if>
    <b:else/>
    <!--No header image -->
    <h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
    <div class='description'><data:description/></div>
    </b:if>
    <form action='/search' id='searchform' method='get'>
    <div><input id='s' name='q' type='text' value='Search'/>
    <input id='searchsubmit' type='submit' value='Go'/>
    </div>
    </form>
    </div>
    </b:includable>
    </b:widget>
    </b:section>


    <div id='sidebar1-wrapper'>

    <b:section class='dbx-group' id='sidebar1' preferred='yes'>
    <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    <b:widget id='Feed1' locked='false' title='Blogger Flick' type='Feed'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
    <span style='filter: alpha(25); opacity: 0.25;'>
    <a expr:href='data:feedUrl'><data:loadingMsg/></a>
    </span>
    </div>
    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>
    </b:section>

    </div>

    <div id='main-col'>

    <b:section id='navsection' maxwidgets='1' showaddelement='no'>
    <b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'>
    <b:includable id='main'>
    <div id='nav'>
    <ul>
    <b:loop values='data:links' var='link'>
    <li class='page_item'><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
    </ul>
    </div>
    </b:includable>
    </b:widget>
    </b:section>

    <div id='content'>





    </script>


    <div class='date'>
    <span><script type='text/javascript'>document.write(date_mmm);</script></span>
    <script type='text/javascript'>document.write(date_dd);</script>
    </div>


    <span class='author'>
    <data:post.author/>
    </span>
    </b:if>
    <b:if cond='data:post.labels'>
    <span class='category'>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
    </b:loop>
    </span>
    </b:if>
    <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.allowComments'>
    <span class='comments'>
    <a expr:href='data:post.url + "#comments"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
    </span>
    </b:if>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <span class='right mini-add-comment'>

    <b:if cond='data:post.embedCommentForm'>
    <a href='#respond'>Add comments</a>
    <b:else/>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Add comments</a>
    </b:if>


    </span>
    </b:if>
    </b:if>
    </div>
    </div>
    <div class='entry'>
    <p>

    <b:if cond='data:blog.pageType != "item"'>

    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"
    </script> <span class='rmlink' style='float:right;padding-top:0px;'><a expr:href='data:post.url'><b>Read More »</b></a></span>

    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

    </p>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    <span class='star-ratings'>
    <b:if cond='data:top.showStars'>
    <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
    </b:if>
    </span>

    </div>
    </div>
    </b:includable>
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div class='status-message'>
    <data:navMessage/>
    </div>
    </b:if>
    </b:includable>
    <b:includable id='comment-form' var='post'>
    <div class='comment-form'>
    <a name='comment-form'/>
    <h3 id='respond'><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
    </div>
    </b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
    <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
    <span class='delete-comment-icon'> </span>
    </a>
    </span>
    </b:includable>
    <b:includable id='postQuickEdit' var='post'>
    <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
    <span class='quick-edit-icon'> </span>
    </a>
    </span>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
    <b:include data='top' name='status-message'/>
    <data:adStart/>
    <b:loop values='data:posts' var='post'>
    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == "item"'>
    <b:include data='post' name='comments'/>
    </b:if>
    <b:if cond='data:post.includeAd'>
    <data:adEnd/>
    <div class='post-ad'>
    <data:adCode/>
    </div>
    <data:adStart/>
    </b:if>
    </b:loop>
    <data:adEnd/>
    <b:include name='nextprev'/>
    <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
    google.load("annotations", "1");
    function initialize() {
    google.annotations.setApplicationId(<data:top.blogspotReviews/>);
    google.annotations.createAll();
    google.annotations.fetch();
    }
    google.setOnLoadCallback(initialize);
    </script>
    </b:if>