News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

Message Boxes

Started by Diego Andrés, August 28, 2009, 04:04:35 AM

Previous topic - Next topic

ACAMS

#60
THANKS for this mod, it is great!


I have SMF 2.0 RC2 and would like to change it a little where the images don't show and the box is the same on both ends, and the text padding is reduced


here is as far as I could get it







I changed the index.css to this




.error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
    margin-bottom: 1.5em;
    padding: .2em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}


.error_bbc    {background: #fbe3e4; border-color: #e0011b}
.error_bbc a  {color: #d12f19}


.warning_bbc    {background: #fff6bf; border-color: #ffd324}
.warning_bbc a  {color: #817134}


.okay_bbc   {background: #e9ffdd; border-color: #72c868}
.okay_bbc a {color: #529214}


.info_bbc   {background: #e2ecee; border-color: #9ddae6}
.info_bbc a {color: #2d7ba2}



And renamed the mBox folder to mBox0, but it still has too much left padding, and the text padding is way too much.


How do I edit that?


THANKS for any help




EDIT:  I would like it to look something like this



ACAMS

OK, this is weird......


This is my index.css now




.error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em .1em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}


.error_bbc    {background: #fbe3e4; border-color: #e0011b}
.error_bbc a  {color: #d12f19}


.warning_bbc    {background: #fff6bf; border-color: #ffd324}
.warning_bbc a  {color: #817134}


.okay_bbc   {background: #e9ffdd; border-color: #72c868}
.okay_bbc a {color: #529214}


.info_bbc   {background: #e2ecee; border-color: #9ddae6}
.info_bbc a {color: #2d7ba2}


/* Lists */
.error_bbc ul, .warning_bbc ul, .okay_bbc ul, .info_bbc ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.error_bbc ul li, .warning_bbc ul li, .okay_bbc ul li, .info_bbc ul li {
    padding-left: .1em
}



This SHOULD have changed SOMETHING, but did not, not even after I cleared the cache and refreshed the page.




Here is what it was before I made the edits




.error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}


.error_bbc    {background: #fbe3e4 url(../images/mBox/error.png) 2.2em center no-repeat; border-color: #e0011b}
.error_bbc a  {color: #d12f19}


.warning_bbc    {background: #fff6bf url(../images/mBox/warning.png) 2.2em center no-repeat; border-color: #ffd324}
.warning_bbc a  {color: #817134}


.okay_bbc   {background: #e9ffdd url(../images/mBox/okay.png) 2.2em center no-repeat; border-color: #72c868}
.okay_bbc a {color: #529214}


.info_bbc   {background: #e2ecee url(../images/mBox/info.png) 2.2em center no-repeat; border-color: #9ddae6}
.info_bbc a {color: #2d7ba2}




/* Lists */
.error_bbc ul, .warning_bbc ul, .okay_bbc ul, .info_bbc ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.error_bbc ul li, .warning_bbc ul li, .okay_bbc ul li, .info_bbc ul li {
    padding-left: 1.3em
}
.error_bbc ul li  { background: url(../images/mBox/error-bullet.png)  0 0.55em no-repeat }
.warning_bbc ul li  { background: url(../images/mBox/warning-bullet.png)  0 0.55em no-repeat }
.okay_bbc ul li { background: url(../images/mBox/okay-bullet.png) 0 0.55em no-repeat }
.info_bbc ul li { background: url(../images/mBox/info-bullet.png) 0 0.55em no-repeat }

ascaland

Try this,
    .error_bbc ul, .warning_bbc ul, .okay_bbc ul, .info_bbc ul {
list-style: none;
margin-left: -10px;
padding-left: -10px;   
    }

ACAMS

That didn't work either, I cleared my cache and refreshed the page and experimented all the way up to -90 with very little change


here is my code now




.error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em .1em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}


.error_bbc    {background: #fbe3e4; border-color: #e0011b}
.error_bbc a  {color: #d12f19}


.warning_bbc    {background: #fff6bf; border-color: #ffd324}
.warning_bbc a  {color: #817134}


.okay_bbc   {background: #e9ffdd; border-color: #72c868}
.okay_bbc a {color: #529214}


.info_bbc   {background: #e2ecee; border-color: #9ddae6}
.info_bbc a {color: #2d7ba2}


/* Lists */
.error_bbc ul, .warning_bbc ul, .okay_bbc ul, .info_bbc ul {
list-style: none;
margin-left: -90px;
padding-left: -90px;   
    }
}
.error_bbc ul li, .warning_bbc ul li, .okay_bbc ul li, .info_bbc ul li {
    padding-left: .1em
}

ascaland

#64
This is how I have it if your interested,
    .error_bbc, .warning_bbc, .okay_bbc, .info_bbc {
    margin-bottom: 1.5em;
    padding: .2em 1.5em 1em 1em;
    border-bottom: 2px solid #fff;   
    border-top: 2px solid #fff;   
    color: #444;
    }
   
    .error_bbc ul li, .warning_bbc ul li, .okay_bbc ul li, .info_bbc ul li {
list-style: none;
margin-left: -50px;
padding-left: -50px;
    }
   
    .error_bbc {
    background: #fbe3e4; border-color: #e0011b
    }
   
    .error_bbc a {
    color: #d12f19
    }
   
    .warning_bbc {
    background: #fff6bf; border-color: #ffd324
    }
   
    .warning_bbc a {
    color: #817134
    }
   
    .okay_bbc {
    background: #e9ffdd; border-color: #72c868
    }
   
    .okay_bbc a {
    color: #529214
    }
   
    .info_bbc {
    background: #e2ecee; border-color: #9ddae6
    }
   
    .info_bbc a {
    color: #2d7ba2
    }


I made some slight modifications and tried it on IE8 and FF4, and it looks ok. Care to try? :)

ACAMS

I have google chrome.......and it looks great........THANKS!!!!


FIXED    :D

WasdMan

#66
Attached to the package is also compatible with version 2.0.

Daygo

I leave the small balls u.u solutions?

Iomega0318

Quote from: piotrek_st on September 24, 2009, 04:46:12 AM
Hi

I have new problem :(

This mod is super and very like me but I don't make:

[warning]
text_1
[list]
[li]text_2[/li]
[li]text_3[/li]
[/list]
[/warning]


then tag [werning] is on "text_1",
text_2 and text_3 are without [warning] :(
Just wondering how to show list within the box code, my list breaks and shows outside the box as well..
UOFreeshards.net
UOFreeshards.net 2.1 Aplha Test Site
"I believe in Christianity as I believe in the sun...
not because I see it but because by it I see everything else."
C.S. Lewis

Heed what I say, for it shall be mentioned only once.

Iomega0318

UOFreeshards.net
UOFreeshards.net 2.1 Aplha Test Site
"I believe in Christianity as I believe in the sun...
not because I see it but because by it I see everything else."
C.S. Lewis

Heed what I say, for it shall be mentioned only once.

Apllicmz

Portuguese Update

<file name="$languagedir/Modifications.portuguese_pt.php" error="skip">
        <operation>
            <search position="end" />
            <add><![CDATA[$txt['error_bbc'] = 'Adicionar Caixa de erro';
$txt['warning_bbc'] = 'Adicionar caixa de aviso';
$txt['okay_bbc'] = 'Adicionar Caixa Ok';
$txt['info_bbc'] = 'Adicionar Caixa de Informa&ccedil;&otilde;es';]]></add>
        </operation>
    </file>
    <file name="$languagedir/Modifications.portuguese_pt-utf8.php" error="skip">
        <operation>
            <search position="end" />
            <add><![CDATA[$txt['error_bbc'] = 'Adicionar Caixa de erro';
$txt['warning_bbc'] = 'Adicionar caixa de aviso';
$txt['okay_bbc'] = 'Adicionar Caixa Ok';
$txt['info_bbc'] = 'Adicionar Caixa de Informa&ccedil;&otilde;es';]]></add>
        </operation>
    </file>
    <file name="$languagedir/Modifications.portuguese_brazilian.php" error="skip">
        <operation>
            <search position="end" />
            <add><![CDATA[$txt['error_bbc'] = 'Adicionar Caixa de erro';
$txt['warning_bbc'] = 'Adicionar caixa de aviso';
$txt['okay_bbc'] = 'Adicionar Caixa Ok';
$txt['info_bbc'] = 'Adicionar Caixa de Informa&ccedil;&otilde;es';]]></add>
        </operation>
    </file>
    <file name="$languagedir/Modifications.portuguese_brazilian-utf8.php" error="skip">
        <operation>
            <search position="end" />
            <add><![CDATA[$txt['error_bbc'] = 'Adicionar Caixa de erro';
$txt['warning_bbc'] = 'Adicionar caixa de aviso';
$txt['okay_bbc'] = 'Adicionar Caixa Ok';
$txt['info_bbc'] = 'Adicionar Caixa de Informa&ccedil;&otilde;es';]]></add>
        </operation>
    </file>




live627

I'm reporting that even on the latest point release (2.0.2), this mod installs and works without error without emulation.

Iomega0318

So just curious, is anyone still using this mod?
And if so has anyone figured out how to add a list inside the box?
UOFreeshards.net
UOFreeshards.net 2.1 Aplha Test Site
"I believe in Christianity as I believe in the sun...
not because I see it but because by it I see everything else."
C.S. Lewis

Heed what I say, for it shall be mentioned only once.

live627


Iomega0318

Quote from: live627 on April 10, 2012, 03:05:11 AM
yes and yes
Can you share then? because I can't figure out how to get a list to show inside the box..
UOFreeshards.net
UOFreeshards.net 2.1 Aplha Test Site
"I believe in Christianity as I believe in the sun...
not because I see it but because by it I see everything else."
C.S. Lewis

Heed what I say, for it shall be mentioned only once.

live627

Shockingly easy. Just make the tags block.

live627

Ok, took a minute and got the code from my Subs.php.

// CSS Message Boxes - grafitus
array(
'tag' => 'error',
'before' => '<div class="error_bbc">',
'after' => '</div>',
'block_level' => true,
),
array(
'tag' => 'warning',
'before' => '<div class="warning_bbc">',
'after' => '</div>',
'block_level' => true,
),
array(
'tag' => 'okay',
'before' => '<div class="okay_bbc">',
'after' => '</div>',
'block_level' => true,
),
array(
'tag' => 'info',
'before' => '<div class="info_bbc">',
'after' => '</div>',
'block_level' => true,
),


Basically, add 'block_level' => true, to the tag arrays.

Iomega0318

Very nice, thank you! It's been driving me crazy forever lol..
and didn't notice until now that two of the bullet images never uploaded right and didn't show up on my lists, so after reuploading those it all works great!
UOFreeshards.net
UOFreeshards.net 2.1 Aplha Test Site
"I believe in Christianity as I believe in the sun...
not because I see it but because by it I see everything else."
C.S. Lewis

Heed what I say, for it shall be mentioned only once.

Jessica.

installed, made a test topic, the CSS Boxes aren't showing? o_O

gonna try to find out why -_-

EDIT: fixed, had to do a refresh
Testing Zone - SMF 2.0.7, default Curve
School & Chat - phpBB3, over 170 mods installed, official live forum

I use the latest version of Chrome

phpBB: Forum = a section; Board = whole site
SMF: Forum = whole site; Board = a section

Impsat-1

Wow... Excelent!!! MOD, Works Fine in SMF 2.0.7... theme default, Thanks.... ;)


THANKS & REGARDS 8)
Vive Cáda Momento De Tu Vida Como Si Fueras a Irte Mañana, Más Planificala Cómo Si Jamás Fueras a Irte ;).-

Advertisement: