Skip to main content

Wapkiz Download Site Design (Part 1)(Demo+Css)

🌀হ্যালো বন্ধুরা, কেমন আছো সবাই🌷। আশা করি ভালো আছো🤩
🛡আজকে আমি দেখাবো কিভাবে Wapkiz মাধ্যমে প্রিমিয়াম ডাউনলোড সাইট বানাতে হয়
🛡তার আগে দেখে নেই ডাউনলোড সাইট টি কেমন হবে 
🛡তাছাড়া সাইটে ডেমো আগে দেখে নেই।
👊বেশি  কথা না বলে শুরু করে দিন 👇👇
আমরা সকলে জানি কিভাবে Wapkiz এর অ্যাকাউন্ট খুলতে হয় তাই আর আমি দেখালাম না 
আজকে আমি দেখাবো CSS code install করতে হয়
▶প্রথমে আপনার ওয়েবসাইটের Panel Mode এ যান।
▶তারপর CSS Theme এ ক্লিক করুন
▶তারপর Edit full CSS এ ক্লিক করুন
▶তারপর খালি বক্সে নিচের দেওয়া CSS কোডটি পেস্ট করে Okতে ক্লিক করুন

body { margin: 0; padding: 0; color:#000; font-family: arial, sans-serif; }
body *{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration:none; color:#222; }
a:hover { text-decoration: none; }
b{ font-weight:bold; }
.tCenter { text-align:center; }
.logo { background:url(bg.png) repeat-x #fff; text-align:center; }
.search { background:#EDECEA; border: 1px solid #D7CCC5; padding: 5px; text-align:left; }
.search_input, .search_submit { font-size: 14px; color: #666; font-weight: bold; border-radius: 5px; border: 1px solid #ccc; }
.search_input { width: 200px; margin: 8px 0 0 10px; padding: 6px; }
.search_submit { width: 65px; margin: 8px 0 8px 5px; padding: 6px 0 6px 0; cursor: pointer; }
#mainDiv{ }
hr{ background-color:#ccc; border:medium none; height:1px; margin:2px 0; padding:0;}
h1, h2, h3{ color:#fff; background:#3CB371; font-size:18px; text-align:center; background: -moz-linear-gradient(top, #3CB371 0%, #4A9586 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3CB371), color-stop(100%,#4A9586)); background: -webkit-linear-gradient(top, #3CB371 0%, #4A9586 100%); font-size:130%; font-weight:normal; padding:5px; margin:0; text-shadow: 1px 1px 3px #555; }
.randomFile h3{ text-align:left; }
.f1 { background:#515151; color:#fff; font-size:120%; padding:5px; text-align:center; font-weight:bold; }
.f1 a { color:#fff; }
.hd{background:#eee;color:#0E71C6;font-size:small; font-weight:bolder; line-height:20px;padding:0;text-align:center;vertical-align:middle;}
h2 a{ font-size:18px; color:#ffffff; }
.clr { clear:both; }
.absmiddle { vertical-align:middle; border:none; border-radius:10px; }
.ct { margin-right:3px; vertical-align:middle; padding:1px; border:1px solid #999; }
.odd, .even, .sl { vertical-align:middle; }
.odd { background:#f5f5fa; }
.even { background:#fff; }
.description { background:#f5f5f5; color:#222; padding:5px; text-align:center; }
.description a { text-decoration:underline; }
.filedescription { background:#f5f5f5; padding: 5px 0; text-align:center; }
.fl { }
.fl td{ padding:7px 2px; border-bottom:1px solid #ccc; }
.fl a{ vertical-align:middle; }
.fl img{ border:1px solid #bbb; padding:1px; }
.fl div{ display:table-cell; }
.tblimg { width:65px; text-align:center; }
.catRow div{ display:table-cell; }
.catRow div img { padding-right:5px; }
.link1{ color:#0E71C6; }
.button { color:#086C8F; font-weight:bold; }
.red { color:red;}
.info { color:red; background:#fff; text-align:center; padding:2px; }
p{ padding:2px 0; }
table { width:100%; margin:auto;}
.devider { height:5px;}
.dtype { font-size:normal; padding:5px; text-align:center; }
.fileName { font-weight:bold; }
.fileName span{ color:#555; text-decoration:none;}
.fileName img{ padding-right:3px;}
.downLink {margin:1px 0; }
.dwnLink { font-weight:bold; }
.pgn { background:#EDECEA; border: 1px solid #D7CCC5; padding: 8px; text-align:center; padding:5px 0; font-size:18px;}
.pgn form{ padding-top:5px; }
.pgn a, .pgn span { padding:2px 5px; margin:0 1px; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:18px;}
.pgn a { border:1px solid #ccc; background:#f5f5f5; }
.pgn div { padding-top:5px; }
.pgn span,.pgn a:hover { border:1px solid #ccc; background:#ddd; color:#777;}
img { vertical-align:middle; }
.showimage { padding:5px; text-align:center;}
a.top {color:#FF7F00; text-decoration:none; }
.updates div { background:#FDFDFD; background: -moz-linear-gradient(top, #FDFDFD 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#EEEEEE)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #EEEEEE 100%); border-bottom:1px solid #ccc; padding:10px; }
.catRowHome, .catRow { border-bottom:1px solid #ccc; background:#FDFDFD; background: -moz-linear-gradient(top, #FDFDFD 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#EEEEEE)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #EEEEEE 100%); }
.catRow:hover, .catRowHome:hover { background:#EDEDED; background: -moz-linear-gradient(top, #EDEDED 0%, #DADADA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DADADA)); background: -webkit-linear-gradient(top, #EDEDED 0%, #DADADA 100%); }
.catRow a, .catRowHome a { display:block; font-weight:bold; background:url(arrow.png) right center no-repeat; padding:9px; }
.catRow a div span, .catRowHome a div span,{ font-size:x-small; color:#5a5; font-weight:normal; }
.fl { border-bottom:1px solid #ccc; background:#FDFDFD; background: -moz-linear-gradient(top, #FDFDFD 0%, #EEEEEE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#EEEEEE)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #EEEEEE 100%); }
.fl:hover { background:#EDEDED; background: -moz-linear-gradient(top, #EDEDED 0%, #DADADA 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DADADA)); background: -webkit-linear-gradient(top, #EDEDED 0%, #DADADA 100%); }
.fl:focus { background:#EDEDED; background: -moz-linear-gradient(top, #fbb757 0%, #ea8615 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb757), color-stop(100%,#ea8615)); background: -webkit-linear-gradient(top, #fbb757 0%, #ea8615 100%); }
.fl span{ color:#CD3508; font-weight:normal; }
.fl a{ display:block; padding:8px; }
.fl a img{ margin-right:3px; border:none; border-radius:10px; }
.fl a div div{ vertical-align:middle; display:table-cell; }
.fl a div{ }
.path{ padding:2px; margin:5px 0; font-weight:bold; }
.path2{ padding:5px; margin:5px 0; font-weight:normal; }
.error{ background:#FFEFEF; border:1px solid #f00; margin:5px; padding:5px; font-weight:bold; text-align:center; color:#f00; }
.fshow { padding:3px; text-align:center; background:#fff; border-bottom:1px solid #ddd;}
.thumbimg{ vertical-align:middle; border:none; border-radius:10px; }
.db{ font-size:small; text-align:center; padding:5px;}
.ad1 { background:#EDECEA; border: 1px solid #D7CCC5; padding: 8px; text-align:center; }
.ad5{ background:#EEEEEE; border:1px solid #DDDDDD; padding:2px; text-align:center; }
.fb { font-weight:bold; }
.ftrLink{ background:#666666; background: -moz-linear-gradient(top, #000000 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#666666)); background: -webkit-linear-gradient(top, #000000 0%, #666666 100%); color:#fff; padding:5px; text-align:center; font-weight:bold; text-shadow:1px 1px 3px #555; }
.ftrLink a{ color:#fff; }
.duration{position:relative;background-color:#ababab;font-size:70%;font-weight:bold;border-radius:.25em;padding:2px;}

search{background:#f8f8f8;text-align:center;border-bottom:1px solid #ddd;padding:10px;margin-bottom:10px;}

#searchtext{overflow:hidden;}

.search input[type=text]{background::#3CB371;border:1px solid #ccc;color:#777;display:block;font-size:inherit;outline:0;width:100%;box-sizing:border-box;padding-left:18px;font-size:12px;border-radius:25px;margin:0;height:35px;-webkit-box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,0.43);-moz-box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,0.43);box-shadow:inset 1px 1px 5px -2px rgba(0,0,0,0.43); }

.search input[type=submit]{background:#3CB371;display:block;float:right;text-align:center;width:10%;min-width:55px;box-sizing:border-box;height:35px;border:0;padding-top:0;margin-left:1%;border-radius:25px;color:#f2f2f2;font-weight:400;font-size:12px;border-bottom:2px solid #2e945d;-webkit-box-shadow:inset 0 -2px #2e945d;box-shadow:inset 0 -2px #2e945d;cursor:pointer;}
sharebox{background:rgba(70,130,180,0.1);margin:7px;padding:3px;border-radius:30px;text-align:center;}
.share_btn{display:inline-block;text-decoration:none;width:45px;height:45px;line-height: 45px;font-size:21px;border-radius:50%;text-align:center;vertical-align:middle;overflow:hidden;font-weight:bold;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.66);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);margin:3px;}
.share_btn .fa{line-height: 45px;}
.share_btn:hover{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.28);}
.share_btn:active{transform:translateY(5px);}
.shtw {color: #22b8ff;background-image: -webkit-linear-gradient(#aeecff 0%, #57c8ff 100%);background-image: linear-gradient(#aeecff 0%, #57c8ff 100%);}
.shfb {color:#6183f3;background-image: -webkit-linear-gradient(#b5d3ff 0%, #6b8bff 100%);background-image: linear-gradient(#b5d3ff 0%, #6b8bff 100%);}
.shmail{color:#ff6d82;background-image: -webkit-linear-gradient(#ffcfd7 0%, #ff7285 100%);background-image: linear-gradient(#ffcfd7 0%, #ff7285 100%);}
.shwhatsapp{color:#60d245;background-image: -webkit-linear-gradient(#b9ffca 0%, #80e067 100%);background-image: linear-gradient(#b9ffca 0%, #80e067 100%);}
.shpin{color:#ea4158;background-image: -webkit-linear-gradient(#ffa8a8 0%, #ff5d5d 100%);background-image: linear-gradient(#ffa8a8 0%, #ff5d5d 100%);}
.shtg {color: #0077b3;background-image: -webkit-linear-gradient(#80d4ff 0%, #0088cc 100%);background-image: linear-gradient(#80d4ff 0%, #0088cc 100%);}

⚠পোষ্টটি অনেক বড় হয়ে যাচ্ছে তাই আজকে এখানেই শেষ। গত পর্বে দেখাবো কিভাবে হেডার এবং ফুটার যুক্ত করতে হয়।⚠

from WizBD.Com
Source url: https://ift.tt/2Spv5zr
Tags: Bangla Jokes, Jobs
পোষ্ট ভালো লাগলে শেয়ার করবেন। আমাদের ফেসবুক পাইজ এ লাইক দিবেন। আমরা সকল পোষ্ট ফেসবুক এ শেয়ার করে থাকি।

Comments

Popular posts from this blog

সার্চ ইঞ্জিন অপটিমাইজেশন এর A to Y টিউটোরিয়াল :: [YouTube SEO Bangla Tutorial]

Keyword Rank Monitoring! (Bangla SEO Tutorial)

বিসিএস এর জন্য প্রয়োজনীয় সব বই ও নোট ডাউনলোড করে নিন [প্রিলি+রিটেন+ভাইভা]

আসসালামুআলাইকুম, সবাই কেমন আছেন? আশা করি
সবাই ভালো আছেন, আজ আমি আপনাদের এর
নিয়ে আসলাম অনেকগুলু BCS এর বই এর
কালেকশন। বইগুলু ডাউনলোড করে রাখুন কাজে
লাগবে। BCS প্রিলিমিনারির জন্য বইসমূহ: 1. প্রিলি বাংলা (সাহিত্য) 2. বাংলা ব্যাকরণ: 3. বাংলা প্রশ্নব্যাংক (বিসিএস ও ব্যাংক) 4. প্রফেসর’স বাংলা 5. প্রফেসর’স ইংরেজি 6. প্রফেসর’স আন্তর্জাতিক বিষয়াবলি 7. প্রফেসর’স বাংলাদেশ বিষয়াবলি 8. প্রফেসর’স বিজ্ঞান ও প্রযুক্তি 9. এসিউরেন্স ডাইজেস্ট 10. ওরাকল মানসিক দক্ষতা 11. ওরাকল গাণিতিক যুক্তি 12. লাল নীল দীপাবলি 13. ইজি কম্পিউটার 14. গ্রন্থ সমালোচনা- মোহসিনা নাজিলা সবগুলু বই এর ডাউনলোড লিঙ্ক একসাথে দিয়ে
দিলাম: click here to download সৌজন্যেঃ নিত্য নতুন টিপস পেতে
নিয়মিত
NewTrickBD.GQভিজিট করবেন এবং
সবচেকম টাকায় সাইট তৈরী
করে টাকা ইনকাম করুন 

স্বল্পমুল্যে ওয়াপসাইট বানিয়ে ঘরে বসেই
প্রতিদিন ৫০০ থেকে ৬০০ টাকা ইনকাম করতে
কল করুন। 01700535894

এমবিএ শিক্ষার্থীদের সবার আগে যে ৫টি কাজ করা উচিত

আপনি ভালো ক্যারিয়ার গড়তে চান, চাকরিতে উন্নতি করতে চান, কিংবা নতুন ব্যবসা খুলতে চান- যে কারণেই এমবিয়ে করুন না কেন, এ সুবিধাগুলো নিতে হলে কিছু বিষয় আপনাকে অবশ্যই পালন করতে হবে। এমবিএ শুধু কোনো ডিগ্রিই নয়, এটা তার চেয়েও বেশি কিছু। আপনার সময় ও এনার্জি ব্যয় করে অর্জিত এ ডিগ্রিকে ঠিকভাবে কাজে লাগাতে হলে নির্দিষ্ট কিছু কাজ করতে হবে। ফরচুন ম্যাগাজিনে দেয়া সাক্ষাৎকারে শীর্ষস্থানীয় একটি প্রতিষ্ঠানের সিইও শেইলা মারসেলো এ বিষয়গুলোই তুলে ধরেছেন। রিপোর্টটি প্রকাশ করেছে বিজনেস ইনসাইডার। ১. নিজের সীমানার বাইরে আসুন আপনি নির্দিষ্ট একটি বিষয় নিয়ে পড়াশোনা করলেও তার বাইরের বিষয়গুলো সম্পর্কেও খবর রাখুন। মার্কেটিংয়ের কোর্স করলে যে আপনার ফাইন্যান্স সম্পর্কে কোনো জ্ঞান থাকা যাবে না, এ ধারণা বাদ দিন। নিয়োগকারী প্রতিষ্ঠান শুধু একটা বিষয় জানা মানুষ পছন্দ করে না, তারা অনেকগুলো বিষয় জানা মানুষকে চায়। অন্য বিষয়গুলো আপনি কত তাড়াতাড়ি গ্রহণ করতে পারেন ও শিখতে পারেন এটা আপনার দক্ষতা প্রমাণ করে। অনেককিছু জানা একটা ভালো গুণ। ২. যোগাযোগ বাড়ান
আপনার যতো বেশি মানুষের সঙ্গে যোগাযোগ ও পরিচয় হবে, ততো ভালো ফলাফল পাবেন। এজন্য খ…