Attention!!™
SMB3 Hacking Forum Opened!
Information needed!
If you have any useful data on hacking SMB3, please post it in the this stickied thread in the new SMB3 Forum. We are also looking for someone to help run a SMB3 hacking Wiki.
Join the Kafuka Discord! (Click here)
Views: 5,552,880
Main | FAQ | IRC chat | Memberlist | Active users | Latest posts | Calendar | Stats | Ranks | Online users | Search
10-15-18 10:12 AM
Guest: Register | Login

0 users currently in Creativity and Artwork Showcase! | 1 guest

Main - Creativity and Artwork Showcase! - Layout thread! (2)
Next older thread

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

Epele
Posted on 01-17-15 01:28 AM Link | ID: 81029
Administrator
The Sorceress.
My servants never die!

Level: 209


Posts: 13333/19226
EXP: 132717669
Next: 1486971

Since: 01-01-12
From: UK

Last post: 10 hours
Last view: 9 hours
I have to say, I like that one. It's kinda cute.


<Nicolyn> Thierry doesn't sleep
<Nicolyn> she is powered solely by those little floating hearts

Nicolyn
Posted on 01-17-15 01:38 AM Link | ID: 81030
Administrator
Goddess of the Apocalypse
Level: 170


Posts: 8414/11865
EXP: 64315704
Next: 1070539

Since: 01-03-12
From: Boston, MA

Last post: 11 hours
Last view: 9 hours
Posted by CherryBunny
I have to say, I like that one. It's kinda cute.

We'll see how long it takes for you to get bored of it :P


Nicole failure. Press left mouse button to continue.

Guru Meditation #0002476.8414

XerX
Posted on 03-16-15 04:54 PM Link | ID: 82987


Level: 17


Posts: 7/69
EXP: 22532
Next: 2211

Since: 07-22-14

Last post: 1280 days
Last view: 865 days
Just wondering if my layout looks okay? It's based off the Final Fantasy IX classic windows.

shibboleet
Posted on 03-17-15 04:42 PM Link | ID: 83010
Global Moderator

Porcupo
no
Level: 34


Posts: 80/313
EXP: 252597
Next: 1054

Since: 02-02-13
From: Maryland

Last post: 247 days
Last view: 216 days
My layout was made by somebody else for K64...so I just decided to use it here too. :P

KP
Posted on 07-24-15 07:06 PM Link | ID: 86665
Acmlmistrator
NES Game Aficionado
Level: 67


Posts: 1238/1353
EXP: 2477517
Next: 115355

Since: 01-02-12

Last post: 48 days
Last view: 4 hours
Going for the home-y feel. I think I like this layout since things on the table may change from time to time. :D



skyl
Posted on 07-24-15 11:09 PM (rev. 2 of 07-24-15 11:45 PM by skyl) Link | ID: 86667
the postcount+++er from 2014
Level: 92


Posts: 3103/3174
EXP: 7617915
Next: 139022

Since: 10-26-13

Last post: 198 days
Last view: 118 days
Posted by KP9000
Going for the home-y feel. I think I like this layout since things on the table may change from time to time. :D


I think it would look better without the image on the right but I love the rest of it~

____________________
Wikipedia is a strange place.

Schezo
Posted on 09-23-16 07:35 PM Link | ID: 92786
Global Moderator

Buster Beetle
heh
Level: 115


Posts: 4876/5454
EXP: 16703148
Next: 108216

Since: 01-29-14
From: ???

Last post: 9 days
Last view: 13 hours
KLayout 4.0
Well, the sky is falling.

I went against my usual :effort: and made an original CSS with a slightly less original background image. This layout was meant for the boardc news engine, but I liked it enough that I ported it here.

The "porting" also counts as a little test I made - the original script wasn't "designed" for an inline CSS tag, so I used a simple PHP script to strip out newlines and tabs. This makes it a lot better than working directly with the inline CSS (like I did with my previous layout).

Sample Link
You may or may not be able to recognize where I stole this grid background from.
Stats
Kak&rank&
aka Schezo
Level:&level&
Days:&numdays&
Ranked:&postrank&
Links
???
Twitter
YouTube
Obligatory link

fiver
Posted on 10-25-16 01:08 AM Link | ID: 93775

King Bowser Koopa

Level: 86


Posts: 682/3419
EXP: 5914768
Next: 227339

Since: 05-23-16
From: Atlanta
ID: 308

Last post: 26 days
Last view: 26 days
A christmas layout that's much to soon, I assume. >_>

and I've had this one for a month, heh. Stealing using those Jul backgrounds for my layout is a thing i'll probably keep doing in the future as well.. :P

Danika
Posted on 10-25-16 01:16 AM Link | ID: 93778

Crazy Catgirl
Meow meow meow meow...
Level: 196


Posts: 3313/17133
EXP: 107119797
Next: 188126

Since: 07-16-12
From: Albany, NY
OS: Mac OS X/Windows 10

Last post: 10 hours
Last view: 9 hours
I've been pretty much using the same basic layout style for about 5 years now ;) Only thing I change is the fonts and background usually :P


"Help control the population—always spay and neuter your pets!"
YouTubeTwitterTumblr

Nicolyn
Posted on 11-05-16 03:11 PM Link | ID: 94080
Administrator
Goddess of the Apocalypse
Level: 170


Posts: 9772/11865
EXP: 64315704
Next: 1070539

Since: 01-03-12
From: Boston, MA

Last post: 11 hours
Last view: 9 hours
I should make a new layout; just hard to find new pictures of Nei these days.


Nicole failure. Press left mouse button to continue.

Guru Meditation #0002476.9772

Robbie Rage
Posted on 11-30-16 02:24 PM Link | ID: 94678

Cape Mario
Kafuka's Resident Paladin
Level: 96


Posts: 48/4885
EXP: 8979152
Next: 9634

Since: 11-22-16
From: New Jersey, USA
Status: Not even mad.
Since: 2001

Last post: 59 days
Last view: 34 days
So I dug up my old RE4 inspired layout from the I2 archive, and I have no idea how I did it.

As the sig implies, Fyxe helped me out with the original code which I then customized, but I've completely forgotten what that was after all this time. Plus, it's not like I'm currently able to log in to the archive and find out for myself at this point.

In essence, I'm basically looking to figure out how to bring back the border style format with the properly aligned picture to the right, which I've seen others do. Anyone have any insight as to how I could do that?

RanAS
Posted on 12-01-16 12:07 AM Link | ID: 94684

Level: 11


Posts: 27/32
EXP: 5252
Next: 733

Since: 06-25-16

Last post: 412 days
Last view: 412 days
Some still use tables for easy vertical and horizontal alignment, but I think with a layout like that you could simply use two divs, first one with the plain white background and a no-repeat background image aligned to the right, and the second one with a border + outline (or border-image, but it works basically in the same way). Basically this idea, more or less:

<style>
.bg {background: #FFF url(http://i.imgur.com/mDVNvc0.png) no-repeat right; padding: 5px 190px 5px 5px; min-height: 200px;}
.innerBox {background: #040; border: 2px solid #000; outline: 1px solid #000; outline-offset: -4px; padding: 5px; color: #FFF;}
</style><div class="bg"><div class="innerBox">

Result. Is it close to what you were looking for? Of course, the specific padding values would need to be adjusted to how far away you want the postbox from the postarea's border, and one of the values would be of the image's width. Colors and the image would be adjusted (along with the class names to make sure it's something unique that won't be used by anyone else), obviously, but the main concept is there.


Turnips.

Robbie Rage
Posted on 12-01-16 02:58 AM Link | ID: 94694

Cape Mario
Kafuka's Resident Paladin
Level: 96


Posts: 52/4885
EXP: 8979152
Next: 9634

Since: 11-22-16
From: New Jersey, USA
Status: Not even mad.
Since: 2001

Last post: 59 days
Last view: 34 days
Posted by RanAS
Is it close to what you were looking for? Of course, the specific padding values would need to be adjusted to how far away you want the postbox from the postarea's border, and one of the values would be of the image's width. Colors and the image would be adjusted (along with the class names to make sure it's something unique that won't be used by anyone else), obviously, but the main concept is there.


That's pretty much what I've been going for, thank you! The only issues that I'm seeing is that the alignment of the rest of the picture to the right isn't very consistent, and the background and image seems to not go to the end of the frame.

Ideally, Reinhart's head should always be aligned with the top of the frame, with the rest of the body and background extending down to fill up that blank space at the bottom. Any ideas?

RanAS
Posted on 12-01-16 09:59 AM Link | ID: 94705

Level: 11


Posts: 28/32
EXP: 5252
Next: 733

Since: 06-25-16

Last post: 412 days
Last view: 412 days
background: #000 url(http://i.imgur.com/mKJu4y3.png) no-repeat right top;

The image can be algined to the top, center or the bottom of the post. Second, CSS can't do miracles, empty spaces on the images themsleves are still considered part of the image. To make sure the image is perfectly aligned to the top of the post, the empty space at the top needs to be removed as much as possible.

A few other things: change the "bg" and "innerBox" names to something more descriptive so they don't conflict with anything else that may use such generic names on the future.

In order to make it occupy the entire frame, add a min-height: 350px; to the first element. If it still doesn't occupy the entire frame, just up the value a bit. Don't use a value much higher than you need though.


Turnips.

Robbie Rage
Posted on 12-01-16 12:04 PM Link | ID: 94706

Cape Mario
Kafuka's Resident Paladin
Level: 96


Posts: 55/4885
EXP: 8979152
Next: 9634

Since: 11-22-16
From: New Jersey, USA
Status: Not even mad.
Since: 2001

Last post: 59 days
Last view: 34 days
Posted by RanAS
In order to make it occupy the entire frame, add a min-height: 350px; to the first element. If it still doesn't occupy the entire frame, just up the value a bit. Don't use a value much higher than you need though.


That's what I was looking for! It looks like everything is working now. Thanks again!

Danika
Posted on 12-08-16 09:30 PM Link | ID: 94955

Crazy Catgirl
Meow meow meow meow...
Level: 196


Posts: 3513/17133
EXP: 107119797
Next: 188126

Since: 07-16-12
From: Albany, NY
OS: Mac OS X/Windows 10

Last post: 10 hours
Last view: 9 hours
And for my 3500th post, I decided to dust off an old layout for old time's sake ^_^ I think I used this on Taryn's defunct board and on Jul during 2011/early 2012


"Help control the population—always spay and neuter your pets!"
YouTubeTwitterTumblr

Epele
Posted on 01-04-18 02:24 AM Link | ID: 120462
Administrator
The Sorceress.
My servants never die!

Level: 209


Posts: 15646/19226
EXP: 132717669
Next: 1486971

Since: 01-01-12
From: UK

Last post: 10 hours
Last view: 9 hours
And an update to the layout.

Thanks to Thierry for helping with the scaling background. :-3


<Nicolyn> Thierry doesn't sleep
<Nicolyn> she is powered solely by those little floating hearts

Kawa
Posted on 01-07-18 08:55 PM Link | ID: 121343
Retired Staff

Not okay
Prophet of Celestia
Level: 86


Posts: 2399/2423
EXP: 5937811
Next: 204296

Since: 01-01-12
From: The Netherlands

Last post: 8 days
Last view: 8 days
How's this for a blast from the past?

*has layouts disabled*


Epele
Posted on 01-07-18 08:57 PM Link | ID: 121344
Administrator
The Sorceress.
My servants never die!

Level: 209


Posts: 15745/19226
EXP: 132717669
Next: 1486971

Since: 01-01-12
From: UK

Last post: 10 hours
Last view: 9 hours
It really does have a sweet little charm.


<Nicolyn> Thierry doesn't sleep
<Nicolyn> she is powered solely by those little floating hearts

Danika
Posted on 01-07-18 09:00 PM Link | ID: 121345

Crazy Catgirl
Meow meow meow meow...
Level: 196


Posts: 11264/17133
EXP: 107119797
Next: 188126

Since: 07-16-12
From: Albany, NY
OS: Mac OS X/Windows 10

Last post: 10 hours
Last view: 9 hours
Love the old DOS game look, heh :D I just took my bricks and palette swapped them... might do it again for 20K or 15K or something ^_~


"Help control the population—always spay and neuter your pets!"
YouTubeTwitterTumblr
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22


Next older thread
Main - Creativity and Artwork Showcase! - Layout thread! (2)


Acmlmboard v2.5.4 (10/13/2018)
© 2005-2018 Acmlm, Emuz, et al.

Page rendered in 0.174 seconds. (662KB of memory used)
MySQL - queries: 206, rows: 620/656, time: 0.078 seconds.