CodingX

Web Designing Codes & Widgets Free Download

The unlimited source of free wapkiz codes & widgets. Download web designing html, css, javascript, php codes.

See More
[Official] TrickBD Discord Server
Blogs

One step ahead in Technology

Take a step forward in Technology | Forms and communities run by Bangladesh's first digital technology.

See More
Technology
Designers

ClickLur Founder, Developer & Designer

Labib UR Rahman is the founder of ClickLur. He gained 2 years of experience with us. He made so many beautiful themes, pages, blocks.

See More
ClickLur Founder, Developer & Designer
Templates

Top Creators of ClickLur Themes & Widget

We completed our works with 32+ top subscribers of ClickLur. We are doing more better that now. We are achieving goals with top client from world's top countries.

See More
Technology

The 7 Best Wapkiz Category Code without Thumbnail in 2022 - ClickLur

The 7 Best Wapkiz Category Code without Thumbnail in 2022 - ClickLur

Wapkiz Category Code: If you are using Wapkiz or Wapaxo, this tune is for you. Today, for your convenience, I have appeared among you with The 7 Best Wapkiz Category Code without Thumbnail in 2022. I hope you like the category styles very much.

Wapkiz Category Code without Thumbnail

I have taken a lot of time to create the codes. You can choose the category code of your choice from here. Which will make your site more attractive and beautiful. Also, from now on, various articles about Wapkiz will be published on the ClickLur site. And to get codes for such categories, headers, footers, etc., visit ClickLur every day.

To create a category list for your Wapkiz or WapAxo site, copy the Wapkiz category code of your choice from the code below and paste it into your Wapkiz or WapAxo site.

And if you have any problems using this Top 3 Random Colorful Wapkiz Category List code, don't forget to comment below.


Demo: 08 - Wapkiz Category Code

Demo: 08 - Wapkiz Category Code


  


  

  No JavaScript Code
   


Demo: 07 - Wapkiz Category Code

Demo: 07 - Wapkiz Category Code

<!-- Html Start -->
   <div id="lur-border">
      <div id="hide">
         <span id="lur-icon"> <span>
                  <i class="fa fa-folder-open fa-spin"></i>
              </span></span>
          <div id="lur-menu">
              <b>Categories</b>
          </div>
      </div>

      <div class="lur-cat" align="center">
          [fm_folder]d=:to-id(0)||<a href="/site-category.html?to-id=%id%&to-name=%name%">
              <div class="lur-lur" style="background::v:clicklur:;">%name%</div>
          </a>[/fm_folder]
      </div>
  </div>
<!-- Html End -->
  

/* Style css Start */
    #lur-border {
        border-radius: 0px 50px 10px 20px;
        border: 2px solid blue;
    }

    #hide {
        overflow: hidden;
        position: relative;
    }

    #lur-icon {
        background-image: linear-gradient(-130deg, rgb(255, 0, 255), blue);
        border-radius: 50px 0px 50px 50px;
        box-sizing: border-box;
        color: white;
        font-size: 15px;
        line-height: 13px;
        padding: 13px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #lur-menu {
        background: blue;
        border-radius: 0px 48px 0px 0px;
        color: white;
        font-size: 18px;
        letter-spacing: 1.2px;
        padding: 8px 13px;
        text-transform: uppercase;
    }

    .lur-lur {
        padding: 10px;
        display: inline-block;
        font-weight: 700;
        border-radius: 3px;
        margin: 3px;
    }

    .lur-cat {
        padding: 10px 5px;
    }

    .lur-cat a {
        color: #ffffff;
    }

    .lur-cat a:hover {
        background: #ff12cf;
        text-decoration: none;
    }

/* Style css End */
  

  No JavaScript Code
   

<!-- Random Color Start -->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!-- Random Color End -->

Demo: 06 - Free Wapkiz Blog Category Code

Demo: 06 - Free Wapkiz Blog Category Code

<!--Html Start-->
<div id="lur-border">
<div id="hide">
<span id="lur-icon"><span>
<i class="fa fa-folder-open fa-spin"></i>
</span></span>
<div id="lur-menu">
<b>Categories</b>
</div></div>
<div align="center" class="lur-cat">
<ol>

[fm_folder]d=:to-id(0),||<li><a href="/site-category.html?to-id=%id%&to-name=%name%"><div class="lur-lur" style="background: :v:clicklur:;">%name%</div></a></li>[/fm_folder]</ol>
</div></div>
<!--Html End-->
  

/* -- Style css Start -- */
#lur-border {
    border-radius: 0px 50px 10px 20px; 
    border: 2px solid blue;
}
#hide {
    overflow: hidden;
    position: relative;
}
#lur-icon {
    background-image: linear-gradient(-130deg, rgb(255, 0, 255), blue);
    border-radius: 50px 0px 50px 50px; 
    box-sizing: border-box; 
    color: white; 
    font-size: 15px; 
    line-height: 13px; 
    padding: 13px; 
    position: absolute;
    right: 0px;
    top: 0px;
}
#lur-menu {
    background: blue;
    border-radius: 0px 48px 0px 0px; 
    color: white;
    font-size: 18px; 
    letter-spacing: 1.2px;
    padding: 8px 13px;
    text-transform: uppercase;
}
.lur-lur {
    padding: 10px;
    text-align: left;
    font-weight: 700;
    border-radius: 0 30px 0 15px;
    margin: 3px;
}
.lur-cat {padding: 10px 5px;}
.lur-cat a{
    color:#ffffff;
    text-decoration: none;
}
.lur-cat a:hover{
    background:#ff12cf;
    text-decoration: none;
}
.lur-cat ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 45px;
}
.lur-cat ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.lur-cat ol li::before{
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background::v:clicklur:;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}
/* --Style css End-- */
  

  No JavaScript Code
   

<!--Random Color Start-->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!--Random Color End-->

Demo: 05 - Wapkiz Category Code Free Download

Demo: 05 - Wapkiz Category Code Free Download

<!-- Html Start -->
<div id="lur-menu">
<b><i class="fa fa-folder-open"></i> Categories</b>
</div>
<div class="lur-cat" align="center">
<ol>

[fm_folder]d=:to-id(0)||<li><a href="/site-category.html?to-id=%id%&to-name=%name%"><div class="lur-lur" style="background::v:clicklur:;">%name%</div></a></li>[/fm_folder]</ol>
</div>
<!-- Html End -->
  

/* -- Style css Start -- */
#lur-menu:after {
    position: absolute;
    margin: -5px 0 0 10px;
    content: '';
    color: #ffffff;
    font-size: 0px;
    border-top: 32.5px solid rgb(0,0,0,0.0);
    border-left: 30px solid blue;
    clear: both;
}
#lur-menu {
    width: 127px;
    background: blue;
    color: white;
    font-size: 16px;
    padding: 5px 10px;
}
.lur-lur {
    padding: 10px;
    text-align: left;
    font-weight: 700;
    border-radius: 0 30px 0 15px;
    margin: 3px;
}
.lur-cat {
    padding: 10px 5px;
    border-top: 2px solid blue;
    border-left: 2px solid blue;
    border-right: 2px solid blue;
    border-bottom: 2px solid blue;
}
.lur-cat a{
    color:#ffffff;
    text-decoration: none;
}
.lur-cat a:hover{
    background:#ff12cf;
    text-decoration: none;
}
.lur-cat ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 45px;
}
.lur-cat ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.lur-cat ol li::before{
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background::v:clicklur:;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}
/* -- Style css End -- */
  

  No JavaScript Code
   

<!-- Random Color Start -->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!-- Random Color End -->

Demo: 04 - Wapkiz Category Blog List Code

Demo: 04 - Wapkiz Category Blog List Code

<!-- Html Start -->
<div id="ClickLur"><center>
<i class="fa fa-chevron-circle-down" aria-hidden="true"></i> CATEGORIES <i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
</center></div>

<div id="lur-border"><div class="lur-cat" align="center"><ol>
[fm_folder]d=:to-id(0)||<li><a href="/site-category.html?to-id=%id%&to-name=%name%"><div class="lur-lur" style="background::v:clicklur:;">%name%</div></a></li>[/fm_folder]</ol>
</div></div>
<!-- Html End -->
  

/* -- Style css Start -- */
.lur-lur {
    padding: 8px;
    text-align: left;
    font-weight: 700;
    border-radius: 0 30px 0 15px;
    margin: 3px;
}
.lur-cat {
    padding: 10px 5px 0 5px;
    
}
.lur-cat a{
    color:#ffffff;
    text-decoration: none;
}
.lur-cat a:hover{
    background:#ff12cf;
    text-decoration: none;
}
.lur-cat ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 45px;
}
.lur-cat ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.lur-cat ol li::before{
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background::v:clicklur:;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}
#ClickLur {
    background: blue; 
    border-top: 3px solid #ff00ff; 
    border-bottom: 3px solid #ff00ff;
    color: white; 
    padding: 5px; 
    border-radius:20px;
    font-size: 13px;
    text-decoration: none; 
    font-weight: bold;
    text-shadow: 1px 1px 2px;  
    transition: 0.6s;
}
#lur-border {
    border-radius: 0 0 0 25px;
    border-left: 2px solid blue;
    border-right: 2px solid blue;
    border-top: 2px solid #fff;
    border-bottom: 2px solid blue; 
}
/* -- Style css End -- */
  

  No JavaScript Code
   

<!-- Random Color Start -->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!-- Random Color End -->

Demo: 03 - Stylish Wapkiz Category Code

Demo: 03 - Stylish Wapkiz Category Code

<!-- Html Start -->
<div class="ClickLur" style="background: blue; border-top: 3px solid #ff00ff; border-bottom: 3px solid #ff00ff;"><center>
<i class="fa fa-chevron-circle-down" aria-hidden="true"></i> CATEGORIES <i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
</center></div>

<div id="lur-border">
[fm_folder]d=:to-id(0)||<div class="lur-cat" align="center"><a href="/site-category.html?to-id=%id%&to-name=%name%"><div class="ClickLur" style="background::v:clicklur:;">%name%</div></a></div>[/fm_folder]</div>

<!-- Html End -->
  

/* -- Style css Start -- */

.ClickLur {
    border-top: 2px solid :v:clicklur:;
    border-bottom: 2px solid :v:clicklur:;
    color: white; 
    padding: 5px; 
    border-radius:20px;
    font-size: 13px;
    text-decoration: none; 
    font-weight: bold;
    text-shadow: 1px 1px 2px;  
    transition: 0.6s;
}
.lur-cat {padding: 3px 5px;}
.lur-cat a{
    color:#ffffff;
    text-decoration: none;
}
.lur-cat a:hover{
    background:#ff12cf;
    text-decoration: none;
}
#lur-border {
    padding: 2px 2px 4px 2px;
    border-radius: 0 0 20px 20px;
    border-left: 2px solid blue;
    border-right: 2px solid blue;
    border-top: 2px solid #fff;
    border-bottom: 2px solid blue; 
}
/* -- Style css End -- */
  

  No JavaScript Code
   

<!-- Random Color Start -->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!-- Random Color End -->

Demo: 02 - Random Colorful Wapkiz Category Code

Demo: 02 - Random Colorful Wapkiz Category Code

<!-- Html Start -->
<div id="lur-menu"><b>
<i class="fa fa-folder-open"></i> Categories
</b></div>
<div class="lur-cat" align="center">

[fm_folder]d=:to-id(0)||<div class="padding"><a href="/site-category.html?to-id=%id%&to-name=%name%"><div class="ClickLur" style="background::v:clicklur:;">%name%</div></a></div>[/fm_folder]</div>

<!-- Html End -->
  

/* -- Style css Start -- */
#lur-menu:after {
    position: absolute;
    margin: -5px 0 0 10px;
    content: '';
    color: #ffffff;
    font-size: 0px;
    border-top: 32.5px solid rgb(0,0,0,0.0);
    border-left: 30px solid blue;
    clear: both;
}
#lur-menu {
    width: 127px;
    background: blue;
    color: white;
    font-size: 16px;
    padding: 5px 10px;
}
.ClickLur {
    border-top: 2px solid :v:clicklur:;
    border-bottom: 2px solid :v:clicklur:;
    color: white; 
    padding: 5px; 
    border-radius:20px;
    font-size: 13px;
    text-decoration: none; 
    font-weight: bold;
    text-shadow: 1px 1px 2px;  
    transition: 0.6s;
}
.padding {padding:3px 0 3px 0}
.lur-cat {
    padding: 10px 5px;
    border-top: 2px solid blue;
    border-left: 2px solid blue;
    border-right: 2px solid blue;
    border-bottom: 2px solid blue;
}
.lur-cat a{
    color:#ffffff;
    text-decoration: none;
}
.lur-cat a:hover{
    background:#ff12cf;
    text-decoration: none;
}
/* -- Style css End -- */
  

  No JavaScript Code
   

<!-- Random Color Start -->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!-- Random Color End -->

Demo: 01 - Wapkiz Category List Code

Demo: 01 - Wapkiz Category List Code

<!-- Html Start -->
<div id="lur-border">
<div id="hide">
<span id="lur-icon"><span>
<i class="fa fa-folder-open fa-spin"></i>
</span></span>
<div id="lur-menu"><b>Categories</b></div>
</div>
<div class="lur-cat" align="center">

[fm_folder]d=:to-id(0)||<div class="padding"><a href="/site-category.html?to-id=%id%&to-name=%name%"><div class="ClickLur" style="background::v:clicklur:;">%name%</div></a></div>[/fm_folder]</div></div>

<!-- Html End -->
  

/* -- Style css Start -- */
#lur-border {
    border-radius: 0px 50px 10px 20px; 
    border: 2px solid blue;
}
#hide {
    overflow: hidden;
    position: relative;
}
#lur-icon {
    background-image: linear-gradient(-130deg, rgb(255, 0, 255), blue);
    border-radius: 50px 0px 50px 50px; 
    box-sizing: border-box; 
    color: white; 
    font-size: 15px; 
    line-height: 13px; 
    padding: 13px; 
    position: absolute;
    right: 0px;
    top: 0px;
}
#lur-menu {
    background: blue;
    border-radius: 0px 48px 0px 0px; 
    color: white;
    font-size: 18px; 
    letter-spacing: 1.2px;
    padding: 8px 13px;
    text-transform: uppercase;
}
.ClickLur {
    border-top: 2px solid :v:clicklur:;
    border-bottom: 2px solid :v:clicklur:;
    color: white; 
    padding: 5px; 
    border-radius:20px;
    font-size: 13px;
    text-decoration: none; 
    font-weight: bold;
    text-shadow: 1px 1px 2px;  
    transition: 0.6s;
}
.padding {padding:3px 0 3px 0}
.lur-cat {
    padding: 10px 5px;
}
.lur-cat a{
    color:#ffffff;
    text-decoration: none;
}
.lur-cat a:hover{
    background:#ff12cf;
    text-decoration: none;
}
/* -- Style css End -- */
  

  No JavaScript Code
   

<!-- Random Color Start -->
:var:clicklur=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]:
<!-- Random Color End -->

Hopefully there was no problem copying and download your code.

Conclusion

I hope you like the Random Colorful Wapkiz Category List Code a lot. If you like it or need more code like this, I hope your comment. I am interested in writing tunes after receiving your comments, so don't forget to encourage by commenting.

I will come to you soon with something new. Stay with us until then. Wishing everyone good health and well-being, I am finishing the tune here today. TaTa.

Comments

Please comment on how you like our Template

Blog Archive

Contact Form

Send