Help please

[Marioooo]

I tried to do that so many times , but it not work ..
I like to user be like this photo in my SMF Forum.

I wanna be like



If someone know how to do that , contact me by private message (PM)

Now my user config is default from smf machines.

Thank you. Sorry for my bad English.

Edit by Gary: Removed bad formatting of Glowing, Centered bolded text

[br360]

Welcome to SMF.

I think it would probably be better to post how to do it here on this post instead of sending you a pm, so that others that might be looking for the same type of thing can see the ways what you want can be done.

From your image, I'm not exactly sure what you are trying to do though. If you are talking about having the profile display have that border effect, try this mod- http://custom.simplemachines.org/mods/index.php?mod=3932

[Bigguy]

I'm pretty sure that is exactly what he wants.

[Steve]

I'm not so sure. It could be he wants that part centered.

At Marioooo - a couple of friendly tips:

1. When requesting help at a support site you shouldn't ask for a response via PM for the very reason br360 said:

do it here on this post instead of sending you a pm, so that others that might be looking for the same type of thing can see the ways what you want can be done

Plus, everyone here is providing support on a volunteer basis and on limited time so it's just not feasible.

2. Skip the fancy bbcode when posing your questions. No glow, bold, color, centering, etc. It makes it much easier for support personnel to read, especially when they're on their phones as many here are.

So, which is it you want to do with the PostBit?

[Decent_946]

Welcome to SMF.

I think it would probably be better to post how to do it here on this post instead of sending you a pm, so that others that might be looking for the same type of thing can see the ways what you want can be done.

From your image, I'm not exactly sure what you are trying to do though. If you are talking about having the profile display have that border effect, try this mod- http://custom.simplemachines.org/mods/index.php?mod=3932

i never noticed, there is a mod for it.. but i use codings..
would like to provide here, so it might help @Marioooo

well you will have to modify index.css as i do. and i hope you know that where index.css is actually located.
then just do one thing.

find this in index.css

Code Select Expand

.poster {
    float: left;
    width: 15em;
}
.postarea, .moderatorbar {
    margin: 0 0 0 16em;
}
.postarea div.flow_hidden {
    width: 100%;
}
.moderatorbar {
    clear: right;
}
.poster h4, .poster ul {
    margin: 0 1em 0 1.5em;
    padding: 0;
}
.poster h4 {
    font-size: 15px;
    margin: 0.2em 0 0.4em 1.1em;
}
.poster h4, .poster h4 a {
    color: #434343;
}
.poster ul ul {
    margin: 0.3em 1em 0 0;
    padding: 0;
}
.poster ul ul li {
    display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul {
    margin-top: 0.5em;
}
.poster li.avatar {
    overflow: hidden;
}
.poster li.warning {
    line-height: 1.2em;
    padding-top: 1em;
}
.poster li.warning a img {
    padding: 0 0.2em;
    vertical-align: bottom;
}
.messageicon {
    float: left;
    margin: 0 0.5em 0 0;
}
.messageicon img {
    padding: 6px 3px;
}
.keyinfo {
    float: left;
    width: 50%;
}
.modifybutton {
    clear: right;
    color: #334466;
    float: right;
    font: bold 0.85em arial,sans-serif;
    margin: 6px 20px 10px 0;
    text-align: right;
}


and then replace with this.

Code Select Expand

/* poster and postarea + moderation area underneath */
.post_wrapper
{
   float:left;
   width:100%;
}
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}

.moderatorbar
{
   clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
        padding: 0;
        margin: 0 8px;
}
.poster h4
{
        font-size: 120%;
}
.poster h4, .poster h4 a
{
        color: #0474b4;
}
.poster ul ul
{
        margin: 0.3em 1em 0 0;
        padding: 0;
}
.poster ul ul li
{
        display: inline;
        background: none;
        border: none;
}
.poster ul li, .poster h4 {
        background: #fcfcfc;
        border: solid 1px #ddd;
        margin-bottom: 2px;
        text-align: center;
        padding: 4px;
        color: #3f3f3f;
}
.poster ul li {
        width: 94%;
}
.poster li.avatar
{
        overflow: hidden;
}
.poster li.warning
{
        line-height: 1.2em;
        padding-top: 1em;
}
.poster li.warning a img
{
        vertical-align: bottom;
        padding: 0 0.2em;
}
.messageicon
{
        float: left;
        margin: 0 0.5em 0 0;
}
.messageicon img
{
        padding: 6px 3px;
}
.keyinfo
{
        float: left;
        width: 50%;
}
.modifybutton
{
        clear: right;
        float: right;
        margin: 6px 20px 10px 0;
        text-align: right;
        font: bold 0.85em arial, sans-serif;
        color: #334466;
}
and you are done..
you can also change the borders color by dding your colors code insted of #fcfcfc

.poster ul li, .poster h4 {
        background: #fcfcfc;
        border: solid 1px #ddd;
        margin-bottom: 2px;
        text-align: center;
        padding: 4px;
        color: #3f3f3f;
}

i hope it will be helpfull for you.

[Marioooo]

Welcome to SMF.

I think it would probably be better to post how to do it here on this post instead of sending you a pm, so that others that might be looking for the same type of thing can see the ways what you want can be done.

From your image, I'm not exactly sure what you are trying to do though. If you are talking about having the profile display have that border effect, try this mod- http://custom.simplemachines.org/mods/index.php?mod=3932

i never noticed, there is a mod for it.. but i use codings..
would like to provide here, so it might help @Marioooo

well you will have to modify index.css as i do. and i hope you know that where index.css is actually located.
then just do one thing.

find this in index.css

Code Select Expand

.poster {
    float: left;
    width: 15em;
}
.postarea, .moderatorbar {
    margin: 0 0 0 16em;
}
.postarea div.flow_hidden {
    width: 100%;
}
.moderatorbar {
    clear: right;
}
.poster h4, .poster ul {
    margin: 0 1em 0 1.5em;
    padding: 0;
}
.poster h4 {
    font-size: 15px;
    margin: 0.2em 0 0.4em 1.1em;
}
.poster h4, .poster h4 a {
    color: #434343;
}
.poster ul ul {
    margin: 0.3em 1em 0 0;
    padding: 0;
}
.poster ul ul li {
    display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul {
    margin-top: 0.5em;
}
.poster li.avatar {
    overflow: hidden;
}
.poster li.warning {
    line-height: 1.2em;
    padding-top: 1em;
}
.poster li.warning a img {
    padding: 0 0.2em;
    vertical-align: bottom;
}
.messageicon {
    float: left;
    margin: 0 0.5em 0 0;
}
.messageicon img {
    padding: 6px 3px;
}
.keyinfo {
    float: left;
    width: 50%;
}
.modifybutton {
    clear: right;
    color: #334466;
    float: right;
    font: bold 0.85em arial,sans-serif;
    margin: 6px 20px 10px 0;
    text-align: right;
}


and then replace with this.

Code Select Expand

/* poster and postarea + moderation area underneath */
.post_wrapper
{
   float:left;
   width:100%;
}
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}

.moderatorbar
{
   clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
        padding: 0;
        margin: 0 8px;
}
.poster h4
{
        font-size: 120%;
}
.poster h4, .poster h4 a
{
        color: #0474b4;
}
.poster ul ul
{
        margin: 0.3em 1em 0 0;
        padding: 0;
}
.poster ul ul li
{
        display: inline;
        background: none;
        border: none;
}
.poster ul li, .poster h4 {
        background: #fcfcfc;
        border: solid 1px #ddd;
        margin-bottom: 2px;
        text-align: center;
        padding: 4px;
        color: #3f3f3f;
}
.poster ul li {
        width: 94%;
}
.poster li.avatar
{
        overflow: hidden;
}
.poster li.warning
{
        line-height: 1.2em;
        padding-top: 1em;
}
.poster li.warning a img
{
        vertical-align: bottom;
        padding: 0 0.2em;
}
.messageicon
{
        float: left;
        margin: 0 0.5em 0 0;
}
.messageicon img
{
        padding: 6px 3px;
}
.keyinfo
{
        float: left;
        width: 50%;
}
.modifybutton
{
        clear: right;
        float: right;
        margin: 6px 20px 10px 0;
        text-align: right;
        font: bold 0.85em arial, sans-serif;
        color: #334466;
}
and you are done..
you can also change the borders color by dding your colors code insted of #fcfcfc

.poster ul li, .poster h4 {
        background: #fcfcfc;
        border: solid 1px #ddd;
        margin-bottom: 2px;
        text-align: center;
        padding: 4px;
        color: #3f3f3f;
}

i hope it will be helpfull for you.

Thaaaaaaaaaaaaaaaaank you so much , but can you tell me what color is that picture that i post i theme i need that color :p

[Steve]

It's #111111.