Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.

The forum of the forums

3 posters

RPG Sheet bar field style

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°1

RPG Sheet bar field style

by Kami-sama Fri Jun 23, 2017 1:23 pm

Creation Type : RPG Sheet -> Bar field
Dimensions : 130x15
Primary Colors : [You must be registered and logged in to see this link.]
Secondary Colors : [You must be registered and logged in to see this link.]
Images to include :

Images:

Text to insert : N/A
Font : N/A
Font Color : [You must be registered and logged in to see this link.]
Link to my Forumotion forum : [You must be registered and logged in to see this link.]
Username on the forum : Frida Kahlo
Link to last graphic request : N/A
Detail description : Hey guys!

I decided to use bar field in the RPG profiles. It will be used for health track.
Need help styling it. I was thinking about something minimalistic. Simple
Here is a screen shot of profile and my sketch of the bar:

[You must be registered and logged in to see this image.]

Sooo, very simple. Simplistic animated heart in the end maybe?
Bar itself maybe lined in the top? (so there would not be too much space left between bar and other fields)
Any ideas?

EDIT: I drew a heart that could be used. Also, here is another sketch:
[You must be registered and logged in to see this image.]

BlackScorpion

BlackScorpion: Graphic Designer; Posts : 7038
Reputation : 920
Language : English
Location : USA

Post n°2

Re: RPG Sheet bar field style

by BlackScorpion Sat Jun 24, 2017 3:30 am

Since your forum seems locked, please provide (via PM) one of the Designers with a Screen shot of your Forum Statistics as shown below.
[You must be registered and logged in to see this link.]

Please do so with 24hrs or your request will be denied.

[You must be registered and logged in to see this link.] || [You must be registered and logged in to see this link.] || [You must be registered and logged in to see this link.]
No support provided via PM!

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°3

Re: RPG Sheet bar field style

by Kami-sama Sat Jun 24, 2017 1:10 pm

Oh, my bad. Here you go guys. Let me know if you need anything translated

Spoiler:

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°4

Re: RPG Sheet bar field style

by skouliki Sat Jun 24, 2017 1:42 pm

hello

your heart
[You must be registered and logged in to see this link.] or [You must be registered and logged in to see this image.]

random heart
[You must be registered and logged in to see this link.] or [You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°5

Re: RPG Sheet bar field style

by Kami-sama Sat Jun 24, 2017 1:58 pm

I love the animation!!
Random heart looks event better.
Mine could work unless filled in.

Is it me or a full bar looks kinda "heavy"?
Maybe it would look better with hollow center?
Or more slim, petite?

P.S. If needed the image size can be bigger Wink

Wink

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°6

Re: RPG Sheet bar field style

by skouliki Sat Jun 24, 2017 2:19 pm

ok so here are some examples
[You must be registered and logged in to see this link.] stripes
[You must be registered and logged in to see this link.]red gradient
[You must be registered and logged in to see this link.] black gladient
[You must be registered and logged in to see this link.] thinner

and this is without inner shadow without any blending just plain [You must be registered and logged in to see this link.]

lets decide first and then i will do the animation / your heart looks blurry cause we minimize it too much

another idea is .. heart progress bars (have them in my personal forum)
[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°7

Re: RPG Sheet bar field style

by Kami-sama Sat Jun 24, 2017 2:28 pm

How to apply the whole image to the bar field?
I will see what looks better right away.

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°8

Re: RPG Sheet bar field style

by skouliki Sat Jun 24, 2017 2:37 pm

if you mean the progress bars i can give you the images links i just put a screenshot just to see them
[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°9

Re: RPG Sheet bar field style

by Kami-sama Sat Jun 24, 2017 3:49 pm

Oh. So the ends will always stay the same?
I have seen some request where the ends chane depending on the number amount.
[You must be registered and logged in to see this link.]

Sorry, I never used bar before. Maybe I am looking in the wrong place?
The only place to customize them I found: Admin panel - Modules - role game - field style
OR admin panel - users and groups - profiles

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°10

Re: RPG Sheet bar field style

by skouliki Sat Jun 24, 2017 4:38 pm

You create a profile field:

Admin Panel ..Users & Groups ...Profiles

You use Image List for the first option, title it, etc. and you use warning bar images for the image options at the bottom

more info here [You must be registered and logged in to see this link.]

we can add numbers on the bar like 100%, 75% etc

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

BlackScorpion

BlackScorpion: Graphic Designer; Posts : 7038
Reputation : 920
Language : English
Location : USA

Post n°11

Re: RPG Sheet bar field style

by BlackScorpion Sat Jun 24, 2017 4:57 pm

Kami-sama wrote:Oh. So the ends will always stay the same?
I have seen some request where the ends chane depending on the number amount.
[You must be registered and logged in to see this link.]

Are you referring to the health bars?

[You must be registered and logged in to see this link.] || [You must be registered and logged in to see this link.] || [You must be registered and logged in to see this link.]
No support provided via PM!

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°12

Re: RPG Sheet bar field style

by Kami-sama Sat Jun 24, 2017 5:38 pm

Soo. It's either :

1) image list + separate field for health number value
2) bar with static images for the end and beginning

Yeah then I'll go with a bar Wink

Wink

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°13

Re: RPG Sheet bar field style

by skouliki Sat Jun 24, 2017 5:58 pm

So can you tell me exactly what image you choosed..
Animated or not?
Do you need % on the bar image or not?

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°14

Re: RPG Sheet bar field style

by Kami-sama Sat Jun 24, 2017 10:57 pm

What do you think about this?
I took your example. Made it hollow. And added a red line in the middle (1px) with red outer glow
Heart animated ofc. Maybe with an outline as well? What do you think?
P.S. No numbers needed. They will sow up from bar field Wink

Wink

[You must be registered and logged in to see this image.]

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°15

Re: RPG Sheet bar field style

by skouliki Sun Jun 25, 2017 7:07 am

[You must be registered and logged in to see this link.]

i like it yes

some with patterns

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°16

Re: RPG Sheet bar field style

by Kami-sama Sun Jun 25, 2017 10:45 am

Please remember this will be not an image list, but bar field aka gradient will not work.
P.S. Is it possible to make the bar even slimmer?
P.S.S. I have tried adding examples from here, but with a bar element there is an issue. Right border is by default 4px width. There are no IDs or tags. Is there a way to check with JS (if certain image exists, then change width)

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°17

Re: RPG Sheet bar field style

by skouliki Sun Jun 25, 2017 3:56 pm

Kami-sama wrote:P.S.S. I have tried adding examples from here, but with a bar element there is an issue. Right border is by default 4px width. There are no IDs or tags. Is there a way to check with JS (if certain image exists, then change width)

i do not know you will have to open a thread about it in the right section

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°18

Re: RPG Sheet bar field style

by Kami-sama Sun Jun 25, 2017 5:50 pm

Okey

Wink

lets go with the bigger heart then.

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°19

Re: RPG Sheet bar field style

by skouliki Sun Jun 25, 2017 6:00 pm

Kami-sama wrote:Okey
lets go with the bigger heart then.

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°20

Re: RPG Sheet bar field style

by Kami-sama Sun Jun 25, 2017 6:07 pm

Cool ! That will work Wink

Wink

P.S. Just in case there will be no way to add the heart, could you send me just the line by itself as well? (transparent BG)

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°21

Re: RPG Sheet bar field style

by skouliki Sun Jun 25, 2017 6:13 pm

sure

Smile

[You must be registered and logged in to see this link.]

Edit [You must be registered and logged in to see this link.]
Is this solved?

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

BlackScorpion

BlackScorpion: Graphic Designer; Posts : 7038
Reputation : 920
Language : English
Location : USA

Post n°22

Re: RPG Sheet bar field style

by BlackScorpion Tue Jun 27, 2017 3:01 am

[You must be registered and logged in to see this link.] is your graphic request now completed?

Please mark your request as ''solved'' if it is completed.
Click on the edit button, select solved, and then hit save.

Please read our section rules: [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this link.] || [You must be registered and logged in to see this link.] || [You must be registered and logged in to see this link.]
No support provided via PM!

Kami-sama: Forumember; Posts : 407
Reputation : 12
Language : EN, RU, DE, LT
Location : Lithuania

Post n°23

Re: RPG Sheet bar field style

by Kami-sama Wed Jun 28, 2017 11:32 am

Sorry for te delay, I was away.
Yes, this is solved.

skouliki: Manager; Posts : 15311
Reputation : 1705
Language : English,Greek
Location : Greece

Post n°24

Re: RPG Sheet bar field style

by skouliki Wed Jun 28, 2017 11:52 am

Request complete.

Topic moved to [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.] | [You must be registered and logged in to see this link.]

Similar topics

» Do I Need This In My CSS Style Sheet
» My CSS style sheet is blank
» Profile Field for Custom Profiles adding an additional unwanted field?
» Contact information field | Allow text in Phone number field
» 2 Free Style Avatars and a free style signature!