Title to Image - E-Blah Community

E-Blah Member

Posts: 18

Gender:

Male

Posts Per Day: 0.01

Reputation: 100.00%

Time Online: 2 hours 24 minutes

Location: Lancaster, PA

Age: 37

I recently installed 10.3.5

All the way in the top left where is says "mysite.com Forum" in big black letters; can someone tell me how to get rid of this and replace it with an image? Just like how the eblah is at the top of this?

Thanks!

Addicted 2 Jesus

I'm forgiven, because You were forsaken.
I'm accepted, You were condemned.
I'm alive and well, Your spirit is within me,
because You died and rose again.
Amazing love how can it be, that you my King would die for me?
Amazing love I know it's true, it's my joy to honor You.
In all I do I honor You.
You are my King!
-Billy James Foote

Logged

Offline

pcmantinker

March 7, 2008, 9:48pm

It's not what is seen that matters, it's character
Forum Support Team

Posts: 401

Gender:

Male

Posts Per Day: 0.51

Reputation: 100.00%

Reputation Score: +9 / -0

Time Online: 3 days 28 minutes

Location: Covington, LA

Age: 18

You want the title of your forum to be replaced by an image? If that's what you want, you have to edit your HTML template. Here's what you do:
Goto where it says this:

Code

<div id="title">
	<blah v="$title">
</div>

and replace it with this:

Code

<div id="title">
	<img src="http://www.yourwebsite.com/yourimage.png" alt="Image" />
</div>

Replace the src value with the absolute path to your image and change the alt value to what you like. If you wish to keep the board title, simply add the new line where you see fit. I hope this helps.

Even if your idea seems whack, stick with it and make it happen.
IGA: International Gamers' Alliance: http://www.iga-home.net/
Blah-Themes.com http://www.blah-themes.com/
A website devoted to theme development for E-Blah based forums.

For it is by grace you have been saved, through faith—and this not from yourselves, it is the gift of God—[Eph 2:8]

Logged

Offline

Private message AIM

Reply: 1 - 7

A2J

March 7, 2008, 10:36pm

E-Blah Member

Posts: 18

Gender:

Male

Posts Per Day: 0.01

Reputation: 100.00%

Time Online: 2 hours 24 minutes

Location: Lancaster, PA

Age: 37

Thanks PC! Worked like a charm!

Now maybe one more little piece of help????

How can I shrink the height of that same space?

Addicted 2 Jesus

Logged

Offline

Reply: 2 - 7

pcmantinker

March 7, 2008, 10:56pm

It's not what is seen that matters, it's character
Forum Support Team

Posts: 401

Gender:

Male

Posts Per Day: 0.51

Reputation: 100.00%

Reputation Score: +9 / -0

Time Online: 3 days 28 minutes

Location: Covington, LA

Age: 18

Add this to your <img> tag:

Code

<div id="title">
	<img src="http://www.yourwebsite.com/yourimage.png" alt="Image" height="30" />
</div>

The value for height is in pixels. Change the height to your liking.

Logged

Offline

Private message AIM

Reply: 3 - 7

A2J

March 7, 2008, 11:05pm

E-Blah Member

Posts: 18

Gender:

Male

Posts Per Day: 0.01

Reputation: 100.00%

Time Online: 2 hours 24 minutes

Location: Lancaster, PA

Age: 37

I'm sorry.... I meant the height of the table area that the image is in.

Addicted 2 Jesus

Logged

Offline

Reply: 4 - 7

pcmantinker

March 7, 2008, 11:12pm

It's not what is seen that matters, it's character
Forum Support Team

Posts: 401

Gender:

Male

Posts Per Day: 0.51

Reputation: 100.00%

Reputation Score: +9 / -0

Time Online: 3 days 28 minutes

Location: Covington, LA

Age: 18

Ah, ok. Go into your CSS template and edit this part:

Code

#title {
	background      : url('images/top_grad.gif');
	background-color: #FFF;
	font-size       : 30px;
	font-weight     : bold;
	text-align      : left;
	padding         : 25px;
}

to look like this:

Code

#title {
	background      : url('images/top_grad.gif');
	background-color: #FFF;
        height          : 30px;
	font-size       : 30px;
	font-weight     : bold;
	text-align      : left;
	padding         : 25px;
}

You can change the height to whatever you like.

Logged

Offline

Private message AIM

Reply: 5 - 7

A2J

March 7, 2008, 11:27pm

E-Blah Member

Posts: 18

Gender:

Male

Posts Per Day: 0.01

Reputation: 100.00%

Time Online: 2 hours 24 minutes

Location: Lancaster, PA

Age: 37

Thanks for the help again. There must be something under the user info that I can't see and it keeps it from adjusting to the new set height. The code you gave me wants to work but there is a space under the user info blocking it from completing the task.

Thanks for everything though!

Addicted 2 Jesus

Logged

Offline

Reply: 6 - 7

pcmantinker

March 8, 2008, 4:40pm