پشتیبانی نحوه گذاشتن آیکون های تماس در پست بیت

Mr.MAMAD

کاربر
#1
سلام خدمت اساتید.

سئوال داشتم چگونه میتونم آیکون های اطلاعات تماس که توسط فیلد اضافی ساختم رو به پست بیت اضافه کنم.

مثلا آیدی تلگرام که وارد میشه توی اطلاعات آیکون اون ظاهر بشه و با استفاده از تولتیپ آیدی نمایش داده بشه و وقتی روی آیکو کلیک بشه به صفحه آیدی هدایت بشه.

حالا تلگرام اینستگرام فیسبو و تویتر و غیره به این ترتیب.

پیشاپیش ممنون
 

H4M3D

مدیر کل
#6
نمایش فیلدها رو از تو تنظیمات استایل بردار
تو قالب ها message_user_info به انتهاش این رو اضافه کن البته انتهاش
کد
<div class="imicons_box">
                <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
                    <xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
                        <xen:if hascontent="true">
                                <xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck>
                        </xen:if>
                    </xen:if>
        
                </xen:foreach>
                </div>
به extra.css این
کد
.imicons_box .wm {
    margin: 2px 0 -1.1px;
    height:13px;width:13px
}
        .imicons_box {
            padding: 5px;
    margin: 2px 0 -1px;
        }
        .imicons_box a {
            margin: 0 3px;
            }
        .imicons_box a i {
        font-size: 14px
        }
        .imicons_box a:hover i.fa.fa-vk {
    color: #65AAC5;
}
.imicons_box a:hover i.fa.fa-skype {
color: #38D0FF;
}
به PAGE_CONTAINERاین تو تگ head
کد
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
کدهای html تو ساختن فیلد رو اینجوری استفاده کن مثلا
کد
<a href="https://tt.com/{$value}" title="{$value}"><i class="fa fa-vk"></i></a>
 

پیوست ها

Mr.MAMAD

کاربر
#9
یک چیز دیگه من فونت آیکون نمیخوام چون آیکون تلگرام رو نداره و میخوام از آیکون های معمولی استفاده کنم .
و اینکه بنده از این استفاده کردم ولی آیکون نیز در بالا نشون میده و نه در زیر. نمونه :

Capture1.JPG
 

H4M3D

مدیر کل
#10
تو قالب ها message_user_info به انتهاش این رو اضافه کن البته انتهاش
\پایین این کد بزار تا از کادر خارج نشه
کد
<span class="arrow"><span></span></span>
یک چیز دیگه من فونت آیکون نمیخوام چون آیکون تلگرام رو نداره و میخوام از آیکون های معمولی استفاده کنم .
و اینکه بنده از این استفاده کردم ولی آیکون نیز در بالا نشون میده و نه در زیر. نمونه :
Font Awesome Icons
برای اینکه خودت آیکن بزاری از این کد استفاده کن و آیکن هها تو هاستت بزار طبق لینکی که بالا دادم
کد
<a rel="nofollow" itemprop="address" class="concealed"><img src="http://parsforo.ir/styles/{$choice}.png" alt="" title="{$value}" /></a>
 
آخرین ویرایش