![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
alovelyburn posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
style_systemApologies if my questions are ridiculous - I've only been on DW for a short time, and am not yet used to style-making here.
So, okay, I've recently imported a community that I run from LJ to DW, and while I was initially using a port of Flexible Squares, I've decided to be ambitious and try to replicate it as closely as possible on a native DW style so we can use all the cool features. For the most part it's working, but there are still some quirks I don't know how to fix, or if I can fix them. So.
Layout: Tabula Rasa, style sheet disabled.
Original layout:scorched (![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-community.gif)
scorched to see it in its original, LJ form)
Current layout:scorched_test
PROBLEM 1: The sidebar profile. I'd like to remove the header, center the icon and put the icon links in a horizontal list under the icon, preferably without that underline that I can't seem to get rid of. ¬_¬ [PROBLEM SOLVED]
PROBLEM 2: Change the link list/tag list on the sidebar (and the nav links in the header, for that matter) to a more blocklike display. (Visuals here: the way highlighted links look now - the way I'd like them to look. navlinks highlighted as i'd like - currently they don't highlight at all.) [PROBLEM SOLVED]
PROBLEM 3: Make the tags header match the rest of the headers. Not sure why this isn't happening now. [PROBLEM SOLVED]
PROBLEM 4: In general, I'd like to reduce the margin between the link lists (both Links and Tags) and the left side of the sidebar - can't figure out how to change that, either. [PROBLEM SOLVED]
PROBLEM 5: The icon and username. This is the bane of my life - is it possible to move the icon up to overlap with the title bar, and the username to, well, under the icon? (here is what I'm going for and here is what I currently have). [PROBLEM SOLVED] (I ended up using a combination of tricks from the comments here and altering the theme layer.)
PROBLEM 6: Also visible in the above pictures, the subject line and datetime. Nothing I do seems to move the datetime from the left to the right, and is there a way to put it ABOVE the subject line instead of under? [PROBLEM SOLVED] - kind of. I couldnt get the date to work properly above the subject so i tucked it in under. Either way, it's fine.
PROBLEM 7: Is there any way to get the sidebar to extend to the bottom of the page and the .pagetop link to the bottom, as well? as seen here, the link currently just hangs out at the bottom of the shortest column (also seen here) which is sort of awkward, and i'd prefer the sidebar continue long as seen onscorched_ooc.
STRANGE RANDOM BONUS PROBLEM: If you go toscorched_test you'll find that clicking a title link makes the title flash dark blue while active, as do the navlinks in the header. I CAN'T MAKE THEM STOP DOING THAT. DX I've tried various stylings on a:active for .header, .entry-title, even the general a:active but nothing seems to change it.
My current CSS, which is a bit of a frankenstein mess at the moment, my apologies.
I do realize it's a different style altogether and not everything I'd like to do may even be possible, SO if that's the case, please let me know so I can stop banging my head against it. >.<
Sorry to hit you guys with so much at once, but any help with any of these issues at all would be so appreciated I might explode.
So, okay, I've recently imported a community that I run from LJ to DW, and while I was initially using a port of Flexible Squares, I've decided to be ambitious and try to replicate it as closely as possible on a native DW style so we can use all the cool features. For the most part it's working, but there are still some quirks I don't know how to fix, or if I can fix them. So.
Layout: Tabula Rasa, style sheet disabled.
Original layout:
scorched (scorched to see it in its original, LJ form)Current layout:
scorched_testPROBLEM 1: The sidebar profile. I'd like to remove the header, center the icon and put the icon links in a horizontal list under the icon, preferably without that underline that I can't seem to get rid of. ¬_¬ [PROBLEM SOLVED]
PROBLEM 2: Change the link list/tag list on the sidebar (and the nav links in the header, for that matter) to a more blocklike display. (Visuals here: the way highlighted links look now - the way I'd like them to look. navlinks highlighted as i'd like - currently they don't highlight at all.) [PROBLEM SOLVED]
PROBLEM 3: Make the tags header match the rest of the headers. Not sure why this isn't happening now. [PROBLEM SOLVED]
PROBLEM 4: In general, I'd like to reduce the margin between the link lists (both Links and Tags) and the left side of the sidebar - can't figure out how to change that, either. [PROBLEM SOLVED]
PROBLEM 5: The icon and username. This is the bane of my life - is it possible to move the icon up to overlap with the title bar, and the username to, well, under the icon? (here is what I'm going for and here is what I currently have). [PROBLEM SOLVED] (I ended up using a combination of tricks from the comments here and altering the theme layer.)
PROBLEM 6: Also visible in the above pictures, the subject line and datetime. Nothing I do seems to move the datetime from the left to the right, and is there a way to put it ABOVE the subject line instead of under? [PROBLEM SOLVED] - kind of. I couldnt get the date to work properly above the subject so i tucked it in under. Either way, it's fine.
PROBLEM 7: Is there any way to get the sidebar to extend to the bottom of the page and the .pagetop link to the bottom, as well? as seen here, the link currently just hangs out at the bottom of the shortest column (also seen here) which is sort of awkward, and i'd prefer the sidebar continue long as seen on
scorched_ooc.STRANGE RANDOM BONUS PROBLEM: If you go to
scorched_test you'll find that clicking a title link makes the title flash dark blue while active, as do the navlinks in the header. I CAN'T MAKE THEM STOP DOING THAT. DX I've tried various stylings on a:active for .header, .entry-title, even the general a:active but nothing seems to change it. My current CSS, which is a bit of a frankenstein mess at the moment, my apologies.
I do realize it's a different style altogether and not everything I'd like to do may even be possible, SO if that's the case, please let me know so I can stop banging my head against it. >.<
Sorry to hit you guys with so much at once, but any help with any of these issues at all would be so appreciated I might explode.
