Page: 1 2
Lesigner Girl
Directory Legend
Top of the page
|Premium User|
Runboard staff member
Registered: 11-2005
Location: YouTube/LesignerGirl
Posts: 2117
Karma: 83 (+97/-14)
|
|
Reply | Quote
|
|
Re: Realm Fighter (MMORPG)
Hi Realmfighterworld,
It looks really good except for one little thing:
 < click to see actual size
Most people still use a 1024x768 resolution, which is the resolution I used to take this screen grab. When you work on a design, you should either resize your window, view it at different screen resolutions, or use a tool like Browser Sizer to check your design in.
You could put the chat box at the bottom of your board, give it an id, and then add an anchor link to it at the top of the board. For example:
<embed id="chatbox" src="http://www.xatech.com/web_gear/chat/chat.swf"...
With the link to it:
<a href="#chatbox">Chatbox</a>
This is just one idea, but you might come up with a better one. 
Edit to add: for the page background, add background-position: center top; to your body { ... } CSS definitions.
Last edited by Lesigner Girl, 4/20/2008, 3:14 am
|
|
4/20/2008, 3:09 am
|
Send PM to Lesigner Girl
Blog
|
Realmfighterworld
Directory Friend
Top of the page
Registered: 05-2007
Location: United Kingdom
Posts: 13
Karma: 0 (+0/-0)
|
|
Reply | Quote
|
|
Re: Realm Fighter (MMORPG)
Thanks a bunch!
I did wonder how the page would look for anyone using a smaller screen res. Now i know.
Added your background code to the CSS, it looks to have done the trick for the background. And i think i will also use your second tip too!
---  |
|
4/20/2008, 1:37 pm
|
Send Email to Realmfighterworld
Send PM to Realmfighterworld
MSN
Blog
|
Lesigner Girl
Directory Legend
Top of the page
|Premium User|
Runboard staff member
Registered: 11-2005
Location: YouTube/LesignerGirl
Posts: 2117
Karma: 83 (+97/-14)
|
|
Reply | Quote
|
|
Re: Realm Fighter (MMORPG)
Queeny, you're too kind. 
You're welcome, Realmfighterworld! 
The background image looks good and the chat box is no longer obscuring anything. However, the Runsearch form is still obscuring your board name in one of my browsers, and your board name plus Runboard.com link on the left. Also, the Runboard.com text is extending beyond the border of the orange box, and when I look at it in Opera and zoom out (thus no longer obscured by the Runsearch form), I see **** to the right of the Runsearch form, which is caused by this in your HTML:
****<div id="sidebar">
Additional suggestions:
HTML
The HTML for the Runsearch form would be relocated and look like this:
<div id="banbox"><h1><a href="http://i191.photobucket.com/albums/z284/SRXT/template.jpg"></a></h1>
<form id="runsearch" name="searchform" method="post" action="http://www.runsearch.net/">
<span>Search Runboard.com</span><br />
*BOOLEAN Search AND/OR/NOT*<br />
<input class="inputbox" type="text" name="q" size="25" value="" />
<input class="submit" type="submit" value="Runsearch" />
</form>
</div>
The first line and closing </div> above are already there. That </div> at the end would be the end of your #banbox div.
CSS
Add body margin here:
body {
margin:0;
background-color : #000000;
background-image : url(http://img253.imageshack.us/img253/9255/backbroundew3.jpg);
background-attachment : fixed;
font-family : verdana, arial, tahoma;
background-position: center top;
}
Add position:relative; to #banbox:
#banbox {
width : 760px;
height : 243px;
border : 3px solid #000000;
background-image : url(http://i191.photobucket.com/albums/z284/SRXT/template.jpg);
margin : 0 auto;
text-align : center;
margin-top : 10px;
margin-bottom : 10px;
position:relative;
}
Add #runsearch styling (notice it was taken out of the HTML above):
#runsearch {
padding:3px;
font-size:11px;
font-family:tahoma;
color: #000000;
text-align: left;
position: absolute;
bottom: 3px; left: 5px;
margin: 0;
}
#runsearch span {
font-weight: bold;
}
#runsearch .inputbox {
width: 80px;
font-size: 11px;
border: 1px solid #000000;
background:#c0e5f7;
}
#runsearch .submit {
font-size: 10px;
border: 1px solid #000000;
cursor: pointer;
background:#4695d0;
}
I hope you like the suggested changes.
Before I submit this post, I also noticed an error in your CSS just now:
#sidebar{position:absolute;left:0;top:201px;width:100px;background-color:#f25826;
The required closing } is missing at the end of that.
|
|
4/21/2008, 12:04 am
|
Send PM to Lesigner Girl
Blog
|
Lesigner Girl
Directory Legend
Top of the page
|Premium User|
Runboard staff member
Registered: 11-2005
Location: YouTube/LesignerGirl
Posts: 2117
Karma: 83 (+97/-14)
|
|
Reply | Quote
|
|
Re: Realm Fighter (MMORPG)
You're welcome, Realmfighterworld! It's looking good! 
Queeny, excellent suggestion you had, and not turdy at all!
|
|
4/21/2008, 11:53 pm
|
Send PM to Lesigner Girl
Blog
|
Add a reply
Page: 1 2
Link to us
- Blogs
- Hall of Honour
- Chat
|
You are not logged in (login)
Board's time is: 11/29/2009, 12:25 am
|
|
|
