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.

Forum Appearance Feedback

View previous topic View next topic Go down

Solved Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 2:18 pm

Hi,

I feel that I'm at a point where i need feedback on what i could do more to improve my forum appearance. I can't think of many things and whenever i take a look at the forum it feels "lacking" in a sense. Right now the only thing I could think of is working on the "Who's Online" and mess around with the template to have something unique, but that's it, am out of ideas. It'd serve me a great deal if some of you have any suggestions or recommendations to make the skin look better, I'm all ears.

Link: http://daskintest.forumarabia.com/

(P.S. sorry if this is the wrong section for this kind of topics, you may move the topic to a more suitable section Very Happy )


Last edited by Anzo on September 23rd 2015, 8:56 pm; edited 1 time in total

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Ange Tuteur on September 23rd 2015, 2:42 pm

I see you got the footer down, nice work. Smile Here's some of my suggestions :


1. The image in your search box kind of sticks out because it's off center. I'd probably scrap that, or replace it with another image. Here's some CSS for modifying that :
Code:
#search-box #keywords {
  background-image:none;
  padding-left:3px;
}


2. The buttons aren't the strongest point. I think it might be because the text stands out too much, while the background blends with your theme. I'd recommend something a little more "flat" that shows more change when you interact with it. Mind you, this CSS is an example, you can change it however you like. Smile
Code:
a.button1, a.button2, button.button2, input.button1, input.button2 {
  color:#FFF !important;
  font-weight:bold;
  background:#39C;
  border:none;
  border-radius:3px;
  display:inline-block; /* for anchor buttons */
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
  background-color:#333;
  border:none;
}

3. I noticed some of the colors blend a lot, making it hard to see where things begin and end. Lighter colors on darker colors should work, but adding borders for separation can help tremendously. I notice this the most when looking at posts in the topics.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 2:52 pm

Okay, I'll get to it now. Thanks Very Happy

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by brandon_g on September 23rd 2015, 4:23 pm

Hello,

Looks good, only thing I notice (I am viewing from my phone) is that the toolbar doesn't go all the way across the screen. It stops just shy of the full length of the screen. For some reason that bothers me, maybe just the tad OCD in me. Either way, my only feedback would be to see if you could fix this.

Screenshot:

Regards,
-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Ange Tuteur on September 23rd 2015, 5:28 pm

You're not alone, Brandon, that gap would drive me nuts too. Razz

From what I can tell, it looks like a majority of the gap is caused by a 60px margin on the left side of the wrapper. ( #wrap ) The rest looks to be caused from the wrapper's minimum width which is 1024px.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 5:52 pm

How do i fix it then?

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by KpuCk0 on September 23rd 2015, 5:59 pm

Add this to your CSS

Code:
#wrap {
    margin: 655px 0px 0px 0px;
    width: 100%;
}

KpuCk0
Graphic Designer
Graphic Designer

Male Posts : 743
Reputation : 149
Language : Bulgarian, English
Location : Bulgaria

http://www.lfszone.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Ange Tuteur on September 23rd 2015, 6:00 pm

Probably by removing the 60px margin on the left I mentioned. Such as doing this :
Code:
#wrap { margin-left:0 }

Then the other solution would be to apply a minimum width to the container elements that are displaying the same problem. I'd try to make the minimum equal to the wrapper minimum, which was 1024px. An example with the header :
Code:
.headerbar {
  min-width:1024px;
}

We actually had to do the same thing with the footer here. That is, giving it a similar min-width as the wrapper. To make it easier you can use Firefox's responsive design mode, or Google Chrome's device mode which is x1000 better for testing mobile.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 6:24 pm

I change the margin-left to 0 but didn't change the wrapper width to 100%. I want to have area on the both sides that aren't occupied otherwise the forum would just look stacked. Now the entire wrapper is stuck left lol how do i center it?

I added the min-width:1024px; to the headbar, mind telling me how it looks now from your phone?


Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Ange Tuteur on September 23rd 2015, 6:34 pm

Oh you're right. Change that rule to this :
Code:
#wrap {
  margin-left:auto;
  margin-right:auto;
}
It'll center the wrapper.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 6:47 pm

Done.

I checked on my phone, it still doesn't show the width properly. I added the 1024px thingy to the footer as well, same thing.

EDIT: In the responsive mode, when I make the min-width:1066px; the problem is fixed. Is 1066 good?

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by brandon_g on September 23rd 2015, 7:30 pm

Geez that sounds like one stubborn toolbar! After all that was suggested above, it still looks unchanged!



@Ange Tuteur glad I am not alone Very Happy.

-Brandon



Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Ange Tuteur on September 23rd 2015, 7:44 pm

Hmm.. Well, aside from min-width'n everything. The only other solution I can see would be setting the minimum width on your wrapper to a lower value, like this :
Code:
#wrap { min-width:0 }


That'll remove the minimum width on your wrapper. Honestly, these widths can sometimes be a pain across multiple resolutions. Razz

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 7:52 pm

I think that made it worse lol

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Ange Tuteur on September 23rd 2015, 7:59 pm

Yeah, if you set the minimum width to 0 and width to 100% the wrapper would resize to any resolution. However, due to disabling the minimum width there's the chance content may appear compressed. Other than that, that's pretty much the easiest way out.

You'd just have to undo the rules you added for minimum width on other elements. Sorry I didn't mention that before. Lol

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by brandon_g on September 23rd 2015, 8:02 pm

I apologize @Anzo is my observation causes you un needed work and stress. The theme does look good and if you really dont want to, I suppose you don't nessecarily have to fix it.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 8:11 pm

Why are you apologizing? If putting more work means better results and a better looking skin then I'm all thankful for your observation. Very Happy

Also it looks like the problem is fixed, I checked on my phone and it looks good. Cool

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by brandon_g on September 23rd 2015, 8:26 pm

@Anzo wrote:Why are you apologizing? If putting more work means better results and a better looking skin then I'm all thankful for your observation. Very Happy

Also it looks like the problem is fixed, I checked on my phone and it looks good. Cool


Yeah it seems to be fixed here too. Well I am glad my observation could help! Good job on the theme so far! Looks good!

-Brandon

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by Anzo on September 23rd 2015, 8:41 pm

Thank you Very Happy

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by brandon_g on September 23rd 2015, 8:44 pm

Your welcome anytime Very Happy.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5137
Reputation : 478
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Forum Appearance Feedback

Post by APE on September 23rd 2015, 10:39 pm

Topic solved and archived





APE
Manager
Manager

Male Posts : 8309
Reputation : 716
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

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