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 can i make my forum like this

Page 2 of 3 Previous  1, 2, 3  Next

View previous topic View next topic Go down

In progress how can i make my forum like this

Post by Kite Trojan on December 13th 2013, 5:27 am

First topic message reminder :

so, ive been looking at other forums and i saw this:



sorry if it looks bad
but how can i make my forum look like this

verison is on the profile to the left
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down


In progress Re: how can i make my forum like this

Post by Kite Trojan on December 17th 2013, 5:18 am

bump
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 3:47 am

bump
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 3:49 am

Could you post the link to the forum where you saw this?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 3:58 am

avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 4:21 am

Add this to your CSS:
Code:
.poster-profile {
      background:  url("http://i57.servimg.com/u/f57/13/06/81/38/snowfa11.png") repeat scroll 0px 0px rgb(14, 14, 14);
}
And
Code:
.postprofile1 {
      background:  url("http://i57.servimg.com/u/f57/13/06/81/38/snoww110.png") no-repeat scroll center bottom transparent;
}


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 5:37 am

Added but, nothing happens.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 5:41 am

Add it to the top of the stylesheet.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 5:52 am

Did. Still the same.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 5:56 am

Add !important to the codes.  Make sure that it is before the ;


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 5:59 am

I have added it, but still the same thing. You can check the code if you want.
Spoiler:
P.S you should know the founder account info. If not check your PMs from awhile back.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 6:04 am

I delete my old pm's.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 6:07 am

I'll sent you it again.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 6:43 am

Sorry, but I can not figure out how to achieve what you are looking for.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 7:04 am

Can you leave this topic open if anyone else can help
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 7:45 am

I will leave it open until you request it closed or when someone solved it.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by andrewlincoln318 on December 19th 2013, 10:01 am

@SLGray wrote:I will leave it open until you request it closed or when someone solved it.


yes somebody can visit here have an idea....
avatar
andrewlincoln318
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 19th 2013, 11:24 am

@andrewlincoln318 wrote:
@SLGray wrote:I will leave it open until you request it closed or when someone solved it.


yes somebody can visit here have an idea....
Please do not post unless you are offering a solution.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Selvester on December 19th 2013, 4:52 pm

Okay I have a question about this. Are you trying to get the snowflake background on the post profile with just the snow? Or are you trying to get the customized profile fields EX: How it looks with the Posts field and the Warning field and so on? Or both?

Because I have kind of been following this and doing a few small tests myself... but for the entire time I kind of thought it was just the profile fields you were trying to change... But its the whole thing, correct?
avatar
Selvester
Forumember

Female Posts : 255
Reputation : 10
Language : English, French (little bit)

http://rp-central.forumotion.com

Back to top Go down

In progress Re: how can i make my forum like this

Post by Sir Chivas™ on December 19th 2013, 4:57 pm

Hi,

Forgive me about not completing this task. I have it done in my test forum, however, I'm trying to fix a few bugs that I have discovered before giving you out the code. So, you should have it before the end of tonight.
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 19th 2013, 11:59 pm

Thanks.

Yes, I am trying to customize it and yes, both.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Selvester on December 20th 2013, 1:27 am

Okay both was all I needed to know. I managed to work out some of a code, mainly the part which changes the background and whatnot, just haven't worked out the post/warning part of the profile field just yet. It sounds as though Sir Chivas™ has made more progress than myself however so I'll just leave it to...
avatar
Selvester
Forumember

Female Posts : 255
Reputation : 10
Language : English, French (little bit)

http://rp-central.forumotion.com

Back to top Go down

In progress Re: how can i make my forum like this

Post by Sir Chivas™ on December 20th 2013, 2:00 am

Hi,

I've fixed the issue:

The problem was that the tags weren't surrounding the whole exact code:


You had this:
Code:
<div class="border1">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>

You forgot one:
Code:
{postrow.displayed.profile_field.SEPARATOR}

Now changed to this:
Code:
<div class="border1">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>

Note: I added the image that they're using. However, if there is any problem where the founder of that forum wants you remove the image, please do so. Smile

It'll be in here inside your CSS:
Code:
.border1 {
background: url("http://i57.servimg.com/u/f57/13/06/81/38/snoww110.png") 50% 100% no-repeat;
border: 1px solid rgb(0, 0, 0);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
box-shadow: rgba(255, 255, 255, 0.0784314) 0px 0.5px 0px inset, rgba(255, 255, 255, 0.0196078) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.901961) 0px 0.5px 1.5px;
color: rgb(0, 40, 85);
font-weight: 700;
margin: 2px 15px;
padding: 3px 5px;
text-align: left;
}
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 20th 2013, 4:09 am

Ok, I've did what I should of did but, 


as you see, the code you provided my work, but my request is also adding the snowflakes and centering the avatars


Last edited by Xnomejx on December 20th 2013, 4:16 am; edited 1 time in total
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Sir Chivas™ on December 20th 2013, 4:12 am

Okay, I've fixed the issue:

The problem was that the tags weren't surrounding the whole exact code:

You had this:
Code:
<div class="border1">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>

You forgot to put one in between, which is this one:
Code:
{postrow.displayed.profile_field.SEPARATOR}

Now, after noticing that, I added it and now it looks like this:
Code:
<div class="border1">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>

Note: I added the image that they're using. However, if there is any problem where the founder of that forum wants you remove the image, please do so. Smile

It'll be in here inside your CSS:
Code:
.border1 {
background: url("http://i57.servimg.com/u/f57/13/06/81/38/snoww110.png") 50% 100% no-repeat;
border: 1px solid rgb(0, 0, 0);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
box-shadow: rgba(255, 255, 255, 0.0784314) 0px 0.5px 0px inset, rgba(255, 255, 255, 0.0196078) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.901961) 0px 0.5px 1.5px;
color: rgb(0, 40, 85);
font-weight: 700;
margin: 2px 15px;
padding: 3px 5px;
text-align: left;
}
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 20th 2013, 4:18 am

reread the old post. the one a few minutes or seconds ago.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 20th 2013, 4:31 am

Did you fix the template that SIr Chivas was referring to?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 20th 2013, 4:39 am

yes, i fixed the template
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by SLGray on December 20th 2013, 4:48 am

Did you publish it?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38749
Reputation : 2603
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

In progress Re: how can i make my forum like this

Post by Sir Chivas™ on December 20th 2013, 4:53 am

I'm sorry, my fault. I did not center the avatars, I'll do that now and as well add the falling snow flakes. Forgive me.
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: how can i make my forum like this

Post by Kite Trojan on December 20th 2013, 5:14 am

NP. I thank you both for all the hard work.

SLgray, they was no template to publish. It was already published.
avatar
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Page 2 of 3 Previous  1, 2, 3  Next

View previous topic View next topic Back to top


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