সবাই কেমন আছেন? আশা করি খুব ভালো আছেন-
তো, আজকে আমরা শিখবো ব্লগারে কিভাবে তিন কলাম ফুটার মেনু এড করতে হয়.
এটা মূলত নতুনদের অনেক কাজে দিবে। এর মাধ্যামে যে কেও তার সাইটকে অনেক কুল হিসিবে সবার সামনে উপস্থাপন করতে পারবে। এটা অনেক হেল্পফুল ব্লগারদের জন্য, যারা মূলত ব্লগিং করে থাকে।
যারা এখনো বুঝতে পারছেননা যে, তিন কলাম ফুটার মেনু জিনিসটা কি?
তারা নিচের ছবিগুলা দেখলে বুঝতে পারবেন জিনিসটা কি?
#footer {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333434;
}
#footer-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;}
#footerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}.footerbar {margin: 0; padding: 0;}
.footerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}.footerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#0084ce;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #0084ce;
}.footerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}.footerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
<div id='footer'>
<div id='footer-wrapper'>
<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar1' preferred='yes'>
</b:section>
</div>
<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar2' preferred='yes'>
</b:section>
</div>
<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
আমি সোহানুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 2 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 37 টি টিউন ও 153 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 4 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
A man who listens to his heart.
thx