LiveJournal's S2 Styles

Favicon layer codes?

2008-10-03T14:50:29Z

I know that the code for the favicon itself goes something like <link rel="icon" href="http://urlhereyay"> but where exactly do I put it in my layer?

It used to work just fine in my component layout but now that I'm using three column, the codes compile with an error. Is there a universal code I can use so I won't have problems when I switch layouts?

Thanks for your time!

s2styles @ 2008-10-03T12:27:00

2008-10-03T11:38:08Z

So I figure, why work in a vacuum?

I've been mucking around with various things, and I have some code that I was hoping people might be able to suggest improvements for, or indeed just copy for themselves if they fancy it.. It was built very much in cowboy fashion, revised over and over, so may well be painfully mis-coded (for example, this $checkstring variable looks entirely unnecessary now that I look at it), but it does seem to work...


## Find and Replace ##
function replaceText(string strin, string fnd, string rpl) : string {
    var string str = $strin;
    var string checkstring;
    foreach var int i (0 .. $str->length()) {
        $checkstring = $str->substr($i,$fnd->length());
        if ($checkstring == $fnd) {
            $str = $str->substr(0,$i) + $rpl + $str->substr($i+$fnd->length(),$str->length() - $fnd->length());
        }
    }
    return $str;
}

Something about it just doesn't sit right with me, and in spite of the fact that it works, I feel like I've done it all wrong, so any help would be gratefully received :o)

Silly question

2008-09-30T19:17:54Z

This might be fairly simple but how do I use << as the text for my previous page link?

cleaning ljuser links for RSS feed

2008-09-28T04:01:36Z

I'm currently using a S2 theme/layer setup to read my LJ friends list via RSS, but it has one annoying bug:

Everytime someone uses an lj-user tag, the RSS reader can't parse their entry. It throws an error at:


<span class='ljuser' lj:user='...
^^^

Basically, RSS doesn't seem to understand the "span" tag. I'd like it to just put a link to the username, instead, something like this:


<a href='$url'>$ljusername</a>

Unfortunately, this doesn't work (because you cannot redefine a built-in):


function UserLite::ljuser() {
      return "<a href='$url'>$ljusername</a>";
}

Any suggestion on how I can accomplish this? Am I missing something obvious? :)

Dystopia?

2008-09-26T20:45:12Z

I've sort of gotten it into my head to try and re-create the Dystopia site theme as an S2 style. Currently I use Component, and I was wondering if it'd be worth the hassle of trying to make Component (or any other S2 style) into Dystopia or if I should start fresh. Any advice would be appreciated, thanks.

Youtube Embed doesn't work?

2008-09-25T00:48:58Z

I'm using Opal and some old code from Halffling and I noticed in one of my entries, the youtube video I posted on my journal doesn't show up. Is there something I need to add or take out to get this to work? Below is my layer, which compiled fine:

layerinfo "type" = "theme";
layerinfo "name" = "Default Template";
layerinfo author_name = "Halffling on LiveJournal.com";
layerinfo author_email = "halffling@livejournal.com";
layerinfo des = "Based on the template offered by ignited";
layerinfo lang = "en";
layerinfo source_viewable = 0;
layerinfo is_public = 0;

set text_post_comment = "Comment";
set text_read_comments = "1 // #";
set text_post_comment_friends = "Comment";
set text_read_comments_friends = "1 // # ";
set text_meta_music = "Music";
set text_meta_mood = "Mood";
set show_entry_userpic = true;
set lang_fmt_date_short = "%%yyyy%%年 %%mm%%月 %%dd%%日";
set lang_fmt_time_short = "%%h%%:%%min%%%%a%%m";
set text_back = "Back";
set text_forward = "Forward";
set links_header = "Links";
set tags_aware = true;

function Page::print_custom_head() {
"""
<style type="text/css" media="screen">
.entries {
   font-size:12px;
   line-height:9pt;
   font-family:verdana;
   text-align:justify;
   }
</style>
""";
}

function print_stylesheet() {
"""
/* Hello! This is the stylesheet of Halffling @ LJ. */
/* My comments are placed between things like this */
/* in order to help you along. */

body {
   background-color:#a6a994;
   background-image:url(http://img407.imageshack.us/img407/5084/77wordspatterns302tv2.jpg);
   background-attachment:fixed;
   font-family:Trebuchet MS;
   color:#5b4e2d;
   font-size:12px;
   line-height:9pt;
   overflow-x:hidden;
   margin:5px;
   margin-top:10px;
   }

html {
   scrollbar-face-color:#a6a994;
   scrollbar-arrow-color:#000000;
   scrollbar-highlight-color:#a6a994;
   scrollbar-3dlight-color:#000000;
   scrollbar-shadow-color:#a6a994;
   scrollbar-darkshadow-color:#000000;
   scrollbar-track-color:#a6a994;
   }

.pagealign {
   text-align:center;
   }

.bodytable {
   width:50%;
   }

/* borders along the page. */
/* To disable a border, change to 0px */
.border4 {
   border:0px solid #B4B4B4;
   }

.border3 {
   border:0px solid #CDCDCD;
   }

.border2 {
   border:0px solid #5b4e2d;
   }

/* links on page */
a, a b {
   color:#000000;
   font-weight:bold;
   text-decoration:none;
   }

/* links when cursor is hovering over it */
a:hover, a:hover b, a:hover .nosubject {
   color:#a3a690;
   font-weight:bold;
   text-decoration:none;
   }

/* bolded text. Remove if you don't want it a different color */
b {
   color:#5b4e2d;
   }

/* change to 'float:right' if you want your posting icon on the right. */
.userpic2 {
   float:right;
   text-align:right;
   margin-top:0px;
   margin-right:0px;
visible: none;
   }

/*if userpic in the sidebar is enabled. */
#userpic {
   overflow:visible;
   text-align:center;
   margin-bottom:5px;
   padding:2px;
   }

/* the next three deal with the navigation links at the top */
#nav {
white-space: nowrap;
font-size: 10px;
text-align:center;
background:#8d875f;
text-transform:uppercase;
width:700px;
border:0px solid #5b4e2d;
margin-top:0px;
}
#nav A {
padding:0 5px 0 5px;
text-decoration: none;
color: #000000;
background-color: #;
}
#nav A:Hover { background-color: none; color:#a3a690;}

/* main area of text */
#content {
   background-color:#b7af7c;
   padding:0px;
   }

.sidetd {
   width:175px;
   }

/* the columns */
.columncontent {
   font-size:11px;
   text-align:center;
   background-color:#8d875f;
   padding:2px;
   }

/* the header of each column */
.columncontent strong {
   font-size:10px;
   color:#5b4e2d;
   font-weight:bold;
   text-transform:uppercase;
   }

/* text area of the columns */
.columnitem {
   padding:2px;
   margin-top:4px;
   background-color:#8d875f;
   border:0px solid #5b4e2d;
   overflow:visible;
   }

/* links in the side column */
#sidecolumn a {
   color:#531d01;
   font-size:10px;
   text-decoration:none;
   }

#sidecolumn a:hover {
   color:#a3a690;
   font-size:10px;
   text-decoration:none;
   }

/* the calendar on the side */
.calrow {
   clear:both;
   width:120px;
   text-align:center;
   }

.calempty {
   width:5px;
   }

.calactitem {
   font-size:9px;
   text-align:center;
   background-color:#b7b07c;
   }

.calinitem {
   font-size:9px;
   text-align:center;
   }

/* days on the calendar page */
.bigday {
   font-size:11px;
   font-weight:bold;
   }

/* the text area on the Reply to Post or Comment page */
input, textarea, select {
   color:#5b4e2d;
   font-family:verdana;
   font-size:12px;
   background-color:#b7b07c;
   border:0px solid #5b4e2d;
   }

/* the subject of the post */
.subject {
   color:#5b4e2d;
   font-size:14px;
   font-weight:bold;
font-family: verdana;
   text-transform:uppercase;
   padding-top:1px;
   padding-bottom:1px;
   }

/* the following deal with entries themselves */
.entry {
   font-size:10px;
         font-family:verdana;
   margin-bottom:10px;
   }

.entrytext {
   overflow-x:hidden;
   text-overflow:clip;
   word-wrap:break-word;
   }

.entrycontent {
   width:30%;
   }

/* mood & song */
.meta {
   text-transform:uppercase;
   font-size:10px;
   font-weight:bold;
   }

/* tags */
.tags {
   color:#5b4e2d;
   font-size:9px;
   background-color:none;
   text-transform:uppercase;
   padding:0px;
   }

/* the next two are where it says "posted by" */
.entryinfo {
   color:#5b4e2d;
   font-size:10px;
   font-weight:bold;
   text-transform:uppercase;
   background-color:#8d875f;
   padding-top:0px;
   padding-bottom:0px;
   }

/* the next three deal with the links at the bottom of each entry */
.entrylinks {
   font-size:9px;
   padding-top:2px;
   padding-bottom:2px;
   background-color:#b7b07c;
         border-bottom: 1px #5b4e2d solid;
   text-align:center;
   }

.entrylinks a {
   color:#000000;
   text-align:center;
   text-transform:uppercase;
   text-decoration:none;
   white-space:nowrap;
   }

.entrylinks a:hover {
   color:#a3a690;
   background-color:none;
   text-decoration:none;
   }

/* when a whole bunch of replies occurs and they turn to boxes */
.minicomment {
   font-size:11px;
   padding:0px;
   background-color:#8d875f;
   border:0px solid #5b4e2d;
   }

.minicommentholder {
   border:0px solid #8d875f;
   }

.messageholder {
   border:0px solid #8d875f;
   margin-bottom:5px;
   margin-top:5px;
   }

/* when viewing comments, where it says "comments" */
.notablemessage {
   padding:0px;
   }

/* year in calendar page */
.systemtext {
   color:#5b4e2d;
   font-weight:bold;
   text-transform:uppercase;
   }

/* back, forward links, etc. */
.systemmessage {
   font-size:11px;
   background-color:#8d875f;
   border:1px solid #5b4e2d;
   }

.systemmessage a {
   padding-left:10px;
   padding-right:10px;
   padding-top:0px;
   padding-bottom:0px;
   }

.systemmessage TD {
   font-size:11px;
   padding:2px;
   }

/* on the comments page, the username of the commenter */
.postedby {
   font-size:11px;
   text-transform:uppercase;
   }

/* if you enabled IP logging */
.ip {
   color:#5b4e2d;
   }

/* if logged in, this edits the "mass action on selected comments" option */
.multiform {
   font-weight:bold;
   }

/* the links that say 'back to top' at the bottom of each entry */
.backtop {
   text-align:right;
   }

.backtop a {
   color:#000000;
   }

/* I'm not sure if the next two really do anything */
.friendcolor {
   width:10px;
   height:10px;
   }

.friendname {
   text-decoration:none;
   }
""";
}

function Page::lay_print_sidebar () {

var string intro = """
<div class="columnitem" align="justify"><b>Jess</b>. Age=(6^2-23)+2. Resides in the Twilight Zone. Jaded college senior. Fashion Design major. Artist by trade. Revels in the simplicity of a good cup of coffee, hello kitty, numerous art supplies, cold air, and a nice pair of jeans.
</div>
""";
print_box("The Queen", $intro);

#   $this->lay_print_summary();
   $this->lay_print_calendar();
   $this->print_linklist();
   $this->lay_print_freetext();

var string newcolumn2 = """
<div class="columnitem" style="text-align:center">This layout features 서태지. Header made by me in Photoshop CS3. Layout codes from Halffling.</div>
""";
print_box("Layout", $newcolumn2);

}

function Page::lay_print_header () {
# this is the order of the links
var string[] views_order = [];

var string title = $this->title();
   """
   <div id="nav" align="center">
   """;

foreach var string v ($views_order) {
   println "<a href=\""+$.view_url{$v}+"\">"+lang_viewname($v)+"</a>";
   }

var string website;
   if($.journal.website_url != "") {
   $website = """<a href="$.journal.website_url">Website</a>""";
   }

   """
   $website
   """;
var string[] text;
var string[] url;

# copy sets as necessary
# make sure that the index numbers (bolded numbers) are the same in each group
# this program will step thru them in numerical order

   $text[0] = "Main";
   $url[0] = "$*SITEROOT/users/cozmonaughty";

   $text[1] = "Userinfo";
   $url[1] = "$*SITEROOT/userinfo.bml?user=cozmonaughty";

   $text[2] = "Update";
   $url[2] = "$*SITEROOT/update.bml";

   $text[3] = "Friends";
   $url[3] = "$*SITEROOT/users/cozmonaughty/friends";

   $text[4] = "Memories";
   $url[4] = "$*SITEROOT/tools/memories.bml?user=cozmonaughty";

$text[5] = "Icons";
   $url[5] = "$*SITEROOT/allpics.bml?user=cozmonaughty";

foreach var int i (0 .. (size($text) - 1)){
   println """<a href="$url[$i]">$text[$i]</a>""";
   }
   """
   </div>
   </div>
   """;
   }

function Page::print () {
   var string title = $this->title();
   """
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> </title>
<link rel="stylesheet" href="$.stylesheet_url" type="text/css"/>
   """;
   $this->print_head();
   """
</head>
<body>
<a name="top"></a>
<div align=center>
<table cellspacing="0" cellpadding="0" border="0" width="700">
   <tr><td align="center" valign="top"><img src="http://farm4.static.flickr.com/3062/2886322864_d5b75e66b9_o.jpg"></tr>
<tr>
<td>
   <div align="left" width="100%">
   """;
#   $this->lay_print_username();
   $this->lay_print_header();
   """
   <div class="border2">
   <div class="border3">
   <div class="border4">
   <div id="content" align=left>
   <table cellspacing="10" cellpadding="0" border="0">
   <tr>
   <td valign="top" class="sidetd" width="120px">
   <div id="sidecolumn" width="140px" align="center">
   """;
#   $this->lay_print_userpic();
   $this->lay_print_sidebar();
   """
   </div>
   </td>

   <td valign="top" width="100%">
   """;
   $this->print_body();
   $this->lay_print_subnav();
   """
   </td>
   </tr>
   </table>
   </div>
   </div>
   </div>
   </div>
   </td>
   </tr>
   </table>
   <div>
   </body>
   </html>
   """;
}

function Entry::print_metadata() {
var string caption;
var string val;
var Image i;
if (size $.metadata == 0) { return; }
foreach var string k ($.metadata) {
    $caption = $k;
    $val = $.metadata{$k};
    if ($k == "music") {
      $caption = $*text_meta_music;
    } else {
      if ($k == "mood") {
        $caption = $*text_meta_mood;
        if (defined $.mood_icon) {
          $i = $.mood_icon;
          $val = """<img src="$i.url" width="$i.width" height="$i.height" alt="$val" title="$val" /> $val""";
        }
      }
    }
    println """<div class="meta"><b>$caption:</b> $val</div>""";
}
}

function CommentInfo::print() {
    if ($.enabled) {
        if ($.count > 0 or $.screened) {
            $this->print_readlink();
        }
        $this->print_postlink();
    }
}

function FriendsPage::lay_make_username (Entry e) {
   var Friend f = $.friends{$e.journal.username};
   var string url = $e.poster->base_url();
   """
<div class="entryinfo"><a href="$url/" class="friendname">$e.poster.username</a>
   """;

   if($e.poster.username != $e.journal.username) {
       """ $e.journal""";
   }
   """
   </div>
   """;
}

function Page::lay_make_username(Entry e) {
   """
   <div class="entryinfo">$e.poster</div>
   """;
}

function Page::print_entry (Entry e) {

   print """<a name="item""" + $e.itemid + """\"></a>""";
   var string time = $e.time->time_format();
   var string date = $e.time->date_format();
   var string security;
   if ($e.security != "") {
       $security = """<img src="$e.security_icon.url" align="right" """+
       """width="$e.security_icon.width" height="$e.security_icon.height" """+
       """alt="[$e.security]" />""";
   }

   var UserLite name;
   var string pname;

   var bool show_name = ($.view == "friends" or $e.poster.username != $.journal.username or $.view == "entry") ? true : false;
   var bool show_pic = (defined $e.userpic and ($.view == "friends" or $*show_entry_userpic or $e.poster.username != $e.journal.username or $.view == "entry")) ? true : false;

   """
   <div class="entry">
   """;
   if($show_pic) {
       """
   <div class="userpic2">
   <a href="$*SITEROOT/allpics.bml?user=$e.poster.username"><img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" border="0" alt="$e.poster.name" title="$e.poster.name" /></a>
   </div>
       """;

   }
   """
   <div class="subject">$e.subject</div>
   <div class="entryinfo">$security <b>posted on:</b> $date <b>@</b> $time</div>
   """;
   if($show_name) {
       $this->lay_make_username($e);
   }
   var int    count     = 0;
   var string tags      = "";
   var string tags_root = $.journal->base_url() + "/tag";
   foreach var Tag t ($e.tags) {
   $tags = $tags + """<a href="$tags_root/$t.name">$t.name</a>""";
   if(++$count < size($e.tags)) {
   $tags = $tags + ", ";
   }
}
   if($tags != "") {
   $tags = "<b>Tags:</b> " + $tags;
}
   """
<div class="tags">$tags</div>
<div class="entrytext"><br>
<div class="entry">$e.text</div>
   """;
   $e->print_metadata();
   """
</div>
   </div>
<div class="entrylinks">
   """;

   $e.comments->print();
   var string{} caption = {
       "edit_entry" => "Edit Entry",
       "edit_tags" => "Edit Tags",
       "mem_add" => "Add to Memories"
   };
   foreach var string key (["edit_entry","edit_tags","mem_add"]) {
       var Link link = $e->get_link($key);
       if ($link) {
           """<a href="$link.url">   $caption{"$key"}   </a>""";
       }
   }
   """
</div>
   <div class="backtop"><a href="#top">back to top</a></div>
   <br>
   """;
}

function ReplyPage::print_body() {
   var EntryLite e = $.replyto;
   var string poster = defined $e.poster ? $e.poster->as_string() : "<i>(Anonymous)</i>";
   var string datetime;
   var string time = $e.time->time_format();
   var string date = $e.time->date_format();

   var UserLite name;
   if(defined $e.userpic and $*comment_userpic_style != "off") {
   $name = $e.poster;
   """<div class="userpic2">""";
   if (defined $e.userpic or (defined $e.userpic and $.view == "entry" and $*show_entry_userpic)) {
           """<img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="" />""";
   }
   """</div>""";
   }
   """
   <div class="entry">
   <div class="subject">$e.subject</div>
   <div class="entryinfo">$name <b>posted on</b> $date <b>@</b> $time</div>
   <div class="entrylinks"><a href="$.entry.comments.read_url" class="comments">$*text_reply_back</a>""";
   var string{} caption = {
       "edit_entry" => "Edit Entry",
       "edit_tags" => "Edit Tags",
       "mem_add" => "Add to Memories",
       "tell_friend" => "Tell a Friend"
   };
   foreach var string key (["edit_entry","edit_tags","mem_add","tell_friend"]) {
   var Link link = $e->get_link($key);
   if ($link) {
   """<a href="$link.url">   $caption{"$key"}   </a>""";
   }
   }
   """
   </div>
   """;

   """
   <div class="entrytext">
   <p>$e.text</p></div>
   <div class="messageholder"><div class="systemmessage">
   """;
   $.form->print();
   """
   </div></div>
   """;
}

function RecentPage::lay_print_subnav () {
   var string back;
   if($.nav.backward_url != "") {
       $back = """<a href="$.nav.backward_url">$*text_back</a>""";
   } else {
       $back = " ";
   }
   var string forward;
   if($.nav.forward_url != "") {
       $forward = """<a href="$.nav.forward_url">$*text_forward</a>""";
   } else {
       $forward = " ";
   }

   var int start = $.nav.skip;
   var int end = $.nav.skip + size $.entries;
   var string text = "Viewing $start - $end";
   """
   <div class="messageholder"><div class="systemmessage">
   <table cellspacing="0" cellpadding="0" border="0" width="100%">
   <tr><td width="33%">$back</td>
   <td width="33%" align="center">$text</td>
   <td width="33%" align="right">$forward</td>
   </tr>
   </table>
   </div></div>
   """;
}

function EntryPage::print_comment(Comment c) {
   var string symb;
   if ($c.metadata{"picture_keyword"}!=""){
   $symb = ": ";
}
   var string picword;
   if (defined $c.userpic and $*comment_userpic_style !="off") {
   $picword = $c.poster.name + $symb + $c.metadata{"picture_keyword"};
}
   var string datetime;
   $datetime = $c.time->date_format()+", " + $c.time->time_format();

   var string parent;
   var string thread;
   if($c.parent_url != "") {
   $parent = """<a href="$c.parent_url">   $*text_comment_parent   </a>""";
   }
   if($c.thread_url != "") {
   $thread = """<a href="$c.thread_url">   $*text_comment_thread   </a>""";
   }

   var string subjecticon;
   if (defined $c.subject_icon) {
   $subjecticon = """<img src="$c.subject_icon.url" width="$c.subject_icon.width" height="$c.subject_icon.height" height="$c.userpic.height" title='$picword'/>""";
   }

   var string ip;
   if ($c.metadata{"poster_ip"}) {
   $ip = """   """ + $c.metadata{"poster_ip"};
   }

   var string poster = defined $c.poster ? $c.poster->as_string() : "<b>(Anonymous)</b>";

   var string pic;
   if (defined $c.userpic and $*comment_userpic_style != "off") {
   $pic = """<div class="userpic2"><img src="$c.userpic.url" width="$c.userpic.width" height="$c.userpic.height" height="$c.userpic.height" title='$picword'/></div>""";
   }

   var string indent = ($c.depth - 1) * 25 + "px";
   """
   <a name='$c.anchor'></a>
   <div class="entry" style="margin-left: $indent;">
   $pic
   <div class="entryinfo"><br />$subjecticon</div>
   <div class="postedby">$poster <span class="ip">$ip</span></div>
   <div class="entryinfo"><b>on</b> $datetime</div>
   <div class="entrylinks">
   """;
   if ($.multiform_on) {
   """<label for="ljcomsel_$c.talkid">$*text_multiform_check</label> """;
   $c->print_multiform_check();
   """
   """;
   }

   var string replyurl;
   if ($c.frozen) {
   $replyurl = """<a href="javascript://">   $*text_comment_frozen   </a>""";
   } else {
   $replyurl = """<a href="$c.reply_url">   $*text_comment_reply   </a>""";
   }
   """
   $replyurl
   """;

# some links for doing stuff to this comment
   foreach var string k ($c.link_keyseq) {
   var Link link = $c->get_link($k);
   if ($link) {
   """<a href=\"$link.url\">   $link.caption   </a>""";
   }
   }
   """
   <a href="$c.permalink_url">   $*text_permalink   </a>$parent$thread
   </div>
   <div class="entrytext">
   <div class="subject">$c.subject</div>
   <p>$c.text</p>
   </div>
   """;

   if ((size $c.replies) > 0 and $c.replies[0].full == false) {
   """<div style="margin-top: 5px; margin-bottom: 5px; clear: both;">\n""";
   $this->print_comments($c.replies);
   "</div>\n";
   }
   """
   </div>

   """;
   if ((size $c.replies) > 0 and $c.replies[0].full == true) {
   $this->print_comments($c.replies);
   }
}

Positioning metadata

2008-09-22T23:31:43Z

Hi, I was wondering whether it's possible to place .entryMetadata-label below the mood theme image, specifically "music". I'm generally satisfied with the positioning of my mood theme image aside from that little detail. I would be satisfied if I could at least position it to the middle of the image.

I'm using a heavily modified layout by tears_of_ruby, and the metadata code is as follows:

newb

2008-09-20T02:02:39Z

I'm trying to add a header to my Flexible Squares layout, but for some reason its turning out like this: http://community.livejournal.com/ontd_trublud/

I'd really like the header and the entry tables to be aligned but I have no idea what I'm doing wrong. can anyone help?

Adding edit links to other layouts besides smooth sailing?

2008-09-19T22:46:06Z

Generally, I'm a big fan of Smooth Sailing and haven't used another layout in a while. But the only reason I'm partial to Smooth Sailing is the inclusion of the "edit tags" and "edit entry" tags it places at the bottom of every entry. No other layout seems to do that.

But I came across this hack/code/trick today, and so, my questions:

Is there an easier way to do this?

Does it work, with some editing, for other layouts?

Is there a similar code for the "edit tags" command?

Thanks for any help you can give.

Random Question

2008-09-15T13:36:52Z

I was just wondering if anyone knew a code that could rezie pictures that people post on your friends list. Kinda like the coding for Myspace in the comments section.

Thanks!

Gradient Strip

2008-09-11T17:59:06Z

Gradient Strip is one of my favorite styles (and I'm using it on my two side journals). However, there's something I've come to see as a drawback: it has no sidebar. Has anyone among you came up already with a way to add a sidebar or would you be willing to write me some code? I would appreciate it greatly!

It should fit the style, so I like to have those six boxes featured somewhere in the sidebar. I'd like the sidebar to have page summary, calendar and link list. (And a way to more or less easily to code more sidebar stuff if I'd like to in future... For instance, I found it harder to do in Expressive/Bloggish even though if it came to it I could, and easier in Opal, Component.)

3 column: allpics et al

2008-09-06T08:06:29Z

Is there a way to have all the userpics in the layout direct to the allpics link in 3 column the same way in smooth sailing?

Is there a way for me to tweak the friends page such that the in [info]comm by name ([info]username) is aligned further to the left with everything else?

I'm new to 3 column, so lemme be a noob and ask if it's possible to turn on the default icon, title and subtitles. Is it?

I can live without the last one though, curiosity just got the better of me.

Thanks in advance! \o/

Love the clean look of this community, btw~

How can I convert my S1style to a S2style?

2008-09-05T17:44:03Z

Hello, I am new to this community, and I joined simply because of the fact that I could really use someones help, and I hope it's ok to post this question here.

Curently I am using the S1style Generator with my own override codes and I really like the way my layout looks, but I want to switch over to the S2style because I found out there is a lot of things that the S1style doesn't support.

I know very little about CSS, so I was wondering if anyone had any tips or Tutorials on how to convert from a S1style to a S2 style?

Like I said I still want my layout to look the way it does, so if anyone can help me out, any help would greatly appreciated.

Here's my LJournal account if anyone wants to see what my Layout looks like. :)

pearl-illusions.livejournal.com/

Calendar boxes on archive page using Opal

2008-08-30T22:40:46Z

I'm using a customised version of Opal.

My archive page is kind of messed up. I think what I need to do is set the width of the calactitem class in the CSS, but when I do that it messes up the sidebar calendar. It says here that as a perm user I should be able to define a new class for one or the other, so how do I do that?

I'm using kunzite1's version of haffling's code, btw. Link to the layer.

help hiding tell a friend and flag.

2008-08-30T21:20:11Z

I am using kunzite1's version of aeval's The Boxer code. I am having trouble figuring out how to hide the "tell a friend" and "flag" images. I was able to hide the "track" image using CSS, but it doesn't seem to be working for the other two.

Any ideas? For reference, my theme can be viewed here.

Post script: I would've posted this in the boxer_help community, but frankly, it's dead. :x

A question from a first time poster....

2008-08-28T14:40:13Z

Does anyone know how to put a header image into S2 Generator? Also, I'm a beginner at customizing layouts, so if someone could tell me what to do with the code as well that would be swell :)

Crossposted to my own journal.

s2styles @ 2008-08-27T13:59:00

2008-08-27T17:59:34Z

I don't know if this is the right place to ask this question, but I'll try anyway! :)

I want to be able to have a default icon in my profile, but I don't want it to show in my journal. Does anyone know how to do this?

Thanks!

as ever.. i need help

2008-08-10T07:40:01Z

i have a layout i want to use... but it doesnt have the navigation with the rest of the side bar.

unfortunately i dont know how to add this myself. i asked for the help of the person who made the layout.. but this person wasnt very help... except to tell me i could do it myself and gave me the links i would need

i need someone to add this for me.

/* PAGE */

body {
background: url(http://i120.photobucket.com/albums/o176/missv8nightmare/misc/stars_bg.gif);
     font-family:arial;
     margin: 0px;
     padding: 0px;
     background-color: #F8E797;
     background-repeat:repeat;
     background-position: bottom right;
     background-attachment:fixed;
    }

b {
color:#F01582; letter-spacing:0pt; font-weight:bold; font-size:8pt; 
} 
u {
border-bottom: 1px dashed #fffff;
color:#2E8EB7;
} 
i {
; text-transform: none; letter-spacing: 1px; font-family: georgia; font-size: 10px; color:#2E8EB7;}

} 
strike {
font-size:10pt; font-weight:bold; color:#F01582; text-transform: none; letter-spacing: 0pt; 
}

a {
    color: #2E8EB7;
font: bold 6pt verdana;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
padding: 0px;
line-height: 15px; 
border: #f25566 0px solid; 
background-image: url();
  }
  a:visited {
     color: #DF5573; 
font: bold 6pt verdana;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
padding: 0px;
line-height: 15px; 
border: #f25566 0px solid;
background-image: url();
}
  a:hover {
     color:#1097A4;
 line-height: 9px;
font: bold 6pt verdana;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
padding: 0px;
background-image: url();
cursor: crosshair;
border: #1097A4 0px solid;
}
  .pageblock{
     width:715px;
     margin: 0 auto;
     background-color: #;
     color: #1097A4;
     margin-top: -1px;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #FBEFC1;
     padding-top: 0x;
     margin-top: 0px;
     text-align: center;
     font-size: 7pt;
     height: 72px;
     text-transform: uppercase;
     background-image: url();
     background-repeat: no-repeat;
     background-position: bottom;
     margin-left: 5px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #40A9D0;
     }

::-moz-selection {background: #FBEFC1; color: #2E8EB7;}

blockquote {background: #FFE3ED; border: 1px solid  #CA89E5; padding: 2px;}

.pageheaderblock {text-align: center;}

.header-title, .header-icon, .header-subtitle, .pagefooterblock, .bodyheaderblock, .header-menu {display: none;}

.bodyblock {width: 649px; margin: 0px auto;}

#footer-menu {background: #2E8EB7; border: 0px solid #E2C2A8; margin: 5px 0px 5px 0px; text-align: right; padding: 5px;
text-transform: uppercase; font-weight: bold;}
#footer-menu ul {margin: 0px auto; padding: 0px;}
#footer-menu li {display: inline; padding: 0 10px 0 15px;}

/* BODY */

.bodyblock {
     margin-left: 0px;
     border-top: 0px;
     margin-right: 0px;
     margin-top: 32px;
     padding-left: 41px;
     padding-right: 42px;
     margin-left: -2px;
     }
  .bodyheaderblock {
     display: none;
     border-top: 0px;
     }
  .bodynavblock {
     background-color: #FBEFC1;
     color: #1097A4
     margin: 0px 0px 4px 0px;
     padding: 4px;
     border-top: 0px;
     text-align: center;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #DF5573;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     display: none;
     }

/*ENTRIES*/
  .entryHolder {
       background-image: none;
  background: #FBEFC1; 
border-top: 1px dashed #2E8EB7;
  border-left: 3px solid #2E8EB7;
  border-right: 1px dashed #2E8EB7;
  border-bottom: 1px dashed #2E8EB7;
  background-color: #FBEFC1;
Text-align: center;
  font:normal 11px arial;
  line-height:16px;
  letter-spacing: 1px;
  color: #1097A4;
       margin-right: 0px;
     margin-left: 15px;
     margin-bottom: 15px;
     }

.entryUserinfo {
     text-align: center;
     margin: 2px;
     background-color: transparent;
     border: 0px
     }
  .entryUserinfo-usericon img { 
     padding: 2px; 
     border: 0px;
     } 
  .entryText {
     padding: 3px;
     }
  .entryHeader {
     background-color: #FBEFC1;
  background-image: url();
  background-attachment: no-repeat; 
  background-repeat: no-repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #F01582;

text-align: center;
  padding-left: 3px;
  width: 230px;}

.entryHeader a{
     color: #DF5573;
     }
  .entryHeaderSubject {
   background-color: #FBEFC1;
  background-image: url();
  background-attachment: no-repeat; 
  background-repeat: no-repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #F01582;

text-align: center;
  padding-left: 3px;
  width: 230px;}

.entryHeaderDate a {
     color: #DF5573;
     text-decoration : none;
     }
  .entryHeaderDate {
     background-color: #FBEFC1;
  background-image: url();
  background-attachment: no-repeat; 
  background-repeat: no-repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #F01582;

text-align: center;
  padding-left: 3px;
   width: 230px;}

.entryHeaderDate a:hover {
     color: #1097A4;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 0px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     display: block;
     background-color: #FBEFC1;
     padding: 2px;
     margin-right: 0px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: arial;
     font-size: 10px;
     text-align: center;
     padding: 4px 0px 4px 0px;
     background-color: #FBEFC1;
     margin-bottom: 3px;
     }
  .entryLinkbar a:link, a:visited{
     color: #2E8EB7;
     text-transform: normal;
     font-weight: bold;
     }
  .entryLinkbar a:hover{
     color: #2E8EB7;
     background-color: #FBEFC1;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 2px 0px 2px;
     margin: 0px;     
     display: inline;
     }
/*FOOTER*/

#footer-menu {
     font-size: 11px;
          text-align: center;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #FBEFC1;
     white-space: nowrap;
     padding: 6px;
     text-align: center;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: arial;
     font-size: 11px;

width: 230px;
     background-color: transparent;
     
     padding-bottom: 100px;
     }
  .sidebox {
       background-image: none;
  background-color: #FBEFC1;
border-top: 1px dashed #2E8EB7;
  border-left: 3px solid #2E8EB7;
  border-right: 1px dashed #2E8EB7;
  border-bottom: 1px dashed #2E8EB7;
  font:normal 11px arial;
Text-align: center;
  line-height:16px;
  color: # 1097A4;

margin-right: 0px;
     margin-left: 0px;
     margin-bottom: 5px;
     }

.sideboxTitle {
       background-color: #FBEFC1;
  background-image: url();
  background-attachment: no-repeat; 
  background-repeat: no-repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #F01582;
  text-align: center;
  padding-left: 3px;
  border: 0px #FBEFC1
  width: 230px;}
  .sideboxContent {
     text-align: justify;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     background-color:  transparent;
     padding: 1px;
     color:#1097A4;
     margin-bottom: 4px;
     }
  .sidebox #latestmonth table a{
     background-color: #FBEFC1;
     padding: 0px;
     color: #DF5573;
     padding: 3px;
     width: 20px;
     font-weight: bold;
     border-right: 0px solid #858A9D;
     border-bottom: 0px solid #858A9D;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #2E8EB7;
     background-color: #FBEFC1;
     font-family: arial;
     font-size: 11px;
     margin: 10px;
     text-align: justify;
     padding: 4px;

}
  .commentUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     background-color: transparent;
     }
  .commentUserinfo-usericon img {

} 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #FBEFC1;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     font-weight: bold;
     color:#2E8EB7;
     font-size: 11px;
  
     }
  .commentHeader a{
     color: #0B0E79;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: arial;
     font-size: 10px;
     text-align: center;
     padding: 4px 0px 4px 0px;
     background-color: #FBEFC1;
     margin-bottom: 3px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: transparent;
     color: #000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 420px;
     margin: 0px auto;
     margin-top: 15px;
     margin-bottom: 15px;
     background-color: #FBEFC1;
     }
  .daysubjects {
     color: #2E8EB7;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
  
     background: #FBEFC1;
     color: #DF5573;
     }
  .day-blank {D8CBC2
     border: 0px solid #8a8a8a;
    }
  .day {
     border: 0px solid #D8CBC2;
     }
  .day-date {
     border-right: 1px solid #8a8a8a;
     border-bottom: 1px solid #8a8a8a;
     color: #2E8EB7;
     width: 50%;
     text-align: center;
     background-color:#FBEFC1;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #DFC0AF;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #2E8EB7;
     }
  .tagstable { width: 400px; }

this is this layout

and

the links

Can someone please help?

this is what the layout looks like now as it stands roflmaoz

Changing Text On "Leave Comment" Page in Bloggish

2008-08-06T18:50:38Z

Full Disclaimer: I'm not great with CSS and this is probably gonna be an obvious thing to many of you.

How does one change the text color on the "Leave Comment" page-- the part where it asks for the comment subject, title, et cetera?

Spacer Image?

2008-08-06T12:01:49Z

Hi everyone. I've looked around for the answer to this, but couldn't find it on any of the other communities.
I'm almost finished my layout, using TranquilityII, and it's so close to what I want, but I'm not sure how to put a divide in between the posts. This is what I want to go between my posts, and on my friends list, but I'm not sure how to put it in. Any suggestions?
Thanks!

help.

2008-07-25T05:32:04Z

Hello.
I am having many difficulties concerning my new layout for mammamia_movie .

1. I cannot, for the life of me, have the text/entries/title on the left of the page, it is always centered, whatever I try.
I don't know if it's the layout itself or a LJ setting.
ANY help would be greatly appreciated.

Clean Cut LJ layout header issue

2008-07-24T19:50:13Z

Problem SOLVED :)

Hi :) I'm using the CSS script for the Clean Cut LJ layout and would like to customise it, I'm quite a newbie to CSS in general, I've spent a while attempting to get a header in, and it has worked, but the problem is it isn't centered it tends to go too much to the right for my liking, as my LJ currently shows. Is there a way to stop this? Any help would be appreciated and rewarded with a lot of praise and credit!! Thanks! :) Oh.. the script is below in the cut:

/* 
name: Clean Cut
designer: Li'ao Wang
designer_url: http://aery.livejournal.com
description: A clean layout with whites, reds and pinks. Elegant, modern and refreshing.
layouts: one-column, two-column-left, two-column-right
*/

body {
background-color: #FFFFFF;
background-repeat: repeat-y;
font-family: arial;
font-size: 10px;
letter-spacing: 1px;
color: #000000;
}

body.layout-one-column, body.layout-three-column {
background-image: url(1-center.jpg);
background-position: top center;
}

body.layout-two-column-left {
background-image: url(1-side.jpg);
background-position: top left;
}

body.layout-two-column-right {
background-image: url(1-side.jpg);
background-position: top right;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #E4004B;
}

a:hover {
text-decoration: none;
cursor: crosshair;
background-color: #e9e9e9;
}

.layout-one-column #container {
margin: 0 auto;
width: 500px;
}

.layout-two-column-left #container {
width: 800px;
margin-left: 0px;
position: relative;
left: 80px;
}

.layout-two-column-right #container {
width: 800px;
margin-right: 0px;
position: relative;
right: 80px;
}

#banner {
margin-top: 0px;
padding-top: 50px;
background-image: url(4.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 500px;
}

.layout-two-column-left #banner {
left: 300px;
}

#banner-header {
font-family: century gothic;
font-size: 30px;
text-transform: lowercase;
background-image: url(2.jpg);
background-repeat: no-repeat;
background-position: bottom right;
height: 60px;
}

#banner-header a:link, #banner-header a:active, #banner-header a:visited, #banner-header a:hover {
color: #000000;
background: transparent;
}

#banner-description {
font-family: arial narrow;
font-size: 10px;
letter-spacing: 1px;
color: #00BEED;
text-transform: lowercase;
text-align: right;
}

#pagebody {
text-align: justify;
padding-top: 20px;
padding-bottom: 20px;
}

.layout-two-column-left #alpha {
width: 250px;
text-align: right;
}

.layout-two-column-left #beta {
width: 500px;
float: right;
}

.layout-two-column-right #alpha {
width: 500px;
}

.layout-two-column-right #beta {
width: 250px;
float: right;
}

.date-header {
width: 500px;
text-align: center;
font-family: arial narrow;
font-size: 10px;
text-transform: lowercase;
background-color: #E4004B;
color: #ffffff;
line-height: 30px;
-moz-border-radius: 10px 0px 10px 0px;
margin-bottom: 30px;
margin-top: 0px;
}

.entry {
border: 1px solid #c8c8c8;
-moz-border-radius: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}

.entry img {
opacity: .5; 
filter: alpha(opacity=100);
padding: 5px;
border: 1px solid #e9e9e9;
}

.entry img:hover {
opacity: 1; 
padding: 5px;
border: 1px solid #c8c8c8;
filter: alpha(opacity=100);
}

.entry-header {
background-color: #e9e9e9;
background-image: url(3.jpg);
background-repeat: no-repeat;
background-position: center right;
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
color: #E4004B;
margin-top: 0px;
-moz-border-radius: 10px 0px 0px 0px;
line-height: 30px;
padding-left: 10px;
}

.entry-footer { 
color: #c8c8c8; 
font-weight: normal; 
text-align: right; 
padding-right: 5px; 
margin-top: 20px; 
} 

.post-footers { 
display: block; 
}

.entry-footer a:link, .entry-footer a:visited, .entry-footer a:active, .content-nav a:link, .content-nav a:active, .content-nav a:visited {
color: #c8c8c8;
text-transform: lowercase;
border-bottom: 2px solid #c8c8c8;
}

.entry-footer a:hover, .content-nav a:hover {
color: #000000;
border-bottom: 2px solid #00BEED;
background: transparent;
}

.separator {
display: none;
}

.content-nav {
color: #c8c8c8; 
font-weight: normal; 
text-align: left; 
padding: 0px;
margin: 0px 0px 15px 0px;
}

.trackbacks, .comments { 
border: 1px solid #c8c8c8;
-moz-border-radius: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
} 

.trackbacks-header, .comments-header, .comments-open-header { 
background-color: #e9e9e9;
background-repeat: no-repeat;
background-position: center right;
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
color: #E4004B;
margin-top: 0px;
-moz-border-radius: 10px 0px 0px 0px;
line-height: 30px;
padding-left: 10px;
} 

.trackbacks-header {
background-image: url(5.jpg);
}

.comments-header {
background-image: url(6.jpg);
}

.comments-open-header {
-moz-border-radius: 0px;
background-image: url(7.jpg);
}

.trackback-footer, .comment-footer { 
text-align: right; 
color: #c8c8c8;
text-transform: lowercase;
}

.trackback-footer a:link, .trackback-footer a:visited, .trackback-footer a:active, .comment-footer a:link, .comment-footer a:active, .comment-footer a:visited {
color: #c8c8c8;
border-bottom: 2px solid #c8c8c8;
} 

.trackback-footer a:hover, .comment-footer a:hover {
color: #000000;
border-bottom: 2px solid #00BEED;
background: transparent;
}

.trackback-content, .comment-content { 
padding-left: 5px; 
border-left: 2px solid #c8c8c8; 
}  

.trackback-content:hover, .comment-content:hover {
border-left: 2px solid #00BEED;
}

.trackbacks-content, #trackbacks-info {
padding-left: 5px;
}

input, textarea { 
border: none; 
background-color: #e9e9e9; 
color: #E4004B; 
font-family: arial narrow; 
font-size: 10px; 
letter-spacing: 1px; 
}

input:hover, texarea:hover {
background-color: #c8c8c8;
}

.module-header {
color: #cc0033;
font-family: century gothic;
text-transform: lowercase;
font-size: 14px;
margin-bottom: -5px;
font-weight: bold;
}

.module-header a:link, .module-header a:active, .module-header a:visited, .module-header a:hover {
color: #cc0033;
background: transparent;
}

.module-content {
color: #FFFFFF;
background-image: url(default.jpg);
background-repeat: no-repeat;
text-transform: lowercase;
}

.layout-two-column-left .module-content {
background-position: top right;
padding-right: 65px;
padding-bottom: 60px;
}

.layout-two-column-right .module-content {
background-position: top left;
padding-left: 65px;
padding-bottom: 60px;
}

.module-content a:link, .module-content a:active, .module-content a:visited {
color: #FFFFFF;
}

.module-content a:hover {
background: transparent;
}

.module-content input {
background-color: #FFFFFF;
}

.module-content input:hover {
background-color: #e9e9e9;
}

.module-search .module-content {
background-image: url(search.jpg);
}

.module-search .module-header {
padding-right: 12px;
}

.module-categories .module-content {
background-image: url(categories.jpg);
}

.module-archives .module-content {
background-image: url(archives.jpg);
}

.module-syndicate .module-content {
background-image: url(syndicate.jpg);
}

.module-powered .module-content {
background-image: url(powered.jpg);
}

.module-categories ul.module-list li.module-list-item { 
line-height: 20px; 
margin: 0px; 
}

.module-categories ul.module-list li.module-list-item:hover { 
background-color: #cc0033;
}

.module-categories ul.module-list li.module-list-item ul.module-list li.module-list-item { 
margin-right: 20px; 
line-height: auto; 
list-style: circle;
}

.module-categories ul.module-list li.module-list-item ul.module-list li.module-list-item:hover { 
background-color: #E4004B; 
}

.layout-two-column-right .module-categories ul.module-list li.module-list-item ul.module-list li.module-list-item {
margin-left: 25px;
margin-right: 0px;
}

.module-archives li.module-list-item { 
line-height: 20px; 
}

.module-archives li.module-list-item:hover { 
background-color: #cc0033;
}

.entry-userpic {
display: none;
}

Weird whitespace problem in IE

2008-07-23T09:42:52Z

Name of journal: dude_you_fugly - Basic account
Layout style: Opal

Problem: When I open the community up in IE7, between the entry's date and linkbar there is a a gap/whitespace. I'm not sure how to fix it. It might have something to do with the userpic or the linkbar links but am not sure. I really want to get the white space removed so any help would be appreciated!

layout choice help?

2008-07-23T00:22:05Z

Hello livejournal-ers.

It's been a long time since i coded a layout, and i remember it properly taking me a good 40 hours to code, which is a pain in the ass, I'm sure you know. I'm half-ready to tackle a new one that I just finished editing in Paint Shop, but my dilemma is this:

How do I know which s2 style will be the best choice for this design?

(sorry about the annoying watermark, I don't want anyone to take my layout, so please respect that)

Now, I just screencapped & pasted for a size and placement reference, so if anyone can help with what codes or template I should use, or even where to begin, I'd greatly appreciate it.

Having trouble with an override.

2008-07-19T02:20:47Z

Hi!

I recently found an amazing layout that I would love to use on my profile. This is not the first time I've modified my journal by CSS, but it is the first one that I've had to change any code myself. I went through the entire CSS code and made sure that everything that needed replaced or modified was. I made sure I was using the proper livejournal style. And still, the thing will not show up. Below is my CSS code, in addition to the original site for the code. Any help would be vastly appreciated.

<xmp>
FRIENDS_TALK_LINKS<=
<tr><td colspan="5" width="100%" text-align="right">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="comments">%%readlink%%</td>
<td class="post"><a href="%%urlpost%%"></a></td>
</td></tr></table></td></tr>
<=FRIENDS_TALK_LINKS

FRIENDS_DATE_FORMAT=><font color="#ffffff"><font size="4">%%daylong%%</font><BR>%%monlong%% %%d%% %%yyyy%%<BR>@ %%12h%%:%%min%% %%ampm%%</font>

CALENDAR_WEBSITE<=
<MAP NAME="imgmap">
  <AREA SHAPE=RECT COORDS="191,57,213,66" HREF="http://www.livejournal.com/~paperclippe/info"  ALT="info"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='info'; return true">
  <AREA SHAPE=RECT COORDS="191,71,228,78" HREF="http://www.livejournal.com/~paperclippe/friends"  ALT="friends"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='friends'; return true">
  <AREA SHAPE=RECT COORDS="192,83,238,90" HREF="http://www.livejournal.com/~paperclippe/calendar"  ALT="calendar"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='calendar'; return true">
  <AREA SHAPE=RECT COORDS="192,95,232,102" HREF="http://www.famousldb.proboards81.com"  ALT="FLDB"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='FLDB'; return true">
</MAP>

LASTN_TALK_READLINK=><td class="read"><a href="%%urlread%%" title="%%messagecount%%" alt="%%messagecount%%"></a></td>

LASTN_DATE_FORMAT=><font color="#ffffff"><font size="4">%%daylong%%</font><BR>%%monlong%% %%d%% %%yyyy%%<BR>@ %%12h%%:%%min%% %%ampm%%</font>

LASTN_OPT_ITEMS=>25

DAY_DATE_FORMAT=><font color="#ffffff"><font size="4">%%daylong%%</font><BR>%%monlong%% %%d%% %%yyyy%%<BR>@ %%12h%%:%%min%% %%ampm%%</font>

DAY_WEBSITE<=
<MAP NAME="imgmap">
  <AREA SHAPE=RECT COORDS="191,57,213,66" HREF="http://www.livejournal.com/~paperclippe/info"  ALT="info"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='info'; return true">
  <AREA SHAPE=RECT COORDS="191,71,228,78" HREF="http://www.livejournal.com/~paperclippe/friends"  ALT="friends"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='friends'; return true">
  <AREA SHAPE=RECT COORDS="192,83,238,90" HREF="http://www.livejournal.com/~paperclippe/calendar"  ALT="calendar"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='calendar'; return true">
  <AREA SHAPE=RECT COORDS="192,95,232,102" HREF="http://www.famousldb.proboards81.com"  ALT="FLDB"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='FLDB'; return true">
</MAP>

LASTN_TALK_LINKS<=
<tr><td colspan="5" width="100%" text-align="right">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="comments">%%readlink%%</td>
<td class="post"><a href="%%urlpost%%"></a></td>
</td></tr></table></td></tr>
<=LASTN_TALK_LINKS

FRIENDS_WEBSITE<=
<MAP NAME="imgmap">
  <AREA SHAPE=RECT COORDS="191,57,213,66" HREF="http://www.livejournal.com/~paperclippe/info"  ALT="info"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='info'; return true">
  <AREA SHAPE=RECT COORDS="191,71,228,78" HREF="http://www.livejournal.com/~paperclippe/friends"  ALT="friends"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='friends'; return true">
  <AREA SHAPE=RECT COORDS="192,83,238,90" HREF="http://www.livejournal.com/~paperclippe/calendar"  ALT="calendar"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='calendar'; return true">
  <AREA SHAPE=RECT COORDS="192,95,232,102" HREF="http://www.famousldb.proboards81.com"  ALT="FLDB"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='FLDB'; return true">
</MAP>

<=FRIENDS_WEBSITE

FRIENDS_OPT_ITEMS=>25

FRIENDS_TALK_READLINK=><td class="read"><a href="%%urlread%%" title="%%messagecount%%" alt="%%messagecount%%"></a></td>

LASTN_WEBSITE<=
<MAP NAME="imgmap">
  <AREA SHAPE=RECT COORDS="191,57,213,66" HREF="http://www.livejournal.com/~paperclippe/info"  ALT="info"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='info'; return true">
  <AREA SHAPE=RECT COORDS="191,71,228,78" HREF="http://www.livejournal.com/~paperclippe/friends"  ALT="friends"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='friends'; return true">
  <AREA SHAPE=RECT COORDS="192,83,238,90" HREF="http://www.livejournal.com/~paperclippe/calendar"  ALT="calendar"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='calendar'; return true">
  <AREA SHAPE=RECT COORDS="192,95,232,102" HREF="http://www.famousldb.proboards81.com"  ALT="FLDB"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='FLDB'; return true">
</MAP>

DAY_TALK_LINKS<=
<tr><td colspan="5" width="100%" text-align="right">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="comments">%%readlink%%</td>
<td class="post"><a href="%%urlpost%%"></a></td>
</td></tr></table></td></tr>
<=DAY_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">

</style>
<title>Music makes the world go round...but not when it's as bad as Paramore.</title>
<=GLOBAL_HEAD

DAY_TALK_READLINK=><td class="read"><a href="%%urlread%%" title="%%messagecount%%" alt="%%messagecount%%"></a></td>

The original home of the layout can be found here: http://community.livejournal.com/freelayouts/28212.html#cutid1

</xmp>