The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to Add Real Image on Row Tittle Not only Change color

View previous topic View next topic Go down

In progress How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 1:48 pm

Example This what i want to have a row tittle i already edit it my self.

just tell me how to add picture like that in row tittle

i try already this in pics management in background image row tittle but not working..
my Forum: http://blood-line.forumtl.com/forum
Need Help AsaP! Very Happy

Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Sanket on April 7th 2013, 3:29 pm

The forum page is not available for guests to view.
You want a image where the category title appears? Or something else?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 3:34 pm

@Sanket wrote:The forum page is not available for guests to view.
You want a image where the category title appears? Or something else?

Hmm This is my Forum Categories Row


& I want to Change That to that Picture in First Topic.>>

Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Sanket on April 7th 2013, 3:40 pm

Change the Url to whatever you want.
Code:
.main-head {
    background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
    background-repeat: no-repeat;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 3:48 pm

Sir Its not Working

That code you Give me i put in CSS

But not working>>

Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Jophy on April 7th 2013, 5:21 pm

Hello,

Try this, add this to your CSS:
Code:
.page-title h2, .page-title span {
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Just change the image url. Wink

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 5:45 pm

@Jophy wrote:Hello,

Try this, add this to your CSS:
Code:
.page-title h2, .page-title span {
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Just change the image url. Wink

Jophy It Works But

Its Only Like this...

Hmm By The Way This is What I want to Put


But I want That Just Like that And Remove that Text [@@@]
Would you Do that to me
If you dont mind...

thanks Hello

Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Jophy on April 7th 2013, 5:48 pm

Just replace it with the url of the image, and the background will be placed as well as the text. Or if you want, the text can be placed on the center, replace it with this code:
Code:
.page-title h2, .page-title span {
  text-align: center !important;
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Editing the image can be done on the graphics section.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 5:57 pm

@Jophy wrote:Just replace it with the url of the image, and the background will be placed as well as the text. Or if you want, the text can be placed on the center, replace it with this code:
Code:
.page-title h2, .page-title span {
  text-align: center !important;
  background-image: url("http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png");
  background-repeat: no-repeat;
}

Editing the image can be done on the graphics section.

I like this Because
The Text become in center

But the Image Still like this


Would you Mine Telling me Where Can download Some Graphic Software ? so i I can Edit my self with my other problem..

Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Sanket on April 7th 2013, 5:59 pm

Sorry, but you can search on google for Graphics Software.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 6:07 pm

@Sanket wrote:Sorry, but you can search on google for Graphics Software.


Sir Its Still not Working Its Still
Like Those
This is my forum : www.blood-line.forumtl.com

Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Sanket on April 7th 2013, 8:04 pm

Add this to your css to remove the grey color.
Code:
.main-head {
    background-color:transparent !important;
}

To create the image, you will need to make it yourself as we already suggested you.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Cristianlee on April 7th 2013, 8:09 pm

@Sanket wrote:Add this to your css to remove the grey color.
Code:
.main-head {
    background-color:transparent !important;
}

To create the image, you will need to make it yourself as we already suggested you.

This Code work The Grey is remove but still Like this



Cristianlee
Forumember

Male Posts : 66
Reputation : 1
Language : English
Location : Villasis,Pangasinan

Back to top Go down

In progress Re: How to Add Real Image on Row Tittle Not only Change color

Post by Sanket on April 7th 2013, 8:14 pm

Yes, so already explained to you the image URL needs to be changed. Modify the image as you want it to be.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum