Transmogrified

With LJ's change to all the standard layouts to include permalinks in post titles/subjects, can the same change be made to this style, too? That would be awesome. :)

Somehow, certain posts with images (and RSS feeds) are adding a <div style="clear:both;"> tag, and it's really breaking things. It looks like Flickr's "blog this" feature adds this DIV below the image being posted.

Example:

http://shifuimam.livejournal.com/1990/08/26/

It also breaks with the default style:

http://shifuimam.livejournal.com/1990/08/26/?s2id=20531222

Any ideas?

[edit]
It looks like clear:both is causing the div to clear the entire right-hand nav column. It can be overridden with a special CSS style that doesn't work in IE (I fixed it in Firefox - you can compare the links above in IE7 and FF), but I imagine it could be fixed in the style itself.
[/edit]

Hi folks, two quick updates

* added ability to have quick reply for comments
* quick reply is disabled by default (To enable, set "Enable the quick reply form when replying to comments?" to "yes")
* added code for new custom security icon (thanks hsapiens)

Next I'm going to look into these two posts since I missed them when they were first posted.

There's a little bug in the code for the Archive page - the far left pipe character in the horizontal list of years at the top of the page is part of the URL for the oldest year, rather than being a separator character, like it is in the list at the bottom of the page.

Screenshot:

I made some new icons to replace the default Livejournal ones for user info, community info, friends-only entries, and private entries. These are black and white with a little gray, so they match absolut's icons for editing, commenting, memories, etc. much better.

User/community info icons on your friends page:


User info icons using the <lj user=___> tag:


Entry security status icons on your archive page:


The info icons use CSS 2.0 to work, which means that Internet Explorer users will not see the custom icons. The security status icons will work in all browsers. Please don't link to the icons that are hosted on my LJ ScrapBook, mostly because I might not keep my paid account forever. If you can use this LJ style, you've got a ScrapBook account, so that's a good place to host them.

I can't think of a good Community Info icon that is still 9px tall and looks like the other icons. If anyone has any suggestions, feel free to let me know!

You can download the icons and a readme on how to use them using the link below:
http://shifuimam.googlepages.com/transmogrified_icons.zip

I'd appreciate it if you credited me if you use them, but it's not necessary.

How do I disable the textures? There's no "None" in the drop-downs. If I customize this theme at all, it applies textures to everything, and I just want solid colors.

I used to use this layout without this being a problem - what can I do to make the textures go away? Thanks!!

I've been using the Transmogrified style for a while now, and one feature that I really missed was being able to track the comments to whole entries. The linkbar on each comment allows you to track subthreads of a post, but there's not a "Track this" link for the whole entry itself, up with the comment links. Every time I wanted to track a whole post, I had to visit the page without ?style=mine.

So, I figured out how to add my own tracking links. I figured that maybe there were others who would like this functionality, so feel free to add this to your own layout layers. I don't think this can be done with a theme layer, but I may be wrong. Please correct me if so!

This post explains how to copy the style to make your own layout layer.

Add the following to propgroup text:

property string text_watch_comments {
		des = "Tracking link text";
}
property string text_unwatch_comments {
		des = "Untracking link text";
}

set text_watch_comments         = "Track";
set text_unwatch_comments       = "Untrack";

Add the following to propgroup images:

property string img_icon_track
{
	des = "Tracking icon URL";
}
property int img_icon_track_width
{
	des = "Tracking icon width";
	min = 0;
}
property int img_icon_track_height 
{
	des = "Tracking icon height";
	min = 0;
}
	set img_icon_track = "http://pics.livejournal.com/emmavescence/pic/0000bxcw";
	set img_icon_track_width = 9;
	set img_icon_track_height = 9;

Save the image at the URL listed, upload to your own Scrapbook, and replace with your own URL. You can use it directly from mine, but I can't guarantee it will be there forever. Image credit for the pushpin goes to gameboyguy13.

Add the following to function print_entry:

Inside # Entry info:

	var Link track_link = $e->get_link("watch_comments");
	var Link untrack_link = $e->get_link("unwatch_comments");

Underneath the code for # Entry info:

# Track entry
	if ( $track_link.url != "" )
	{
	"""<a href="$track_link.url"><img src="$*img_icon_track" width="$*img_icon_track_width" height="$*img_icon_track_height" alt="*" /></a> """;	
	"""<a href="$track_link.url">$*text_watch_comments</a>\n """;
	}
# Untrack entry
	if ( $untrack_link.url != "")
	{
	"""<a href="$untrack_link.url"><img src="$*img_icon_track" width="$*img_icon_track_width" height="$*img_icon_track_height" alt="*" /></a> """;	
	"""<a href="$untrack_link.url">$*text_unwatch_comments</a>\n """;
	}

And that's it! Hopefully this is easy to follow, and that someone gets some use out of it :)

Could someone tell me how to make the edges of my posts rounded like absolut's please?

edit: I'm going to change my layout for Halloween. I'm going to switch back after, so I'd still like to know how to do this please. If you need to see my journal with transmogrified for some reason let me know.

I've been using transmogrified for a bit now, and I love it to pieces.

But a bit of a problem occurred last night. I went to change my front from Georgia to Verdana in the wizard and pretty much all of the colours in my layout broke. It went from perfect, to this. All the colours in the wizard are still what they're supposed to be, so I have no idea why these random colours have invaded.

What has gone wrong? And whyfore is my background so line-y? Its not an image, just a flat colour.

EDIT: Solved! Yey! Thanks to lunar_geisha ♥

I've had a couple questions about how I changed my layout to add the date to each entry above the subject box, along with the time. One was fairly recent, and since I'm planning to overhaul my layout anyway, (I do everything on the main layer and realized that's rather stupid) I figured I'd dig it out and share with everyone else. BTW, I have had problems with vertical-aligning the icon box so that small icons are in the middle instead of the top, and I've yet to figure out the problem. Every time I have an inspiration, I'm too lazy to try it, so if anyone has fixed that problem, I'd appreciate hearing. I love that particular aspect of the transmogrified layout, and I'm planning to keep it.


( Moving your date/time )

(PS: If anyone knows how to make this a bit easier to read, I'd appreciate the clue!)

Hi!
This is my first attempt at messing with css, so please be gentle with me ,-)
On the serious note, I couldn't find anywhere the answer to my problem:
I'd like to use a different font in my header (journal title and subtitle) and in the "other" box of the sidebar, too.
Is it possible? If so, how?
Many thanks in advance for any help

hi guys,

I was wondering if anyone could help me add emotes to this layout. I'm not quite sure what is going wrong, but for some reason they aren't showing up. I'm a bit stupid when it comes to things like this, so I've probably made a really obvious error.

Here are the steps that I followed:
1. copied layout
2. created theme layer
3. copied just the code from the tutorial into the theme layer and compiled.

And no emotes showed up... any ideas?

ETA: I've fixed the problem. After using the customization wizard, I noticed that all of my codes were in a user layer and not the theme layer I created. I added the code to that user layer and now my emotes are showing up. :)

Some more updates:

* Used the $e.text_must_print_trusted property to deal with voiceposts
* Fixed title on Tags page to use the $*text_title_tags variable instead of $*text_tags
* Added some CSS ids for sidebar boxes so that you can style them if needed
* Added code for showing current location. The order that all the metadata is displayed in is as follows: mood, music, location, and tags. I put this all into a Entry::print_metadata() function, so if you want to change the order, you can override this function in your theme layer.
* Added code for the navigation strip.
* Used the Comment::time_display() function to show comment times (instead of using gmt_offset). The gmt_offset() function is now only being used to show the current time in the sticky entry at the top of the recent view page. If you haven't set your time zone yet, do!
* Modified userinfo link.
* Made use of the Page::print_entry_poster() function.
* Made use of the Entry::print_metadata() function.
* Added css class to the IP address in the comment display (entryCommentIP).

I've made two small updates to this style. I fixed it so that the page doesn't cut off when there's a voicepost (due to the recent changes to voiceposts), and I fixed the tag page. Enjoy!

Please, help me with tag issue...
I am using several browsers but mostly FF; I have just discovered that with this style one cannot get a list of tags for a certain user/community in any browser than FF! Compare this: http://transmogrified1.livejournal.com/tag/ in FF, IE or Opera...
You can try looking at my tags as well: http://sciuro.livejournal.com/tag/
Looks like all the proper content is there in the source (check it!) but only FF interprets the code in a way so that you can read it. There is something wrong with CSS there...

I love the style and am using it on a RP journal at bookwormbri, but I'm not so fond of the space between the date and the start of the entries, because of the userpic starting above the entry (does that make sense?). I've tried modifying the CSS to have the userpic start lower in the entry, but to no avail. Is there any relatively easy way to get rid of that space so that the top of my first entry is even with the top of my sidebar? I'd appreciate any help I can get with this.

I have a question for those of you who are watching this community. I want to change the look of the calendar in the sidebar. I also want to change some code that may break any of the theme layers, if you have them. The latter is a minor change, and the former is a major change. The thing is they will both change the way this style looks.

Poll #526643 Question
Open to: All, detailed results viewable to: All

What should I do when I want to make a minor change?

What should I do when I want to make a major change?

Now if I were using this style just for myself, I'd just make the changes. But since other people are using the style, I need your opinion. I don't want to make a change without notice and then have people go "what happened to my style??!". :) There is also the problem in that not everyone who uses the style is watching this community.

I added in support for the new tag feature. The tags will show up under the mood/music listing.

Also I added in a box in the sidebar which will list all the tags. By default the list won't be displayed. To display it, set "Show tags in the sidebar?" to yes.

First of all, I'd like to give a big thanks to the person who donated paid time to the community. I've applied the style to the community and that actually lead me to find (and fix) a small bug. So thanks again! :)

I made some changes to the code today, and they're listed here, but I thought I'd expand on the bigger changes. The first change is that you can now add a 'sticky' entry at the top of your recent entries page. It'll look just like another entry, and if you have userpics enabled, it'll show your default userpic. You can specify the title and contents of the sticky entry via the customization wizard. The time of this entry is the current time.

Which brings me to the second change. You can now specify a time zone, so that you can view comments in your own time zone. Currently comments are shown in GMT (or UTC, I think they call it now). There are four options you can change in the customization wizard. For example, I'm in the Eastern Daylight Time (EDT) right now, so for me, I changed the Time Zone Offset (Hours) to 5, the Time Zone Offset to '-' (as in 5 hours before GMT), the Time Zone Offset (Minutes) to 0, and Daylight Savings Time to yes.

Unfortunately this means the time display isn't very customizable. In the comments, the time is always going to look something like @ 4:20 am (-0400 GMT). I still have to figure out how to make it easier to customize. Also I have to figure out how to have other people be able to choose what time zone they want to view the comments in.

The last change is that the friends page summary in the sidebar now shows the user who made the post.

I took a screenshot of the default style, and labelled it with some of the properties you can customize. The screenshot is over here, and you need to have Flash enabled to view it. Click on the blue numbers to see more information.