Lessons to learn customized my forum

[Retread]

May 10, 2020 7:55:44 GMT -8 Elena said:

I made all step. I upload a large image on imgpile.com and I paste the link in corect place in my profile. But it didn't work. The avatar is still small. I don't resize my upload image on imgpile.com.

Okay then. Let's make a minor addition to the CSS Lynx provided.

Remove this from your Global Footer:


<style>
   .posts .post .left-panel, .messages .item .left-panel {
       width: 372px;
   }
   .mini-profile {
       width: 350px;
   }
   .mini-profile .avatar {
       max-width: 350px;
       max-height: 350px;
   }
</style>


Then put this in your Global Footer:

<style>
   /* Allow 350px by 350px remotely hosted Avatars in Mini-profile */
   .posts .post .left-panel, .messages .item .left-panel {
       width: 372px;
   }
   .mini-profile {
       width: 350px;
   }
   .avatar_size_default img,
   .avatar_size_default default,
   .mini-profile .avatar {
       max-width: 350px;
       max-height: 350px;
   }
</style>

[Lynx]

Just to note: If what Retread gave you still doesn't work, the CSS may need the !important flag added to each property.

[Elena]

May 10, 2020 8:34:26 GMT -8 Retread said:

16 hours ago Elena said:

I made all step. I upload a large image on imgpile.com and I paste the link in corect place in my profile. But it didn't work. The avatar is still small. I don't resize my upload image on imgpile.com.



Okay then. Let's make a minor addition to the CSS MSG provided.



Remove this from your Global Footer:





<style>

.posts .post .left-panel, .messages .item .left-panel {

width: 372px;

}

.mini-profile {

width: 350px;

}

.mini-profile .avatar {

max-width: 350px;

max-height: 350px;

}

</style>





Then put this in your Global Footer:



<style>

   /* Allow 350px by 350px remotely hosted Avatars in Mini-profile */

   .posts .post .left-panel, .messages .item .left-panel {

       width: 372px;

   }

   .mini-profile {

       width: 350px;

   }

   .avatar_size_default img,

   .avatar_size_default default,

   .mini-profile .avatar {

       max-width: 350px;

       max-height: 350px;

   }

</style>


Now, it worked perfect! You are an Angel! And how to center it in mini-profile?

[Elena]

Thank you for your help about the avatar size. Now, I have another problem: I usually write in world 2007. I used Georgia font, size 24, italic. How can I paste what I write in word direct in post replay, whitout formatting them?

[Retread]

May 14, 2020 0:25:48 GMT -8 Elena said:

Now, I have another problem: I usually write in world 2007. I used Georgia font, size 24, italic. How can I paste what I write in word direct in post replay, whitout formatting them?

Elena , when you have a question that is very different from the original subject, you can and should make a new thread. In the future please feel free to make a new thread when appropriate. It's okay if you have a few related questions in the same thread.

The editor in use for v5 isn't capable of retaining styling when copying and pasting from a Word document. The editor for v6 can do that (when in the preview mode) but v6 is not yet available.

For now, you could edit your profile on whatever forum you use, then click on the Settings tab. Then click the BBCode radio button under the heading Posting Default.

This will allow you to enter text or styling in the field below Default BBCode. And that will appear every time you make a post.

Be sure to click the Save Account Settings at the bottom of the page.

---

For instance if your Default BBCode is:

[div style="font-family:Georgia;font-size:24px;font-style:italic;"]
That BBCode tag ^ will be placed in your post. All text you enter after that will be styled by that tag. When you create the post, a closing tag will be automatically added:
[/div]

If/when you change to Preview mode on the editor, the closing tag will be automatically be added and you'll be able to see the effect before creating the post.

[Elena]

I put a generic title on my thread, because I want to learn how to customized at maximum my theme and forum. If the rule are to open a new thread for each question I have, I follow the rule.
I don't understand your explication. I don't understand the term of any CSS code. I'm sorry!

[Lynx]

Elena,

Sorry no one got back to you about that. I just noticed it.

To answer your question, while logged in on your forum, click Profile, then click Edit Profile. From there, click the Personal tab. Scroll down to where you see the word Signature and a box directly below it. In that box, paste the code Retread gave you above:


[div style="font-family:Georgia;font-size:24px;font-style:italic;"]


Scroll to the bottom of the page and click the Save Personal Settings button.

Once done, when you go to create a post in BBCode mode (not Preview mode), that snippet of code will already be there. Just make sure your click to place your cursor after the ] - or else it won't work correctly. Type your post and then you can either Preview it or just post it.