GoodTime














Lineaments:

 -GoodTime is 2 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best Simple ,  Tech Blog.

- Designer name given inside theme file.

Author: Lasantha Bandara

-------------------------------------------------------------------------------------------------

Defining of style structure


body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout #header-wrapper {margin-bottom:10px;min-height:50px;}
body#layout .social-profiles-widget h3 {display:none;}

-------------------------------------------------------------------------------------------
 Profile design code

* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTQmY2t7fWeJULyf1eTNfQ7azPZTfS3OKQhyphenhyphenpM10GyyG3LSTPlNzNmHvQ4NG01arOj0rf1dY7zmL9lUvZrTDwAW1QxcGeV9Z98gQ1l_xD1HzIq4H5XwrP7snGHFrrlsah_AlzFmLt468/s0/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
.profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none;}

-------------------------------------------------------------------------------

Search box style in theme

#search{border:1px solid #D8D8D8;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrbLAoTuUEzqzgiaLlIThGhvfG1JTNywoyMgOs8-IP11A0zxUEtQ-4j_pdkCEXJoPtfMgF5_AsnPlNVyOuUNhuKkfTqgEsUKQ1hfFBUywJ3kd3n2dMvYLVHKP-rRINoH0UMSE4nqnUOw/s0/search.png) 99% 50% no-repeat;text-align:left;padding:6px 24px 6px 6px}
#search #s{background:none;color:#979797;border:0;width:100%;padding:0;margin:0;outline:none}
#content-search{width:300px;padding:15px 0}

-------------------------------------------------------------------------------------------

this is Slider in HTML code , this code can remove slider.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8sh1JltfmEYC8jp4BATANxAirH2MIN7fLqutpL01vYjMr0kjLqyQJGMoOj5J9rgtCn3Ng7nT1ZM5rDQP_ZGjRVLEMUmYQ0chEnx9d7uywMjdzGolkUUdbL9xcHanYh-fDRdx4c4IWsw4/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ2xh0Xv5CppXTV7tSz0WSZUVQlKRkItEN2i-Guwn6juZI1lidtztvP1C3oE9Qw5jd0nj8udeuADRxpWhc97KJIDAnbfkZh39iiTJ8OmyXN60jYpFqbqSyOqRIGHFi098FlHjhz2NUHBU/s0/2.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 2 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4mHflzyXu6YWqN1bjCc4xT702dUemN8uREe7KtCgsvS_hzPmBxPOCFvEFaxy0ioaKMFaMYkub-DYXTO9HMk-zef6Wm_nmwesK0POUOorlaqeMeYN3MtWdmvYWdElOloaGxzsApV38AZU/s0/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 3 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-CXVuIcjUE-kqoHLs9fvMuU0jUtXIWA9MDtsaAnT8KyHh_k_dYUlY85s8IwmYxkXcACEvmVsLJpcIVAZ0O-FEOdi4RxM6k5GIdGcqxH1yhNrRNoYDih6nhttkivFNUfJFnP0rF9i_qE/s0/4.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkrk5KGjqtB1L4011mKoKZFZM4Zzs8CZhkVgfZyBDq0UzuqydFATa3QOeWVZ21DRWiPETS0UmWYdPt4o9LhWaBK3v91LnGfEC25dCCR-DEoKYaWulJocZaw5SBzloo0zyBehcomv_qaII/s0/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 5 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>

<div class='fp-nav'>
    <span class='fp-pager'/>
</div> 
           
</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>



 










0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)