Point Logo to Another URL? - [HELP]

11 posts from 3 voices

• Started 1 year ago by WunDaii
• Latest reply from Chris Beard
• This topic is not a support question

Tags:

• wspider

1. 

   WunDaii
   Member

   Hi,

   How do I make our logo point to another website? It currently points to our homepage. I would like to change the websites when I can. :)

   Also, how do I change the background? What is the width size of the main area? What size does the background have to be, if it's a fixed one (and one that doesn't repeat)?

   How would I go about making it not repeat, so it's just a large background? I apologize for all the questions, haha, but I'm sorting out a background advert for a friend of mine.

   My website is:
   http://touchAholics.com

   Thanks!
   Daven

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   1) In header.php search for:
   

   <h2 class="logo ie6fix <?php echo $logoclass; ?>"><a href="<?php echo get_settings('home'); ?>/"><?php echo $logo; ?></a></h2>

   and replace:

   <?php echo get_settings('home'); ?>

   with any website url you like (i.e. http://google.com )

   2) The main area has a width of 1000px (with 960px for the content). For style/skin 1 the background is definded with:
   

   background: url("../images/skin1/bg_tile.png") repeat-x scroll left top #FFFFFF;

   If you want to use a fullwidth background I can't tell you exact dimensions because it depends on the screen resolution. To be on the save side you can use the repeat attribute. If you want to set the background to fixed and no repeat use:

   background: url("../images/skin1/bg_tile.png") no-repeat fixed left top #FFFFFF;

   Posted 1 year ago #
3. 

   WunDaii
   Member

   Thanks Dude!

   Posted 1 year ago #
4. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 1 year ago #
5. 

   WunDaii
   Member

   Hey Dude,

   Could you kindly tell me how to install an extra advert spot? Sort of like a banner to the right of our banner (it might require extra code :S).

   Thanks,
   Daven

   Posted 1 year ago #
6. 

   Chris Beard
   

   Hey,

   When you go in header.php and find the line you previously edited add the following behind the </h2> tag at the end of that line.

   <div class="advert">Your content here</div>

   And put the following in your style.css file:
   

   .advert {
       float: right;
       margin-top: 50px;
       margin-right: 250px;
   }

   You can play around with the margins to position it.

   Posted 1 year ago #
7. 

   WunDaii
   Member

   Hi Chris,

   Thank-you for your response. I tried this but the advert image appeared on our logo/banner. How would I make it appear to the right under the search bar?

   http://touchAholics.com/

   Thanks!
   Daven

   Posted 1 year ago #
8. 

   Dude
   Dude

   I'd use absolute positioning like:
   

   .advert {
   position: absolute;
   right: 20px;
   top: 10px;
   }

   Now adjust the top and the right value to your needs.

   Posted 1 year ago #
9. 

   WunDaii
   Member

   Thanks Dude and Chris, your help is much appreciated as always. :)

   Posted 1 year ago #
10. 

    WunDaii
    Member

    Oh, one more quick thing, is there any way to make it so when you hover over the image it has that grey outline? Sort of like what happens when you hover over the images on our sidebar.

    If not, that's fine. :)

    Thanks!
    Daven
    http://touchAholics.com

    Posted 1 year ago #
11. 

    Chris Beard
    

    You'd add

    .advert a:hover{
    border:1px solid #ff0099;
    }

    It could also be .advert a img:hover, depending on what you plan on doing.
    Again, you can play with the pixel and color values.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.