Log in

No account? Create an account
first post - S2 Layers — LiveJournal [entries|archive|friends|userinfo]
S2 Layers

[ website | advanced customization ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

[Links:| how to post tags page ]
[affiliated communities| fblayers ]

first post [Sep. 8th, 2004|04:15 pm]
S2 Layers


how to post
post your layer code under a cut after converting all
& to &
< to &lt;
> to &gt;

this can help with the conversion.
if you use the aforementioned tool, change the <code> and </code> to <pre> and </pre> respectively.
if you dont use the aforementioned tool, please wrap your code with <pre> and </pre>.

http://stat.livejournal.com/ should be $*IMGDIR/
http://www.livejournal.com/palimg/ -> $*PALIMGROOT/
http://www.livejournal.com/ -> $*SITEROOT/

the subject line should follow the following format:
[layout name] - [layer type] - [mini description of what your code does] - [page number (if applicable)]
layout name - a sturdy gesture, component, generator, haven, opal, etc.
layer type - layout, user, theme
page number - page #/total pages

if your code is too long to place into a single post:
put a comment in the code saying # part 1 ends here and then in the next post put a comment in the code saying # part 2 starts here ... lather, rinse, repeat.

recommended coloring scheme (not required)
if you have comments in the code, we suggest making it green by doing something like:
<span style="color:green;">comment</span>

variable values: maroon
var string moo = "<span style="color:maroon;">variable</span>";

code that is currently active but can be deactivated by commenting (putting a # in front of it) it out.
active code: blue
"<span style="color:blue;">if($active) { print "make it blue"; }</span>";

code that is currently inactive but can be activated by decommenting (taking # in front of it out) it.
inactive code: pink
"<span style="color:pink;"># if($inactive) { print "make it orange"; }</span>";

screenshot of output
we would also like to have a screenshot available that shows the results of the code.

and finally, select the don't auto-format option. this makes the entry a lot easier to read.

[User Picture]From: plastiqueallure
2004-09-08 04:57 pm (UTC)
Should there also be descriptions within the layer code, or a screenshot or something, to show what the finished LJ would look like? People can't just go look unless that person's currently using the code.
(Reply) (Thread)
[User Picture]From: kunzite1
2004-09-08 05:06 pm (UTC)

good idea. :)
(Reply) (Parent) (Thread)
[User Picture]From: sssexygirl
2004-09-08 07:03 pm (UTC)
ok my layer is totally huge.. can i post a link to it for easier acess instead of a huge entry?
(Reply) (Thread)
[User Picture]From: kunzite1
2004-09-08 07:06 pm (UTC)

well... do the conversion and post it behind a cut... doesnt matter if its huge.

if you link to it, that layer could disappear in the future and therefore not be available.

if it is an entry, its not going anywhere. :)
(Reply) (Parent) (Thread) (Expand)
[User Picture]From: blacknyx
2004-09-09 04:31 am (UTC)
If we feel willing to share our layers but don't necessarily want to go through and change the colors for each different feature, is that a requirement?
Yeah I'm lazy, sorry. lol But I wouldn't mind sharing at all.
(Reply) (Thread)
[User Picture]From: kunzite1
2004-09-09 08:19 am (UTC)

i dont think thats an issue. just makes it easier to read.

i just thought of a new thingy to add tho... stuffs about the subject line of the post.

[layout name] - [layer type] - [mini description]
(Reply) (Parent) (Thread)
[User Picture]From: eduthepenguin
2004-09-09 01:47 pm (UTC)
You need to remind people in your tutorial to take off the autoformatting of entries. It makes entries way bigger than necessary.
(Reply) (Thread)
[User Picture]From: eduthepenguin
2004-09-09 01:48 pm (UTC)
*tutorial should read "intro post".
(Reply) (Parent) (Thread)
[User Picture]From: miome
2004-09-11 02:35 pm (UTC)
For code that overrides official code (from a existing layout, or from the core), it would be helpful to mark code that's been inserted/modified, and code that was active in the original but has been commented out.

This is a great idea, btw. I've got a bunch of stuff from Variable Flow to post, I'll probably backdate all but the last one, so as not to completely blow away people's friends pages ... is that allowed?
(Reply) (Thread)
[User Picture]From: kunzite1
2004-09-11 02:38 pm (UTC)

i like the idea of commenting out stuffs that is being altered. but only if it makes sense if its like correcting a bug or something.

if its a complete change to how something works, dont bother.

hope that makes sense.

re: backdating... *shrug* ... backdate them so it looks ok in the comm journal if you must.

i enjoy blasting people's friends pages tho... ^_^
(Reply) (Parent) (Thread) (Expand)
[User Picture]From: mutantenemy
2004-09-16 06:24 pm (UTC)
Kunzite, ya there? Its Mutant Enemy. I'm changing my layout to something simplier and I need the code to put a header at the top of my LJ.

I'm going to be using Variable Flow or The Boxer layout.

Can you help me?
(Reply) (Thread)
[User Picture]From: kunzite1
2004-09-16 06:28 pm (UTC)

i am be here... mighta been better to leave a comment on my guestbook entry over at my journal...

but i keep forgetting that its not easily accessible from my current layout...

anyway! ... *moves on to real answer* ... i can help ya tomorrow with it after i get home from hanging at my friends' house. ^_^
(Reply) (Parent) (Thread) (Expand)
[User Picture]From: camomiletea
2005-02-23 11:08 pm (UTC)
This site adds HTML entities for spaces and adds <br /> at the end of each line. Do you know of some website that wouldn't do that?

The thing with this is, if you surround the text with <pre> tags instead of <code>, you will get too much whitespace. One linebreak because of the <br>-eak tag and another due to the <pre>-formatted tag.
(Reply) (Thread)
[User Picture]From: ninjamonkeyspy
2005-03-03 08:37 pm (UTC)
Just curious, but is using...
...an acceptable way of posting code? I believe this allows you to post whatever code you want within the opening and closing textarea tags, because nothing inside the textbox can be formatted. The only rules you would need then is how wide or tall the textareas can be, and whether textwrapping should be turned on or not. (I also recommend setting the "readonly" parameter to 1 as I did in the sample below so people can't accidentally edit the code in the box.)

In the sample below, I used <textarea style="width:100%;" rows="10" readonly="1" >. Notice how you can't edit the text inside the box, it's as wide as the coments area, and it's only 10 rows tall.

This is a very basic S2 user layer for the Component style that edits the user profile component by linking the user's default icon to their "allpics.bml" page instead of their journal. It uses system variables so the code will work for anyone, and it will apply to other journals using the "?style=mine" parameter at the end of the URL.

(Reply) (Thread)
[User Picture]From: kunzite1
2005-03-04 01:39 am (UTC)

that's handy!
(Reply) (Parent) (Thread)
[User Picture]From: camomiletea
2005-03-14 07:45 pm (UTC)
I can't find your post about the system you came up with for naming variables. I think it was in component_help, but it's not on tutorials page... I want to write a tutorial for this comm. :)
(Reply) (Thread)
[User Picture]From: kunzite1
2005-03-14 07:53 pm (UTC)

for those of us who are making these tutorials, i have come up with a nifty convention for variables.
the first part (k1) is something that abbreviates your username.
the second part (M) is something that abbreviates what the tutorial does.
the third part (title) is the name that you woulda used in the first place.
and you come up with something like k1Mtitle ... yayness. ^_^


so... you can be ct :)
(Reply) (Parent) (Thread)
[User Picture]From: ninjamonkeyspy
2005-03-17 07:49 pm (UTC)
Are there any other variables like this, for instance a user journal variable? For instance, if I want to link to my friends page using my paid account's third-level domain URL, I'd want something like:

<a href="$p.journal.paid_url/friends">

I'm guessing that doesn't exist, but is there anything better than linking to either $*SITEROOT/users/$p.journal.username/ or "http://"+$p.journal.username+".livejournal.com"; ?
(Reply) (Thread)
[User Picture]From: kunzite1
2005-03-17 08:30 pm (UTC)

what you could do is the following:
when in a Page function:
var string journal_base = $.journal->base_url() + "/";
if you are currently at http://yourusername.livejournal.com/ all base_urls will be in the same format.
when at http://www.livejournal.com/~yourusername/ all base_urls are like that.
when at http://www.livejournal.com/users/yourusername/ all base_urls are like that.

when in something like print_entry(Entry e):
var string journal_base = $e.journal->base_url() + "/";
var string poster_base  = $e.poster->base_url()  + "/";
there is currently no way to be able to tell if a user is paid or not. might be a nifty thing to post to suggestions but you should check the memories to see if it's been posted already.

what i would like to see if that happens is a new member variable added to User. like a bool is_paid or something.
(Reply) (Parent) (Thread) (Expand)
[User Picture]From: hermintage
2005-03-18 05:06 am (UTC)
Is it OK to ask a general question about a style problem? There doesn't seem to be any community for Boxer layout, and although xevinx is on my flist he's rather busy lately and I feel bad spamming him.

I just wanted to know before I spammed this community if asking general style questions was OK!

(Reply) (Thread)
[User Picture]From: kunzite1
2005-03-18 06:06 am (UTC)

(Reply) (Parent) (Thread)
[User Picture]From: bohemianbeauty
2005-04-05 07:22 pm (UTC)


I dont have a layer to post but only a simple question I was hoping to get some help on.

I'm currently using the Opal style, based on ignited's original layout and tweaked like mad to my likings. I have a question though and I haven't been able to find if there is an answer either here or in opal_help

My question was, is there a possible way to change the color of just one box on the side of my journal? If you take a peek over @ my journal you'll see all the sideboxes. Take for instance the one with the poetry in it. It's a little difficult to see and I was wondering if it's possible to simply change the color of the font or the background of *just that box*? I've tried playing around with it but haven't had any luck. Any help would be greatly appreciated, thanks!
(Reply) (Thread)
[User Picture]From: kunzite1
2005-04-05 07:28 pm (UTC)

Re: Question

this comm isn't for questions like this.

enclose the stuffs in a div or a span or whatever and use css to alter the color.
(Reply) (Parent) (Thread) (Expand)