Need help placing the logo..

Discussion in 'HTML & Website Design' started by sarsh11, Jan 2, 2009.

  1. #1
    Ok i have a proxy site: http://www.anonymousplanet.com/

    As you see instead of a logo, the sites name is simply written in text and i dont like it that way i was wondering if there is a way to change that text to a logo that i already have made..i would be extremely grateful to anyone who can tell me how i can place my logo there and what should be its height/width so that i can be fit into that small space.
    I am using Glype and here is the first few lines of the php which defines the usage of the text Anonymous planet:
    Thanks :)
     
    sarsh11, Jan 2, 2009 IP
  2. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    in your css file,

    .header h1{position:relative;
    font-size:2em;
    font-family:georgia,serif;
    }

    change to

    .header h1{position:relative;
    font-size:2em;
    font-family:georgia,serif;
    display: none;
    }

    then add this

    .header {
    width : 200px;
    height : 100px
    background : url("yourlogo.jpg");
    }

    change width and height that suit your new logo

    good luck
     
    fairuz.ismail, Jan 2, 2009 IP
    sarsh11 likes this.
  3. sarsh11

    sarsh11 Active Member

    Messages:
    959
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    70
    #3
    I tried the following:
    it doesnt seem to work and one more thing how do i add a space between the google ad and the url bar?
    thanks for helping.
     
    sarsh11, Jan 2, 2009 IP
  4. ktutorials

    ktutorials Peon

    Messages:
    475
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    ktutorials, Jan 2, 2009 IP
  5. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #5
    there are some wrong syntax there

    height : 116px;
    instead of
    height : 116px

    is this img/anonymousplanet copy.jpg really exist? try to check.

    good luck
     
    fairuz.ismail, Jan 2, 2009 IP
  6. fairuz.ismail

    fairuz.ismail Peon

    Messages:
    232
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #6
    about the space you want

    change this

    .url_form
    {
    border:0px;
    width:375px;

    background-color:#FFEFBF;
    border:1px solid #BFBCB3
    }

    to this

    .url_form
    {

    border:0px;
    width:375px;

    background-color:#FFEFBF;
    border:1px solid #BFBCB3;

    margin-top: 10px;
    }

    change the value of the margin-top that suit your need
     
    fairuz.ismail, Jan 2, 2009 IP
  7. sarsh11

    sarsh11 Active Member

    Messages:
    959
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    70
    #7
    Thanks a lot for the help, +rep given :)
    Everything is fine now and thanks to both fairuz.ismail and ktutorials for the help :D
     
    sarsh11, Jan 2, 2009 IP