Making a Good Website

Discussion in 'General Webmaster Support' started by Knights, Mar 22, 2008.

  1. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    I am working on a website for my CS 1.6 clan, and I managed to make a pretty nice banner + links. However the rest of the site layout looks pretty bad. How would I go about making it look better? (Eg. should I change the color of the text? Font? Color of borders? Background? Etc.)

    Thanks,
    Knights:cool:

    EDIT: Oops lol forgot link..

    http://begfm.servegame.com
     
  2. sqrage

    sqrage Moderator Staff Member

    Ratings:
    +508 / 0 / -0
    Sample?
     
  3. konerboy

    konerboy Run piggy Run!

    Ratings:
    +99 / 0 / -0
    it looks nice! but the Cloud render looks boring and dosn't fit in, paint it black and add some other stuff so it dosn't look empty.

    My idea/vision

    [​IMG][/IMG]

    Render
     
  4. Hero

    Hero ─║╣ero─

    Ratings:
    +251 / 0 / -0
    konorboy's Idea looks so much better.

    Also the text is very edgy and in some places hard to read.
     
  5. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    Thanks guys!

    I will try a little news tab thingy on the left side now. I might also do similar ones as like, polls, etc.

    =D

    I will also change the font to something a little easier read.

    Thanks,
    Knights:cool:
     
  6. konerboy

    konerboy Run piggy Run!

    Ratings:
    +99 / 0 / -0
    cool let me see your result :cool:
     
  7. PurgeandFire

    PurgeandFire zxcvmkgdfg

    Ratings:
    +513 / 0 / -0
    Hmph. It won't load for me. :\

    Good luck with the site Knights! :)
     
  8. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    New, more stable link: http://begfm.bloodservers.com/Website

    Tell me what you guys think. I hope it's all right that I pretty much copied your News thing konorboy. <3

    If you guys have any other suggestions, I know you all are good at site-making, and I'm not, (this is my first "good looking" site lol..) so tell me! :)

    Thanks,
    Knights:cool:
     
  9. konerboy

    konerboy Run piggy Run!

    Ratings:
    +99 / 0 / -0
    put the news thing outside the box it looks crowded to me.

    Grey dosn't fit, what happened to the black color??
     
  10. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    I can't get anything to align properly if the news thing is on the outside..

    I change the background to black again, but I think maybe a LITTLE brighter of a black in comparison to the inside black would be nice.

    I'll try a few colors.

    Also I have this picture (800x1024px) and I'm trying to put it in the main div which has the news and posts in it, but it won't work like the news or posts div..not sure why.

    This is the picture:

    [​IMG]

    And this is how I coded it:
    PHP:
    <div align="center" class="main" style="height: 1026px; width; 802px; margin: 1px; float: center;">
    There is also a </div> later of course.

    On the style sheet:
    Code:
    .main{
    	width: 802;
    	background: url(imgs/BMBg.jpg);
    	padding: 15px;
    	border: 3px solid #ffffff;
    }
    BMBg.jpg is the picture I showed you before. Whenever I have this code like this, the background for the main div (with the news and posts) nver shows up.

    Thanks,
    Knights:cool:
     
  11. konerboy

    konerboy Run piggy Run!

    Ratings:
    +99 / 0 / -0
    well it should be possible..

    try do this.

    HTML:
    <div align="left">
    
    <a href="http://planetrenders.net/renders/albums/userpics/75008/normal_Counter-strike.png"</a>
    
    </div>
    is the white box a iframe/table??
     
  12. Rad

    Rad ...

    Ratings:
    +228 / 0 / -0
    Is this what you want?

    To see how its done go to view and find page source.

    In order to make text be inside of the region of the image, you have to use padding. While on that subject, you can also use margins to indent the background and contents.

    And for general background usage see Backgrounds.
     
  13. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    Yes Rad, that is exactly how I coded it...the image was just corrupt on the ftp server or something, works on my local computer. BegFM.servegame.com seems to work fine with it.

    Konor, the white box is just a 3px border of FFFFFF lol is that what you mean?
     
  14. konerboy

    konerboy Run piggy Run!

    Ratings:
    +99 / 0 / -0
    well then it shouldn't be a problem moving a photo outside, use <div> or CSS.


    the Red border would be too much
     
  15. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    Take a look at it now:

    http://begfm.servegame.com

    Only problem is when you aren't in a full sized browser it is all screwed up. How would I fix that..
     
  16. enouwee

    enouwee Non ex transverso sed deorsum

    Ratings:
    +235 / 0 / -0
    It looks pretty broken. You're missing a > on one of your <div>'s.
     
  17. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    Can you point out which div? Cause I can't find any that are screwed up and it looks fine to me lol...
     
  18. enouwee

    enouwee Non ex transverso sed deorsum

    Ratings:
    +235 / 0 / -0
    The one above "Posted by: Mash". Actually, the whole page begs for mercy.

    If you're going to make it XHTML transitional or strict, put your tags in a valid hierarchy (<html> has to be root and must not appear somewhere in the middle), use short tags, remove that <center>, ...

    It's steam:// and not steam//
     
  19. Knights

    Knights You can change this now in User CP.

    Ratings:
    +71 / 0 / -0
    Thats really weird, for me it looks like:

    [​IMG]

    o_O


    >the whole page begs for mercy.
    :D

    >It's steam:// and not steam//
    Ty
     
  20. konerboy

    konerboy Run piggy Run!

    Ratings:
    +99 / 0 / -0
    post your HTML document and maybe also your CSS
     

Share This Page