Flat Awesome - PixelExit.com [Deleted]

Rambro said:
@Russ any word on this?

Also, is it possible to widen the avatar images to fill the white space any? I finally got some animated avatars working and they're a little constrained:

View attachment 94484
Click to expand...

Just tried my code on FF/Chrome/IE and it all showed up good. What code exactly did you place on yours? Did you change the red to something else?

For the avatar are you looking for bigger avatars basically? https://xenforo.com/community/resources/avatars-big-tall.1741/ is that something along the lines of what you want.
 
Russ said:
Just tried my code on FF/Chrome/IE and it all showed up good. What code exactly did you place on yours? Did you change the red to something else?

For the avatar are you looking for bigger avatars basically? https://xenforo.com/community/resources/avatars-big-tall.1741/ is that something along the lines of what you want.
Click to expand...
I'm still a little lost on the red. The text inside the search box is grey on my install. What red are you referring to?

For the avatars, I suppose that is, if you think that code will widen them then that's what I'll use.
 
Rambro said:
I'm still a little lost on the red. The text inside the search box is grey on my install. What red are you referring to?

For the avatars, I suppose that is, if you think that code will widen them then that's what I'll use.
Click to expand...

Did you add the code I gave you in my prior post? A few posts of mine back?
 
Russ said:
Did you add the code I gave you in my prior post? A few posts of mine back?
Click to expand...
No, because you said something about it being red and I wasn't sure if we got our wires crossed and wanted to double check first. I saw that and my first thought was "what red is he talking about? Did I not explain it correctly?"
 
Rambro said:
No, because you said something about it being red and I wasn't sure if we got our wires crossed and wanted to double check first. I saw that and my first thought was "what red is he talking about? Did I not explain it correctly?"
Click to expand...

Haha, I just meant it was an example code.

You can make it any color you want:

Code: 
#QuickSearchQuery::-webkit-input-placeholder { color: #CCC; }
#QuickSearchQuery:-moz-placeholder { color: #CCC; }
#QuickSearchQuery::-moz-placeholder { color: #CCC; }
#QuickSearchQuery:-ms-input-placeholder { color: #CCC; }
 
Russ said:
Haha, I just meant it was an example code.

You can make it any color you want:

Code: 
#QuickSearchQuery::-webkit-input-placeholder { color: #CCC; }
#QuickSearchQuery:-moz-placeholder { color: #CCC; }
#QuickSearchQuery::-moz-placeholder { color: #CCC; }
#QuickSearchQuery:-ms-input-placeholder { color: #CCC; }
Click to expand...
Ah, gotcha. I definitely misread that one. My bad. Code works. I'll futz with the colors.

So the avatars you recommend that code from Jake?
 
Rambro said:
Ah, gotcha. I definitely misread that one. My bad. Code works. I'll futz with the colors.

So the avatars you recommend that code from Jake?
Click to expand...

I personally am not a fan of it because depending on the users avatar a user could have a taller one than everyone else. I like everyone to be consistent with that you can't if I recall.
 
Russ said:
I personally am not a fan of it because depending on the users avatar a user could have a taller one than everyone else. I like everyone to be consistent with that you can't if I recall.
Click to expand...
I agree, which is why I was basically interested in just trying to widen the viewable width. This way I could keep things relatively constrained.
 
Rambro said:
I agree, which is why I was basically interested in just trying to widen the viewable width. This way I could keep things relatively constrained.
Click to expand...

Plainly put I'm not a fan of how avatars function on xenforo. Currently I think the only real option would be CSS to increase it, unless you wanted to change the size of the medium avatar(96x96)globally by doing a file edit(don't have the link currently)

On my phone but this would stretch it(just loses quality)
Code: 
.messageUserInfo .avatar img {
height: 140px;
width: 140px;
}
 
Russ said:
Plainly put I'm not a fan of how avatars function on xenforo. Currently I think the only real option would be CSS to increase it, unless you wanted to change the size of the medium avatar(96x96)globally by doing a file edit(don't have the link currently)

On my phone but this would stretch it(just loses quality)
Code: 
.messageUserInfo .avatar img {
height: 140px;
width: 140px;
}
Click to expand...

Hi Russ, I can't find the "mark as read / mark as unread" little circle icon in the conversation_list, is it just mine or is it as design ?

I'm currently testing it with XF 1.3.3, btw
 
Superb skin ;) I have just two minor questions, see the image below:
1) How can I move the two tabs by 16px to the left so that the are on the same height as the logo on top?
2) How can I change the hover-style for this links here and on the bottom of the forum? I'd prefer it to just underline them, but to stay white when hoeverd.

Thank you :)

EDIT: For the Tab-thing I put this in Extra.css, I hope this is ok. At least it works.

Code: 
.navTabs {
padding: 0 0px;
border-left-width: 0px;
}

EDIT2: In the meantime I figured out Issue 2, I addess to EXTRA.CSS the following code. I hope it's ok.

Code: 
.navTabs .navTab.selected .tabLinks a:hover {
color: rgb(222, 222, 222);
text-decoration: underline;
}
 

Attachments

  • Untitled-1.webp
    Untitled-1.webp
    10 KB · Views: 16
Last edited:
PCC said:
This is an awesome style. Thanks for offering it for free!

I have noticed that in the message box when creating a post that if you make text bold it does not appear bold in the post editor. It only shows bold after you finalize the post or view it in a preview.
Click to expand...

You mentioned you were going to look into this issue. Any luck?

Thanks.
 
Is there a way of changing default fonts to others? The fonts provided look nice but show a lot of problems when diacritic characters are used, especially on non-Windows machines. Diacritics with different sizes/styles are used then.
 
xoa said:
Superb skin ;) I have just two minor questions, see the image below:
1) How can I move the two tabs by 16px to the left so that the are on the same height as the logo on top?
2) How can I change the hover-style for this links here and on the bottom of the forum? I'd prefer it to just underline them, but to stay white when hoeverd.

Thank you :)

EDIT: For the Tab-thing I put this in Extra.css, I hope this is ok. At least it works.

Code: 
.navTabs {
padding: 0 0px;
border-left-width: 0px;
}

EDIT2: In the meantime I figured out Issue 2, I addess to EXTRA.CSS the following code. I hope it's ok.

Code: 
.navTabs .navTab.selected .tabLinks a:hover {
color: rgb(222, 222, 222);
text-decoration: underline;
}
Click to expand...

Style Properties -> Header and Navigation -> Nav Tabs can adjust the padding there.

Same area -> Selected Tab Sub Links Hover -> Color for the second issue.

PCC said:
You mentioned you were going to look into this issue. Any luck?

Thanks.
Click to expand...

I can't reproduce this unfortunately :(, the bolding works on a couple different forums.

tosiabunio said:
Is there a way of changing default fonts to others? The fonts provided look nice but show a lot of problems when diacritic characters are used, especially on non-Windows machines. Diacritics with different sizes/styles are used then.
Click to expand...

Style Properties -> Flat Awesome Properties -> Change the fonts for primary/secondary back to the default:

Code: 
"Trebuchet MS",Helvetica,Arial,sans-serif

Or whatever you'd like :), you can disable the google font call above as well.
 
On 1.4.4 I get an outdated template - attached_files.css which won't merge automatically:

templates-diff.webp
 
You must log in or register to reply here.

Similar threads

Pixel Exit
Flat Awesome + - PixelExit.com [Paid]
5 6 7
Replies
130
Views
11K
Pixel Exit
Pixel Exit
Top Bottom