Forums > Scrolling text box

Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics

burning pretzels

Oct 24 2005, 06:03 PM

I searched this and nothing came up, so sorry if this has been covered. I have a free account, and I know you can make a scrolling entry box. Is there any way to have an image inside the box(i.e. have a black background, and have a separate picture as the background of the box)? This might be impossible, I don't know. If it is, could someone someone please just post the code for a regular scroll box? Oh, and I know it is impossible to make each entry scroll, I'm just looking for a box with all the entries in it. I'm using the generator style, if that helps. Hope I was clear enough.

Libertie

Oct 26 2005, 12:16 AM

<!-- begin code provided by createblog.com --><br />div{<br />position:absolute;<br />left:##px;<br />top:##px;<br />width:##px;<br />height:##px;<br />border: 3px solid #000000;<br />overflow:auto;<br />clip:rect(auto);<br />background-color: transparent;<br />}<br />td div{<br />position:relative;<br />left:1;<br />top:1;<br />height:auto;<br />width:auto;<br />overflow:hidden;<br />border:0;<br />}<br />table{<br />width:100%;<br />margin-left:0%;<br />margin-right:0%;<br />}<br />table table{<br />width:95%;<br />margin:0;<br />}<br />table table table{<br />width:0;<br />}<br /><!-- end code provided by createblog.com -->

(from the LJ community everything_lj)

I suppose you can try changing the background-color: transparent to an image, but I don't think it'll work. You'd hafta make the background image a regular page background and just position the scrollbox (the ##px above) to fit on top of the area you want.

burning pretzels

Oct 26 2005, 05:32 AM

okay, thanks so much. but it puts my header in the box, is there any way to take it out?

Libertie

Oct 26 2005, 01:09 PM

Hmm... I've never seen this tutorial, but now that I have I'll have to try it out. Give this a shot:

http://www.livejournal.com/community/every...lj/3061359.html

burning pretzels

Oct 26 2005, 02:11 PM

I've seen that already, thanks. It never works for me, because I already have half that stuff under global head, and I don't know what to delete and how to arrange everything. And I don't get the lastn_website thing, it's basically just a repeat of what it says under global_head. The way that code is posted is just confusing.

Libertie

Oct 26 2005, 09:21 PM

The LASTN_WEBSITE part is very important; it's what puts your header image on the page and makes it separate from the entries. I tried it out with some quick-mock-up-in-paint images, and it worked great on my spare account. Make sure you have a website listed in your profile, and if you can't figure it out, go ahead and post your overrides in this thread and I'll see what I can do with it.

burning pretzels

Oct 27 2005, 02:39 PM

you're so nice, thanks for having so much patience with me. I hate to ask this, but I can't figure this out for the life of me, so could you do whatever you can with this?

<!-- begin code provided by createblog.com --><br /><br /><br />GLOBAL_HEAD<=<br /><style type="text/css"><br /><!--<br />body {<br />background-color: black !important;<br />background-image: url(http://img456.imageshack.us/img456/9803/bg3wu.jpg) !important;<br />background-repeat: no-repeat !important;<br />background-attachment: fixed !important;<br />background-position: top left !important;<br />}<br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br />table {<br />width: 30%;<br />margin-left: 0%;<br />margin-right:0%;<br />border: 1px solid #00EE00;<br />}<br />table table {<br />width: 100%;<br />margin:0;<br />border: 0;<br />}<br />table table table {<br />width: auto;<br />}<br />.shadowed {<br />                 background: transparent;<br />}<br /><br />table table tr.caption td.index{<br />visibility:hidden<br />}<br />table table tr.caption td.caption{<br />visibility:hidden<br />}<br />td.meta{<br />display:none;<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />p table td.meta{<br />display:inline;<br />}<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% Beating Heart%%mc-plural-s%%</b></a>|<br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--table table table table .meta {<br />                 visibility:hidden;<br />                 position:absolute;<br />                 top:0px}<br />                 table table table table table .meta {<br />                 visibility:visible;<br />                 position:relative;<br />                 top:0px}<br /><br />tr.caption{<br />                 display:none<br />}<br />.shadowed td div{<br />                 visibility: hidden;<br />                 position: absolute;<br />                 top: 0px<br />}<br /></style><br /><img src="http://i6.photobucket.com/albums/y232/jen81091/Graphics/jen2.png" style="visibility: visible;"><br /><=LASTN_WEBSITE<br /><br />LASTN_TALK_LINKS<=<br /><tr><br /><td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"><br />%%readlink%%<a href="%%urlpost%%">Beating Hearts Baby</a><br /></td><br /></tr><br /><=LASTN_TALK_LINKS<br /><br /><br /><!-- end code provided by createblog.com -->

Libertie

Jan 9 2006, 07:10 PM

I'm really sorry this is so late, but I saw that you're online..

Was this close to what you were wanting?

<!-- begin code provided by createblog.com --><br /><br />GLOBAL_HEAD<=<br /><style type="text/css"><br /><!--<br />body {<br />background-color: black !important;<br />background-image: url(http://img456.imageshack.us/img456/9803/bg3wu.jpg) !important;<br />background-repeat: no-repeat !important;<br />background-attachment: fixed !important;<br />background-position: top left !important;<br />color: #FFFFFF;<br />}<br /><br />table table tr.caption td.index{<br />visibility:hidden<br />}<br />table table tr.caption td.caption{<br />visibility:hidden<br />}<br />td.meta{<br />display:none;<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />p table td.meta{<br />display:inline;<br />}<br /><br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br /><br />table {<br />width: 98%;<br />}<br />table table {<br />width: 100%;<br />margin:0;<br />}<br />table table table {<br />width: auto;<br />}<br /><br />.entries {<br />position:absolute;<br />top:300px;<br />left:50%;<br />margin-left:-250px;<br />height:350px;<br />width:500;<br />overflow-x: hidden;<br />overflow:auto;<br />overflow-y: scroll;<br />border: 2px solid #00EE00;<br />background-color: #000000;<br />background-image: url(entry background url);<br />}<br /><br />.shadowed {<br />                 background: transparent;<br />}<br /><br />table table tr.caption td.index{<br />visibility:hidden<br />}<br />table table tr.caption td.caption{<br />visibility:hidden<br />}<br />td.meta{<br />display:none;<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />p table td.meta{<br />display:inline;<br />}<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% Beating Heart%%mc-plural-s%%</b></a>|<br /><br />LASTN_WEBSITE<=<br /><br /></table></td></tr></table></td></tr></table></td></tr></table></div><br /><br /><table class="topimage"><tr><br /><td><br /><br /><center><img src="http://i6.photobucket.com/albums/y232/jen81091/Graphics/jen2.png" class="topimage"></center><br /><br /></td></tr></table><br /><br /><div class="entries"><table cellspacing="0" cellpadding="0" border="0" summary=""><br /><=LASTN_WEBSITE<br /><br />LASTN_TALK_LINKS<=<br /><tr><br /><td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"><br />%%readlink%%<a href="%%urlpost%%">Beating Hearts Baby</a><br /></td><br /></tr><br /><=LASTN_TALK_LINKS<br /><br /><!-- end code provided by createblog.com -->

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.