தமிழனை வாழ வை...தமிழ் தானாக வாழும்.வாழ்க தமிழ் !!வெல்க தமிழ்!! .

Sunday, April 18, 2010

ப்ளொக்கரில் நகரும் எழுத்துக்கான HTML கோடிங்

என் வலைத்தளத்தில் முதல் வரி அங்கும் இங்கும் செல்லும்படி அமைத்திருப்பேன் .அதற்கு marquee scroll text என பெயர் .அதை உங்கள் வலைதளத்திலும் எப்படி  அமைக்கலாம் என இப்போது பார்க்கலாம்.இதை பல முறைகளில் அமைக்கலாம் .

(யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு என்ற வார்த்தைக்கு பதிலாக உங்களுக்கு பிடித்த வரிகளை எழுதி கொள்ளவும்.)


முதல் முறை ALTERNATE
Example code:

<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>
யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு</MARQUEE></FONT>
Result of example code:


யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு


2-ம் முறை SCROLL
Example code:


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SCROLLBGColor=yellowLOOP=3>யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>>கற்றதுகைமண்அளவு,கல்லாதது
உலகளவு
</MARQUEE></FONT>
Result of example code:

யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>>கற்றதுகைமண்அளவு,கல்லாதது
உலகளவு


3-ம் முறை SLIDE
Example code:


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SLIDE BGColor=yellow>யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு</MARQUEE></FONT>
Result of example code:

யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு
4-ம் முறை  RIGHT DIRECTION
Example code:
<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SCROLL DIRECTION=RIGHT BGColor=yellow>
யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு</MARQUEE></FONT>
Result of example code:


யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு




5-ம் முறை  LEFT DIRECTION
Example code:
<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SCROLL DIRECTION=LEFT BGColor=yellow>
யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு</MARQUEE></FONT>
Result of example code:


யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு

6-ம் முறை 
 HEIGHT / WIDTH

Example code:


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE BEHAVIOR=SCROLL HEIGHT=25 WIDTH=300 BGColor=yellow>
யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு
</MARQUEE></FONT>


Result of example code:



யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு


7-ம் முறை 
 
HSPACE / VSPACE

Example code:

Preceeding text. 
<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=SCROLL HSPACE=15 VSPACE=25 BGColor=yellow>


யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு
</MARQUEE></FONT> Following text.



Result of example code:


Preceeding text.

யான் பெற்ற இன்பம் பெருக இவ்வயகம்>>> கற்றது கைமண் அளவு ,கல்லாதது உலகளவு
Following text.

சிகப்பு நிறத்திலுள்ள HTML கோடினை  "LAYOUT--->EDIT HTML" செல்லவும்.அங்கு சென்றவுடன் "Expand Widget Templates" என்றதை திருத்தவும்/சொடுக்கவும்.(Ctrl + F) அழுத்தி  </b:skin> பெயரை தேடவும்.
நீங்கள் தேடியது கீழ் கண்டவாறு இருக்கும்
]]></b:skin>
<!-- HTML codes by Quackit.com -->
இதன் கீழ் பின்வரும் கோடிங்கை இடவும் ,அல்லது எங்கு வேண்டுமோ அங்கு பேஸ்ட் செய்யவும் 
<marquee behavior='alternate'>ய&#3006;ன&#3021; ப&#3014;ற&#3021;ற இன&#3021;பம&#3021; ப&#3014;ர&#3009;க இவ&#3021;வயகம&#3021;*** கற&#3021;றத&#3009; க&#3016;மண&#3021; அளவ&#3009; ,கல&#3021;ல&#3006;தத&#3009; உலகளவ&#3009;&gt;</marquee>


ரசிக்க ....அட உடனே வேலையில இறங்கிட்டேங்க போலிருக்கு. 

4 comments:

Sivatharisan said...

thanks 4 the blog code massage

Rameshkrishnan said...

nandraga irunthathu melaum yeanaku computeril tamil font yeapadi type seaivathu yendur yen mail id ku vibaramaga sollavum computer center il keataal neengalaga kattru kollavendum yendru pathil sollugirargal yeanvea athai yeanakum matrum anivarum padithu terinthu athai seaiyal padutha ingu teriya paduthavum nandri
yen mail id rameshkrishnan80@gmail.com reply soon.

kalvikathir said...

ப்ளாக்கரில் PDF பதிவிடுவது எப்படி.. Kalvikathir5@gmail.com

kalvikathir said...

ப்ளாக்கரில் PDF பதிவிடுவது எப்படி.. Kalvikathir5@gmail.com

Post a Comment

வாங்க நண்பரே.வருகைக்கு மிக்க நன்றி.தங்கள் மேலான கருத்தை கீழே பதியவும்.