ആദ്യാക്ഷരിയിലെ പുതിയ പോസ്റ്റ് വായിച്ചു . സ്ക്രോളിംഗ് ടെക്സ്റ്റ് ബ്ലോഗില് ഉപയോഗിക്കുന്നത് സംബന്ധമായ പോസ്റ്റ് .വായിച്ചപ്പോള് മുന്പ് പരീക്ഷിച്ചിരുന്ന ചില സ്ക്രോളിംഗ് ടെക്സ്റ്റ് എഫ്ഫെക്ട്കള് പങ്കു വെക്കാം എന്ന് കരുതി .
<marquee>your scrolling text</marquee>
ഇതാണ് സാധാരണ ഒരു സ്ക്രോളിംഗ് ടെക്സ്റ്റ് കോഡ്. (ഇതില് 'your scrolling text' എന്നത് മാറ്റി നമുക്ക് ആവശ്യമുള്ള വാചകങ്ങള് എഴുതി ചേര്ക്കാം ). ഇത് നമ്മള് ഒരു ബ്ലോഗ് പോസ്റ്റിലോ ഗാട്ജെറ്റ് ലോ ഉപയോഗിക്കുമ്പോള് താഴ്ഴെ കാണുന്ന പ്രകാരം കാണാം
പാശ്ചാത്തല കളര്
സ്ക്രോളിംഗ് ടെക്സ്റ്റ് പശ്ചാത്തലത്തില് ഏതെന്കിലും ഒരു കളര് (നമ്മുടെ ബ്ലോഗിന്റെ പശ്ചാത്തലത്തിന് മാച്ച് ചെയ്യുന്ന കളര് )ഉപയോഗിക്കുവാന് താഴെ കാണുന്ന കോഡ് ഉപയോഗിക്കാം
<marquee bgcolor="#ccdee8">your scrolling text</marquee>
(ഈ ബ്ലോഗിന്റെ പാശ്ചാത്തല കളര് #ccdee8 ആണ് ആയതിനാല് അതാണ് ഇവിടെ ഉപയോഗിച്ചിരിക്കുന്നത് )
ഇത് നമ്മള് ഒരു ബ്ലോഗ് പോസ്റ്റിലോ ഗാട്ജെറ്റ് ലോ ഉപയോഗിക്കുമ്പോള് താഴ്ഴെ കാണുന്ന പ്രകാരം കാണാം
ദിശ മാറ്റുവാന്
സാധാരണയായി സ്ക്രോളിംഗ് ടെക്സ്റ്റ് പേജിന്റെ വലതു വശത്ത് നിന്നും ഇടതു വശത്തേക്കാണ് സഞ്ചരിക്കുന്നത് . ഇത് ഇടതു വശത്ത് നിന്നും വലതു വശത്തേക്ക് ആക്കി മാറ്റുവാന് താഴെ കാണുന്ന കോഡ് ഉപയോഗിച്ചാല് മതി
<marquee direction="right" bgcolor="#ccdee8">your scrolling text moving right side now</marquee>
ഇത് നമ്മള് ഒരു ബ്ലോഗ് പോസ്റ്റിലോ ഗാട്ജെറ്റ് ലോ ഉപയോഗിക്കുമ്പോള് താഴ്ഴെ കാണുന്ന പ്രകാരം കാണാം
direction="right" എന്ന സ്ഥാനത്തു
direction="up" എന്നോ
direction="down" എന്നോ കൊടുത്താല് മുകളിലേക്കും താഴേക്കും സ്ക്രോല് ചെയ്യിക്കാം
അപ്പോള് താഴെ കാണുന്ന പ്രകാരം കാണാം
Mouse Over Effect
ഇനി നമ്മുടെ സ്ക്രോളിംഗ് ടെക്സ്റ്റ് മൗസ് മുകളില് വരുമ്പോള് ചലിക്കാതെ നില്ക്കുവാന് താഴെ കാണുന്ന കോഡ് ഉപയോഗിച്ചാല് മതി
<marquee direction="left" bgcolor="#ccdee8" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" scrolldelay="50">d code to simple scrolling text</marquee>
അപ്പോള് താഴെ കാണുന്ന പ്രകാരം കാണാം
ലിങ്കുകള് സ്ക്രോല് ചെയ്യിക്കുവാന്
നമ്മുടെ ബ്ലോഗുകളുടെയോ സൈറ്റുകളുടെയോ ലിങ്കുകള് ഇപ്രകാരം സ്ക്രോള് ചെയ്യിക്കാം അതിനു താഴെ കാണുന്ന കോഡ് ഉപയോഗിക്കാം<marquee behavior="scroll" align="middle" direction="left" bgcolor="#ccdee8" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()"><br /><br /> <a href=" http://bloghelpline.blogspot.com/ "> ആദ്യാക്ഷരി </a> <a href=" http://indradhanuss.blogspot.com/"> ഇന്ദ്രധനുഷ് </a> <a href=" http://www.infution.com/ "> ഇന്ഫുഷന് </a><br /><br /> </marquee>
അപ്പോള് താഴെ കാണുന്ന പ്രകാരം കാണാം
മുകളില് നല്കിയിട്ടുള്ള ലിങ്കുകള് മാറ്റി നമ്മുടെ ലിങ്കുകളും അവയുടെ പേരുകളും നല്കണം
If you enjoyed this post, make sure you subscribe to
the articles rss feeds to receive new
posts in a reader or via email.
THIS POST WAS FILED UNDER:
blog template
,
marquee
,
scroll tips
ഒന്നും എന്റെ സ്വന്തം അറിവുകളല്ല , ഇന്റെര്നെറ്റ് എന്ന അതിവിശാലമായ സമുദ്രത്തില് നിന്നും ഒരു കുമ്പിള് വെള്ളം കോരിയെടുത്തത്
ReplyDeleteനിങ്ങളുമായി പങ്കു വെച്ച് എന്ന് മാത്രം ....
shyoo. ethra vinayam venda mashe
Deleteഹ ഹ ഹ ..സത്യമായിട്ടും അതാണ് സത്യം ...:) പഠിക്കുന്നത് എഴുതുന്നു ...:)
Deleteനൌഷു, എന്നെ പോലെയുള്ള ബൂലോക മണ്ടന്മാര്ക്കു വളരെ ഉപകാരപ്രദം...!
ReplyDeleteവളരെ സിമ്പിള് ആക്കി പോസ്റ്റിയതിനു നന്ദി..!
@സലീം ഇ.പി.
ReplyDeleteമണ്ടന്മാര്ക്കു വേണ്ടി മണ്ടന്മാരാല് എന്നൊരു ചൊല്ല് കേട്ടിട്ടില്ലേ ...അങ്ങനെ കൂട്ടിക്കോളൂ ...;)
നന്ദി വന്നതിനും കമ്മന്റിനും
exelent aliyaaaaaaa
ReplyDeletescroll-എങ്ങിനെയെന്നു പറഞ്ഞു തന്ന പ്രിയ സുഹ്രുത്തേ ഒരായിരം നന്ദി...
ReplyDelete@mohammedkutty irimbiliyam
ReplyDeleteനന്ദി ഉപകാരപ്പെട്ടു എന്നറിഞ്ഞതില് ...ഒപ്പം വന്നതിനും വായിച്ചതിനും ^O^
ഫോണ്ട് കളർ മാറ്റുന്ന വിധം ഒന്നു പറഞ്ഞു തരുമോ...??? ഇതിൽ അത്തരമൊരു പോസ്റ്റ് കണ്ടെത്താൻ കഴിഞ്ഞില്ല..... നന്ദി..
ReplyDeleteഇവിടെ ക്ലിക്ക് ചെയ്തോളൂ ...:)
Deleteവളരെ ഉപകാരപ്രദം.
ReplyDeleteനന്ദി ഈ സഹായങ്ങള്ക്ക്
നന്ദി വായനക്കും വരികള്ക്കും ..:)
Deleteyour scrolling text
ReplyDeleteഇതാണ് സാധാരണ ഒരു സ്ക്രോളിംഗ് ടെക്സ്റ്റ് കോഡ്. (ഇതില് 'your scrolling text' എന്നത് മാറ്റി നമുക്ക് ആവശ്യമുള്ള വാചകങ്ങള് എഴുതി ചേര്ക്കാം )
thanks a lot
ReplyDeletethank you ..:)
Deleteഹായ് നൌഷാദ് സുഖമെന്ന് കരുതുന്നു... താങ്കളുടെ ബ്ലോഗിലെ മെനു ബട്ടണ് അതുപോലെ എന്റെ ബ്ലോഗിലും സാധിക്കുമോ.. ഡ്രോപ്പ് ഡൌണ് ബോട്ടോന് ഒക്ക്യുള്ളത്
ReplyDelete