criminal wars Posted March 15, 2011 Posted March 15, 2011 i am working on a new project with mcv2 and wanted a login layout like this with 3 box or more like 1 box for login etc.... can some tell me how to do it Quote
rulerofzu Posted March 15, 2011 Posted March 15, 2011 Yeah its called html and css....go learn it. Quote
criminal wars Posted March 15, 2011 Author Posted March 15, 2011 can you just give me a example of the code please i dont know how to put it in to the login file or where to play it please Quote
W3Theory || Peter Posted March 15, 2011 Posted March 15, 2011 http://www.w3schools.com is a great place to learn the basics first http://w3schools.com/css/default.asp Peter Quote
Dayo Posted March 15, 2011 Posted March 15, 2011 i dont get what you mean? you want an example to make the whole login layout ot just the three nav areas Quote
criminal wars Posted March 15, 2011 Author Posted March 15, 2011 just the three nav areas and how do you like make it neat and line it up with everything look here a example http://www.riftgame.com/ Quote
Dayo Posted March 15, 2011 Posted March 15, 2011 here is a simple snipet of code to use <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div align="center"> <div style="width:900px"> <div style="border:1px solid #000; width:100%; height:125px"><h1>Title</h1></div> <div style="margin-right:2%; margin-top:2%; float:left; width:28%;"> <div style="float:left; width:100%; margin-bottom:2%; height:125px; border:1px solid #000;"><h2>Left bar</h2></div> <div style="float:left; width:100%; margin-bottom:2%; height:125px; border:1px solid #000;"><h2>Left bar</h2></div> <div style="float:left; width:100%; margin-bottom:2%; height:125px; border:1px solid #000;"><h2>Left bar</h2></div> </div> <div style=" margin-top:2%; float:right; width:69%; border:1px solid #000;"><h3>main area</h3></div> </div> </div> </body> </html> that is the basic bare bones of that fort of design Quote
criminal wars Posted March 15, 2011 Author Posted March 15, 2011 that is great just what i needed and also can you just tell em how to put a background in it is it just like background-image:the image; is it like that Quote
Dayo Posted March 15, 2011 Posted March 15, 2011 yea althogh i prefer using background here is how you would use it background:url('url to file') #color (repeat|no-repeat|repeat-x|repeat-y); Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.