Join our telegram group Join Now!

Animated UI Typography

In this post we will guide you about the typography of Animated Ui Premium Anime Blogger Theme
LonPai
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated

Introduction

Welcome to my blog SR7Themes!
Today the topic is Animated UI Typography Hope this post might be useful to you and please stay tuned to our blog for further updates. Remember the end contains surprises!


Not all of the styles below can be used directly in "Writing view" mode, but there are also some features that can only be used from "HTML View" mode.

All Style Typography and Format Posts
Typography Animated UI | ©SR7Themes

Video Player

Noragami



Writing Format:
<div class="main_body">
   <div class="anime_name anime_video">
      <i class="icongec-anime_video i_pos"></i> 
      <div class="title_name">
         <h2>Noragami</h2>
      </div>
   </div>
   <div class="anime_video_body">
      <div class="anime_video_body_watch">
         <div id="load_anime">
            <div class="anime_video_body_watch_items load">
               <div class="play-video">      
                  <iframe allow='accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture' allowfullscreen='true' id='dlaize-player'        src="https://embedsb.com/e/kmedwaia0q18.html" style='border:none;height:100%;position:absolute;top:0;width:100%'></iframe>  
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

Tabs Content

<div id="episodes">
   <div class="ep-section">
      <div class="head">
         <!--[ Active function ]--> <input class="allTabs hidden" id="forall-tabs1" type="radio" name="postTabs" checked=""> <input class="allTabs hidden" id="forall-tabs2" type="radio" name="postTabs"> 
         <div class="postTabs">
            <div class="tabsHead">
               <!--[ Change atribute data-text='...' to replace tabs title ]-->     <label for="forall-tabs1" data-text="S01"></label>     <label for="forall-tabs2" data-text="S02"></label>   
            </div>
            <div class="tabsContent">
               <!--[ Tabs content ]-->     
               <div class="tabsContent-1">
                  <div class="body">
                     <ul class="episodes">
                        <li><a data-test="https://embedsb.com/e/kmedwaia0q18.html" data-title="01 -  A House Cat, A Stray God,And A Tail" onclick="titleFunction(this)" title="">01</a></li>
                        <li><a data-test="https://embedsb.com/e/tfpapug36x2s.html" data-title="02 - Snow-like" onclick="titleFunction(this)" title="">02</a></li>
                        <li><a data-test="https://embedsb.com/e/pemiade1koj3.html" data-title="03 - Bidden Calamity" onclick="titleFunction(this)" title="">03</a></li>
                        <li><a data-test="https://embedsb.com/e/73heklh1cshk.html" data-title="04 - Where Happiness Lies" onclick="titleFunction(this)" title="">04</a></li>
                        <li><a data-test="https://embedsb.com/e/1nj4tolytwiy.html" data-title="05 - Borderline" onclick="titleFunction(this)" title="">05</a></li>
                        <li><a data-test="https://embedsb.com/e/vxrurihocplk.html" data-title="06 - Scary Person" onclick="titleFunction(this)" title="">06</a></li>
                        <li><a data-test="https://embedsb.com/e/rft3z527vdc8.html" data-title="07 - Uncertainty And Destiny" onclick="titleFunction(this)" title="">07</a></li>
                        <li><a data-test="https://embedsb.com/e/xivvcmv6bruu.html" data-title="08 - Over The Line" onclick="titleFunction(this)" title="">08</a></li>
                        <li><a data-test="https://embedsb.com/e/wqogpsrnva46.html" data-title="09 - Name" onclick="titleFunction(this)" title="">09</a></li>
                        <li><a data-test="https://embedsb.com/e/e63angvrg2ue.html" data-title="10 - Regarded With Hate" onclick="titleFunction(this)" title="">10</a></li>
                        <li><a data-test="https://embedsb.com/e/4szxkxtwm6mx.html" data-title="11 - Abandoned God" onclick="titleFunction(this)" title="">11</a></li>
                        <li><a data-test="https://embedsb.com/e/sbwdnuam8iqj.html" data-title="12 - A Scrap Of A Memory" onclick="titleFunction(this)" title="">12</a></li>
                     </ul>
                  </div>
               </div>
               <!--[ Tabs content ]-->     
               <div class="tabsContent-2">
                  <div class="body">
                     <ul class="episodes">
                        <li><a data-test="https://embedsb.com/e/eyirmkjzq9mm.html" data-title="01 - Bearing A Posthumous Name" onclick="titleFunction(this)" title="">01</a></li>
                        <li><a data-test="https://embedsb.com/e/gn6i8npb4k6t.html" data-title="02 - One Of Her Memories" onclick="titleFunction(this)" title="">02</a></li>
                        <li><a data-test="https://embedsb.com/e/kxsxn0ctesi1.html" data-title="03 - False Bond" onclick="titleFunction(this)" title="">03</a></li>
                        <li><a data-test="https://embedsb.com/e/ryckjtv686zp.html" data-title="04 - Wish" onclick="titleFunction(this)" title="">04</a></li>
                        <li><a data-test="https://embedsb.com/e/dctiggdr5eeb.html" data-title="05 - Divine Acclamation; Imprecation  " onclick="titleFunction(this)" title="">05</a></li>
                        <li><a data-test="https://embedsb.com/e/kpq8u5m8ih4m.html" data-title="06 - What Must Be Done" onclick="titleFunction(this)" title="">06</a></li>
                        <li><a data-test="https://embedsb.com/e/zpi3x9kxd5e5.html" data-title="07 - How to Worship a God" onclick="titleFunction(this)" title="">07</a></li>
                        <li><a data-test="https://embedsb.com/e/okwwwg1b5kb1.html" data-title="08 - God of Calamity" onclick="titleFunction(this)" title="">08</a></li>
                        <li><a data-test="https://embedsb.com/e/32unlbg7fmv8.html" data-title="09 - The Sound of a Thread Snapping" onclick="titleFunction(this)" title="">09</a></li>
                        <li><a data-test="https://embedsb.com/e/vgijxrwmkwwy.html" data-title="10 - A Certain Desire" onclick="titleFunction(this)" title="">10</a></li>
                        <li><a data-test="https://embedsb.com/e/s7n6p0c16j9k.html" data-title="11 - Revival" onclick="titleFunction(this)" title="">11</a></li>
                        <li><a data-test="https://embedsb.com/e/7yuxzlyfq35w.html" data-title="12 - Your Voice Calls Out" onclick="titleFunction(this)" title="">12</a></li>
                        <li><a data-test="https://embedsb.com/e/in8eebjdjwiw.html" data-title="13 - God Of Fortune's Message " onclick="titleFunction(this)" title="">13</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

Download Seasons


Writing Format :
<!-- [First Season]-->
<ul class="accordion">
   <li>
      <div class="accorContent">
         <input class="accorMenu hidden" id="offaccor-menu1" name="accordion-menu" type="checkbox" />       
         <label class="accorTitle" for="offaccor-menu1"><i class="accorIcon"></i>  
           <span>Download Season 01</span>       
         </label>
         <!--[ Answer ]-->       
         <div class="content">
            <div class="downloadsectionInfo"> 
              <a class="buttonz downloadsec" href="https://embedsb.com/d/kmedwaia0q18.html" target="_blank" rel="noopener noreferrer">01</a> 		          <a class="buttonz downloadsec" href="https://embedsb.com/d/tfpapug36x2s.html" target="_blank" rel="noopener noreferrer">02</a> 	
              <a class="buttonz downloadsec" href="https://embedsb.com/d/pemiade1koj3.html" target="_blank" rel="noopener noreferrer">03</a>
         </div>
        </div>
      </div>
   </li>
</ul>

<!-- [Second Season]-->
<ul class="accordion">
   <li>
      <div class="accorContent">
         <input class="accorMenu hidden" id="offaccor-menu2" name="accordion-menu" type="checkbox" />       
         <label class="accorTitle" for="offaccor-menu2"><i class="accorIcon"></i>  
           <span>Download Season 02</span>       
         </label>
         <!--[ Answer ]-->       
         <div class="content">
            <div class="downloadsectionInfo"> 
              <a class="buttonz downloadsec" href="https://embedsb.com/d/kmedwaia0q18.html" target="_blank" rel="noopener noreferrer">01</a> 		          <a class="buttonz downloadsec" href="https://embedsb.com/d/tfpapug36x2s.html" target="_blank" rel="noopener noreferrer">02</a> 	
              <a class="buttonz downloadsec" href="https://embedsb.com/d/pemiade1koj3.html" target="_blank" rel="noopener noreferrer">03</a>
              <a class="buttonz downloadsec" href="https://embedsb.com/d/pemiade1koj3.html" target="_blank" rel="noopener noreferrer">04</a>
         </div>
        </div>
      </div>
   </li>
</ul>

Info section

Noragami

Noragami (Dub),ノラガミ, lit. "Stray God

In times of need, if you look in the right place, you just may see a strange telephone number scrawled in red. If you call this number, you will hear a young man introduce himself as the Yato God. Yato is a minor deity and a self-proclaimed "Delivery God," who dreams of having millions of worshippers. Without a single shrine dedicated to his name, however, his goals are far from being realized. He spends his days doing odd jobs for five yen apiece, until his weapon partner becomes fed up with her useless master and deserts him. Just as things seem to be looking grim for the god, his fortune changes when a middle school girl, Hiyori Iki, supposedly saves Yato from a car accident, taking the hit for him. Remarkably, she survives, but the event has caused her soul to become loose and hence able to leave her body. Hiyori demands that Yato return her to normal, but upon learning that he needs a new partner to do so, reluctantly agrees to help him find one. And with Hiyori's help, Yato's luck may finally be turning around.

Type: TV Series
Studios: Bones
Status: Completed
Quality: HD
Duration: 24 min/ep
<section id="info" itemscope="" itemtype="http://schema.org/Movie">
   <div class="thumb">
      <div><img itemprop="image" src="https://blogger.googleusercontent.com/img/a/AVvXsEgrs6l2CcX_JBFyO3eEo_F5MwtZcaZg6xmybCoqy5s4Yl7Cw6MYyroCp6BP39Nl_sBd_1lF7gey-fDq8FhJPNwoKWpuNZ-kWhfqFmPH56gfEjZFrWH_rYnJsZtiOJONUF-tt6G3Oap2kQ48Rt-efUbjc4zzr7_iHB5hCBEDf5KfmIHFSqqyj05YZrgNYQ=s320"></div>
   </div>
   <div class="info">
      <h2 class="title-description" data-jtitle="Noragami" itemprop="name" id="Noragami">Noragami</h2>
      <div class="alias">Noragami (Dub),ノラガミ, lit. "Stray God</div>
      <p class="shorting" itemprop="description">In times of need, if you look in the right place, you just may see a strange telephone number scrawled in red. If you call this number, you will hear a young man introduce himself as the Yato God. Yato is a minor deity and a self-proclaimed delivery bla bla bla. </p>
      <div class="meta">
         <div class="col1">
            <div>Type: <span>TV Series</span></div>
            <div>Studios: <span>Bones</span> </div>
            <div>Status: <span>Completed</span> </div>
         </div>
         <div class="col2">
            <div>Genre: <span><a href="#" title="Action">Action</a>,<a href="#" title="Adventure">Adventure</a>   <a href="#" title="Comedy">Comedy</a>, <a href="#" title="Fantasy">Fantasy</a>, <a href="#" title="Supernatural">Supernatural</a></span></div>
            <div>Quality: <span><span class="quality">HD</span></span></div>
            <div>Duration: <span>24 min/ep</span> </div>
         </div>
      </div>
   </div>
   <div class="clearfix"></div>
</section>

Conclusion

I expressed my views on the topic 'Animated UI Typography'. Hope you are furnished my opinion. The post mustn't be copied without prior permission by emailing or telegram.

Source:
https://www.sr7themes.eu.org/2022/10/animated-ui-typography.html

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.