Choose from our various pricing plans. There is a package for everyone!


how to add small image, under avatar photo?

View previous topic View next topic Go down

how to add small image, under avatar photo?

Post by Mostone on Thu May 02, 2013 12:06 pm

Hi All Very Happy:
I want to ask :Wink:

how to add small image, under avatar photo?

more details you can see this picture Very Happy


Source:
http://www.duelacademy.net/t6669p615-duel-academy-s-main-shop#250352

My forum:
http://astajim.indonesianforum.net/t2-starter-guide

-----------------

EDIT:
when I made warning bar/ an image,
"picture warning bar/ an image" enter in "sub background data profile"

more details you can see this:


i need like this


how to fix it Very Happy

Please help me Smile

Thanks before Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mati™ on Thu May 02, 2013 12:42 pm

The green image is a warning bar system, and the black/blue image is the rank image.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Thu May 02, 2013 12:56 pm

Matti wrote:The green image is a warning bar system, and the black/blue image is the rank image.

yeahh, i see mr.matti if that warning bar Smile

hmm, you say "black/blue image is the rank image"?

what do you think about this?


but why, when I make like this?


please help me, to fix this problem??

source:
http://www.duelacademy.net/t6669p615-duel-academy-s-main-shop#250352

my forum:
http://astajim.indonesianforum.net/

thanks before Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mati™ on Thu May 02, 2013 1:01 pm

Ah, I see you can Add a new Profile field 1 for warning and 1 for the image.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Thu May 02, 2013 1:29 pm

Matti wrote:Ah, I see you can Add a new Profile field 1 for warning and 1 for the image.
\

how to make lika that.

more details you can see this pic Smile


source:
http://www.duelacademy.net/t6669p615-duel-academy-s-main-shop#250352

my forum:
http://astajim.indonesianforum.net/t3-test-123456789

please help me to fix this problem Smile

thanks before.
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Thu May 02, 2013 1:30 pm

@Mostone wrote:

what do you think about this?

Explanation: The white image overneath the avatar is made using the rank system (Administration Panel -> Users and Groups -> Rank Administration).
The first image below the avatar is our so-called Special Rank. It is a field where you add an image URL and an alternative text. You can find this under Administration Panel -> Users and Groups -> Profiles.
I can give you the configuration for this when I am back on my PC if you want me to.
The last of the three is our Warning Bar created with the same method as mentioned for the Special Rank. We furthermore edited our forum templates for that, but I am not the founder of the forum so I cannot give you the viewtopic_postbody code for it.

Hope I helped you.
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Thu May 02, 2013 2:45 pm

thank you for answering my question mr.irate Smile

how can I make a "special rank (an image / warning bar under avatar photo)" but "does not fit into the box"?
this is what I do not understand? always failed.
if you can help me?
existing examples above,

I will wait for you, when you are online on PC
thanks for help me again, mr.irate Smile

---------

Note:
I was still studying, I use my learning concept, using the forum "DA". because the forum was unique, and challenging, to be studied. Smile

If I create a forum, I will not imitate the forum, if you look at me is similar to "DA". because I was still learning. so there was no intention to imitate the forum. if I was able, I will use my own ideas.
but forumotion is a free forum, everything can be creative potluck. clapping
thanks Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Thu May 02, 2013 3:59 pm

Well, here we go.

Administration Panel -> Users -> Profile -> Profile fields -> Modify

Use the following as template...

Code:
Type: Images list
Name: Warnings; Color: #A4A4A6
No description, no URL Icon
Necessarily filled: Select "No"
Display: Check both "Profiles" and "Messages"
Display Type: Select "Icon"
Who can modify the profile field value ?: Check only "Moderators"
Display this field for users that are at least : Select "Guests"
Separator: Select "Back to the line"

You can use any amount of warnings, you can find free warning bars on help.forumotion.com, but if you want to, you can use ours.
Take a look at this screenshot, then: http://prntscr.com/133uk8

After you did that, you will need to modify your templates to display the warnings properly - I have no access to the templates of my forum (yet), I would have to ask the founder about it. You can find - again - tutorials for that on help.forumotion.com

For the special rank, do the same as for the Warning bar, just change the type from "Images list" to "An image".
With that you should be done.

Hope I helped you.
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Thu May 02, 2013 4:54 pm

yeah, thanks for help me again mr.irate,

but same, i'm failed again Smile

I've been following your way.
you can see this.

step 1

step 2

step 3 (fail)


I think, this is code on the css / viewtopic_body.
I always fail, on this one issue. Smile

If you want to help me again, I am very grateful.
before, i say, thanks for help me again mr.irate Hi

I hope this problem quickly resolved.
thanks Hi

my forum:
http://astajim.indonesianforum.net/t2-starter-guide

source:
http://duelacademy.net/
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Thu May 02, 2013 5:00 pm

Yes, it is viewtopic_body, then.

I believe there is indeed a help topic on help.forumotion.com about it, then (try looking for "Warning" or "Warning bar"), I will try to get the founder password to look up the viewtopic_body of the forum for you.
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Thu May 02, 2013 5:23 pm

@Irate wrote:Yes, it is viewtopic_body, then.

I believe there is indeed a help topic on help.forumotion.com about it, then (try looking for "Warning" or "Warning bar"), I will try to get the founder password to look up the viewtopic_body of the forum for you.

I say many thanks to you mr.irate Smile

I will try to find answers to other Smile
besides that I also will be waiting for your answer. Hi

thank for help me again mr.irate Yes
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Sun May 05, 2013 10:40 am

BUMP!

please help me...

Maybe javascript code? Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Sun May 05, 2013 11:56 am

Sorry, I could not access the founder account, you will have to ask on help.forumotion.com...
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Sun May 05, 2013 12:47 pm

i done ask in help.forumotion

you can see my thread Smile
http://help.forumotion.com/t123298-how-to-add-small-image-under-avatar-photo

if you can, please help me Hi

maybe other member on this site?

thanks before Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Sun May 05, 2013 12:49 pm

Only Amy Cool could help you but she's currently very busy with her real life.

Sorry blink
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Mon May 06, 2013 5:40 pm

BUMP~!!

please someone help me blink
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Mon May 06, 2013 6:18 pm

You need two different CSS classes for it.

Example: profile_field and profile_field_label

profile_field_label would be where you put in the Special Rank.
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Mon May 06, 2013 6:33 pm

@Irate wrote:You need two different CSS classes for it.

Example: profile_field and profile_field_label

profile_field_label would be where you put in the Special Rank.

Hmm mr.irate Smile

Do I need to give, "my template viewtopic_body" and "my css" to you here? blink
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Mon May 06, 2013 6:46 pm

Basically, we at Duel Academy use this CSS:

Code:
.profile_field { // this is to make sure everything stays left
text-align: left;
}

Next part, the profile field CSS.

Code:
.filtered_profile_field {
/**
 * this takes care of the profile field background, you have it as .fieldddd
 */
 border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; width:185px; height:1%; background: #0d0d0d; display:block; margin-left: 5px; padding-left: 3px; valign:middle; margin-bottom: 2px; padding-bottom:2px; padding-top:2px; padding:auto !important; overflow:hidden; color: #006CE0;
}

And, finally, for the last profile field...

Code:
.profile_field_label { // this is for the text in the profile fields
font-weight: bold;
color: #a6a6a6;
}

The rest is done via viewtopic_body, you should directly PM Amy Cool on Duel Academy about it.
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by tommycoo on Tue May 07, 2013 3:31 am

@Irate wrote:Basically, we at Duel Academy use this CSS:

Code:
.profile_field { // this is to make sure everything stays left
text-align: left;
}

Next part, the profile field CSS.

Code:
.filtered_profile_field {
/**
 * this takes care of the profile field background, you have it as .fieldddd
 */
 border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; width:185px; height:1%; background: #0d0d0d; display:block; margin-left: 5px; padding-left: 3px; valign:middle; margin-bottom: 2px; padding-bottom:2px; padding-top:2px; padding:auto !important; overflow:hidden; color: #006CE0;
}

And, finally, for the last profile field...

Code:
.profile_field_label { // this is for the text in the profile fields
font-weight: bold;
color: #a6a6a6;
}

The rest is done via viewtopic_body, you should directly PM Amy Cool on Duel Academy about it.

so where is the code should be to put ? Dull
avatar
tommycoo
Member
Member

Age : 21
Posts : 60
Join date : 2012-08-20
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Tue May 07, 2013 12:17 pm

@Irate wrote:Basically, we at Duel Academy use this CSS:

Code:
.profile_field { // this is to make sure everything stays left
text-align: left;
}

Next part, the profile field CSS.

Code:
.filtered_profile_field {
/**
 * this takes care of the profile field background, you have it as .fieldddd
 */
 border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; width:185px; height:1%; background: #0d0d0d; display:block; margin-left: 5px; padding-left: 3px; valign:middle; margin-bottom: 2px; padding-bottom:2px; padding-top:2px; padding:auto !important; overflow:hidden; color: #006CE0;
}

And, finally, for the last profile field...

Code:
.profile_field_label { // this is for the text in the profile fields
font-weight: bold;
color: #a6a6a6;
}

The rest is done via viewtopic_body, you should directly PM Amy Cool on Duel Academy about it.

mr.irate@so where is the code should be to put ? blink
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Irate on Tue May 07, 2013 1:20 pm

Put that into your CSS Stylesheet under Administration Panel -> Display -> Colors -> CSS Stylesheet.

You will need to edit your viewtopic_body to create the profile fields .profile_field_label and .filtered_profile_field.
avatar
Irate
Member
Member

Age : 21
Posts : 91
Join date : 2013-05-01
Forum Version : PhpBB2
Reputation : 2

View user profile http://duelacademy.net

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mostone on Thu May 09, 2013 12:43 am

BUMP!

please someone help me Smile
avatar
Mostone
Member
Member

Age : 24
Posts : 84
Join date : 2013-04-25
Reputation : 1

View user profile

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Mati™ on Wed Dec 25, 2013 11:42 am

User inactive and seems not to need help. Because of this, the support topic has been closed.


If you have other questions, please open a new topic.
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Re: how to add small image, under avatar photo?

Post by Sponsored content


Sponsored content


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