برای استعلام یا ارسال سفارش اینجا کلیک کنید.

آموزش ساخت باکس اطلاع رسانی کانال تلگرام

 tg-sidebar آموزش ساخت باکس اطلاع رسانی کانال تلگرام

آموزش کد نویسی ساخت باکس اطلاع رسانی

در بسیاری از سایت ها دیده شده است که در سایدباری خود باکس اطلاع رسانی عضویت در کانال تلگرام رو به نمایش گذاشته اند. در سایت ما نیز باکس موجود است. تعداد زیادی از کاربران درخواست آموزش ساخت چنین باکس اطلاع رسانی را داده اند. با ما باشید تا قدم به قدم این کار رو به شما یاد بدیم. به ما یک قدم جلوتر حرکت کنید.

آموزش ساخت باکس اطلاع رسانی :

اگر از قالب وردپرس استفاده می کنید فایل سایدبار خود را باز کنید (معمولا اسمش sidebar.php هست) و کد های زیر را در محل مناسبی قرار دهید. دقت کنید که در محل مناسب قبل از بسته شدن تگ پایانی سایدربار کد قرار گرفته شود.

<a class="telegram" title="کانال تلگرام ما" href="https://telegram.me/MFamo" target="_blank">
<span class="title_tg">کانال تلگرام ما</span>
<span class="desc_tg">ما را از طریق کانال دنبال کنید.</span>
</a><!-- telegram -->

توجه داشته باشید به جای https://telegram.me/MFamo لینک کانال خود رو درج کنید.

خوب حالا فایل استایل style.css ( در قالب های وردپرس با نام style.css شناخته می شود.) پوسته خود رو باز کرده و کد های css زیر رو درون فایل جایگذاری کنید.

.telegram {
    background: url('images/telegram.png') no-repeat scroll 12px center #5C90D2;
    display: block;
    color: #F2F2F2;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 3px;
    clear: both;
    font: bold 11px tahoma;
}
.telegram .title_tg {
    text-align: right;
    text-indent: 5px;
    margin-bottom: 5px;
    display: block;
}
.telegram .desc_tg {
    font: 11px tahoma;
    text-align: right;
    text-indent: 5px;
    opacity:0.7;
    display: block;
}
.telegram:hover{
    color: #fff;
}

خوب در این فایل یک عکس بصورت زیر فراخوانی شده است

background:url('images/telegram.png') no-repeat 12px center #5C90D2;

توجه کنید عکس زیر رو دانلود کنید و در پوشه images واقع در پوسته خود کپی کنید. (اگر چنین پوشه ای وجود نداشت پوشه جدید با نام images ایجاد کنید.)

عکس باید با نام telegram.png آپلود شود دقت کنید. دانلود عکس

فایل نهایی را دانلود کنید.

موفق باشید.

هاست و دامنه ندارید!؟ سفارش دهید
من محمد پورداداش متولد سال ۱۳۶۷ در خدمت شما هستم. طراحی گرافیک و وب مهترین مسئولیت من بوده و است. سعی خواهم کرد بهتر از همیشه در خدمت شما باشم. خوب بودن به حرف نیست به رفتار نیک و عمل پسندیده است.
در کانال ما عضو شوید و از آخرین اخبار ، محصولات و تخفیف با خبر شوید... کانال تلگرام وبیت

محصولات پیشنهادی به شما

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده اید و با آن موافق هستید.

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

علی گفته :کاربر سایت
1395-05-29 22:10پاسخ دهید

سلام
لطفا این آموزش رو برای هدر هم بدید مثل قالب آبان موزیک که مقابل لوگو هست
ممنون

محمد پورداداش گفته :مدیر سایت
1395-05-30 13:25پاسخ دهید

باسلام
در اسراع وقت
ولی میتونید استفاده کنید مشکلی پیش نماید

علی گفته :کاربر سایت
1395-06-21 22:10پاسخ دهید

سلام اقا محمد
عیدتون مبارک
همچنان منتظر آموزش برای هدر هستیم ها 🙂

محمد پورداداش گفته :مدیر سایت
1395-06-23 10:12پاسخ دهید

سلام
حتما انجام خواهد شد
موفق باشید

به ملودی گفته :کاربر سایت
1395-02-26 22:13پاسخ دهید

محمد جان دست گلت درد نکنه عالیه.

محمد پورداداش گفته :مدیر سایت
1395-02-26 22:53پاسخ دهید

ممنون وظیفه است
موفق باشی
یاعلی

علی گفته :کاربر سایت
1395-02-26 20:49پاسخ دهید

دستتون درد نکنه اینقدر دنبال این بودم حد نداشت.ممنونم

علی گفته :کاربر سایت
1395-02-26 20:51پاسخ دهید

در ضمن بی صبرانه منتظر قالب صاحب هم هستیم.فقط خیلی شاد نباشه که بشه واسه سایتهای مداحی هم استفاده کرد. باتشکر

محمد پورداداش گفته :مدیر سایت
1395-02-26 21:41پاسخ دهید

علی عزیز؛
حتما طوری طراحی میشه که مشتری و کاربر پسند کنه
موفق باشید

masoud گفته :کاربر سایت
1395-02-26 20:22پاسخ دهید

ممنون بسیار عالی
خیلی به کار میاد

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده
وبیت