منتخب بازارچه

کد عضویت تلگرام انیمیشنی سری ۱

codenvis

کاربر تازه وارد

کد عضویت تلگرام در اینترنت و سایت‌های دیگر به شکل‌های مختلف گذاشته شده اما ما کد عضویت تلگرام انیمیشنی و زیبایی رو آماده کردیم که به صورت 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>
برای مشاهده پیش نمایش به این لینک بروید : پیش نمایش

برای مشاهده مطلب و توضیحات بیشتر درباره شخصی سازی کد به سایت منبع مراجعه کنید
منبع : کد عضویت تلگرام
 
بالا