Topic: Title Class and Png

[dirtymind]

Hi,
I have a problem about "Default Title Class".

Into the forum, with CSS i have setted borders (top-margin-left-right) for classes (catbg titlebg ecc).
But in Portal this border are differents to my setting in forum.
I don't try where i can set the borders in Portal.

The other question is about image .PNG. I don't find them. I find just .gif, but i try .PNG, like expand and collapse.

Someone who can help me?

Thank you 

[Nathaniel]

Could you please either post a screenshot of your issue or a link to your forum?

[dirtymind]

http://fpmleague.altervista.org/forum/index.php

 

[dirtymind]

news? 

[dirtymind]

Nothing?   

[[SiNaN]]

Go to Admin > SimplePortal > Blocks and edit each of yours and set Title Default Class to "catbg". Currently it seems like they are all set to "catbg3".

[dirtymind]

That's the problem! 

Now is setted "catbg3" in Portal, but is not "catbg3" of Forum.

So also "catbg" is not "catbg" of Forum.

Example:

[dirtymind]

news?

[[SiNaN]]

Change Title Default Class for all your blocks to catbg. Then apply this edit:

Themes/default/portal.css

Code: (Find) [Select]

table.sp_block
{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

Code: (Replace) [Select]

table.sp_block
{
width: 100%;
}

[dirtymind]

it was not necessary, for me, to change in catbg cause i want ctbg3 

but it is great! the problem is resolved! 

so... it seems that the problem was that "collapse" 

anyway..... thank you very very very very much! 

[[SiNaN]]

You're welcome. I'm glad I could be of help.

[dirtymind]

oh sorry... there is yet the problem for PNG 

The other question is about image .PNG. I don't find them. I find just .gif, but i try .PNG, like expand and collapse.

Thank you 

Well.... Now it is visibile just a couple of buttons for show/hide blocks.

But I Would 2 couple of buttons, cause i would something like:

at left: the "hide/show left block" button

at right: the "hide/show right block" button

So now instead i have two equal button "show/hide" for both of columns

[[SiNaN]]

Sorry, I missed that.

So you want a single button to hide/show both (left and right) columns?

[dirtymind]

if it is possibile, yes.

if is not a problem i can link my space so you can better understand that i mean 

[[SiNaN]]

Sources/Subs-Portal.php

Code: (Find) [Select]

function sp_collapseSide(id)
{
var sp_sides = new Array();
sp_sides[1] = "sp_left";
sp_sides[4] = "sp_right";
mode = document.getElementById(sp_sides[id]).style.display == "" ? 0 : 1;' . ($context['user']['is_guest'] ? '
document.cookie = sp_sides[id] + "=" + (mode ? 0 : 1);' : '
smf_setThemeOption(sp_sides[id], mode ? 0 : 1, null, "' . $context['session_id'] . '");') . '
document.getElementById("sp_collapse_side" + id).src = sp_images_url + (mode ? "/collapse.png" : "/expand.png");
document.getElementById(sp_sides[id]).style.display = mode ? "" : "none";
}';

Code: (Replace) [Select]

function sp_collapseSide()
{
mode = document.getElementById("sp_left").style.display == "" ? 0 : 1;' . ($context['user']['is_guest'] ? '
document.cookie = "sp_side_collapse=" + (mode ? 0 : 1);' : '
smf_setThemeOption("sp_side_collapse", mode ? 0 : 1, null, "' . $context['session_id'] . '");') . '
document.getElementById("sp_collapse_side").src = sp_images_url + (mode ? "/collapse.png" : "/expand.png");
document.getElementById("sp_left").style.display = mode ? "" : "none";
document.getElementById("sp_right").style.display = mode ? "" : "none";
}';

Code: (Find) [Select]

$context['SPortal']['sides'][$side['id']]['collapsed'] = $context['user']['is_guest'] ? !empty($_COOKIE['sp_' . $side['name']]) : !empty($options['sp_' . $side['name']]);

Code: (Replace) [Select]

$context['SPortal']['sides'][$side['id']]['collapsed'] = $context['user']['is_guest'] ? !empty($_COOKIE['sp_side_collapse']) : !empty($options['sp_side_collapse']);
Themes/default/Portal.template.php

Code: (Find) [Select]

if (!empty($modSettings['showleft']) && !empty($context['SPortal']['blocks'][1]))
echo '
<a href="#side" onclick="return sp_collapseSide(1)">', sp_embed_image($context['SPortal']['sides'][1]['collapsed'] ? 'expand' : 'collapse', '', null, null, true, 'sp_collapse_side1'), '</a>';

if (!empty($modSettings['showright']) && !empty($context['SPortal']['blocks'][4]))
echo '
<a href="#side" onclick="return sp_collapseSide(4)">', sp_embed_image($context['SPortal']['sides'][4]['collapsed'] ? 'expand' : 'collapse', '', null, null, true, 'sp_collapse_side4'), '</a>';

Code: (Replace) [Select]

echo '
<a href="#side" onclick="return sp_collapseSide()">', sp_embed_image($context['SPortal']['sides'][1]['collapsed'] ? 'expand' : 'collapse', '', null, null, true, 'sp_collapse_side'), '</a>';

[dirtymind]

SiNaN I'm very very afraid.... 

I don't mean that....

it is cause my english is very bad....

you have write

So you want a single button to hide/show both (left and right) columns?

and i understand just now....   


i try to explain......

now there are 2 png (collpase and expand) and 4 button.

i would 4 different png, so it can show

hide left column
show left column
hide right column
show right column

now it show for right and left columns the same 2 buttons.

and if it is possibile i would the couple of buttons for left column, aligned to left. now both of couple of buttons are aligned to right.....

if there is a problem i canlink my space in PM. i believe tha i can be clearer.

anyway, sorry.... and thank you

[[SiNaN]]

Oh, I see. Revert that back and try this:

Sources/Subs-Portal.php

Code: (Find) [Select]

document.getElementById("sp_collapse_side" + id).src = sp_images_url + (mode ? "/collapse.png" : "/expand.png");

Code: (Replace) [Select]

document.getElementById("sp_collapse_side" + id).src = sp_images_url + (mode ? "/collapse" + id + ".png" : "/expand" + id + ".png");
Themes/default/Portal.template.php

Code: (Find) [Select]

sp_embed_image($context['SPortal']['sides'][1]['collapsed'] ? 'expand' : 'collapse', '', null, null, true, 'sp_collapse_side1'), '</a>';

Code: (Replace) [Select]

sp_embed_image($context['SPortal']['sides'][1]['collapsed'] ? 'expand1' : 'collapse1', '', null, null, true, 'sp_collapse_side1'), '</a>';

Code: (Find) [Select]

sp_embed_image($context['SPortal']['sides'][4]['collapsed'] ? 'expand' : 'collapse', '', null, null, true, 'sp_collapse_side4'), '</a>';

Code: (Replace) [Select]

sp_embed_image($context['SPortal']['sides'][4]['collapsed'] ? 'expand4' : 'collapse4', '', null, null, true, 'sp_collapse_side4'), '</a>';
Then you can have expand1.png and collapse1.png for left side and expand4.png and collapse4.png for right side. We don't have collapse option for top and bottom sides.

[dirtymind]

Thank you so much!

It is not important for me collapse option for top and bottom side 

[[SiNaN]]

So should I mark this as solved?

[dirtymind]

So should I mark this as solved?

Yes, absolutely!

Thank You so much!