HEAD tags কোড এমন একটা গুরত্ব পূর্ন ওয়েব সাইটের জিনিস যা ছারা কোন ডিজাইন হয় না ৷
আর এই HEAD tags কোড দুটি সাইটের বব্যাহার হয়ছে ৷
১ ৷ https://trickbd.com অর্ধেক কোড ৷
২ ৷ http://tips20.ga পুরা কোড ৷
এই কোড এমন ভাবে সাজাইছি দেখতে দুই সাইটের মতই ৷
অনেকই চেস্টা করে ট্রিকবিডির HEAD tags code নিবার জন্য কিনতু পারে না তাদের জন্য টিপসটুয়েন্টির তৈরি ও ট্রিকবিডির তৈরি HEAD tags কোড এখন একসাথে ৷
তাদের জন্য নিন লাগান দারান ভাই দেখে নিন এটা কেমন ৷ http://tips20.ga
HEAD tags:
</p><br />
<p> body{ width: 100%; font-family:Verdana,Arial,sans-serif; font-size: 14px; background: #dcdee3}<br /><br />
a{text-decoration: none; color: blue}<br /><br />
a:visited {text-decoration: none; color: blue }<br /><br />
input[type=button], input[type=submit] {padding: 4px 10px; background-color: #fffafa; color: #000; border: 1px solid #c6c6c6; font-weight: normal; }<br /><br />
input:hover[type=button], input:hover[type=submit] {border: 1px solid #0274d4; background-color: #0274d4; color: #fff;}<br /><br />
input, select {padding: 4px; margin: 2px; font-family: "Open Sans", sans-serif; border: 1px solid #c6c6c6; color: #000; font-weight: normal; background-color: snow; } input[type='text'], input[type='password']{ width: 80%; } textarea{color:#333;background:#FFFAFA;width:85%;height:90px;margin:2px;padding:4px;font-family:Arial;font-size:13px;font-weight:bold;border:1px solid #333333;border-radius:4px;}img{border-style :none;vertical-align:middle;max-width:100%;}body{margin:0px;padding:0px;}.gmenu{background-color:#e9e9e9;margin:0;padding:2px;border-radius:4px;}.gmenu{color :#75bf00;background-color :#fafff0;margin-top :1px;margin-bottom :1px;padding :2px;border :1px solid #d4eba1}.gmenu a{color :#6db900;border-bottom :1px dotted #cfe798;}.gmenu a:hover{color :# 92e31d;border-bottom :1px dotted #e3f0c5;}.menu{background-color:#ffffff;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin:0px;padding:5px 5px 5px 5px;}.list1{background-color:#ffffff;padding:4px;border:1px solid #e9e9e9;}.list2{background-color:#ffffff;padding:4x;}.ad{border:1px solid lightsteelblue;padding:2px;margin-top:1px;margin-left:2px;margin-right:2px;}.ad a:link,.a a:visited{color :red;text-decoration :none;target-new:tab!important;}.ad a{target-new:tab!important;}.ad img{vertical-align:middle;padding-right:4px;max-width:100%;}.ad a:hover,.ad a:focus{color :#000000;}.lines{border-top:1px solid lightsteelblue;}.bordersolid{border-top:1px solid lightsteelblue;}.lined{border-top:1px dotted lightsteelblue;}.pad4{padding:5px;}.ftext img{max-width:100%;display:blok;margin-top:3px;margin-bottom:3px;border :1px solid #dfdfdf;background-color :#f8f8f8;padding :3px;}.adz{border:1px solid lightsteelblue;padding:2px;margin-top:1px;display:none;}.nfooter,.rana{background-color:#333333;padding:4px;font-weight:bold;color:#ffffff;}.rana a:link,rana a:visited{color:#ffffff;font-weight:bold:padding-left:5px;}nfooter a{color:#ffffff;}.clip{color :#459bb1;border :1px solid #dfdfdf;font-size :x-small;background-color :#f8f8f8;padding :4px 4px 8px;}.end{text-align :center;}.hdr{background-color:#7797ac;color:#ffffff;border:1px solid #5a7f97;padding:4px 4px 4px 4px;}.hdr2{background-color:#7797ac;color:#ffffff;text-shadow:#ffffff 0px 1px 0px;border:1px solid #5a7f97;padding:4px 1px 4px 1px;}.line{padding:10px}.sec{background-color:#ffffff;margin-left:2px;margin-right:2px;margin-bottom:11px;border:1px solid #7797ac;}.tr{border-bottom:1px solid #e7e7e7;}.icon{padding:1px}.td{border-left:1px solid #e7e7e7}.tr2{border-bottom:1px dashed #bbb;padding:4px;color :red;background-color:#fff0d2;}.tr3{border-bottom:1px dashed #bbb;padding:4px;color :red;background-color:#fff;}.line{padding:10px;}.line a{color:#ffffff}.notice{color:#333333;border:1px solid #e6b868;background-color:#fff5bc;padding:5px 5px 5px 5px;}.omenu{color:#333333;border:1px solid #e6b868;background-color:#fff5bc;padding:5px 5px 5px 5px;border-radius:4px;margin:4px 4px 4px 4px;}.quote{color:#333333;border:1px solid #e6b868;background-color:#fff5bc;margin:1px 1px 2px;padding:5px 5px 5px 5px;display :block;text-align:center;vertical-align:middle;}.wcode{background:#fffafa;padding:5px;display:block;border:dotted 1px #cae1ff;margin:5px;color:black;border-radius:4px;}.wcode input{height:20px;width:85%;}.nexzz{background-image :url(https://nasirnobin.xtgem.com/trickbd_css_by_nasir/);}.line{padding:10px}.frame{padding:2px;border:1px solid #e7e7e7;}.menu3{color:#333333;border:1px solid #93db2e;background-color:#c1ffc1;padding:5px 5px 5px;} </p><br />
<p> .xlist { padding: 5px 5px 5px 8px; background: #f4f4f4 url(/images/bgr.png) repeat-x top; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .xlist2 { padding: 5px 5px 5px 8px; background: #ffffff url(/images/bgr.png) repeat-x top; border-top: 1px solid #ffffff; border-bottom: 1px solid #00ffff; } .nfooter { padding: 5px 5px 5px 8px; background: #333333; url(/images/bgr.png) repeat-x top; border-top: 1px solid #33333; border-bottom: 2px solid #ff8c00; } .xfooter{ padding: 5px 5px 5px 8px; background: #f; url(/images/bgr.png) repeat-x top; border-top: 1px solid #33333; border-bottom: 2px solid #ff8c00; }<br /><br />
.rmenu{background-color:rgb(205,207,210;) border-bottom:1px solid rgb(205,207,210;) border-top:1px solid #ffffff; border-left:1px solid rgb(205,207,210;)border-right:1px solid rgb(205,207,210;) padding-top:2px; padding-bottom:2px; margin: 0px; padding-right:3px; padding-left:3px;} .minbox{background-color: white; color: #00000; margin: 4px 4px 4px 4px; padding: 0px; border: 1px solid #b2b29d; text-decoration: none;}<br /><br />
pre {background-color: rgba(0, 0, 0, 0.01); border: 1px solid rgba(51, 51, 51, 0.1); margin-bottom: 5px; max-width: 100%; overflow: auto; padding: 0.5em; white-space: pre-wrap; word-wrap: break-word;}<br /><br />
.wp-pagenavi {clear: both; font-size: 0px;}<br /><br />
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px; font-size: 14px;}<br /><br />
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000; font-size: 14px;}<br /><br />
.wp-pagenavi span.current {font-weight: bold;}<br /><br />
.page-ing { background: #fff; border: 1px solid #BFBFBF; border-radius: 5px; font-weight: 700; margin: 0; padding: 5px;text-decoration: none; font-size: 0px; }<br /><br />
.page-ing a, .page-ing b {border: 1px solid #BFBFBF; border-radius: 3px; font-weight: 700; margin: 0 2px; padding: 2px 5px;<br /><br />
text-decoration: none; font-size: 14px; } .page-ing a:hover {background: #ddd;}
HEAD tags ব্যাহারের আগে দেখে আসবেন কেমন ডিজাইন ৷
Tips20.ga