Comments | transmogrified1: shifting userpic down/entry up

ledbylove in transmogrified1

shifting userpic down/entry up

Sep 24, 2005 16:19

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 ( Read more... )

Leave a comment

Back to all threads

keristars September 25 2005, 01:17:41 UTC

If you check out my journal, I turned off the "new day" date, and instead switched the "@ H:M m" to be a full date + time, then put it above the subject. I was trying to get it above the entire box, so the top of that div would be aligned with the top of the userpic, but I haven't figured it out yet. The way I have it now works well, though.

The bit that bugs me is getting the userpic div so align the pic in the middle, because a lot of my friends have small pics, and they hover at the top, which bugs me. :P

Oh, if you want the code for the date, I can get it to you.

ledbylove September 25 2005, 02:09:30 UTC

the date doesn't bug me and there's still the gap on your journal. I want to get the userpic to move down so that the whole userpic is inside the entry box instead of sticking out above the box the way it is now.

keristars September 25 2005, 02:24:11 UTC

Oh, I see what you mean now. When I switched it, I was bugged by all the space that the date took up, plus that gap. What I wanted was to put the date next to the image pic, like this:
Saturday, 24 September 2005 @ 10:14pm

( ... )

ledbylove September 25 2005, 03:11:28 UTC

yeah, that would work, too.. I just don't like the gap...

the css that SHOULD move the userpic isn't working.

keristars September 25 2005, 04:18:30 UTC

The gap were the date would be? I think I used to not have it there. I was going to mess around with the code and see what I could do (since I've already messed with it so much), but I got into a 1.75 hour long discussion on religion and evolution and intelligent design and God and belief systems (specifically Baptist vs. Catholic) with my stepsister, because she was confused about what a friend was saying at work, and what we learned in religious high school...and wow. It makes me grateful that I've had 3 philosophy and 2 astronomy and 1 anthropology and 3 Christian history classes, because damn her questions were tough.

And I babble. But I'll look at it and see if I can fix it any.

keristars September 25 2005, 05:53:15 UTC

I fixed it.

.entryPic {
float: $*entry_userpic_location;
position: relative;
margin: 0 0 0 0;
padding: 5px;
width: 100px;
height: 100px;
text-align: center;
vertical-align: center;
}

I added the vertical-align:center in hopes of centering the damn thing, but it continues to not work.

keristars September 25 2005, 05:54:51 UTC

Oh...the change is in the margin setting. It was originally set so that the top margin was negative, going above the box. I think I may try that for moving the date around. I'd forgotten about how awesome margins are for playing with.

ledbylove September 25 2005, 05:57:02 UTC

yeah, I figured that out and I tried adjusting the margin in my code, but it didn't work for me :-/

keristars September 25 2005, 06:03:08 UTC

Hm, that's odd. It worked immediately I switched. Are you messing with the base code, or are you doing a user/theme layer based on absolut's code? That might make a difference, though I'm not sure how.

ledbylove September 25 2005, 06:04:44 UTC

I'm just messing with the css box on the customize screen. It looks like I was just missing a } in my code. Ooops.

ledbylove September 25 2005, 06:07:16 UTC

though now my test isn't wrapping quite right in Safari or Mozilla. *headdesk*

keristars September 25 2005, 06:06:53 UTC

Oh, never mind. I just looked and saw that you got the pic down, but still had lots of space. Try messing with the "new day" code on the function:print_entry and print_entryLite. I completely removed it from mine, though I left the div up. It might have to do with the padding for it.
Mine currently looks like this:

if ( $e.new_day )
{
"""
""";
}
# Print the entry
print_entry( $this, $e, $bg, $fg, $switch );

ledbylove September 25 2005, 06:09:50 UTC

I'm linking to the code, not working with it inside a custom layout layer.

keristars September 25 2005, 06:17:05 UTC

Ah, that's definitely going to make it different, then. And I'm caught up in trying to figure out how to remove all that extra space and constrain the entry to the box behind it.

It's quite fun, and is spurring me to finish bits of my layout I let go because I got lazy.

Back to all threads