کد عضویت تلگرام در اینترنت و سایت‌های دیگر به شکل‌های مختلف گذاشته شده اما ما کد عضویت تلگرام انیمیشنی و زیبایی رو آماده کردیم که به صورت FlipBox هستش و افکت زیبایی داره!
رنگبندی این کد با رنگبندی تلگرام همخوانی داره و کاربر به راحتی متوجه میشه که سایت شما دارای کانال تلگرامی هستش و با کلیک بر روی اون میتونه عضو کانالتون بشه!
کد عضویت تلگرام در ۴ سمت گوشه بالا سمت راست ، گوشه پایین سمت راست ، گوشه پایین سمت چپ ، گوشه بالا سمت چپ آماده شده و به راحتی میتونید با جایگذاری کد مورد نظرتون اون رو توی سایتتون مشاهده کنید!
کدهایی که در زیر قرار میدمم رو در قسمت head قالبتون قرار بدید و اون رو ذخیره کنید.
کد:
<link href="http://dl.codenvis.ir/coding/Telegram-FlipBox/telegram-flipbox-codenvis.ir.css" rel="stylesheet" media="all">
<script src="http://dl.codenvis.ir/coding/Telegram-FlipBox/dist/jquery.min.js"></script>
<script src="http://dl.codenvis.ir/coding/Telegram-FlipBox/dist/jquery.flip.min.js"></script>
<script>
$(function(){
$(".flip").flip({
trigger: 'hover'
});
});
</script>در این قسمت کدهایی رو که قرار میدم پس از تگ < body > قرار بدید تا کد به درستی نمایش داده شود!
کد عضویت تلگرام در گوشه بالا سمت راست
کد:
<div class="flip tr">
<a href="http://telegram.me/codenvis">
<div class="front">
<img src="http://dl.codenvis.ir/coding/Telegram-FlipBox/telegram.png" alt="" title="">
</div>
<div class="back">
<p>به کانال تلگرام ما بپیوندید
<br>
@Codenvis
</p>
</div>
</a>
</div>کد عضویت تلگرام در گوشه پایین سمت راست
کد:
<div class="flip br">
<a href="http://telegram.me/codenvis">
<div class="front">
<img src="http://dl.codenvis.ir/coding/Telegram-FlipBox/telegram.png" alt="" title="">
</div>
<div class="back">
<p>به کانال تلگرام ما بپیوندید
<br>
@Codenvis
</p>
</div>
</a>
</div>
کد:
<div class="flip tl">
<a href="http://telegram.me/codenvis">
<div class="front">
<img src="http://dl.codenvis.ir/coding/Telegram-FlipBox/telegram.png" alt="" title="">
</div>
<div class="back">
<p>به کانال تلگرام ما بپیوندید
<br>
@Codenvis
</p>
</div>
</a>
</div>کد عضویت تلگرام در گوشه پایین سمت چپ
کد:
<div class="flip bl">
<a href="http://telegram.me/codenvis">
<div class="front">
<img src="http://dl.codenvis.ir/coding/Telegram-FlipBox/telegram.png" alt="" title="">
</div>
<div class="back">
<p>به کانال تلگرام ما بپیوندید
<br>
@Codenvis
</p>
</div>
</a>
</div>برای مشاهده پیش نمایش به این لینک بروید : پیش نمایش
برای مشاهده مطلب و توضیحات بیشتر درباره شخصی سازی کد به سایت منبع مراجعه کنید
منبع : کد عضویت تلگرام
