Welcome, Guest
Please Login or Register.    Lost Password?

Transparent Bliss 1.5 - making logo.png clickable
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Transparent Bliss 1.5 - making logo.png clickable
#2474
Transparent Bliss 1.5 - making logo.png clickable 3 Years ago Karma: 0
Hi all,

I'm putting together a website for our social club, using Transparent Bliss 1.5 (which is awesome, btw!) and was wondering which is the best way to make logo.png clickable as a link back to the front page. My CSS skills are crappy.

I see the .html file just defines the div section for the logo, and specification of the logo itself happens in template.css..

update: never mind, googled it after I got back from lunch - posting it here for others' benefit - from webdevnews.net/2007/01/css-trick-turning...to-a- clickable-link/

in the html, change
Code:

<div id="logo"></div>

to
Code:

<div id="logo"><a href="/portal/ "><span>Back to the Main Page</span></a></div>

then in template.css, add
Code:

       display: block;

to the "#logo {" section, and add this bit below it (after the #logo section is closed).

Code:


#logo a span {
  visibility: hidden;
}



Hopefully I've transcribed this correctly, and someone finds it useful someday.

Cheers,
Brett
benzieb
Fresh Boarder
Posts: 1
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#2476
Re:Transparent Bliss 1.5 - making logo.png clickable 2 Years, 12 Months ago Karma: 41
Thx for that Brett,
I was going to add that there is another way to do this but requires adding the image to index.php
If anyone want this option i'll write it up.
Tx
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
The administrator has disabled public write access.
 
Go to topPage: 1
Moderators: Support
 
JOOMLA TEMPLATES Joomla Templates By JoomlaBear