collapse

* Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

* User Info

 
 
Welcome, Guest. Please login or register.

* Who's Online

  • Dot Guests: 525
  • Dot Hidden: 0
  • Dot Users: 0

There aren't any users online.

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • {OCS}MasterSeal: Yup, Still adore SP
    April 21, 2019, 07:08:06 PM
  • {OCS}MasterSeal: STILL love SP :)
    November 24, 2018, 05:05:50 AM
  • ♦ Ninja ZX-10RR ♦: <3 aegersz
    September 13, 2018, 03:36:09 PM
  • aegersz: I STILL <3 LOVE SimplePortal
    September 13, 2018, 07:11:39 AM
  • aegersz: o LOVE you guys - Simple Portal rocks !
    May 09, 2018, 05:18:59 AM
  • Chen Zhen: our apologies for the site being down.. please read server issues topic
    March 22, 2018, 05:32:38 AM
  • {OCS}MasterSeal: LOL PLEASE forget I just posted that. I found the answer in my own dang post back in 2015. lol sorry!
    July 04, 2017, 10:47:55 PM
  • {OCS}MasterSeal: I know this SB isnt' for support, but I just have a general question. Who would I contact to find out where SP stores its block info? Is it DB driven or files? I searched the site but came up with nothing. probably my fault any insight is appreciated.
    July 04, 2017, 10:43:36 PM
  • ♦ Ninja ZX-10RR ♦: Excuse me but what does Simpleportal have to deal with that?
    February 05, 2017, 08:21:14 PM
  • WhiteEagle: of course IMHO that site appears to be dead :(
    February 04, 2017, 01:08:05 PM
  • WhiteEagle: If I can get that, then I'll use it for that site...
    February 04, 2017, 01:07:35 PM
  • WhiteEagle: decided to not use SMF for any projects, unless I can get a copy of the premium version of the fanfiction archive plugin
    February 04, 2017, 01:06:54 PM
  • expertdecisions: cloudflare
    January 28, 2017, 08:01:47 AM
  • aegersz: SM release 2.0.13 !
    January 12, 2017, 06:00:13 AM
  • raffo: Tks Emanuele, even if I didn't understand the fix :D
    November 07, 2016, 02:01:20 AM
  • emanuele: [link]
    November 01, 2016, 12:43:50 PM
  • emanuele: raffo: the English support board is a good place. ;)
    November 01, 2016, 12:43:38 PM
  • raffo: Where can I find the fix for the shoutbox?
    November 01, 2016, 05:06:09 AM
  • {OCS}MasterSeal: To the SP team, I make a point to come here and thank you as much as possible for your work.  so again, THANK YOU!
    October 28, 2016, 10:38:05 AM
  • emanuele: That's indeed funny, the limit is present only in the patch and not the full install.
    October 22, 2016, 06:14:58 PM

* Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]


Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]


MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]


Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]


Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]

Installation errors? Mod incompatibilities? Upgrade problems? Make your way over to the Install and Upgrade Support board for all your solutions!

Author Topic: CUSTOM CSS STYLE  (Read 6183 times)

0 Members and 1 Guest are viewing this topic.

Offline pixeleyes

  • Jr. Member
  • **
  • Posts: 72
  • SMF Version: None
  • SP Version: 2.3.3
CUSTOM CSS STYLE
« on: September 09, 2010, 12:44:54 AM »
I wanted to add custom style on block head and back ground.

What and where should i need to change the code in CSS ?

Offline ccbtimewiz

  • Hero Member
  • *****
  • Posts: 2185
  • Gender: Male
  • $("div.content:dd").hide();
  • SMF Version: None
  • SP Version: None
  • Elkarte Version: None
  • EhPortal Version: None
Re: CUSTOM CSS STYLE
« Reply #1 on: September 09, 2010, 02:54:27 PM »
Use CSS such as background:, background-image:, background-color:, etc.

Perhaps google CSS tips for more relevant information?

Offline AngelinaBelle

  • Comrade
  • *
  • Posts: 4870
  • Gender: Female
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: CUSTOM CSS STYLE
« Reply #2 on: September 15, 2010, 08:16:19 PM »
I would start with the custom style options at the bottom of the block edit.
Please have a look at a nice tutorial, like w3schools.com, for tips on how to accomplish what you are looking for.
Please to keep this website running, if you like SimplePortal, make a
one-time subscription. Thank you for your support.

Have you tried the SimplePortal documentation?

Offline pixeleyes

  • Jr. Member
  • **
  • Posts: 72
  • SMF Version: None
  • SP Version: 2.3.3
Changing Block Color & its Header
« Reply #3 on: October 18, 2010, 03:31:01 AM »
I wanted to change SP Block Color and style of Block Head Bar

Could anyone tell me that how can i make these changes?

In fact I wanted to use some Custom PNG image on block headbar.

Offline AngelinaBelle

  • Comrade
  • *
  • Posts: 4870
  • Gender: Female
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: CUSTOM CSS STYLE
« Reply #4 on: October 19, 2010, 08:56:16 AM »
I hope you won't mind that I merged your new topic with the older topic.
 
I can think different approaches you might take, depending on what you want to achieve
 
1) Change all the block title bars, along with the title bars for topic posts -- by finding and changing rules associated with catbg in index.css
 
2) Change only block title bars, one block at a time, using a custom title class or style (http://simpleportal.net/index.php?action=docs;area=block_editor). It is pretty easy to start with a custom title style in order to get the CSS just the way you want it. Then, you can switch to using a custom title class that you define in portal.css
 
One of these two approaches will probably get you where you want to go. If not, you will need to move on to combining custom style, custom CSS with some code customization.
Please to keep this website running, if you like SimplePortal, make a
one-time subscription. Thank you for your support.

Have you tried the SimplePortal documentation?

Offline pixeleyes

  • Jr. Member
  • **
  • Posts: 72
  • SMF Version: None
  • SP Version: 2.3.3
Re: CUSTOM CSS STYLE
« Reply #5 on: October 21, 2010, 07:24:22 AM »
Actually I am not programmer so don't have any knowledge about CSS.

Just wanted that anyone help me to write code here so

I will paste in CSS file. Also guide me during accessing block what should I

need to write in Custom Sytle and Custom Class.

I already uploaded image for topbar which i would like to use.

Offline AngelinaBelle

  • Comrade
  • *
  • Posts: 4870
  • Gender: Female
  • SMF Version: 2 RC3
  • SP Version: 2.3.2
Re: CUSTOM CSS STYLE
« Reply #6 on: October 21, 2010, 09:13:33 AM »
http://w3schools.com/css/default.asp
 
This will get you started understanding CSS.
 
My advice is to copy the styles that are currently used to create a new style
Then start using the new style (which will be identical to the old style)
Then put your new background images in the same folder as the background image for the old style.
Then switch to using the new background image.
You will see the difference right away.
Please to keep this website running, if you like SimplePortal, make a
one-time subscription. Thank you for your support.

Have you tried the SimplePortal documentation?