Joomla Templates Club 406,261 posts

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#129838

Hello,

I have seen this done before.

I have multiple sites that are related to a parent site.

Example:

Parent site => URL1

subdomain a => URLa

subdomain b => URLb

domain 2 => URL2

domain 3 => URL3

In the logo, the images are arranged so that the image names for two domain and parent domain stacked on top of each other, as follows

subdomain a => URLa (65% height)
Parent site => URL1 (35% of height)

Is it possible to simply modify the logo – header code below so that when the mouse hovers over 65% of the top logo space, it clicks to subdomain a (URLa) while if the mouse hovers over the lower 35% of the bottom logo space, it clicks to the parent domain URL1?

The current codes defining the header & logo are included below.

Thanks.

Cornelio

#ja-headerwrap
{
}/* orig changed added */

#ja-header {
height: 100px;
line-height: normal;
position: relative;
}/* orig height: 80px; changed added */

h1.logo, h1.logo-text
{
margin: 0;
padding: 0;
font-size: 100%;
}/* orig changed added */

h1.logo a
{
width: 278px;
display: block;
background: url(../images/logo.png) no-repeat;
position: absolute;
height: 80px;
top: 10px;
left: 0;
}/* orig background: url(../images/logo.gif) no-repeat; top: 20px; height: 42px; changed added */

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#254559

I think i would add a couple of module positions there instead, and added the logo for each sub site in each module position and linked it to the specific site.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#254600

<em>@Menalto 60244 wrote:</em><blockquote>I think i would add a couple of module positions there instead, and added the logo for each sub site in each module position and linked it to the specific site.</blockquote>

Thanks Menalto,

How do I create these two modules and revise the script (index.php?) to achieve this? I assume both will still be have to be wrapped with a single “ja-headerwrap”

#ja-headerwrap
{
}/* orig changed added */

#ja-header {
height: 100px;
line-height: normal;
position: relative;
}/* orig height: 80px; changed added */

Since the logo is an image, what I used to do in HTML (or php?) mark up is define the space so that the space for the link will coincide with the space for each section of the two logo names in a slingle logo. This is similar to how they do it with clicking a state quite in a US map. Is this doable with Joomla?

Cornelio

[Author]

Posts