Right-sided Comment Indenting? (And other nonsense.)

Sep 15, 2011 01:57

I'm fairly sure there's not a soul awake right now, but I've had this niggling trio of problem and it's really beginning to bug me.

I'm, by no means, any sort of skilled with code - but I'm learning and hope to improve. I've been trying to make my own layout thus far, from scratch (instead of just modding a pre-made one like I usually do), and it's ( Read more... )

comments, header and footer

Leave a comment

Comments 10

fueschgast September 15 2011, 09:57:56 UTC
For comment alignment/indentation go here and change Set the user picture position for each entry.

Reply

sexchampagne September 15 2011, 10:12:44 UTC
Ahh, thanks, that worked. (^0^)/ Now I just have to decide which side the comments look better on. /).-) So indecisive, I am. But~ at least I know how to do it now. Thanks!

Reply


fueschgast September 15 2011, 10:11:57 UTC
Alright, I should have read the whole post before commenting, but I had trouble concentrating on it. Doesn't matter. You still change Set the user picture position for each entry. And then you override the userpics. I'm not sure if this is for .userpic or .userpicfriends or .userpiccomment or all/a combination of them, but you can change the userpics' alignment with float: left; or float: right;

But what's that about tags?

Reply

sexchampagne September 15 2011, 10:14:04 UTC
Oops, ignore that part about tags. Total mis-type. I'll go fix that now. >.>;; I meant to put 'comments', but I was coding the tags at the time and had them on the brain. My apologies~...

Reply


fueschgast September 15 2011, 10:42:38 UTC
For problem #2 you could try this:

.box, .box a, .box a:link, .box a:visited, .box a:hover, .box a:active {
color: #ffffff;
}

And if comment boxes/reply forms don't have their text/link colors defined, you can do that with these:

.commentbox, .commentbox a, .commentbox a:link, .commentbox a:visited, .commentbox a:hover, .commentbox a:active

#qrdiv, #qrdiv a, #qrdiv a:link, #qrdiv a:visited, #qrdiv a:hover, #qrdiv a:active

#postform, #postform a, #postform a:link, #postform a:visited, #postform a:hover, #postform a:active

Reply


And for problem number 3: fueschgast September 15 2011, 11:05:34 UTC
If you want to increase the distance to the last comment:

.box + .box {
margin-top: 10px;
}

If your want to increase the distance between the mass action and # comments - leave a comment:

.box + .box center {
margin-top: 10px;
}

Reply

For all your help... sexchampagne September 15 2011, 11:16:35 UTC
...Thank you so much! (^0^)/ You're so helpful. I'll try all of this in a few hours, after I get some sleep. (-.-)zZz

I already tried the solution to part one and that worked fabulously (even if I did decide to make them cascade from the left for now). I'm sure the rest will work just as well. (^0^) Thanks for all the help! I'll let you know how it goes.

Reply

Re: And for problem number 3: sexchampagne September 17 2011, 05:44:25 UTC
Hey! Thanks, all the codes worked really well. However, I was wondering if you could help me with one more small thing. D:

I posted my layouts tonight and I thought they were perfect, but turns out that the quick-reply form somehow got messed up. I could have sworn I had it fixed the other night, so that it had a black background and border, but now... D: It's transparent between the table cells and it looks awkward.

D: Can you help me?

Reply

Re: And for problem number 3: fueschgast September 17 2011, 08:52:26 UTC
Looks like it's not the quickreply form but the regular reply form.

#postform table {
background: #000000;
border: 5px solid #000000;
}

Reply


Leave a comment

Up