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.

Awards

+4
PA
Ramdaman
SLGray
angel_of_night
8 posters

Go down

Awards Empty Awards

Post by angel_of_night December 2nd 2014, 11:14 pm

Hello.

How to make my awards look like this: Awards FwRdj7Y instead of this: Awards JG4BtVT


I really do not want my forum's profile to be changed.

I am using "image list" to do my awards, because I want them to have a title when hover on them.

Forum URL: www.namelesscraft.org

Thank you.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by SLGray December 3rd 2014, 1:56 am



Awards Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Awards Empty Re: Awards

Post by Ramdaman December 3rd 2014, 2:58 am

Try and see if this CSS code works

Code:
.profile_field_list li img { display:inline-block }
Ramdaman
Ramdaman
Active Poster

Male Posts : 1615
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 10th 2014, 3:41 pm

Ramdaman wrote:Try and see if this CSS code works

Code:
.profile_field_list li img { display:inline-block }
Thank you, but unfortunately didn't work Sad
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by SLGray December 11th 2014, 12:52 am

Try this:

Code:
.profile_field_list li img { display:inline-block !important; }


Awards Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 11th 2014, 4:10 pm

Didn't work Sad

I will show my published templates
index_body:

viewforum_body:
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 11th 2014, 4:11 pm

(have to double post cause the message was too long)

viewtopic_body:

MY CSS:
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by SLGray December 11th 2014, 9:36 pm

Add the #CSS code to the top of your stylesheet.


Awards Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 11th 2014, 9:38 pm

Also tried that, didn't work.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 12th 2014, 4:49 pm

bump
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by PA December 13th 2014, 7:13 pm

Hey, just asking, how are you able to select multiple images from the image list? I can only select one..
avatar
PA
Forumember

Posts : 219
Reputation : 2
Language : english

Back to top Go down

Awards Empty Re: Awards

Post by SLGray December 13th 2014, 8:25 pm

PA wrote:Hey, just asking, how are you able to select multiple images from the image list? I can only select one..
It is not possible.


Awards Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Awards Empty Re: Awards

Post by SarkZKalie December 14th 2014, 8:22 am

Hey, this's your CSS
Code:
.filtered_profile_field {
background: #0f0f0f;
border-bottom: 2px solid #000;
border-left: 1px solid #000;
border-right: 2px solid #000;
border-top: 1px solid #000;
color: #C9C9C9;
display: block;
font-family: Verdana;
font-size: 10px!important;
height: 1%;
margin-bottom: 2px;
margin-left: 10px;
overflow: hidden;
padding: 5px 0 5px 5px;
text-align: left!important;
vertical-align: middle;
width: 187px;
And what I modified
Code:
.filtered_profile_field {
background: #0f0f0f;
border: none !important;
color: #C9C9C9;
display: inline-block;
font-family: Verdana;
font-size: 10px !important;
height: 1%;
margin-bottom: 2px;
margin-left: 10px;
overflow: hidden;
padding: 5px 0 5px 5px;
text-align: left!important;
vertical-align: middle;
/* width: 187px; NEED REMOVE*/
Awards Sprite10
Did you have a separator for profile? Add new one.
Don't like it? Ya, me too! Evil or Very Mad
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1407
Reputation : 218
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 14th 2014, 4:37 pm

Yea I don't like that at all...
Isn't there another way?


Last edited by angel_of_night on December 19th 2014, 1:31 pm; edited 1 time in total
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by Ramdaman December 14th 2014, 7:00 pm

Try this CSS:
Code:
td.row1 {
display: block;
position: relative;
top: -6px;
text-align: left;
z-index: 99;
background: #141414;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08) inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.02) inset, 0px 1px 3px rgba(0, 0, 0, 0.9);
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10x;
padding-top: -5px;
padding-bottom: 15px;
padding-left: 6px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-bottom: 5px solid #FFB008;
}
Ramdaman
Ramdaman
Active Poster

Male Posts : 1615
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 14th 2014, 7:38 pm

That didn't work. The index had orange bars everywhere
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by cupcup December 15th 2014, 10:14 am

Hello try this
1. Admin Panel > Display > Template > General > View_topic_body
Search:
Code:
<!-- BEGIN profile_field -->
                                                          {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                                 <!-- END profile_field -->
Replace to:
Code:

<!-- BEGIN profile_field -->
                                                          {postrow.displayed.profile_field.LABEL}<span class="award-egc">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
                                 <!-- END profile_field -->
Then after that.
Place this CSS:
Code:
.award-egc img {
background: #272A2F;
border-radius: 5px;
height: 25px;
width: 25px;
}
Save

Finish

Result:
Awards Egc10
avatar
cupcup
Forumember

Posts : 36
Reputation : 1
Language : english

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 19th 2014, 1:33 pm

Now its all screwed....
Its like this:

Awards BWH0Iyk

Instead of being like this

Awards DDaA29c



I'd really appreciate if someone helped me doing a profile like this:
Awards Y805yBI
Using drop shadows and everything
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 20th 2014, 11:35 pm

a
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 22nd 2014, 8:48 pm

bp
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by _Twisted_Mods_ December 22nd 2014, 11:28 pm

you can try this

Awards ZtVn2LYHQSmTA34WPlMX+Image1

css

Code:
.profileee {
    background-image: url("http://i.imgur.com/I35DAyA.png");
    border-bottom: 4px solid #835596;
    border-style: solid none;
    border-top: 4px solid #835596;
    margin: 10px !important;
    padding: 10px 0px 30px;
    text-align: center;
    width: 215px;
    border-radius: 3px;
 
}

.profileee hr{
  border-bottom: 0.01em solid #333;
  background-color: #000;
  color: #000;
  height: 3px;
  width:100%;
}


javascript

Code:
$(function(){
$('.profileee span strong:nth-child(2)').after(' <hr></hr> ');
$('.profileee span img:nth-child(2)').after(' <hr></hr> ');
});
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 24th 2014, 3:49 pm

No....
I want a profile like this:
Awards Y805yBI
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night December 29th 2014, 11:45 am

bump
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night January 6th 2015, 12:46 am

bump
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by angel_of_night January 13th 2015, 3:12 pm

bump
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Awards Empty Re: Awards

Post by Ikerepc January 15th 2015, 10:10 am

You have new thing in profiles for each award, right?

Have you tryed changing their seprator?
Ikerepc
Ikerepc
Active Poster

Male Posts : 1186
Reputation : 167
Language : Who cares...
Location : Where web help & support is needed

http://admins.forumotion.com

Back to top Go down

Back to top

- Similar topics

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