?

Log in

No account? Create an account

Previous Entry | Next Entry

Hi, I'm a paid user, using Firefox 2.0 and Expressive. Like everyone else, I'm impressed by how huge a help this community is, and like everyone else, I've been able to do 90% of what I wanted through looking at the tags alone. Thank you!

My outstanding issues: I'm making my journal simulate a website. (The layout of this website, which is also a customised blog, is my inspiration.)

Solved! 1. I've made a "home page" simply by using a sticky and removing the title. But how do I get rid of the gaping chasm at the top?

On all the other "static" pages, if that's the right term (the entries I'm using as my "about", "contact" and so on):

Solved! 2. How do I remove the titles of those entries altogther, so that the body of the entry moves up in line with the sidebar? (If it helps, they're already set apart from other entries by all being dated pre-1985 so that I could remove the date/time.)

Solved! 3. I've been able to kill the prev/next link at the top of my "home" (recent entries) page with:

.stream-header .prevnext {display: none;}

But how do I kill it at the top (and only the top) of those static pages? (I'd be happy, if necessary, to lose it at the top of every page.) EDIT: This is what we've done, there isn't a way to remove it at the top of some posts and not others.)

Solved! 4. How do I remove the horizontal divider at the top of the sidebar, and how do I remove the title "LINKS", without removing any of the other sidebar headings?

Bad luck folks - this can't be done in LJ 5. One of my other websites has a template that came with a "lightbox" widget that makes images expand to a fancy full size view whilst the rest of the screen becomes shaded. Can such a thing be added to an lj, and if so, how?

Many thanks for your kind attention!


body {
background: #000000;
color: #a9a9a9;
}

#header {
background-image: none;
background: #000000;
}
#header-inner {
background-image: url(http://smg.photobucket.com/albums/v74/sapphorama/titlelogo.jpg);
height: 80px; width: 1080px;
background-repeat: no-repeat;
}
#header-content-inner {
margin: 100px 15px 117px 10px;
}

.stream-header .prevnext {display: none;}

.asset .asset-name-hover {display: none;}

Comments

( 12 comments — Leave a comment )
av8rmike
Jun. 25th, 2008 10:14 pm (UTC)
1. In your sticky post code, remove the <p> paragraph tag and all of the <br/> line breaks.

2, 3. You want to remove titles on all entry views? Or just the three entries you're using for information?

4. could be a little complicated too. I have to run out in a few minutes, but I'll take a closer look when I get back.
peacockdress
Jun. 26th, 2008 12:43 pm (UTC)
1. Thank you, that moves it up in line with the first link in the sidebar. Much better, I suspect this will leave everything in line when 4. is done!

2, 3. No not all of them, just the ones I'm using for information - the destinations of the first ten links down the side, to "Sewing advice" inclusive. As I say, they're all dated pre-1985, if that helps.

4. I had a feeling I was being awkward!

Many thanks!
av8rmike
Jun. 26th, 2008 06:45 pm (UTC)
3. You can change the CSS to this:
.stream-header .prevnext,
.lj-view-entry .prevnext {display: none;}

to hide skiplinks on EntryPages and RecentPages, but it doesn't look like there's any way to hide them only on "back-dated" posts. Even the entries themselves know "know" if their date is out of order, which is why we have to use the date checking method.

4. From the layout layer source, copy and paste the function called print_module_links(string title) into your theme layer. Find this section near the top:
    if (not $links[0].is_heading) {
        open_module("typelist", $title, "");
        $box_open = true;
    }
and add the highlighted part:
    if (not $links[0].is_heading) {
        open_module("typelist-first", $title, "");
        $box_open = true;
    }
Save and compile, then add this line to the CSS:
.typelist-first-widget .widget-header {display: none;}

The solution for #2 is kind of complicated, but if you can give me the ID number of your layer, I can tell you what to modify in the print_entry() function.
peacockdress
Jun. 26th, 2008 07:13 pm (UTC)
3. No problem, thank you, works a treat!

4. Beautiful, thank you!

2. It's 12065319.
av8rmike
Jun. 26th, 2008 08:30 pm (UTC)
As I suspected, it looks like you just used the example I gave from a previous entry about hiding dates. I think that it will ultimately be easier for me to give you directions starting from a clean function rather than what you have. You can always paste a copy of your existing function into a Notepad or other text document in case something goes wrong.

So, remove the existing print_entry() function from your layer, then copy in the one from the layout source. Find this section:
    """
    <div$id class="post-asset asset">
      <div class="asset-inner">
        <div class="asset-header">
          <div class="asset-header-inner">
            <div class="asset-header-content">
              <div class="asset-header-content-inner">
                <h2 class="asset-name page-header2">""";
As before, add in the highlighted part:
    """
    <div$id class="post-asset asset">
      <div class="asset-inner">""";

    var Date checkdate = new Date;
    $checkdate.year = 1985;
    $checkdate.month = 1;
    $checkdate.day = 1;
    if ($checkdate->compare($e.time) > 0){
        """\n
        <div class="asset-header">
          <div class="asset-header-inner">
            <div class="asset-header-content">
              <div class="asset-header-content-inner">
                <h2 class="asset-name page-header2">""";
Then find this section below it:
    """
          <div class="asset-meta">
            <ul class="asset-meta-list">
              <li class="item"><span><abbr class="datetime">$datetime</abbr></span></li>
            </ul>
          </div>
        </div></div></div>
        </div> <!-- end asset-header -->
and add the highlighted part:
    """
          <div class="asset-meta">
            <ul class="asset-meta-list">
              <li class="item"><span><abbr class="datetime">$datetime</abbr></span></li>
            </ul>
          </div>
        </div></div></div>
        </div> <!-- end asset-header -->""";
    }
    """\n
Basically, all we're doing is putting the entirety of the "asset-header" DIV block inside the if statement, rather than just the "asset-meta" date block. If anything wasn't clear, or something goes terribly wrong, let me know.
peacockdress
Jun. 28th, 2008 07:56 pm (UTC)
That's right, I just used what you'd advised before. Thank you very much indeed, it works perfectly! Wonderful stuff!
av8rmike
Jun. 28th, 2008 08:48 pm (UTC)
You're welcome; I'm glad to hear it went smoothly. But why did you remove the picture of the purple dress? That was beautiful!
peacockdress
Jun. 28th, 2008 10:26 pm (UTC)
The purple dress? You mean this one?



Thank you!

Edited at 2008-06-28 10:26 pm (UTC)
peacockdress
Jun. 28th, 2008 10:28 pm (UTC)
Actually, you made me think of another question - I guess I'll post again and tag it separately.
peacockdress
Jun. 28th, 2008 10:37 pm (UTC)
No, wait, I'll just edit this question into this post and add a tag.

One of my other websites has a template that came with a "lightbox" widget that makes images expand to a fancy full size view whilst the rest of the screen becomes shaded. Can such a thing be added to an lj, and if so, how?
av8rmike
Jun. 29th, 2008 03:09 am (UTC)
Nono, I meant the Black Pearl pirate dress.

About the lightbox thing, they all use JavaScript in some way, and LiveJournal doesn't allow its use in any entries or styles because of potential security issues.
peacockdress
Jun. 29th, 2008 07:05 pm (UTC)
OK, thank you!

The Black Pearl dress is right there on the "home page"! More here.
( 12 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars