Register - Login
Views: 85600868
Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - JCS - Stats - Latest Posts - Color Chart - Smilies
09-20-17 09:05:45 PM

Jul - Projects and Creations - Layouts! New poll - New thread - New reply
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20Next newer thread | Next older thread
usr_share
70
Level: 19


Posts: 72/79
EXP: 31546
For next: 4231

Since: 03-12-12


Since last post: 2.0 years
Last activity: 138 days

Posted on 03-11-14 01:33:54 PM (last edited by usr_share at 03-11-14 01:37:04 PM) Link | Quote
Originally posted by Kak64
I bet it isn't supposed to work like this, right?


It isn't. Looks like there's still CSS from an older layout cached in your case.

EDIT: Removed layouts from my older posts in this topic.
dotUser

Level: 83


Posts: 1949/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 03-11-14 08:13:40 PM (last edited by dotUser at 04-25-14 05:39:01 PM) Link | Quote
Originally posted by usr_share
Originally posted by Kak64
I bet it isn't supposed to work like this, right?


It isn't. Looks like there's still CSS from an older layout cached in your case.

EDIT: Removed layouts from my older posts in this topic.

This is why all my layouts use different classes now (i.e layout00case, layout01case, etc.). Makes easier managing and remembering them too.
Kak

gg photobucket
Level: 67


Posts: 1101/1627
EXP: 2523487
For next: 69385

Since: 09-03-13
From: ???

Since last post: 33 days
Last activity: 11 days

Posted on 03-12-14 01:00:19 PM Link | Quote
Layout porting 101: Remove stuff and add gradients edition.

And now the usual quote test:
Originally posted by Kakis32
Testing quote 1
Originally posted by Kak
Testing quote 2
Originally posted by Kakis64
Testing quote 3
Originally posted by Kakis16
Testing quote 4
Originally posted by Kakis9X
Testing quote 5
Originally posted by BGL
Testing quote 6
Originally posted by corea61
Testing quote 7






Test link, with an effect on mouse click
Links:
ProfileSend PMMy YoutubeGaming Garbage
Kak

gg photobucket
Level: 67


Posts: 1108/1627
EXP: 2523487
For next: 69385

Since: 09-03-13
From: ???

Since last post: 33 days
Last activity: 11 days

Posted on 03-14-14 09:19:26 AM Link | Quote
Okay, this one has some differences, but I need to know if this causes any problems.

I had to set the min-width to 630px to prevent the layout from breaking, but I'm not sure if it is really a good idea.
If this layout causes any problems, tell me and I'll either try to fix it or I'll just revert the older layout.
dotUser

Level: 83


Posts: 1951/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 03-14-14 04:42:04 PM (last edited by dotUser at 04-25-14 05:38:57 PM) Link | Quote
Setting any kind of fixed width is generally a Bad Idea™ since several members access Jul from their mobile devices, which do not all have high resolutions. Also, for the margine overflow trick you SHOULD be using:

Originally posted by code

margin: -22px -2px -2px -205px;



As that ensures you are indeed covering only your post box's space. (and that little gap at the top of your post box would disappear.)

EDIT: There's also a way to make the layout change based on the device's screen resolutions that are viewing it, but that's some sorta-doesn't-work-everywhere CSS.

Also be warned some people really hate these overflowing layouts and you can unintentionally explode them.
Kak

gg photobucket
Level: 67


Posts: 1112/1627
EXP: 2523487
For next: 69385

Since: 09-03-13
From: ???

Since last post: 33 days
Last activity: 11 days

Posted on 03-14-14 07:13:05 PM (last edited by Kak64 at 03-14-14 07:23:26 PM) Link | Quote
Originally posted by dotUser
Setting any kind of fixed width is generally a Bad Idea™ since several members access Jul from their mobile devices, which do not all have high resolutions. Also, for the margine overflow trick you SHOULD be using:

Originally posted by code

margin: -22px -2px -2px -205px;



As that ensures you are indeed covering only your post box's space. (and that little gap at the top of your post box would disappear.)

EDIT: There's also a way to make the layout change based on the device's screen resolutions that are viewing it, but that's some sorta-doesn't-work-everywhere CSS.

Also be warned some people really hate these overflowing layouts and you can unintentionally explode them.
Oh well, okay. I did some changes to the layout to have be small-resolution-screen-friendly and making a topbar and sidebar effect that shouldn't break anything (note: this wasn't fun, so updating this layout will be painful).

The only problem is that I have disabled the min-width to make the layout not overflow, which slightly breaks the topbar effect with smaller resolutions (it seems to be a common problem with this kind of layout).
dotUser

Level: 83


Posts: 1953/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 03-14-14 07:23:52 PM (last edited by dotUser at 04-25-14 05:38:53 PM) Link | Quote
Huh, weird, I don't recall those upper rows' text ever wrapped, someone must have changed it. But as said, if you really want to support multiple resolutions it may be worth it to check out the CSS for that, @media-somethingsomething. I know one of the other folks here had a layout that used it heavily.
Kak

gg photobucket
Level: 67


Posts: 1113/1627
EXP: 2523487
For next: 69385

Since: 09-03-13
From: ???

Since last post: 33 days
Last activity: 11 days

Posted on 03-14-14 07:56:42 PM Link | Quote
Originally posted by dotUser
Huh, weird, I don't recall those upper rows' text ever wrapped, someone must have changed it. But as said, if you really want to support multiple resolutions it may be worth it to check out the CSS for that, @media-somethingsomething. I know one of the other folks here had a layout that used it heavily.
Oh, that thing.

"@media screen{CSS here}" for computer screens, and "@media handheld{CSS here}" for small resolutions, and other stuff, among others like printers, projectors, TVs, etc...

I'm not sure that would still fix the problem.
LuigiBlood

Level: 14


Posts: 10/40
EXP: 12530
For next: 541

Since: 01-02-11


Since last post: 67 days
Last activity: 12 days

Posted on 03-15-14 11:05:16 AM (last edited by LuigiBlood at 03-15-14 11:38:49 AM) Link | Quote
Originally posted by Funny



Quote
Inside
Another
Quote
Not so original.



CODE


...Except the quote/code part isn't working well. This is what I'm supposed to get.
I did the blockquote thing but it doesn't work. I don't get it.
Joe
Common spammer
🗿
Level: 103


Posts: 3100/3286
EXP: 11462220
For next: 9186

Since: 08-02-07
From: Pororoca

Since last post: 46 days
Last activity: 1 day

Posted on 03-15-14 11:49:45 AM (last edited by Joe at 03-15-14 11:50:38 AM) Link | Quote
The code tag contains <code> inside <blockquote>, which is why it looks like the CSS is being applied twice.

You may need to modify how you remove <hr>, because right now it causes the "Originally posted by..." text to run into the rest of the quote. Or, you could apply a style to the text that would add a break somehow. (For that, you'd want to apply the CSS to ".rollbg .fonts" and/or ".rollbg .fonts i".)
LuigiBlood

Level: 14


Posts: 11/40
EXP: 12530
For next: 541

Since: 01-02-11


Since last post: 67 days
Last activity: 12 days

Posted on 03-15-14 12:07:29 PM (last edited by LuigiBlood at 03-15-14 01:55:28 PM) Link | Quote
Originally posted by Joe
The code tag contains <code> inside <blockquote>, which is why it looks like the CSS is being applied twice.

You may need to modify how you remove <hr>, because right now it causes the "Originally posted by..." text to run into the rest of the quote. Or, you could apply a style to the text that would add a break somehow. (For that, you'd want to apply the CSS to ".rollbg .fonts" and/or ".rollbg .fonts i".)


The thing is... I didn't make this layout. It was made for SMWCentral, which has different things for quotes and code. I guess I have to ditch the code part (because I just don't know how to force < blockquote > to change when < code > is present, maybe that's not even possible to do that). I tried to fix things and that gave me this result. And I have no idea how I can do such a break.

EDIT: So, I kind of fixed it, it's just quite hackish. But it should be enough...
Joe
Common spammer
🗿
Level: 103


Posts: 3102/3286
EXP: 11462220
For next: 9186

Since: 08-02-07
From: Pororoca

Since last post: 46 days
Last activity: 1 day

Posted on 03-16-14 01:39:43 AM Link | Quote

hr {display: none;}

That's breaking other layouts now! I think you meant something like this:

.rollbg hr {display: none;}
LuigiBlood

Level: 14


Posts: 13/40
EXP: 12530
For next: 541

Since: 01-02-11


Since last post: 67 days
Last activity: 12 days

Posted on 03-16-14 05:53:52 AM Link | Quote
Originally posted by Joe

hr {display: none;}

That's breaking other layouts now! I think you meant something like this:

.rollbg hr {display: none;}


Yeah sorry about that, I fixed it as soon as I read this post. Now it should be fine.
dotUser

Level: 83


Posts: 1955/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 03-21-14 05:58:42 AM (last edited by dotUser at 04-25-14 05:38:50 PM) Link | Quote
Up in the butt.

>Implying

Originally posted by reggie
My body is ready.


This is another layout, kind of boring maybe still but it has Extra Stuff than the usual I guess.
dotUser

Level: 83


Posts: 1964/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 04-25-14 02:19:24 PM (last edited by dotUser at 04-25-14 05:37:59 PM) Link | Quote
Something prompted me to remake one of my old posts I found laying in a folder somewhere. I guess previously I never thought to keep layouts in a single folder, and spread them all over my computer.
Originally posted by wwwwwwwwwww
Testquote with link

This is an extremely bulky post layout.
(EDIT: Removed the sig area and compressed it into the normal post box space, to make it less huge.)
(EDIT2: Removed overflow behaviour by totally-a-subrequest.)
dotUser

Level: 83


Posts: 1965/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 04-27-14 09:18:01 PM Link | Quote
Triple post.

I should just make my own thread.


"Dot's Hugeass Number of Layouts: The Thread"
Kak

gg photobucket
Level: 67


Posts: 1187/1627
EXP: 2523487
For next: 69385

Since: 09-03-13
From: ???

Since last post: 33 days
Last activity: 11 days

Posted on 05-23-14 10:51:39 AM (last edited by Schezo at 05-24-14 07:54:52 AM) Link | Quote
Oh boy.

This is take two of the whole margin thing. Now, it shouldn't give any problems (or at least in Firefox).
Considering what happened last time with this kind of layout, I'm not entirely sure how other browsers may render the CSS, but oh well.

Edit: Moved the code to header and signature for this specific post.
dotUser

Level: 83


Posts: 1973/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 05-23-14 06:14:08 PM Link | Quote
Unfortunately with overflows you will always break in some site layout. There's three different sidebar configurations available and as such, three different amounts of space. It's part of why I started reversing the overflows on my layouts of late.

It also overflows off the edge when in reply mode.
Kak

gg photobucket
Level: 67


Posts: 1188/1627
EXP: 2523487
For next: 69385

Since: 09-03-13
From: ???

Since last post: 33 days
Last activity: 11 days

Posted on 05-24-14 08:59:49 AM (last edited by Schezo at 05-24-14 09:01:11 AM) Link | Quote
Originally posted by dotUser
Unfortunately with overflows you will always break in some site layout.
There's three different sidebar configurations available and as such, three different amounts of space.
It's part of why I started reversing the overflows on my layouts of late.
*suddently realizes there are multiple sidebar configurations

And this layout broke all of them.
Originally posted by dotUser
It also overflows off the edge when in reply mode.
This is why I should put the CSS in the post header and signature instead in the main post.

So, I tried something different with the topbar. It could have been vaguely useful if only I could add post number and date. :/

Also, shiny post body, because there isn't enough eye candy.
In all seriousness, it took me a while to use a transparent gradient on the blockquote without making the text unreadable.
dotUser

Level: 83


Posts: 1974/2238
EXP: 5323252
For next: 108969

Since: 10-19-10


Since last post: 10 days
Last activity: 20 min.

Posted on 05-26-14 10:13:14 PM Link | Quote
One of these days I will stop making layouts.

That will probably be the day I am also dead as it turns out.

Who knows how soon that will be.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20Next newer thread | Next older thread
Jul - Projects and Creations - Layouts! New poll - New thread - New reply




Rusted Logic

Acmlmboard - commit 2f1bc75 [2017-08-27]
©2000-2017 Acmlm, Xkeeper, Inuyasha, et al.

28 database queries, 8 query cache hits.
Query execution time: 0.173208 seconds
Script execution time: 0.017934 seconds
Total render time: 0.191142 seconds