vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Spacing between Comments (articles, blogs, etc) (https://vborg.vbsupport.ru/showthread.php?t=262432)

Wordplay 04-22-2011 05:10 AM

Spacing between Comments (articles, blogs, etc)
 
My avatars are 100x160. therefore higher than they are wide, when posting comments on articles or blogs the avatar hangs over the post and lands partially beneath the following comment's avatar.

I figured placing a little padding at the bottom of blog comments and article comments should fix this but I have not been able to create a padding beneath blog comments, how would I do this?

Lynne 04-22-2011 03:00 PM

Try adding this to your additional.css template - adjust as needed:
HTML Code:

#commentform li.postbit-lite {margin-bottom: 30px;}

Wordplay 04-23-2011 10:27 AM

thank you very much lynne! it worked for the blog entries, but not for the article comments, which have the same problem.

is it possible to set a fixed size for the avatars? in comments? i'd prefer them to always be squished into the same size.

right now some user has a 50x160 avatar and in the commens it shows up as full because from the looks of things, avatars in comments are fixed according to width, so since he has a 50x160px avatar it just looks messy. i think that's why myspace, twitter and facebook use fixed sizes on minature profile pictures, so nothing looks out of place.

Lynne 04-23-2011 03:24 PM

It looked like you are only asking for the blog page.

For the articles, try something similar, just different id:
HTML Code:

#node_comments li.postbit-lite {margin-bottom: 30px;}

Wordplay 04-23-2011 07:35 PM

oh sorry, i thought the title saying "articles, blogs, etc" made that clear. ;)

i'll try that out, can you also help me with the fixed avatar sizes in the article and blog comments?

--------------- Added [DATE]1303598835[/DATE] at [TIME]1303598835[/TIME] ---------------

it would be perfect to set it to a fixed 60px x 78px for article and blog comments.

Lynne 04-23-2011 10:11 PM

The avatar dims are set here, so just change this if that is how you want to do it:
HTML Code:

.postbit-lite .avatarlink img {    height: auto;    width: 60px;}
The width is the stylevar avatar_height
</div></div>

Wordplay 04-28-2011 11:18 AM

great that worked perfectly.

but as luck wants it i keep running into more complications.

https://vborg.vbsupport.ru/showthrea...38#post2189638


All times are GMT. The time now is 04:19 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02492 seconds
  • Memory Usage 1,719KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (7)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete