Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Durum Paylaşma Yerine Efekt Nasıl Eklenir ?

IExlusive

xFanatik
Kullanıcı
Katılım
14 Eyl 2017
Mesajlar
512
Çözümler
5
Merhaba arkadaş Durumu güncelle yazan yerde beyaz çizgiler mevcut oraya sarı renkte yanıp sönen efekt eklemek istiyorum nasıl yapabilirim.

mesaj.png
 
Size sadece konum olarak yardımda bulunabilirim.
İlgili alan account_visitor_menu isimli şablonda bulunuyor ve şu satırlardır. Bu alanda istediğiniz değişimleri yapabilirisiniz.

HTML:
        <xf:form action="{{ link('members/post', $xf.visitor) }}" ajax="true"
            data-redirect="off"
            data-reset-complete="true"
            data-no-auto-focus="true"
            class="menu-footer">

            <span class="u-srOnly" id="ctrl_message">{{ phrase('update_your_status:') }}</span>
            <xf:textarea name="message" rows="1" autosize="true"
                maxlength="{$xf.options.profilePostMaxLength}"
                placeholder="{{ phrase('update_your_status...') }}"
                data-xf-init="focus-trigger user-mentioner emoji-completer" data-display="< :next" aria-labelledby="ctrl_message" />
            <div class="u-hidden u-hidden--transition u-inputSpacer">
                <xf:button type="submit" class="button--primary" icon="reply">{{ phrase('post_verb') }}</xf:button>
            </div>
        </xf:form>
 
CSS:
textarea.js-editor.input.input--fitHeight{
    animation: colorchange 3s;
  animation-iteration-count:infinite;
}
 @keyframes colorchange
    {
      0%   {border:3px solid rgba(8, 85, 178, 1);}
      50%   {border:3px solid #7AB7FF;}
      100% {border:3px solid rgba(8, 85, 178, 1);}
    }

extra.less-e atarak deneyin classın farklı textareaları etkileyeceğini sanmıyorum kendimde deneyerek atıyorum buraya eğer sizde etkilerse değiştirirsiniz
 
CSS:
textarea.js-editor.input.input--fitHeight{
    animation: colorchange 3s;
  animation-iteration-count:infinite;
}
@keyframes colorchange
    {
      0%   {border:3px solid rgba(8, 85, 178, 1);}
      50%   {border:3px solid #7AB7FF;}
      100% {border:3px solid rgba(8, 85, 178, 1);}
    }

extra.less-e atarak deneyin classın farklı textareaları etkileyeceğini sanmıyorum kendimde deneyerek atıyorum buraya eğer sizde etkilerse değiştirirsiniz

Denedim çalışıyor classlar herhangi bir textareaları etkilemedi teşekkür ederim. Yardımcı olduğunuz için.
 
Size sadece konum olarak yardımda bulunabilirim.
İlgili alan account_visitor_menu isimli şablonda bulunuyor ve şu satırlardır. Bu alanda istediğiniz değişimleri yapabilirisiniz.

HTML:
        <xf:form action="{{ link('members/post', $xf.visitor) }}" ajax="true"
            data-redirect="off"
            data-reset-complete="true"
            data-no-auto-focus="true"
            class="menu-footer">

            <span class="u-srOnly" id="ctrl_message">{{ phrase('update_your_status:') }}</span>
            <xf:textarea name="message" rows="1" autosize="true"
                maxlength="{$xf.options.profilePostMaxLength}"
                placeholder="{{ phrase('update_your_status...') }}"
                data-xf-init="focus-trigger user-mentioner emoji-completer" data-display="< :next" aria-labelledby="ctrl_message" />
            <div class="u-hidden u-hidden--transition u-inputSpacer">
                <xf:button type="submit" class="button--primary" icon="reply">{{ phrase('post_verb') }}</xf:button>
            </div>
        </xf:form>
Bu şablon üzerinden bir kaç değişiklik yapacağım. Yardımcı olduğunuz için size de teşekkür ederim.
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.