Forums
RS-Linkify
Quick find code: 261-262-33-65181208
@Morg that's a nice start! Try to determine your padding/margin values by percentages rather than pixel values perhaps (I am assuming that you have used pixels here)? I think that would be more reliable under flexible conditions
@J3sven
26-Mar-2015 22:22:19 - Last edited on 26-Mar-2015 22:23:39 by J3
So I kept my word indy, and I started with the very basics and my non-imaginative wen to a project I have probably returned to a little too many times by now.
http://puu.sh/gQXXL/2516f693c1.jpg
It's nothing spectacular but I thought it would be a cool place to start as clan members would no longer have to surf to a webpage in order to see where the avatar is
I will probably optimize it slightly but yeah. Time to get creative I guess, as this is really quite a lot easier than I thought it would be!
http://puu.sh/gQXXL/2516f693c1.jpg
It's nothing spectacular but I thought it would be a cool place to start as clan members would no longer have to surf to a webpage in order to see where the avatar is
I will probably optimize it slightly but yeah. Time to get creative I guess, as this is really quite a lot easier than I thought it would be!
@J3sven
26-Mar-2015 23:08:45
Ryan M
said
:
Something that's always bugged me was that previewing a post was never the correct size of what the forums actually displayed. It seems .forum-post--preview is the offender this time around. Rather than padding: 20px 30px 51px; it should be padding: 20px 20px 51px; to match the left/right of .thread-view__container .
That annoys me too. I hadn't looked into it as yet, so thanks for pointing out where the difference is. I'll definitely make use of that
Ziksy said :
Hoover over Avatar-picture online-status doesn't work
That's because it's not there
Many things I'll be adding one by one. I'll take a look at the two titles today.
J3 said :
So I kept my word indy, and I started with the very basics and my non-imaginative wen to a project I have probably returned to a little too many times by now
That's awesome J3!
That's the best way to start, is to have a project in mind and go for it
Something that's always bugged me was that previewing a post was never the correct size of what the forums actually displayed. It seems .forum-post--preview is the offender this time around. Rather than padding: 20px 30px 51px; it should be padding: 20px 20px 51px; to match the left/right of .thread-view__container .
That annoys me too. I hadn't looked into it as yet, so thanks for pointing out where the difference is. I'll definitely make use of that
Ziksy said :
Hoover over Avatar-picture online-status doesn't work
That's because it's not there
Many things I'll be adding one by one. I'll take a look at the two titles today.
J3 said :
So I kept my word indy, and I started with the very basics and my non-imaginative wen to a project I have probably returned to a little too many times by now
That's awesome J3!
That's the best way to start, is to have a project in mind and go for it
27-Mar-2015 03:15:25
Morgan
said
:
Everything goes to hell whenever the height of a post is different to the one that I used to get those dimensions
I don't know Stylebot. But I do know the parent is 'post-avatar'. And all changes should be relative (children) to that. That way post height plays no part in anything you do. This probably is no help but thought I'd mention anyway.
Final note on CSS Styles, this is for everyone who is playing around. There are two fundamentals that need to be understood, and they are basic but very important ones.
I know it's more fun to jump in and mess around, but there will come a time where frustration will outweigh the fun. A rudimentary understanding of CSS is all that's needed.
- CSS Precedence/Specificity (can't find a good beginners tutorial atm so here's an example)
^
This is what needs to be understood, why the colour will be yellow and not red, and why red doesn't overwrite yellow.
Many other things with selectors too, but I just can't cover 'em.
And The box Model: http://learn.shayhowe.com/html-css/opening-the-box-model/
With a little knowledge of those concepts all you need to know is the syntax and you're all set. It also means you can communicate better when talking code.
I don't know if anyone is prepared to read this, but this is best help I can give to anyone who's learning. Understand these concepts and you'll know more than most devs and you'll will be giving all of us some tips
Everything goes to hell whenever the height of a post is different to the one that I used to get those dimensions
I don't know Stylebot. But I do know the parent is 'post-avatar'. And all changes should be relative (children) to that. That way post height plays no part in anything you do. This probably is no help but thought I'd mention anyway.
Final note on CSS Styles, this is for everyone who is playing around. There are two fundamentals that need to be understood, and they are basic but very important ones.
I know it's more fun to jump in and mess around, but there will come a time where frustration will outweigh the fun. A rudimentary understanding of CSS is all that's needed.
- CSS Precedence/Specificity (can't find a good beginners tutorial atm so here's an example)
<
[type="
[type="text"] { color: green; } /* last rule matched */
input[type="
.my-class { color: red; }
input
class="
my-class
" type="
text
" value="some value" />
[type="
text
"] { color: green; }
.my-class
{ color: red; } /* last rule matched */
.my-class
{ color: red; }
[type="text"] { color: green; } /* last rule matched */
input[type="
text
"] { color: yellow; } /* most _specific_ rule matched */
.my-class { color: red; }
^
This is what needs to be understood, why the colour will be yellow and not red, and why red doesn't overwrite yellow.
Many other things with selectors too, but I just can't cover 'em.
And The box Model: http://learn.shayhowe.com/html-css/opening-the-box-model/
With a little knowledge of those concepts all you need to know is the syntax and you're all set. It also means you can communicate better when talking code.
I don't know if anyone is prepared to read this, but this is best help I can give to anyone who's learning. Understand these concepts and you'll know more than most devs and you'll will be giving all of us some tips
27-Mar-2015 03:39:28 - Last edited on 27-Mar-2015 04:17:43 by Indecent Act
Quick find code: 261-262-33-65181208 Back to Top