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 small image, under avatar photo?

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved how to add small image, under avatar photo?

Post by sasukekun on April 29th 2013, 8:34 am

First topic message reminder :

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


Last edited by mostone on April 29th 2013, 6:56 pm; edited 2 times in total

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down


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

Post by sasukekun on May 5th 2013, 4:03 pm

@Sanket wrote:
mostone wrote:I would like to field profile (an image)
how to be like that??

this image (example)


please help me Smile

That background will come on all profile fields.

Only, for ranks it will be different.

so how to be like this? bounce


thanks .. Smile

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Sanket on May 6th 2013, 11:22 am

Those seem to be profile fields. Just create new profile fields.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by sasukekun on May 6th 2013, 1:39 pm

I've made ​​it, if only a profile fields.
I tried to make "an image"
but the results are always entered into the "background sub ​​profile data"
you can see this Smile

http://astajim.indonesianforum.net/t4-dragon-ball-z-battle-of-gods-full-movie-english-sub

please help me Smile

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

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



sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Sanket on May 6th 2013, 4:51 pm

That is what I am trying to tell you, all profile fields will have that background.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by sasukekun on May 6th 2013, 6:52 pm

if you say "all profile fields will have that background." beu

how about this, This is what I mean. TT
you can see this picture :


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

my forum:
http://astajim.indonesianforum.net/t6-announcements#14



sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Sanket on May 7th 2013, 5:27 am

I don't know how you got the screenshot. But, i don't see a background at all on the forum.
http://awesomescreenshot.com/0d918tgj18

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by sasukekun on May 7th 2013, 5:40 am

wait for it to finish loading.
it's odd if you can not see the "sub background profile data"
because everything can be seen. Confused


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

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Sanket on May 7th 2013, 5:47 am

I see it now. Possibly, its some javascript as he has differentiated that one profile field & thats how its not appearing for that single one. I am sorry, but i am not good at javascript. Maybe, someone else can try it.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by sasukekun on May 7th 2013, 6:30 am

if you like it,
thank you mr.sanket

I will try to find this answer. Smile

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by tommycoo on May 7th 2013, 9:17 am

@Sanket wrote:I see it now. Possibly, its some javascript as he has differentiated that one profile field & thats how its not appearing for that single one. I am sorry, but i am not good at javascript. Maybe, someone else can try it.

i think they only used two span tag, but i don't how the can do that.. but see their html
Code:
<span class="profile_field"><span class="profile_field_label"><span class="label"><span style="color:#A4A4A6;"></span></span></span><img src="http://i41.servimg.com/u/f41/17/61/95/60/rlmedi10.png" alt="No warnings" title="No warnings"><br></span>

thats for their warning bar/ ranks bar

but this for their other bar.
Code:
<span class="profile_field filtered_profile_field"><span class="profile_field_label"><span class="label"><span style="color:#9A9A9A;"><img src="http://i31.servimg.com/u/f31/17/61/95/60/edit_p10.png" alt="Posts"> Posts</span>: </span></span>5131<br></span>

i hope that will be help Very Happy

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

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

Post by sasukekun on May 7th 2013, 1:45 pm

so how should I put that code?

please someone help me Sad

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Sanket on May 7th 2013, 1:47 pm

He just copy pasted the code from developer's tools. As i said, i feel it needs javascript. As the code shows, profile_field filtered_profile_field

Thats the difference.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

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

Post by Ultron's Vision on May 7th 2013, 3:27 pm

Mmmm... it's not directly JavaScript, it's more our viewtopic_body.

We use this JavaScript to make sure our profile fields appear properly, you can try this...

Code:
jQuery(document).ready(function(){ 

jQuery('.profile_field').each(function(){
    var color = jQuery(this).find('.label span').css('color');
    if (color != 'rgb(164, 164, 166)' ){
      jQuery(this).addClass('filtered_profile_field');
}
});


});

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

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

Post by sasukekun on May 7th 2013, 3:40 pm

yeah, i done try but nthing happen mr.irate


after


please help me,

thanks before Smile

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Ultron's Vision on May 7th 2013, 3:55 pm

What did you name your profile fields like?

It's important.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

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

Post by sasukekun on May 7th 2013, 4:24 pm

this about code fielddd in my css Smile

Code:
.fieldddd {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    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;
   
    }

Code:
.fieldddd {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

Code:
.fieldddd {
            margin-left: 6px !important;





Last edited by mostone on May 8th 2013, 12:49 am; edited 1 time in total

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Ultron's Vision on May 7th 2013, 4:46 pm

The first and second code both refer to the same span. Use different names.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

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

Post by sasukekun on May 8th 2013, 12:53 am

Edit:
this about code fielddd in my css Smile

Code:
.fieldddd {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    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;
   
    }

Code:
.fieldddd {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

Code:
.fieldddd {
            margin-left: 6px !important;

whether code should be merged into one?
because using the same name, ie "fielddd"?? Smile

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Zacbonic/Albinotiger on May 8th 2013, 1:10 am

Add it too a rank? You could make a rank image and add it too the members that want it.

Zacbonic/Albinotiger
Forumember

Male Posts : 92
Reputation : 3
Language : English, Spanish, French,And Dutch
Location : United states

http://redwood.iftopic.com

Back to top Go down

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

Post by tommycoo on May 8th 2013, 1:27 am

i think he won't that as ranks, he want it to be a profile field Smile

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

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

Post by Zacbonic/Albinotiger on May 8th 2013, 1:37 am

Oh well putting it in a rank will make it so you can choose who can have it.

Zacbonic/Albinotiger
Forumember

Male Posts : 92
Reputation : 3
Language : English, Spanish, French,And Dutch
Location : United states

http://redwood.iftopic.com

Back to top Go down

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

Post by Ultron's Vision on May 8th 2013, 10:13 am

No, that's not what I mean...

At Duel Academy, we use three different classes: .profile_field, .filtered_profile_field and .label for the profile fields, and the code I posted refers to those classes...

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

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

Post by sasukekun on May 8th 2013, 10:18 am

so how should I do it? I want to be like that.

please help me

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by mangaka on May 8th 2013, 10:58 am

You can create a new Profile

Administration Panel>>>User And Group Admin>>>Profiles

Create a new profile

Type:Text Field

Name:(whatever you want)

Description:(you can fill it or ignore it)

URL Icon:(Image/icon that you want to apply in your Profiles)

Neccesary Filled?:No

Display:Profile

Display Type:Icon

Who can modify the profile field value?:Moderators

Display this field that at least:Members

Separators:Back To The Line

Hope it helps Hello

mangaka
Forumember

Female Posts : 121
Reputation : 5
Language : Indonesia
Location : Well

Back to top Go down

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

Post by sasukekun on May 8th 2013, 3:56 pm

that's not what I want,
if I have understood that way. Smile

what I want is like this. Sad


please someone help me to fix this problem

thanks before

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by E-Mark on May 9th 2013, 6:42 am

Ultra_Vision gave you the code, the problem is in the viewtopic_body, since it only uses wrong class.
Go to viewtopic_body, find this:
Code:
<span class="fieldddd"><span class="field2">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span></span>

Replace it with this one: (I'll change the other class)
Code:
<span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>

Now in CSS, find this part:
Code:
    .fieldddd {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    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;
   
    }
        .fieldddd {
            margin-left: 6px !important;
                  }
    .fieldddd {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

Replace it with this one:
Code:
    .filtered_profile_field {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    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: #2CAB58;
   
    }
        .filtered_profile_field {
            margin-left: 6px !important;
                  }
    .filtered_profile_field {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }

Now on the profile (ACP > User and Groups > Profile), find the warning bar profile.
Edit it's color and set it to #A4A4A6 since the color rgb is set to 164 164 166 on the code provided then save.

Very Happy

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

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

Post by sasukekun on May 9th 2013, 12:16 pm


wWOoww this code its work :wouhou: :wouhou:

mr.mark thank you for helping me, this very2 amazing trick from you banana

I asked almost in all the forums but i did not find the correct answer.
but I found the correct answer, in this forum, this is very unusual, particularly special to you.

I am very grateful to you again,

maybe if you are in Indonesia, and stay close to me,
I will invite you to see a movie, eat, and everything was free.
I am sure of that, Wink

and Finaly about samll image or warning bar under avatar 1000% solved cheers


you very help me mr.mark

thanks mr.mark, thanks thanks thanks again

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

Thanks to: Ultron's Vision, and other bye

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

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

Post by Sanket on May 9th 2013, 2:11 pm

Topic Solved & Locked

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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