Topic: missing graphic and

[Kyian]

Hi

After I installed 2.3.4, i have a little problem on the portal. First, the corner of the top bar, I cant seem to get it right. In 2.3.3 i need to change something in portal.css from 160 - 130. But cant find that one now.

And in every left and right block, there ain't any space betweem the blocks.

Any suggestions?

the site is, www.scalerace.dk

[Tricky]

This Topic will help you

http://simpleportal.net/index.php?topic=6885.0

[Kyian]

Tried, but didnt do the job.

Last time, i need to change the highlighted to 130. That did the job, but that line, I cant find in the new portal.css even though, it shows up there. I have used the View Page Source to find it, in Chrome.

         </script>
   <link rel="stylesheet" type="text/css" id="portal_css" href="http://www.scalerace.dk/Themes/DinolightV/css/portal.css" />
   <script type="text/javascript" src="http://www.scalerace.dk/Themes/default/scripts/portal.js?234"></script>
   <script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
      var sp_images_url = "http://www.scalerace.dk/Themes/DinolightV/images/sp";
      function sp_collapseBlock(id)
      {
         mode = document.getElementById("sp_block_" + id).style.display == "" ? 0 : 1;
         smf_setThemeOption("sp_block_" + id, mode ? 0 : 1, null, "7a1a0df967a5f8cb5e67239e7dadab5e");
         document.getElementById("sp_collapse_" + id).src = smf_images_url + (mode ? "/collapse.gif" : "/expand.gif");
         document.getElementById("sp_block_" + id).style.display = mode ? "" : "none";
      }
      window.addEventListener("load", sp_image_resize, false);
   // ]]></script>
   <style type="text/css">
      h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
      {
         background: url(http://www.scalerace.dk/Themes/DinolightV/images/theme/main_block.png) no-repeat 0 -160px;
      }
      h4.titlebg span.left, h3.titlebg span.left
      {
         background: url(http://www.scalerace.dk/Themes/DinolightV/images/theme/main_block.png) no-repeat 0 -200px;
      }
   </style>

[Eudemon]

just to say i'm getting the same problem

This Topic will help you

http://simpleportal.net/index.php?topic=6885.0

i have looked into 2.3.4's files n i see portal.css is removed
btw the post in the link is based off 2.3.3 which has portal.css

since i didn't change my theme after i upgraded simpleportal so the portal.css from last install was still there in my custom theme
but that messed up the page even more (all the spaces between blocks disappeared and the corner issue)

so i have a feeling that we need a new solution
i will look into some codes once i have time nvm i was looking at the wrong directory

to the thread author

go to ur portal.css in ur custom theme's css directory
open it
look for

Code: [Select]

h4.titlebg span.left, h3.titlebg span.leftchange the width around until it fits
this depends on the custom theme's image size so sometimes it's not the same

[AngelinaBelle]

Did Eudemon's advice help you customize portal.css for your custom theme?

[Kyian]

Did Eudemon's advice help you customize portal.css for your custom theme?

Nope didnt do the job, its like, its having problem locating inside the main_block where the pixels are.

[Kyian]

for some odd reason it works in the side bars now.

[AngelinaBelle]

Does that mean the problem is solved?

[Kyian]

Nope, or part of. In the Left and Right side blocks it works perfect now. But in the Top/Middle block it doesnt work.

And I have no clue of what i did, I tried the thing in the other topic, it didnt work, and went back to the original.

But I find it pretty odd, that its only in the side blocks it works now.

[AngelinaBelle]

That is odd.  I looked at the website linked from your profile.
It seems that something about the blocks template or portal template does not get along well with your  theme.
I do not know what the problem is -- the obvious things I tried did not fix it.

[Kyian]

well, it was the exact same problem in 2.3.3, there I needed to change something from -160 to -130, so it could locate the right part of the main_block, thats probably still the problem, in some way.

But doing it in 2.3.4 didnt work. But guess I'll bee looking in to it, with a friend of mine tomorrow.

[AngelinaBelle]

Please let us know what you find out.

I'll make sure Sinan learns about it.

If there is a simple way to make SimplePortal compatable with more themes, you can be sure it will get on the list for a future version.

[Kyian]

I will, but will the tip for the 2.3.3 help you? it was a small thing.

[AngelinaBelle]

Sure. Some of the CSS for 2.3.4 has changed, but it might help.

[Kyian]

In the following css it says.
//Themes/default/css/portal.css

Code: [Select]

h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left
{
    float: left;
    display: block;
    width: 9px;
    height: 31px;
    background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}
In the index.css for the custom theme, it says a different thing for the cordinates, for the main block, it comes here.

//Themes/DinolightV/css/index.css

Code: [Select]

div.cat_bar
{
    background: url(../images/theme/main_block.png) no-repeat 0 -130px;
    padding-left: 9px;
    height: 28px;
    overflow: hidden;
    margin-bottom: 0px;
}
The difference between them is

no-repeat 0 -160px;
and
no-repeat 0 -130px;

When the -160 in the portal.css was changed to -130, it fixed the problem with the little square that is missing. Also I needed to copy the main_block.png to the default theme.

To me, it looks like its the same problem, but in 2.3.4 this little trick didnt work. Seems like its more hardcoded then the CSS.

[AngelinaBelle]

The biggest difference is the way Simple Portal's block templates are using catbg.  It is different from how dinolite uses them, and different, actually, from how Curve (SMF 2.0 final) uses them.

Simple Portal does things in a way that work fine with curve, but not so much with variants like dino lite v. 2.
I've brought this issue up.

The fix would have to be something fairly similar, I think. I cannot figure out why it looks different in the center block than it does in the side blocks.  I tried looking, using IE F12 developers tools, too.

[Fog]

This goes hand in hand with my topic on how many different places does the main_block png file show up on.

There must be a default main_block png -160px in the "block php" or somewhere that we're over looking....

I'm not all that trick in PHP but understand it enough if someone can point me to the block php code?

[AngelinaBelle]

You can see the block template in Portal.template.php
For the SMF 2.0 version of SP 2.3.4, you will see that function template_block calls one of two functions depending on the type of theme.  That decision (which type of theme) is made in function sportal_load_compat, in file Subs_Portal.php.

Sinan has tried to accomodate all those themes which have not quite come up to compatability with the SMF 2.0 version of CURVE. This solution matches perfectly with both the new CURVE, and with the older CURVE, but does not work perfectly with every custom theme.

It is difficult to support everything under the sun.

Here is another place where this issue is being discussed:
http://simpleportal.net/index.php?topic=10241.msg53115

[AngelinaBelle]

Here's the thing, Kyian
Your left blocks are using cat_bar in the title. And they look fine.

The right blocks though -- they are not using cat_bar.  They are using simple portal's default <h3 class=catbg>, with a <span class=left>.  That's why they look different.

The fix is EXACTLY the kind of fix you had before.

If you look in index.css for h3.catbg (I found this all out using Ie's developers tools F12), you'll see
background-position-y: -130px;

but you will also see, under h3.catbg span.left, background-position-y: -160px;

Those two pieces are never going to match up.

To make the span.left part match up with the catbg part, you need to change the catbg part to -130px;

Then it will work perfectly.

[Kyian]

I ended up doing as in this post

http://simpleportal.net/index.php?topic=10269.msg53397#msg53397

and changing it to 130, then it works now

[Fog]

I'm glad that helped and thanks for letting us know.

Fog

[AngelinaBelle]

Thanks for letting us know, Kyian

I've marked this one solved for you.