Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: How to make logo a link?

  1. #1
    Join Date
    Jan 2007
    Posts
    18

    Default How to make logo a link?

    I changed the default logo to my own, but want to make it a link. Im guessing its in the code, but where?

  2. #2
    Join Date
    May 2004
    Location
    Long Island, NY
    Age
    49
    Posts
    9,796

    Default Re: How to make logo a link?

    Your tempalte is controlled by the main.html and css files in your template folder. Not knowing what template you are using, it's hard to tell you where to look.

  3. #3
    Join Date
    Nov 2008
    Posts
    7

    Default Re: How to make logo a link?

    I have same issue. I'm using rounded_boxes and don't know where to enable my logo to become a link. Do I modify my main templates?...because I don't think you can do anything with the style sheet in terms of adding links in there right? I think it's pretty standard these days that the logo be linkable, so maybe this could be something for a future release to have this automatically included too?

    ~jim

  4. #4
    Join Date
    Jun 2008
    Location
    Lithuanian capital :)
    Posts
    278

    Default Re: How to make logo a link?

    Hello, if your logo is in your template's main.html you can make it a link adding :
    <a href="www.yoursite" title="some caption"><logo image (html code)></a>
    hope you understand and thats what you need

  5. #5
    Join Date
    Nov 2008
    Posts
    7

    Default Re: How to make logo a link?

    Thanks for the quick response. Because I'm using the rounded_boxes template, you'll see that the style sheet has the logo as a background, see code snippet:

    div#logo2{
    background-image: url("{template_url}/images/logo2.gif");
    background-repeat: no-repeat;
    background-position: top right;
    height: 120px;
    }

    Now in the main file, I see it referenced like this to bring in the logo to the page:
    ...
    <!-- header + menu starts -->
    <div id="header2">
    <div id="menu_container">
    <div class="quicksearch"></div>
    <div id="logo2">
    <div id="nav">
    ...

    Because it's a background image, this presents a challenge...right? This is just standard with how the template was made and so how do we work with it as is or do we need to totally do some css action to replace how the logo is placed on the page. (I'm unfortunately a css newbie.)

  6. #6
    Join Date
    Jun 2008
    Location
    Lithuanian capital :)
    Posts
    278

    Default Re: How to make logo a link?

    Css is very simple
    Try this:

    Replace<div id="logo2">
    with:
    <a id="logo2" href="http://whatever"></a>

    Find div closing tag at the end which looks </div> and delete it. See if that works, make a copy before doing changes!

  7. #7
    Join Date
    Nov 2008
    Posts
    7

    Default Re: How to make logo a link?

    that didn't seem to work, it somehow made the logo disappear and there was not sign of a link anywhere either. Any other suggestions?

  8. #8
    Join Date
    Jun 2008
    Location
    Lithuanian capital :)
    Posts
    278

    Default Re: How to make logo a link?

    Other way could be if you delete all logo2 options exept height and add image in the main.html directly, if you do not know how to do that:
    http://w3schools.com/html/default.asp
    http://w3schools.com/css/default.asp
    It wont take a day.

  9. #9
    Join Date
    Jan 2007
    Location
    USA!
    Posts
    128

    Default Re: How to make logo a link?

    I've been struggling with this one myself for quite some time. I've tried all kinds of different things, and nothing I've done has worked. I know I'm doing something wrong - or not doing something right - either way, it's not happening.

    I've also tried this one:

    Quote Originally Posted by simonasb View Post
    Other way could be if you delete all logo2 options exept height and add image in the main.html directly, if you do not know how to do that:
    http://w3schools.com/html/default.asp
    http://w3schools.com/css/default.asp
    It wont take a day.
    and although I was able to get the logo to link, it put a white line around the logo (pulling from the "img" in the CSS file), and made the blue header doubled in size. Accckkk!

    It would be nice if we could find a way to link the image. And short of everyone having to learn to code (I've learned some, but obviously not enough to figure this out), if someone has more ideas I know I for one would be very grateful for any help. Thank you!

  10. #10
    Join Date
    Jun 2008
    Location
    Lithuanian capital :)
    Posts
    278

    Default Re: How to make logo a link?

    Since you asked so nice Try this:
    HTML Code:
    <!-- header + menu starts -->
    	<div id="header">
    		<div id="menu_container">
    			<a href="WWW.YOURSITE.COM" title="MAIN PAGE"><img src="WWW.YOURSITE.COM/images/LOGO.jpg" alt="LOGO" height="70" width="100" /></a>
    				<div id="nav">			
    				<a href="{url_index}" title="Home Page "><b>Home Page</b></a>
    				<a href="{page_link_3}" title=""><b>About Us</b></a>
    				<a href="{page_link_2}" title=""><b>Contact Us</b></a>
    				{check_guest}
    				<a href="{url_member_signup}" title="Member Signup"><b>Member Signup</b></a>
    				<a href="{url_member_login}" title="Member Login"><b>Member Login</b></a>
    				{/check_guest}
    				</div>
    				<div id="navm">
    				{check_member} 
    				<a href="{url_edit_profile}" title="My Profile"><b>My Profile</b></a>
    				<a href="{url_view_favorites}" title="My Favorites"><b>My Favorites</b></a>
    				<a href="{url_view_saved_searches}" title="My Searches"><b>My Searches</b></a>
    				<a href="{url_logout}" title="Logout"><b>Logout</b></a>
    			{/check_member}
    				</div>
    		</div>
    	</div>
    	<!-- header + menu ends -->

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •