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

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

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

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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


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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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.

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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.

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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.

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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.

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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....

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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?

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.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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.

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...

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;
}

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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

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;
}

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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.

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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

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.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.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.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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.

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