The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Solved - Gradient And Border

3 posters

Go down

Solved Solved - Gradient And Border

Post by HyphyMike November 8th 2010, 10:58 pm

I have 3 Questions
Wanted Style: http://demo.phpbb3styles.net/green_vision
My Forum: http://gpfamily.userboard.net/forum.htm
Using Version: PhpBB 3


First
If you look in test category 1 It has a gradient that goes down, the more sections there are.
I have the gradient pic, I just need to know how to apply it

Second:
When you hover over a Category/Thread It changes to #A6BF2A
I wanna know how to this.

Lastly:
As you see it has a border that goes around everywhere but the top.
Is this possible? and if so, How?

Thank you very much to whoever answers.


Last edited by HyphyMike on November 15th 2010, 4:30 am; edited 4 times in total
avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Maki1 November 8th 2010, 11:02 pm

Are you using Forumotion forum.

And what forum version do you use?
Maki1
Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by HyphyMike November 8th 2010, 11:07 pm

Yes I am using a forumotion forum
Link: http://gpfamily.userboard.net/forum.htm

Im on phpBB2 atm but I could change.
avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Maki1 November 8th 2010, 11:15 pm

The link you give is a phpbb3 forum? and not phpbb2 so is that your forum?
Maki1
Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by HyphyMike November 8th 2010, 11:17 pm

No i know its not a forumotion.
I was wondering if it is possible to do it on forumotion.

Its my brothers
avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Maki1 November 8th 2010, 11:19 pm

HyphyMike wrote:No i know its not a forumotion.
I was wondering if it is possible to do it on forumotion.

Its my brothers

Is this http://gpfamily.userboard.net/forum.htm your bro forum?
Maki1
Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by HyphyMike November 8th 2010, 11:25 pm

No that is my forum.

I also Changed to PhpBB3
avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Maki1 November 8th 2010, 11:40 pm

1. I see you have put the gradient pic.

For 2 & 3 use this code to make the border around
Display => Pictures and Colors >> Colors CSS Stylesheet put the code in there and submit.

Code:
#wrap {
background-color:#A6BF2A;
-moz-border-radius : 15px;
-webkit-border-radius : 15px;
}
Maki1
Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by HyphyMike November 8th 2010, 11:49 pm

Not what I was asking at all.

I want a 3 sides background, no top
Wanted Style: http://demo.phpbb3styles.net/green_vision

This is what I want.....
avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Maki1 November 8th 2010, 11:54 pm

Lol. I see what you want but I don't think you can make it 100% as that.
Maki1
Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by HyphyMike November 8th 2010, 11:59 pm

Ok.

For the Gradient How do i do that?
https://2img.net/r/ihimizer/img175/725/gradientx.gif

Theres a pic of it.

avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Honor November 9th 2010, 12:20 am

Hey, the "3/4" border around the categories (if I read that correctly as what you're looking for" is actually really simple Smile Especially for PHPBB3. All it is is a grass pattern with a transparent top.

If it's the Forum Body Line that you're referring to, it's semi-doable. You might have better luck doing something in PHPBB2 with it and editing the template, but a similar version might be attainable if you create a large header that spans the width of your forum with two colors - the bottom color is the same as your Forum Body, and the top is the same color as your Forum Background.

Doable, but you'd have to play with it and really trick it with CSS.
avatar
Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by HyphyMike November 9th 2010, 12:39 am

Honor wrote:Hey, the "3/4" border around the categories (if I read that correctly as what you're looking for" is actually really simple Smile Especially for PHPBB3. All it is is a grass pattern with a transparent top.
Tell me how?
avatar
HyphyMike
New Member

Posts : 14
Reputation : 0
Language : English

Back to top Go down

Solved Re: Solved - Gradient And Border

Post by Honor November 9th 2010, 12:44 am

Look back in the support thread you just marked solved - you practically did it yourself.

https://help.forumotion.com/manage-the-appearance-of-your-forum-f45/how-do-i-remove-just-the-top-of-a-border-t81026.htm

However -one fix you still need to make.

Go into whatever program you used to create the grass picture. Bring up your colors, and find out the exact #........ code for that dark green you used. Copy that code and paste it into your Category Background.

If the Grass doesn't go all the way across the category (in other words, if the grass has some green showing on either side of it that looks funny), you could try putting that picture in the Category Background instead of Category Header Row. You will still have to assign the correct color dark green under Colors to the category background to make it blend though.
avatar
Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Back to top


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