Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    I have worked for the past 2 days to make a template for my wordpress blog, and have got it working... except for the logo image, and the faux columns. It is supposed to look like the rest of my website, but needs a bit more work.

    The link is: http://www.veritaswebdesign.com/blog
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    With your main page (main website), you are using this CSS file: vwdstyle.css

    That's not the same .css file that your blog is using. So did you
    define your ID's the same between "vwdstyle.css" and the blog .css file?

    Example,
    Does your blog .css file know what this ID is (#logo), and what it's properties are?
    #logo { width: 314px; margin-left: 75px; margin-top: 15px; }


    .


  4. #3
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Oops, I had forgot to add the image in there, but now it flashes and is covered. I have played with the z-index, but it keeps covering the logo up. I have used the css file that came with the template, since it is my first time editing a wordpress theme.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    So in the css file that came with the template, you've included all of the ID's
    that you need (the same as in "vwdstyle.css")?

    And looking at your example site (in the first post), I still don't see any image,
    not even one that "flashes" and disappears. Are you sure you've defined the
    proper path to the image?

    I mention that because this is where the image is supposed to be according to your HTML:

    http://www.veritaswebdesign.com/blog/images/logo.png

    and it's not there.


  6. #5
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    The other images that are in that folder show up. I have no clue why this one doesn't. It shows up when I look in my file manager.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    It's .png ... perhaps it's not encoded properly as a .png file?

    Use a .jpg instead (at least for testing purposes).


  8. #7
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    It is still not showing up, even as a .jpg. Besides, I used the same .png as I did on the regular pages.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  9. #8
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Ok ...

    Here's your image:
    http://www.veritaswebdesign.com/blog...mages/logo.png

    and here's all your images:
    http://www.veritaswebdesign.com/blog...eritas/images/


    Now, when I view the blog site, you have this:

    <body>
    <div id="container">
    <div id="header">
    <div id="logo"><img src="images/logo.jpg" alt="" width="314" height="250" /></div>
    </div>
    <div id="content">

    See what happens if you do this:

    <body>
    <div id="container">
    <div id="header">
    <div id="logo"><img src="http://www.veritaswebdesign.com/blog/wp-content/themes/Veritas/images/logo.png" alt="" width="314" height="250" /></div>
    </div>
    <div id="content">


  10. #9
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Whoa. That worked. Thanks.

    Now, if only I could get the columns to work.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  11. #10
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    OK ...

    So now your blog looks something like this:

    <body>
    <div id="container">
    <div id="header">
    <div id="logo"><img src="http://www.veritaswebdesign.com/blog/wp-content/themes/Veritas/images/logo.png" alt="" width="314" height="250" /></div>
    </div>
    <div id="content">

    What happens if you do this?

    <style type='text/css'>
    <!--#header { background: url('http://www.veritaswebdesign.com/blog/wp-content/themes/Veritas/images/header-img.php?upper=000000&lower=e65e14') no-repeat bottom center; }
    -->
    p { font-size: 12pt; color: #e65e14; font-family: Tahoma, Arial, Helvetica, sans-serif; }
    .style1 { font-size: 11pt; color: #e65e14; font-family: Tahoma, Arial, Helvetica, sans-serif; }
    .style2 { font-size: 11pt; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; }
    .style3 { font-size: 9pt; color: #e65e14; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; }
    .style4 { font-size: 9pt; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; }
    .style5 { font-size: 15pt; color: #e65e14; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 300; }
    li { list-style-type: none; }
    div#listmenu { margin-top: -220px; margin-left: 450px; width: 350px; list-style-type: none; font-size: 18pt; color: #000; font-weight: 200; padding-left: 10px; padding-right: 10px; }
    div#listmenu li { list-style-type: none; padding-left: 10px; padding-right: 10px; }
    div#listmenu li:first-child { padding-left: 10px; padding-right: 10px; }
    div#listmenu li:hover { padding-left: 10px; padding-right: 10px; }
    div#listmenu a { padding: 0; text-decoration: none; color: #000; padding-left: 10px; padding-right: 10px; }
    div#listmenu a:hover { color: #fff; padding-left: 10px; padding-right: 10px; }
    a { color: #000; }
    a:hover { color: #e65e14; }
    </style>
    <body>
    <div id="container">
    <div id="header">
    <div id="logo"><img src="http://www.veritaswebdesign.com/blog/wp-content/themes/Veritas/images/logo.png" alt="" width="314" height="250" /></div>
    <div id="listmenu" class="style4"><ul><li><a href="index.html">Home</a></li>
    <li><a href="portfolio.html">Portfolio</a></li>
    <li><a href="rates.html">Rate Quote </a></li>
    <li><a href="contact.php">Contact</a></li></ul>
    </div>
    </div>
    <div id="content">



    NOTE: because you're using "listmenu" and "style4", you need to either define them in
    the <style> or define them in your css file (either way). You'll probably discover
    that the "a" properties might mess up the rest of the blog? Experiment and
    see what happens.

    Also, this ...
    http://www.veritaswebdesign.com/blog/wp-content/themes/Veritas/images/logo.png
    works because in your previous method, you did not have the correct path specified.
    If you can figure out the correct path, you could do it relative, without using the
    absolute path that's shown. Technically, it's faster to use relative path because
    absolute needs to make an extra request to get the image.



Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:16 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com