Chit Chat Thread

[Mr.Panos]

First topic message reminder :

What's up guys?  

[Ange TuteurAdministrator]

Okay, don't worry about testing javascript on your mobile browser. I decided to go back to my roots and do this strictly with CSS.

I've tested on the crappiest mobile browser I could get my hands on(PSP) and it displayed Online/Offline correctly.

So far so good.

[Rhino.Freak]

yes it started working ^^ congrats

[Ange TuteurAdministrator]

Works 100% on phpbb3 and invision since they both have the online class for the posts. Maybe I'll write a little tuto up for that since its simple and I like it more than the online images.

[Rhino.Freak]

yeah I like it this way too hmm

[SLGrayValued Member]

Works 100% on phpbb3 and invision since they both have the online class for the posts. Maybe I'll write a little tuto up for that since its simple and I like it more than the online images.

I really do not know why people still use phpBB 2 as it is way out of date. Invision and phpBB 3 are the newest versions, especially phpBB 3. Most browsers will not support the codes for phpBB 2.

[Rhino.Freak]

Exactlyz!!
I am actually trying to renovate a forum (its a biig one) which hasn't been really touched from administrative sides for a loooong time (yes THAT long).. Its so hard to convince the only admin there to change from phpbb2 to phpbb3.. -_- He keeps on saying me no need to change theme but eh..damn..
I'll work on the second theme at the moment :/

[Ange TuteurAdministrator]

I really do not know why people still use phpBB 2 as it is way out of date.  Invision and phpBB 3 are the newest versions, especially phpBB 3.  Most browsers will not support the codes for phpBB 2.

I plan on gutting phpbb2 when I'm finished with my phpbb3 theme.  

[SLGrayValued Member]

I really like the look of phpBB 3 and Invision. Each version has their pros and cons.

[Ange TuteurAdministrator]

Yep, that is true. My favorite no doubt is phpbb3 ♥

[Rhino.Freak]

Ange your signature is awesome.. Teach me how to make it?? Im always messed up with padding n margin thingy.. Lol.

[Ange TuteurAdministrator]

For my signature it is a bbcode table with some style. I have a 2px border to the right and some padding to the right. Its width is 100% so it spans the entire post, this allows me to align the text to the right.

Here's some quick info on padding and margin :

Padding : is the spacing inside of an element
Margin : is the spacing outside of an element

Without padding the text is at the absolute corners of the element.
Without margin both elements have no space between each other.
<div style="display:inline-block;background:#0C0;width:100px;height:100px;">No padding,
No margin</div><div style="display:inline-block;background:#0CC;width:100px;height:100px;">No padding,
No margin</div>

With padding the text no longer touches the corners of the element.
<div style="display:inline-block;padding:5px;background:#0C0;width:100px;height:100px;">5px padding,
No margin</div><div style="display:inline-block;padding:5px;background:#0CC;width:100px;height:100px;">5px padding,
No margin</div>

With margin the elements no longer touch each other.
<div style="display:inline-block;margin:2px;padding:5px;background:#0C0;width:100px;height:100px;">5px padding,
2px margin</div><div style="display:inline-block;margin:2px;padding:5px;background:#0CC;width:100px;height:100px;">5px padding,
2px margin</div>

[Rhino.Freak]

Ooh so informative!
So basically when we have only 1 element or a stylish table in our case, margin is pointless right?
Thanks Ange!

[Ange TuteurAdministrator]

Yes, margin is usually useful for multiple elements, or if the corners are too close to the element it is inside of, but you can usually use padding for that.

[Rhino.Freak]

Sounds great.. I'll start experimenting with that to come up with a cool new signature
also, we cant style it for 'hover' unless we have a class with its :hover in css of that forum right? Or is there any way?

Stacking up to right with a border-right is your way now, I'll make my own style

[Ange TuteurAdministrator]

If the forum you're on has HTML enabled you should be able to create an inline style sheet in your signature.

Example :

Code:

<style>.myElem { color:red; }
.myElem:hover { color:blue; }</style>

[Rhino.Freak]

ooh awesome.. thanks!

so hows everybody doing these days?

[Ange TuteurAdministrator]

I am okay, I've just been working on some JavaScript projects for practice. Maybe something new to test here, who knows ?

[Rhino.Freak]

lol sounds interesting XD
I too am enjoying the free time.. finally decided to put up my avatar

[Ange TuteurAdministrator]

I thought you were gonna be noava forever

[Rhino.Freak]

Lol yeah im quite lazy XD
Your ava is funny lol, you made it?

[Ange TuteurAdministrator]

I know the lazy feel

Yep, I made my ava. Green 101 in the background, and couple of feathered circles that erase around the edges to give it that softness look.

[Rhino.Freak]

ahh lol very awesome XD
I must make a siggy for myself too..but..meehhh

[Ange TuteurAdministrator]

Speaking of signatures..I used to play around and make graphic signatures awhile back before I got into coding. I never really had a knack for it though, but I was pretty good when it came to simple designs and stuff. I still use what I remember now and again if I need to use an image for something.

Who needs images when you can make shapes with CSS, though ?

You said it !

[Rhino.Freak]

Speaking of signatures..I used to play around and make graphic signatures awhile back before I got into coding. I never really had a knack for it though, but I was pretty good when it came to simple designs and stuff. I still use what I remember now and again if I need to use an image for something.

Who needs images when you can make shapes with CSS, though ?

You said it !

ahaha oh god XD thats pretty awesome.. I too believe in CSS rather than IMAGES but I suck pretty much right now lol

[Ange TuteurAdministrator]

^^ Yeah, sometimes it can be a headache with older browser support. It just takes time and experimenting to understand how it works, believe me it took awhile and I'm still learning new things ! Practice, practice, practice..keep it up and you'll eventually write styles like you write words.

Keep it up.

[Sponsored content]