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

Graphics Fire Rescue Squad Template, need banner.

Discussion in 'Free Graphics' started by smfdadmin, Sep 15, 2008.

Thread Status:
Not open for further replies.
  1. smfdadmin

    smfdadmin New Member

    www.smfdadmin.co.cc

    Used the FIRE RESCUE SQUAD template. Had to take off the banner b/c we arn't a squad.

    Desperately need SOME SORT of a banner or title to go where it used to be (top left) or anywhere your graphic will look best.

    wording = "St. Marys Fire Department"
    also would like "Since July 2000" somewhere near it or under it.


    (no apostrophy after Y in Marys)

    Just need it to match website. Please and Thank you!
     
    smfdadmin, Sep 15, 2008
    #1
  2. smfdadmin

    smfdadmin New Member


    Also, I know..here I go again...haha

    IF YOU ARE BORED...or already have the colors and graphics up....i'm also interested in having small banners for each page. (i.e. "Contact", "Tour" ect.) to go in the main content section at top.
     
    smfdadmin, Sep 15, 2008
    #2
  3. CovertPea

    CovertPea Moderator Staff Member Verified Member

    Here you are:
    Such a great design it's best kept in the same design.
    Not sure what you mean about banners though.
     
    CovertPea, Sep 16, 2008
    #3
  4. smfdadmin

    smfdadmin New Member

    Opps when I say banner i mean logo. just like you did. perfecto.
     
    smfdadmin, Sep 16, 2008
    #4
  5. smfdadmin

    smfdadmin New Member

    Turned out great, you can view it here : www.smfdadmin.co.cc.

    I need to add it to the other pages, but its on the index.html right now.

    I appreciate all the help.
     
    smfdadmin, Sep 16, 2008
    #5
  6. smfdadmin

    smfdadmin New Member

    Add on... :) Do you have any ideas/graphics I can use for each page above the content. I.E. "Gallery", "Tours", "Contact"...etc. It would go in the main content area (left section below navigation)
     
    smfdadmin, Sep 16, 2008
    #6
  7. CovertPea

    CovertPea Moderator Staff Member Verified Member

    Do you mean on each page (except 'home') where the pictures are?
     
    CovertPea, Sep 16, 2008
    #7
  8. smfdadmin

    smfdadmin New Member

    [​IMG]

    For instance on the main home page it says "Recent News". I was looking for something to go on all the other pages just like that. But with the page name (tours, gallery, etc) Just a title to the page. It can be the same color and design as Recent News or different and look like the logo you made. im up for anything! It would go on each page in the same spot recent news is on the front page. above the content.

    Sorry, i suck at explaining things :( lol and i can't get the screenshot to zoom :)

    amber
     
    smfdadmin, Sep 17, 2008
    #8
  9. CovertPea

    CovertPea Moderator Staff Member Verified Member

    These are the same size/background colour as the "Recent News" thing.
    All 7 are in the zipped file plus one 'blank' in case you want to add another page.
     
    CovertPea, Sep 17, 2008
    #9
  10. smfdadmin

    smfdadmin New Member

    Wow...you are quick (and good!) They look great and i'm going to try them right now.
     
    smfdadmin, Sep 17, 2008
    #10
  11. smfdadmin

    smfdadmin New Member

    My blonde highlights must be coming out. I downloaded all the images and put them in my "images" section (I use FTP).

    I put this in my site <img src="images/SM_contact.jpg">

    and now my site is crazy. The right "css frames" are underneath the content. ek. What did I do wrong? lol

    [​IMG]
     
    smfdadmin, Sep 17, 2008
    #11
  12. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Remember - You altered your css file. You wanted to get rid of RNews on the other pages. Now you have idea of replacing RNews with different PICS.
    Are we getting the idea yet?
     
    ishkey, Sep 17, 2008
    #12
  13. smfdadmin

    smfdadmin New Member

    Yes, I did that first...took out the #left that was the recent news. i had the same effect. so then i left in the #left_alt (no recent news) and put the image below that
     
    smfdadmin, Sep 17, 2008
    #13
  14. CovertPea

    CovertPea Moderator Staff Member Verified Member

    Hang about Ishkey, this problem is way over my head!
    :p
     
    CovertPea, Sep 17, 2008
    #14
  15. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    You are lucky that CP made the images, she never misses a detail, so we do not have to worry about the size of the graphic being to large or to small, it's just right.

    1. Back to the css file. Time to put things sorta back they way they were. You are going to do this for each page that you want a new graphic on, in the order of you pages - got it.
    I'm doing the contact page since you have tried it on your web and should be last in the css file. You are going to change the padding-top: back to 80px and for each page change the graphic to the one, for that page.

    Code:
    #left {
 background: #333333 url(images/content-top-bg.gif) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_contact {
 [COLOR=darkred]background: #333333 url(images/SM_contact.jpg) no-repeat 0% 0%;[/COLOR]
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 [COLOR=darkred]padding-top: 80px;[/COLOR]
 width: 462px;
}
    2. The HTML file on each page where it was
    Code:
    [B]<div[/B] id=[B]"content">[/B]
[B]<div[/B] id=[B]"[COLOR=darkred]left[/COLOR]">[/B]
    You will place the code named in the css file - like
    <div id="left_contact">

    Notice I use a name that relates to the page - it makes life easy.
    This is the orig template and not yours but,
    If all goes well it will look like this ...
     

    Attached Files:

    • fire.jpg
      fire.jpg
      File size:
      141.9 KB
      Views:
      626
    ishkey, Sep 18, 2008
    #15
  16. smfdadmin

    smfdadmin New Member

    Not to get all corny on yall, but i am lucky to have both of you. awesome graphics and awesome coding.

    It works :)
     
    smfdadmin, Sep 18, 2008
    #16
  17. smfdadmin

    smfdadmin New Member

    Code:
    #left_contact {
 background: #333333 url(images/SM_contact.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_tours {
 background: #333333 url(images/SM_tours.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_gallery {
 background: #333333 url(images/SM_gallery.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_stations {
 background: #333333 url(images/SM_stations.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_apparatus {
 background: #333333 url(images/SM_apparatus.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_members {
 background: #333333 url(images/SM_members.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
    This is what I put in my CSS file. Contact page turned out great...but all the others are funky.

    I put this on each page :

    Code:
    <div id="content">
        <div id="left_contact">
    Substituting members, tours...etc after the left_
     
    smfdadmin, Sep 18, 2008
    #17
  18. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    It looks like you forgot to push the save button on the css file.
    This is what it looks like - hot off your server.
    Code:
    #left {
 background: #333333 url(images/content-top-bg.gif) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#left_alt {
        float: left;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        width: 462px;
}
}
#left_contact {
 background: #333333 url(images/SM_contact.jpg) no-repeat 0% 0%;
 float: left;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 80px;
 width: 462px;
}
#logo {
 height: 72px;
 width: 776px;
}
    Try again.....
     
    ishkey, Sep 18, 2008
    #18
  19. smfdadmin

    smfdadmin New Member

    Err...my ftp must be acting up.

    The CSS file is saved right.
    And the FTP is saying it is transferring with no errors.

    Yay...I think I got it to work. I promise it was saved right...haha.
    Thanks, as always, for the help :)
     
    smfdadmin, Sep 18, 2008
    #19
Thread Status:
Not open for further replies.