Headlines News :
Home » » how to setup lens flare effect

how to setup lens flare effect

Written By Vaneet Nagpal on Friday, 25 January 2013   3 comments

आप भी दिखाएं Lens Flare Effect अपने ब्लॉग पर बिना फोटोशाप के |

thm-lens-flare-effect जैसा कि आप बाई तरफ दिखाई दे रहे चित्र में देख रहे हैं, आप भी बिना फोटोशाप की सहायता के इस तरह के Lens Flare effect का प्रयोग अपने ब्लॉग पर कर सकते हैं | ऐसे effect ब्लॉग पर प्रदर्शित करना बहुत आसान है | आज की पोस्ट में आप जानेगे कि किसी भी टेक्स्ट पर ये प्रभाव कैसे उत्पन्न किया जाता है ? इस प्रकार के इफेक्ट के लिए तकनीक की ज्यादा जानकारी की जरूरत नहीं है | इस प्रभाव को देखने के लिए ब्राउजर के नये संस्करण का इस्तेमाल करें |

अपना टेक्स्ट HTML Mode में निम्न प्रकार से लिखें |

<div id="thm-content" >
<thm-lfe>TIPS<BR/>HINDI<BR/>MEIN</thm-lfe>
</div>

CSS कोड निम्न प्रकार से लिखें |

1. तीसरी पंक्ति : बैकग्राउंड के रंग को बदलने के लिए आप इस कोड #D50304 की जगह अपनी पसंद का रंग का कोड लिखें |
2.चौथी पंक्ति : बैकग्राउंड की चौड़ाई कम करने के लिए जहाँ पर 615px लिखा है उसमें अपने अनुसार परिवर्तन करें |
3.नवीं पंक्ति : फॉण्ट के रंग को बदलने के लिए इस कोड #fff के जगह अपनी पसंद के रंग का कोड लिखें |
यदि आप इस तरह के इफेक्ट को इसी तरह से प्रयोग करना चाहते हैं तो निम्न कोड को कापी करने के बाद इसे अपने ब्लॉग के साइडबार में स्थापित कर लें |

नोट : इस तरह के इफेक्ट के लिए HTML Mode का प्रयोग करें

<style>
#thm-content {padding: 10px; 
background:#D50304;
width:615px;
text-align:center;}
#thm-content thm-lfe {font-size:130px;
line-height:150px;
font-family: 'Arbutus', cursive;
    color: #FFF;
    text-shadow: 0 0 150px #FFF, 0 0 60px #FFF, 0 0 10px #FFF;
}
</style>
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Arbutus::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

लाइव डेमो आप निम्न देख सकते हैं

TIPS
HINDI
MEIN

नोट : इस तरह के इफेक्ट का प्रयोग जो चाहे अपने ब्लॉग पर कर सकता है, लेकिन यदि कोई इस कोड का प्रयोग करके कोई पोस्ट अपने ब्लॉग पर लिखना चाहता है तो उस व्यक्ति-विशेष को लिखित आज्ञा लेना अनिवार्य है |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं ! Save as PDF
Share this post :

+ comments + 3 comments

देश के 64वें गणतन्त्र दिवस की हार्दिक शुभकामनाएँ!
--
आपकी पोस्ट के लिंक की चर्चा कल रविवार (27-01-2013) के चर्चा मंच-1137 (सोन चिरैया अब कहाँ है…?) पर भी होगी!
सूचनार्थ... सादर!

Saturday, January 26, 2013 5:43:00 pm

शुक्रिया शास्त्री जी |

Wednesday, October 25, 2017 6:57:00 pm

Great site for these post and i am seeing the most of contents have useful for my Carrier.Thanks to such a useful information
informatica training in chennai

Post a Comment

 
Support : Tips Hindi Mein | Vaneet Nagpal
Copyright © 2011. Hindi Tips - All Rights Reserved
Template Created by Vaneet Nagpal Published by Tips Hindi Mein
Proudly powered by Blogger