1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS counter strike css amendments

Discussion in 'Web Development' started by kiwilad, Apr 23, 2011.

  1. kiwilad

    kiwilad New Member

    Hi guys;
    I am trying to modify the Counter Strike css. These modifications include replacement of some images and adjusting the text.
    The following code is on the original CSS
    <div id="main"><br />
    <div id="content">

    <div id="center">

    I wish to retain the supplied thumbnail images on the right of the screen and to center all of my replacement copy - but the text is now all Left aligned.
    I hope I have explained the issue clearly to enable a fix to be considered.
    Tks for any assistance.
    Perhaps I should add that I have no previous experience with CSS.
     
  2. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    You can use the templates without CSS knowledge, but as soon as you want to change things up some knowledge is needed.
    If you want to change anything about the style, colors and so on you need to edit the style.css file. You only need to change the HTML files if you want to change the content (text and photos).

    You changed this code
    Code:
    <div id="main"><br />
            <div id="content">
    to this
    Code:
    <div id="main"><br />
    <div id="content">
    
    <div id="center">
    don't do that so change it back first.

    Go to your style.css file and change this text:
    Code:
    /********************** Left - Text ***************************/
    #left {
        float:left;
        width:490px;
    }
    #left p{
        padding: 5px 10px 10px 30px;
    text-a
    }
    
    
    To this:
    Code:
    /********************** Left - Text ***************************/
    #left {
        float:left;
        width:490px;
        
    }
    #left p{
        padding: 5px 10px 10px 30px;
        text-align: center;
    }
    Here is a tip: don't
    center your main text,
    because it's harder to read centered text.
     
  3. kiwilad

    kiwilad New Member

    counter strike css amendments

    Hi Mimoun;
    Thank you for your input - it is appreciated.

    I will adjust the files as you have advised.
    I'll post the results as soon as I've done this.
    Many thanks
     
  4. kiwilad

    kiwilad New Member

    css code adjustment

    Hi again;

    My CS preview page shows the team member images in the center of the page and in line with the text which is still hard up on the Left side of the page.
    Everything above these two elements is fine.

    Here is the code that I am having difficulty with:

    <div id="main"><br />
    <div id="content">
    #main {
    background-image:url(images/main_bg.gif);
    background-repeat: repeat-y;
    display:block;
    width:768px;
    height:auto;
    }
    #content {
    background-image:url(images/content_bg.gif);
    background-repeat: repeat-y;
    width:768px;
    }
    /********************** Left - Text ***************************/
    #left {
    float:left;
    width:490px;

    }
    #left p{
    padding: 5px 10px 10px 30px;
    text-align: center;
    }


    /********************** Right - Team ***************************/
    #right {
    float:right;
    width:230px;
    }
    .member {
    display:inline;
    float:left;
    margin-left:10px;
    }
    .member a{
    font-size: 12px;
    font-weight: bold;
    color: #f5f1d1;
    text-decoration: none;
    }
    .member img{
    border: none 0px;
    }
    .member span{
    display:block;
    text-align:center;
    padding: 2px 0px 13px 0px;
    text-transform: uppercase;

    }
    .member span a{}
    .member span a:hover{}



    Any further advice will be much appreciated.
     
  5. kiwilad

    kiwilad New Member

    Changing colors

    Hi again guys;
    I have now sorted out my positioning issue but am now having difficulty in changing the color scheme for the page.
    I have tried changing the hex code for the various items but that has had no effect.

    Can anyone point me in the right direction please.

    :eek:
     
  6. jsck82

    jsck82 New Member

    not being familiar with the particular template, I can't be specific. But what you should be looking for is things like (as an example): (in your .html file)

    <div id="divTextBlock"> (some text here)</div>

    In your .css file, you should have something like:

    divTextBlock
    {
    color: #FFFFFF;
    }

    That color: section is what you want to modify. Remember to save your css file before previewing, as it will not update until that file is saved.
     
  7. EddieRaines

    EddieRaines New Member

    Interesting. I will also adjust the files as you advised. Let's try this.:)
     
  8. jsck82

    jsck82 New Member

    Are you trying to edit colors for text, or graphics? If it is dividers, graphics, etc, you will have to work with the image files, not the CSS. If it is text, horizontal rules, and borders, then you can alter the colors within CSS. Perhaps if you were to give a specific example of what you are wanting to re-color?