Author Topic: Custom Themes and Simple Portal  (Read 7491 times)

Online ARG

  • GFX Designer
  • Support Team
  • Hero Member
  • *
  • Posts: 6220
  • Civilian Support
    • Simple Mode Forum
Custom Themes and Simple Portal
« on: Feb 06, 2011, 12:20:00 »
This has been asked on many forums so I thought that I would post a sitcky here.

For those using SMF 2.0 RC4 or SMF 2.0 RC5 along with Simple Portal 2.3.3 and installed a custom theme and are experiencing left side issues with category or title block headers on your portal (main) page, there is a very simple solution.

Just grab a copy of the portal.css file from the default themes css folder (default/css/portal.css) and add it to your custom themes css folder.

Themes/customtheme/css/portal.css

 ;)
« Last Edit: Mar 13, 2011, 19:56:00 by G1 »

Online ARG

  • GFX Designer
  • Support Team
  • Hero Member
  • *
  • Posts: 6220
  • Civilian Support
    • Simple Mode Forum
Pesky Block Header Line
« Reply #1 on: Feb 07, 2011, 20:43:36 »
Here is a little tip for those using a custom theme with rounded corners on the main_block.png image. Sometimes with rounded corners while using Simple Portal you may run into this pesky little line on the left. This usually only occurs in block headers but not the forum category headers or the Info Center.

Before:

After:


Here is the fix.

In the portal.css file find this, usually at the very bottom.

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;
}

h4.titlebg span.left, h3.titlebg span.left
{
float: left;
display: block;
width: 9px;
height: 31px;
background: url(../images/theme/main_block.png) no-repeat 0 -200px;
}

Change to:
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: 33px;
background: url(../images/theme/main_block.png) no-repeat 0 -160px;
}

h4.titlebg span.left, h3.titlebg span.left
{
float: left;
display: block;
width: 9px;
height: 33px;
background: url(../images/theme/main_block.png) no-repeat 0 -200px;
}

Essentially all you need to do is change the heights from 31px to 33px.
Note: If your custom main_block.png image has larger catbg, tirlebg, etc. areas then the height size numbers may vary slightly.

 ;)
« Last Edit: Feb 13, 2011, 08:39:36 by G1 »

Offline InsomniacP

  • Sr. Member
  • ****
  • Posts: 259
  • www.gamersrespawn.co.uk
    • gamersrespawn
    • Email
Re: Custom Themes and Simple Portal
« Reply #2 on: Feb 20, 2011, 04:30:57 »
Hey there G1 this still hasn't worked for me?

Offline garyb

  • Jr. Member
  • **
  • Posts: 12
Re: Custom Themes and Simple Portal
« Reply #3 on: Feb 20, 2011, 05:45:08 »
Hey there G1 this still hasn't worked for me?

Just move the portal.css from the default theme to you custom theme css folder.

Above is a different problem.

Offline garyb

  • Jr. Member
  • **
  • Posts: 12
Re: Custom Themes and Simple Portal
« Reply #4 on: Feb 20, 2011, 05:47:12 »
Hey there G1 this still hasn't worked for me?

Just move the portal.css from the default theme to you custom theme css folder.

Above is a different problem.

I meant copy portal.css :)

Offline InsomniacP

  • Sr. Member
  • ****
  • Posts: 259
  • www.gamersrespawn.co.uk
    • gamersrespawn
    • Email
Re: Custom Themes and Simple Portal
« Reply #5 on: Feb 20, 2011, 05:57:24 »
Great stuff that worked... Thanks.. ;)

Offline SirPereira

  • Newbie
  • *
  • Posts: 7
    • Email
Re: Custom Themes and Simple Portal
« Reply #6 on: Mar 20, 2012, 03:50:32 »
Hmm, strange. Didn't worked here. I've copied the file portal.css and made the changes, didn't notice any changes.

If you want to take a look:
http://www.haxballbrasil.com/

Offline ewind

  • Full Member
  • ***
  • Posts: 196
    • BDM Webs
Re: Custom Themes and Simple Portal
« Reply #7 on: Mar 29, 2012, 10:53:18 »
SimplePortal 2.3.5 Released today fixed a lot bugs
One must remain twisted to keep a valid perspective on those around him.
That's why dogs look at you sideways.

Customizing SMF Themes