இந்தப் பதிவு நம் பின்னூட்டப் பெட்டியை எப்படி அழகு படுத்துவது என்பதைப் பற்றியது.
முன்பே சொல்லியபடி பின்னூட்டப் பெட்டியை அதே பக்கத்தில் எம்பெட்டட் வகையாக கொண்டு வர செட்டிங்ஸ் பகுதியில் தேர்வு செய்ய வேண்டும்.அவ்வாறு செய்திருந்தால் அது மிகச் சாதாரணமாக வெள்ளை பின்புலத்தில் சாதாரண பார்டர் கோட்டுடன் தெரியும்.
இதை உங்கள் விருப்பப் படி எப்படி வேண்டுமானாலும் அழகு படுத்தலாம்.
அதற்கு உங்க டேஷ்போர்டு சென்று லே அவுட்டில் எடிட் html பகுதியில் Expand Widget Templates”என்பதை டிக் செய்து விடவும் பின்பு ctrl+f என்று டைப் செய்து வரும் பெட்டியில்
<div class='comment-form'>
என்பதை டைப் செய்து தேடவும்.
அதை நீக்கி விட்டு பின் வரும் கோடிங் ஐ சேர்க்கவும்
<div id='mbt-form'>
பின்பு ]]></b:skin> என்பதைக் கண்டுபிடித்து அதற்கு மேலாக கீழ் வரும் css கோடிங்கை சேர்த்து விட்டு சேவ் செய்து விடவும்.
#mbt-form iframe{
background:#ffffff url(http://3.bp.blogspot.com/_7wsQzULWIwo/Sx1aCAx_44I/AAAAAAAACeo/HZz8QQT0etM/s400/plz-do-not-spam1.gif) repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mbt-form iframe:hover{
background:#ffffff url(http://1.bp.blogspot.com/_7wsQzULWIwo/Sx1Zs5rasXI/AAAAAAAACeg/0fBam5AkHS0/s400/plz-do-not-spam2.gif) no-repeat bottom right;
border:7px solid #7EB2AC;
}
#mbt-form a{
color:#7EB2AC;
}
இதில் #mbt-form iframe{ என்பதில் பேக் கிரவுண்ட் கலர் ;பாண்ட் சைஸ்; பார்டர் சைஸ் நம் விருப்பத்திற்கு மாற்றிக் கொள்ளலாம். background image url மாற்றி நமக்கு வேண்டிய படத்தின் உரல் கொடுக்கவும். இது அடிப்படை டிசைன்.
அடுத்து வரும் #mbt-form iframe:hover{ என்பதிலும் பேக் கிரவுண்ட் கலர் ;பாண்ட் சைஸ்; பார்டர் சைஸ் நம் விருப்பத்திற்கு மாற்றிக் கொள்ளலாம். background image url மாற்றி நமக்கு வேண்டிய படத்தின் உரல் கொடுக்கவும்.இது மௌஸ் வைக்கும் போது மாறும் ஹோவர் எபக்ட் எனப்படும் பகுதி.
டெமோ:
பயனுள்ள பதிவு நண்பரே, தொடர்ந்து எழுத வாழ்த்துக்கள்