smooth sailing: moderne
UPDATE JULY 6, 2010: Added a new minimalist icon set that better matches the layout. If you want to install it in your layout, simply scroll down to the "Optional" section of the instructions.
I was really touched by all the welcome back messages on the last layout, seriously. ;; Thank you so much for all of your support. As a way of showing that I whipped up another layout! Apologies if you aren't a big fan of this minimalist stuff (or if you don't have a 1200px+ wide monitor, for that matter), but hey -- this one has a banner option. 8)b Enjoy!
layout notes
account types
Basic, Paid
compatible browsers
Internet Explorer 8, Mozilla Firefox, Opera, Safari, Google Chrome
minimum resolution
1200px+/widescreen recommended
comment pages
Yes
navstrip
Optional
disabled
• Sidebar titles
css stylesheet
pick your layout:
• Moderne - Banner
• Moderne - No Banner
how to install
select journal style
1. Apply any Smooth Sailing theme.
2. Scroll down to Choose a Page Setup and select 2 Column (sidebar on left).
displayMake sure Userinfo Position in Entries and Userinfo Position in Comments (if using custom comment pages) is set to Left Side of Entry Text.
entry textPaste the code into its respective boxes:
Format for Date and Time (Recent/Friends/Entry/Reply page) and Format for Date and Time (Day page only)
%%mm%% %%dd%% %%yy%%
sidebarIF YOU ARE USING THE BANNER VERSION:
Scroll down to Free Text #2 Position and set the drop down box to any unoccupied position; it doesn't matter which.
See "Add your banner image" below for further instructions.
IF YOU ARE USING THE NO-BANNER VERSION:
Nothing more needs to be done, just rearrange your sidebar widgets as you please. :)
custom css
Make sure any drop-down boxes are set to No, paste the code into the box, and click Save Changes.
optional
add your banner imageFind http://i50.tinypic.com/jkj9lt.jpg in the CSS and replace it with the URL of your own 680x140 image.
minimalist icons
NEW: I recently acquired a new set of icons that better matches this layout's minimalist look. If you'd like to replace them, simply paste the following code at the end of your stylesheet.
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"], img[src*="anonymous.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2014px/Contact1414.PNG");
background-repeat:no-repeat !important;
height:0;
padding:17px 14px 0 0 !important;
width:0;
}
img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2014px/Home1414.PNG") !important;
background-repeat:no-repeat !important;
height:0;
padding:16px 14px 0 0 !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2014px/Task%20Manager1414.PNG");
background-repeat:no-repeat !important;
height:0;
padding:16px 15px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2014px/RSS1414.PNG");
background-repeat:no-repeat !important;
height:0;
padding:16px 15px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2020px/Lock.png") !important;
background-repeat:no-repeat !important;
height:0;
padding:18px 21px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2020px/MSN.png") !important;
background-repeat:no-repeat;
height:0;
padding:16px 21px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url("http://irondevil.org/icon/categories/brsev%20Token%20Dark%2020px/Xion.png") !important;
background-repeat:no-repeat;
height:0;
padding:16px 21px 0 0 !important;
width:0;
}
You can also go in and manually replace the old user icon code yourself.
appendix
credit and comment
• Please credit thrashmetal somewhere public. (Profile, Links List, Friends Only post, etc.)
• Comments aren't required, but are appreciated!
resources
• Default circular icons by Pro Theme Design
• Minimalist icons by brsev.
read the layout faq before asking questions!
commission a custom layout!