Scrolling profile pic (Cracked theme)

[kattara]

Hey all,

I need help.  I'm currently using the Cracked theme.  The problem I'm having, is that some profile pics are going into the post (see images below).  But when I change to the Core theme, the pic has a scrollbar under it.  How do I edit the Cracked theme, so that the profile pic has that same scrollbar?

Btw, I don't have access to the Admin center where the Attachments & Avatars are.  So I'm looking to edit the php files directly.

Thanks!

[Crip]

I'll look into it asap!

[Maxx]

Most themes this works, or something close to it:

Code Select Expand

/* A code block - maybe PHP ;). */
code.bbc_code
{
   display: block;
   font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
   font-size: x-small;
   background: #eef;
   border-top: 2px solid #999;
   border-bottom: 2px solid #999;
   line-height: 1.5em;
   padding: 3px 1em;
   overflow: auto;
   width:500px;
   white-space: pre;
   /* Show a scrollbar after about 24 lines. */
   max-height: 24em;
}

hint width:500px;



regards,
maxx

[Maxx]

sorry that's for code overflow!!!

But if that's an avatar it' way too big! and wide

regards,
Maxx

[ZarPrime]

Btw, I don't have access to the Admin center where the Attachments & Avatars are.  So I'm looking to edit the php files directly.

kattara,

Out of curiosity, how is it that you have access to edit php files and yet you are not an Admin of your site?  FWIW, the sizes of avatars (width and height) can be manipulated in the Admin area of your site without having to resort to editing any files.  This is always a better idea than actually editing the files, mainly because the first time that you upgrade the theme, you would have to perform the edits again.  Since you are not an Admin of your site, you should have an Admin of the site contact us and we can tell them what needs to be changed in their SMF Admin settings to accomplish this.

Alternatively, if you can give us a link to a message on your site that uses that avatar so that we can see it first hand, one of us might be able to figure out what you need to change using the tools that we have.

Besides, as Maxx mentions, the avatar you are using there is "way too big! and wide".  According to Wikipedia (http://en.wikipedia.org/wiki/Avatar_(computing)), "The traditional avatar system used on most Internet forums is a small (80x80 to 100x100 pixels, for example) square-shaped area close to the user's forum post, where the avatar is placed in order for other users to easily identify who has written the post without having to read their username."  If that is your Avatar on this Forum, then you would be better off using an avatar of a traditional size, and placing that image in your signature instead.

ZarPrime

[kattara]

Thanks for all the replies.  I am co-admin of the site, and no that's not my avatar.  I just chose one that one of the users is using.  I've just got access to the Attachments and Avatars section now.  So, correct me if I'm wrong...  If I change the max width on there, it will make the image have a scrollbar on the bottom like it does in the Core/Curve themes?

What I don't understand is, why is there a scrollbar when using the Core/Curve themes, but no scrollbar when using the Cracked theme... 

Oh, and a post to check out is: http://forum.smartphonegeeks.in/index.php?topic=430.0
If you use the default theme, the user's avatar has a scrollbar under it, so that the image doesn't overflow into the post.  But as soon as you change to the Cracked theme, the avatar overflows.

Hope this all makes sense! 

And again, thanks for all your help!

[Maxx]

Well as mentioned above you can search your index.css for the BBC code and look for "overflow auto" and try "overflow: hidden" or look for the part above:

Code Select Expand

/* Show a scrollbar after about 24 lines. */
   max-height: 24em; and remove the /* */ before and after the show scrollbar ....entry or enter the width as I have at 500px; so it does not stretch out across the page and also limit the size of the avatars, other wise the site will looks very un-tidy! your site boards should be uniform! IMHO

regards,
Maxx

[kattara]

Well as mentioned above you can search your index.css for the BBC code and look for "overflow auto" and try "overflow: hidden" or look for the part above:

Code Select Expand

/* Show a scrollbar after about 24 lines. */
   max-height: 24em; and remove the /* */ before and after the show scrollbar ....entry or enter the width as I have at 500px; so it does not stretch out across the page and also limit the size of the avatars, other wise the site will looks very un-tidy! your site boards should be uniform! IMHO

regards,
Maxx

Thanks, Maxx!  I removed the /* etc like you said, but it didn't do anything.    Where should I put that max width of 500px?  In the Avatars and Attachments section in the admin section?  I'm sorry.  I'm a huge noob.    I'm a new admin.

[Crip]

css/index.css is where every adjustment's are made.

[kattara]

I've editted the index.css to add the max width and the scrollbar thingy you suggested, Maxx.  But it hasn't made any difference at all.  I don't understand it... :S