Last Updated: 05 April 2018

Wapka website design karne ke liye best CSS code.

Hello friends... Is post me ham apko wapka site design karne ke liye best CSS code denge. Jab se wapka me purane codes work karna band kar diya hai. Tab se kai wapka webmaster ko, site design ke liye CSS code milna bahut mushkil ho gaya. Or agar koi code mil bhi jata hai. To uski style shayad apko pasand naa aaye.
wapka-design-best-css-code
Lekin is post me ham apko 2 best CSS code for wapka designing ke liye denge. Or unki khoobi bhi batayenge.

Wapka CSS code ki importance:

Aap me se jyadatar log sochate honge ki wapka site design karne ke liye CSS code lagane ki kya jarurat hai ? Jab ham wapka me hi classes setting kar ke hi wapka site design kar sakte hain. Lekin aisa nahi hai. Sare hi classes ke design ko finishing tach CSS code lagane ke baad milta hai. Kyonki isake bina sare classes kinare se kate-chhate dikhai dete hain.Apme se jyadatar log wapka website classes create nahi karte hain. Sirf isaliye kyonki vo classes kinare se kate chhate hote hain. Isaliye vo dusre website se classes code lekar apne site me add karte hain. Or vo dikhne me bahut achha lagata hai. Aisa isaliye hota hai. Kyonki classes code dene wali websites, apko pahle CSS coding karne ke liye bolti hai. Vo code lagane ke baad, ap class code lagate hain. Isaliye vo classes website me achchi dikhti hain.

Best wapka CSS code for wapka design:

Ham apko 2 best CSS code de rahe hain. Ye dono hi code apke apke banaye hue classes ko full support karegi. Or ap jaisa chahe, waisi wapka site design kar sakte hain.

First CSS code:

Is code me ap jaise classes create karenge. Website me vo classes thik waisa hi show karenga. Matlab ye apki classes wapka designing ko full support karta hai.
<link rel="stylesheet" type="text/css" href="http://mycssworld.xtgem.com/css/RankMaza.css" media="all,handheld"/>

Second CSS code:

Wapka site designing ke liye. Ye best CSS code hain. Is code me ap kuchh colours html code ko change bhi kar sakte hain.
<style type="text/css">#body{background:#ccc;padding:3px;}#border{border:0px solid #ccc; background: #fff !important;}#bb{border-bottom:0px solid #ddd;padding:7px;}#header{font-size:20px; font-weight:bold;border-bottom:1px solid #ddd;padding:8px;color:#000;background-color:#f5f5f5}#header a{color:#000;}.dot2 {border-bottom:0px dashed #fff; border-top: 0px dashed #ccc;margin-bottom:5px; margin-top:5px;}.paging {margin: 0px; font-size: 0px; }.dot {border-bottom:0px dashed #fff; border-top: 1px dashed #ccc;margin-bottom:3px; margin-top:5px;}#mainh h3{background:url(http://trickzoy.xtgem.com/OSC/RiadSoft/Icon/Grid.png)right 5px center no-repeat,#077a89; margin:0;padding:9px 5px 9px 9px; text-align:left;color:#fff; text-shadow:0 1px #272727;}h1 {font-size:24px} h2,h3,h4,h5,h6 {font-size:14px}.clear {clear:both}.frame {background:#fff; padding:2px; border:solid 1px #cecece; border-radius:2px}#mainm h3{margin:0;padding:9px 5px 9px 9px;background:#f5f5f5;color:#fff}.frame { background: #fff;padding: 3px; border: solid 0px #ccc; } .menu a:link,.menu a:visited{color:white;} .menu{ background: url(http://wapkaimage.com/4395/4395412_0581f19798.png); padding: 5px; border-bottom: solid 3px #f7cb29; color: white; border-top: solid 0px black; }body { background:#fff; color:#444; font-size:small; font-family:"Trebuchet MS",Arial; margin: 0px auto; border: 0px solid#306EFF; -moz-box-shadow: 1px 1px 2px 3px #eee; -webkit-box-shadow: 1px 1px 2px 3px #eee; box-shadow: 1px 1px 2px 3px#eee; } a { text-decoration:none; color:#306EFF; } a:hover { text-decoration:underline; }input, textarea, select { margin: 1px 0; padding:4px; border: 0px solid #E6E6E6; background: #FFFFFF; color: #757575;}input:focus, textarea:focus, select:focus { outline: 0;}input[type="submit"] { border-color: #62C7EF;background: #62C7EF;color: #fff;outline:0;font-weight:bold;text-align:center;padding:4px;cursor:pointer;} input[type="submit"]:hover{background:#009EFF;border-color:#009EFF;}.title { color: #fff;font-weight: bold;background: #d63737 url(images/login.gif) repeat-x;border-top: 1px solid #f59595;border-bottom: 0px solid #ba2828;padding: 5px;} .title a{ color: #fff; }.black {color: #fff;font-weight: bold;background: #000000 url(images/login.gif) repeat-x;border-top: 1px solid #f59595;border-bottom: 0px solid #ba2828;padding: 5px;} .black a{ color: #fff; }.success { color: #444;padding: 5px;background-color: #ebf8a4;background-repeat: no-repeat;border-top: 1px #ffffff solid;border-bottom: 1px #e8e8ea solid;text-weight: bold;}.success a{color:#444} .mverify { border:1px solid #ececec; padding:3px; color:green; background:#FFFFCC; margin:1px; } .error { border:0px solid #ececec; padding:3px; background:#FFccff; margin:1px; color:red; text-align:center; } .tbl{border-bottom:0px solid #C2C2C2;border-left:0px solid #C2C2C2;border-right:0px solid #C2C2C2; padding:3px;text-align:center;color: #00A0FF;} .tbl2{border:0px solid #C2C2C2; padding:3px;text-align:center;background:#ececec;color: #00A0FF;} .tborder { color: #444;padding: 4px;background: #f5fcff;background-repeat: no-repeat;border-top: 0px #ffffff solid;border-bottom: 1px #e8e8ea solid;text-weight: bold;} .border { border: solid 1px #fc0;background-color: #fffcdd;margin: 1px;padding: 4px;color: #000;font-weight: bold;text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0; } .border3 { background: url(images/r.png) repeat-x#edf6fe; color: #67b6ff; text-shadow: 1px 1px 1px #fff; padding: 4px; display: block; border-top: #fff 0px solid; border-bottom: #e4edf5 1px solid; } .border2 a{color:#444;}.logo { background-image: url(images/logo_bg.gif);background-color: #5F0704;padding: 5px;text-align: center;color: #fff;}.logo a{color:#fff;} .logo_old{ background-color: #520029; padding: 4px; text-align: center; background-image: url("images/logobg.png");}.menu { background:url(images/menu.gif) repeat-x top #fff; border:0px solid #ececec; padding: 4px; font-weight: bold; }img {vertical-align:middle;border:0;} .page { border: solid 0px #fc0;background-color: #fffcdd;margin: 1px;padding: 4px;color: #000;font-weight: bold;text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0; } .login { background:#ff6600; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; color:white; border:1px solid #ff4400; } .login a:hover { text-decoration:none }li { padding: 2px; }x{color: #CC3300; } </style>
👆 Is code me ap color codes change karke, pure designing ko change kar sakte hain. Jo red color me hamne highlight kiya hai. Vo main color hai.
isme ap jo bhi color change kare. Use check kar le ki vo kitani bar hai. Jitani bar ek color code ho. Use utni hi bar change kare.
To friends... I ki ab ap achche se wapka design ke liye CSS code lagane me problem hogi.

4 comments:

  1. Sir main apni site dubara digaine karna hai
    Purani digaine kaise hategi

    ReplyDelete
  2. Hame mam boliye. Kyuki Wapka website ko alag-alag kar ke design karna hota hai. Isliye ap sari design ek baar me nahi hata sakte hai. Agar apne CSS code se website design ki hai. To sabse pehle us CSS code ko hata lijiye. Uske koi naya CSS code lagana chahte hain. To laga lijiye. Uske baad ek-ek page kar ke design kijiye.

    ReplyDelete
  3. Mam mere ye 2 questions hain answer dijiye please

    Q1. Kya me wapka site se social website bana sakta hun

    Q2. Or me chahta hun ke jab kohi mere site ko open kare to Login page open ho jaye jaise jab hum facebook ko open karte hain tab Login page ata hai wese mera site kohi open kare to mere site me bhi login page aa jaye please please btaye

    ReplyDelete
    Replies
    1. Aap wapka me facebook jaisi website nahi bana sakte.

      Wapka me login page bana sakte hain. Or login karte hi user us page me pahunch jayega. Jahan ap use set karte hain. Apke is sawal ka javab hamne apko de diya tha.

      Delete

Comment approval milne ke baad dikhai dega. Comment karte waqt "Notify me" par ✔ laga de. Isase apko mere reply ka notification gmail address par mil jayega.