এরকম কিভাবে করে?

Anynomous

কোন সাইটে যখন অনেকগুলো আর্টিকেল থাকে তখন সেটাকে এরকম ভাবে কোন কোডের মাধ্যমে প্রদর্শন করানো যায় ?  একটি পৃষ্টায় নির্দিষ্ট কিছু আর্টিকেল থেকে তা অটোমেটিক আরেকটি পৃষ্টায় চলে যাবে। সব থেকে ভালো হবে যদি HTML, CSS, javaScript আর PHP এর মধ্যে কোডগুলো সিমাবদ্ধ থাকে। 

আমি কোডটি চাইছি। যদি কেউ দিয়ে সাহায্য করতে পারতেন তাহলে অনেক উপকৃত হতাম। বুঝার সুবিধার্থে নিচে একটু স্ক্রিনশট দিলাম। 

image


0 like 0 dislike
2688 views
শেয়ার করুন বন্ধুর সাথে

2 Answers

rabbi4927

Call

ai vabe korte paren




<div class="container xlarge">

  <div class="pagination">

      <ul>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li class="active"><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

      </ul>

  </div>

</div>


<div class="container large">

  <div class="pagination">

      <ul>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li class="active"><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

      </ul>

  </div>

</div>


<div class="container middle">

  <div class="pagination">

      <ul>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li class="active"><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

      </ul>

  </div>

</div>


<div class="container middle">

  <div class="pagination">

      <ul>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li class="active"><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

      </ul>

  </div>

</div>


<div class="container small">

  <div class="pagination">

      <ul>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li class="active"><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

      </ul>

  </div>

</div>


<div class="container xsmall">

  <div class="pagination">

      <ul>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li class="active"><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

          <li><a href="#"></a></li>

      </ul>

  </div>

</div>


<style>

*,

*::after,

*::before {

  box-sizing: border-box;

}


body {

  color: #fff;

  background: #949c4e;

  background: linear-gradient(115deg, #56d8e4 10%, #9f01ea 90%);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}


html,

body {

  min-height: 100vh;

}


.center {

  display: flex;

  justify-content: center;

  align-items: center;

}


.container {

  background: #fdfdfd;

  padding: 1rem;

  margin: 3rem auto;

  border-radius: 0.2rem;

  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3);

  counter-reset: pagination;

  text-align: center;

}

.container:after {

  clear: both;

  content: "";

  display: table;

}

.container ul {

  width: 100%;

}


.xlarge {

  width: 65rem;

}


.large {

  width: 45rem;

}


.middle {

  width: 32rem;

}


.small {

  width: 22rem;

}


.xsmall {

  width: 14rem;

}


ul, li {

  list-style: none;

  display: inline;

  padding-left: 0px;

}


li {

  counter-increment: pagination;

}

li:hover a {

  color: #fdfdfd;

  background-color: #1d1f20;

  border: solid 1px #1d1f20;

}

li.active a {

  color: #fdfdfd;

  background-color: #1d1f20;

  border: solid 1px #1d1f20;

}

li:first-child {

  float: left;

}

li:first-child a:after {

  content: "Previous";

}

li:nth-child(2) {

  counter-reset: pagination;

}

li:last-child {

  float: right;

}

li:last-child a:after {

  content: "Next";

}

li a {

  border: solid 1px #d7d7d7;

  border-radius: 0.2rem;

  color: #7d7d7d;

  text-decoration: none;

  text-transform: uppercase;

  display: inline-block;

  text-align: center;

  padding: 0.5rem 0.9rem;

}

li a:after {

  content: " " counter(pagination) " ";

}


.large li a {

  display: none;

}

.large li:first-child a {

  display: inline-block;

}

.large li:first-child a:after {

  content: "Previous";

}

.large li:nth-child(2) a {

  display: inline-block;

}

.large li:nth-child(3) a {

  display: inline-block;

}

.large li:nth-child(4) a {

  display: inline-block;

}

.large li:nth-child(5) a {

  display: inline-block;

}

.large li:nth-child(6) a {

  display: inline-block;

}

.large li:nth-child(7) a {

  display: inline-block;

}

.large li:nth-child(8) a {

  display: inline-block;

}

.large li:last-child a {

  display: inline-block;

}

.large li:last-child a:after {

  content: "Next";

}

.large li:nth-last-child(2) a {

  display: inline-block;

}

.large li:nth-last-child(3) {

  display: inline-block;

}

.large li:nth-last-child(3):after {

  padding: 0 1rem;

  content: "...";

}


.middle li a {

  display: none;

}

.middle li:first-child a {

  display: inline-block;

}

.middle li:first-child a:after {

  content: "<";

}

.middle li:last-child a {

  display: inline-block;

}

.middle li:last-child a:after {

  content: ">";

}

.middle li:nth-child(2) a {

  display: inline-block;

}

.middle li:nth-child(3) a {

  display: inline-block;

}

.middle li:nth-child(4) a {

  display: inline-block;

}

.middle li:nth-child(5) a {

  display: inline-block;

}

.middle li:nth-last-child(2) a {

  display: inline-block;

}

.middle li:nth-last-child(3) {

  display: inline-block;

}

.middle li:nth-last-child(3):after {

  padding: 0 1rem;

  content: "...";

}


.small li {

  display: none;

}

.small li:first-child {

  width: 50%;

  display: inline;

}

.small li:first-child a:after {

  content: "Previous Page";

}

.small li:last-child {

  display: inline;

}

.small li:last-child a:after {

  content: "Next Page";

}


.xsmall li {

  display: none;

}

.xsmall li.active {

  display: inline;

}

.xsmall li:first-child {

  display: inline;

}

.xsmall li:first-child a:after {

  content: "Prev";

}

.xsmall li:last-child {

  display: inline;

}

.xsmall li:last-child a:after {

  content: "Next";

}

</style>

146 like 0 dislike
2688 views
ভিডিও কলে ডাক্তারের পরামর্শ পেতে Play Store থেকে ডাউনলোড করুন Bissoy অ্যাপ
Eftekhar Naeem

Call
php দিয়ে করা যাবে তবে তার জন্য আপনাকে থিম তৈরি করা যানতে হবে । কোড টা index.php নামে localhost থেকে রান করিয়ে দেখে নিন ।
পিএইচপি <?php if(function_exists('wp_pagenavi')) { // if PageNavi is activated ?> <?php wp_pagenavi(); // Use PageNavi ?> <?php } else { // Otherwise, use traditional Navigation ?> <!-- next_post_link --> <!-- previous_post_link --> <?php } // End if-else statement ?> <?php get_sidebar(); ?> <?php get_footer(); ?>
150 like 0 dislike
2688 views
ভিডিও কলে ডাক্তারের পরামর্শ পেতে Play Store থেকে ডাউনলোড করুন Bissoy অ্যাপ
তাকে কিভাবে পটাবো,আর এরকম আচরণ এর মানে টা কি তার?

আপনি যদি তাকে এতই ভালোবাসেন তাহলে তাকে আর প্রেমের প্রস্তাব না দিয়ে চোখে চোখে রাখেন। যাতে কেউ তার সাথে প্রেম না করতে পারে। আর আমি মনে করি সে খুব ভদ্র...

2 Answers 2910 views
ফেইসবুকে এরকম ফেচার প্রশ্নগুলো কিভাবে করবো?

এই প্রশ্ন গুলি ফেসবুক কমিউনিটিতে করা হয়। এর জন্য আপনি ফেসবুক এর হেল্প অপশন গিয়ে নিচে গিয়ে সেড সিলেক্ট করুন। তখন আপনাকে এ অপশন এনে দিবে।

1 Answers 2613 views
এরকম ভাবে কিভাবে ভিডিও ব্যাকগ্রাউন্ড করবো । কোন app দিয়ে করবো । কিভাবে করবো?

kine Master app এপ দিয়ে করতে পারবেন। প্লে স্টোরে পাবেন। আরও ভালো হবে Google থেকে Crack version ডাউনলোড নিলে। 

1 Answers 2917 views
লাইক এরকম ফেসবুকে করতে চাই। জিপিএস অন করে স্ট্যাটাস দিলে পাশের অন্য একটা ইউনিয়ন আসে! আমার টা আসবে কিভাবে?

এর কারণ আপনার এলাকা গুগল ম্যাপের মধ্যে নেই। আপনি যদি গুগল ম্যাপস অ্যাপে ঢুকেন তাহলে দেখতে পাবেন যে ঐখানে আপনার এলাকা নেই ঐ ইউনিয়ন আছে। কারণ গুগল ম্যাপে এখনও বাংলাদেশের...

1 Answers 2508 views
মোবাইল দিয়ে আয় করা যায় এরকম কাজ মোবাইলদিয়েই নিজেনিজে কিভাবে শিখব এবং আয় করব?

বিভিন্ন পিটিসি সাইট রয়েছে আপনি সেগুলো থেকে আয় করতে পারেন। কতগুলো অ্যাপলিকেশান ও আছে যেগুলো প্রতিদিন এড দেয় আপনি সেই এড দেখে আয় করত পারবেন। এরকম বাংলাদেশী একটা ওয়েব সাইট...

4 Answers 2929 views
কিভাবে লিংকে এরকম করে?

এর জন্য একটা ফরমেটিং ট্যাগ ইউজ করতে হবে। নিচের মত টাইপ করবেন। এখানে কিছু লিখুন যেই লেখার উপর ক্লিক করতে হবে /> বিঃদ্রঃ © তুলে দিয়ে আপনার কাংখিত লিংক পেস্ট করুন।

1 Answers 2584 views
কিভাবে এরকম করে উত্তর দেব?

&lt;h1&gt;Your text &lt;/h1&gt; এই ভাবে সম্ভব। দেখুন

2 Answers 3088 views
ক্রিম দিয়ে কোন পাশ্বপ্রতিক্রিয়া ছাড়াই ব্রনের দাগ দুর করবো কিভাবে আপনার ব্যবহার করে সেরে গেছে এরকম ক্রিমের নাম জানা থাকলে প্লিজ বলুন?

প্রতিটি ক্রিমের ই সাইড ইফেক্ট থাকে।  কাজেই ক্রিম ব্যবহার না করাই উত্তম। অনেকে ব্রণ ভাল করার জন্য বেটনোভেট ক্রিম ব্যবহার করে ভাল ফল পায়। কিন্তু কিছুদিন পর ব্রণ আরো কালো...

5 Answers 3086 views
এরকম বক্স কিভাবে তৈরী করে?

এটি কোন বক্স নয় ৷ এটি যেকোনো ইমুজি অথবা এমন font যেটা সাপোর্ট না করলে এমন দেখায় ৷

1 Answers 2523 views
ইউটিউবের চ্যানেলগুলো সাবস্ক্রাইব করে রাখার পরে, যখন নতুন কোন ভিডিও আপলোড করবে আমার কাছে যাতে নোটিফিকেশন আসে এরকম করা যাবে কিভাবে?

আপনি চ্যানেল সাবস্ক্রাইব করে বেল আইকন প্রেস করে রাখুন,  তাহলে নতুন আপডেট হওয়া ভিডিওর নোটিফিকেশন পেয়ে যাবেন।

2 Answers 2603 views
X