collapse 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.

* User Info

 
 
Welcome, Guest. Please login or register.

* Who's Online

  • Dot Guests: 264
  • 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]

Welcome to SimplePortal.net! You can download SimplePortal from the Downloads Area!

Author Topic: Custom css for blocks  (Read 5589 times)

0 Members and 1 Guest are viewing this topic.

Offline ♦ Ninja ZX-10RR ♦

  • Spammer Hammer
  • Support
  • *
  • Posts: 1193
  • Gender: Male
  • Sniper Legends
    • Virtual Interactive Games Entertainment™
  • SMF Version: 2.0.13
  • SP Version: 2.3.6
  • Elkarte Version: 1.0.6
Custom css for blocks
« on: November 28, 2014, 05:52:42 PM »
I know that there is a menu to insert the custom css style for blocks (title and body)... But an option to call a custom css class would be possible?
Let me explain:
I go to index.css/portal.css and I create a new css class and put its properties in there just the way I would do it via the box in the block menu page. However, in this way you could easily add :hover :focus :active :visited properties without setting a #sp_main {class:hover} which would affect ALL blocks instead of having the chance to customize each one of them.
Please ask me more informations if the request is not clear, I will post my workaround right after so that you might understand even better:
Code: [Select]
#sp_main h3.catbg, #sp_main td div.cat_bar
{
background-color: #152DC6;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: #FFFFFF;
}
« Last Edit: November 29, 2014, 10:20:41 PM by ♦ Ninja ZX-10RR ♦ »
Have you tried SimplePortal Documentation before asking? ;)
F.A.Q.  English Support  |  Blocks Support
Fancy Feature idea ?!  |  Blocks Requests
Themes & Graphics

▼ My job! ▼

No PMs for support unless it's a paid request. Thank you! :)
#OpIsis

Offline [SiNaN]

  • Mr. SimplePortal
  • Developer
  • *
  • Posts: 6782
  • SMF Version: 2.0.15
  • SP Version: 2.3.7
Re: Custom css for blocks
« Reply #1 on: November 28, 2014, 05:58:15 PM »
If I understand your request correctly, the current interface already allows you to enter your custom CSS class for each block. See the attached screenshot.
And slowly, you come to realize... It's all as it should be...

Offline ♦ Ninja ZX-10RR ♦

  • Spammer Hammer
  • Support
  • *
  • Posts: 1193
  • Gender: Male
  • Sniper Legends
    • Virtual Interactive Games Entertainment™
  • SMF Version: 2.0.13
  • SP Version: 2.3.6
  • Elkarte Version: 1.0.6
Re: Custom css for blocks
« Reply #2 on: November 28, 2014, 05:59:54 PM »
Yes, exactly, but it doesn't (or at least no clues on how to do that, the documentation about this is way too short IMHO, no examples provided...) allow me to put an :hover, :visited, :active or a :focus effect for the block. That's what I mean. I still haven't put a code to highlight the windowbg, and I thought about asking it after asking in other 2 places without finding an answer (that's also what brought me here in the first place along with my first topic).
Have you tried SimplePortal Documentation before asking? ;)
F.A.Q.  English Support  |  Blocks Support
Fancy Feature idea ?!  |  Blocks Requests
Themes & Graphics

▼ My job! ▼

No PMs for support unless it's a paid request. Thank you! :)
#OpIsis

Offline [SiNaN]

  • Mr. SimplePortal
  • Developer
  • *
  • Posts: 6782
  • SMF Version: 2.0.15
  • SP Version: 2.3.7
Re: Custom css for blocks
« Reply #3 on: November 28, 2014, 06:07:51 PM »
Add the following at the end of portal.css file:

Code: [Select]
.test
{
background-color: red;
}
.test:hover
{
background-color: blue;
}

Then set the Custom Body Class of a block as "test" (without quotation marks). View the block and try hovering over it.

Basically, you just need to assign the CSS class to the element (the block in this case) and then you can use whatever pseudo-class (e.g. :hover) you want on that CSS class in your CSS file.
And slowly, you come to realize... It's all as it should be...

Offline ♦ Ninja ZX-10RR ♦

  • Spammer Hammer
  • Support
  • *
  • Posts: 1193
  • Gender: Male
  • Sniper Legends
    • Virtual Interactive Games Entertainment™
  • SMF Version: 2.0.13
  • SP Version: 2.3.6
  • Elkarte Version: 1.0.6
Re: Custom css for blocks
« Reply #4 on: November 28, 2014, 06:20:38 PM »
Oh! This is awesome! After this if you want you can move the topic wherever you want, it's not a feature request anymore :D so awesome, thanks! I would find this *extremely* useful!
With those replies you basically changed the fact that I was stuck with the configuration of the site, now I can move forward! Many many thanks!

The only thing I might say would be to add a lot of things to the documentation, the explanation of that menu is not clear at all to a newbie (and I am a SimplePortal newbie!) :P there could be many more or less legit ways in which you could put the code and it doesn't work, believe me before asking I tried really hard and spent hours on this... I wish I knew it was so easy ;D
Have you tried SimplePortal Documentation before asking? ;)
F.A.Q.  English Support  |  Blocks Support
Fancy Feature idea ?!  |  Blocks Requests
Themes & Graphics

▼ My job! ▼

No PMs for support unless it's a paid request. Thank you! :)
#OpIsis

Offline [SiNaN]

  • Mr. SimplePortal
  • Developer
  • *
  • Posts: 6782
  • SMF Version: 2.0.15
  • SP Version: 2.3.7
Re: Custom css for blocks
« Reply #5 on: November 28, 2014, 06:35:46 PM »
You're welcome. I'll just move this to the English Support board.

Yeah, there are lots of cool little things about SimplePortal and it's really powerful but people are fooled by the name. Some examples:

http://simpleportal.net/index.php?topic=12560.msg62521;topicseen#msg62521
http://simpleportal.net/index.php?topic=3990.0
http://simpleportal.net/index.php?topic=5332.0

I'm not the most qualified person to write the documentation though (read through the help text for the Custom Display Options if would like to know why) and I prefer to hide them well, then impress people when they ask about it. :P
And slowly, you come to realize... It's all as it should be...

Offline ♦ Ninja ZX-10RR ♦

  • Spammer Hammer
  • Support
  • *
  • Posts: 1193
  • Gender: Male
  • Sniper Legends
    • Virtual Interactive Games Entertainment™
  • SMF Version: 2.0.13
  • SP Version: 2.3.6
  • Elkarte Version: 1.0.6
Re: Custom css for blocks
« Reply #6 on: November 28, 2014, 06:55:10 PM »
And I am DEFINITELY impressed. Wow. I think that setting up the site will take a long while but hell it will look freaking awesome. Those things are seriously impressive. Also the installation... It's crazy. Think that I had I guess 123 mods and I installed SimplePortal, I was thinking "oh screw it I will have to painfully run into some thousands of manual edits to make this" and instead... Just 2 little ones. And they were just ridiculously easy... I am impressed and the last mod that was impressive to me has been SimpleDesk, a long while ago... This one definitely impressed me as well. So many things, the articles, the pages, the blocks, all the customization... And not a single error in the error log from such an enormous mod.
One word: congratulations. Seriously, congratulations. When my project will take off I am planning to donate to this thing, it saved me thousand of hours of headaches to build a site from scratch... And this even changes its layout according to the selected theme if configured correctly... I am amazed, with no words, and this is not a thing that happens often, believe me.
Thanks again, sorry for the little off topic, just wanted to let you know that :)
Have you tried SimplePortal Documentation before asking? ;)
F.A.Q.  English Support  |  Blocks Support
Fancy Feature idea ?!  |  Blocks Requests
Themes & Graphics

▼ My job! ▼

No PMs for support unless it's a paid request. Thank you! :)
#OpIsis