vb.org Archive - Need Help W/CSS Code in Additional template

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Need Help W/CSS Code in Additional template (https://vborg.vbsupport.ru/showthread.php?t=314693)

HM666

10-03-2014 09:31 PM

Need Help W/CSS Code in Additional template

I'm trying to edit the editor on a skin that I plan on putting in my skin shop. Its a dark skin so the white or light borders and backgrounds inside the drop down is not suitable for what I'm doing.

I'm able to edit the editor.css file and change the CSS I want to change to make the borders/backgrounds dark, but when I add the code into the additional.css template and even include !important in the code it will not show properly on the skin. For obvious reasons its not optimal to have this code in the editor.css file since this skin will be redistributed. The css code that does change the borders is...

Code:

.cke_panel_listItem a {

padding:2px;

display:block;

border:1px solid #000000!important;

color:inherit!important;

text-decoration:none;

overflow:hidden;

text-overflow:ellipsis;

}*

I've tried many different variations, I've tried just using

Code:

.cke_panel_listItem a {

border:1px solid #000000!important;

}*

as well both have not worked once I have placed the editor.css file back with the default values. What do I need to do besides changing the code in the editor.css to get this to render properly in the additional.css template?

nerbert

10-03-2014 10:54 PM

I don't think there's any alternative to editing editor.css. The CK Editor imports or pulls in (if that's the right term) the editor.css template. If you want another css file to override it it would take a plugin to concatenate it into the list. I don't know if you want a plugin in a style package but I think I can get it going if you want to add another css file as a template.

See line 122 vb/ckeditor.php. I've added more css by concatenation in the editor_construct hook. I think I can get it working. But the bottom line is nothing in additional.css will affect the editor

Zachery

10-03-2014 10:55 PM

the ckeditor loads in an iframe of sorts, you cant edit it via additional.css

HM666

10-03-2014 11:02 PM

Quote:

Originally Posted by Zachery (Post 2517576)

the ckeditor loads in an iframe of sorts, you cant edit it via additional.css

You did not read my post. I DID make edits and add the css to additional.css and it does not work. The code posted above IS in my additional.css template.

Zachery

10-03-2014 11:04 PM

Please re-read the my statement.

You cannot make changes to the additional.css that will effect ckeditor templates/areas because they're loaded in an iframe.

HM666

10-03-2014 11:12 PM

1 Attachment(s)

Quote:

Originally Posted by nerbert (Post 2517575)

I would rather not have a plugin, I really think there has to be a way to remedy this in the template either by editing a html template or in the css templates. I've attached some screen shots of what I'm trying to change. The first one is the outline border that I would like to change and the second is the drop down menu that I have changed in the editor.css and will not change anything if I use it in the additional.css template.

HM666

10-03-2014 11:14 PM

Quote:

Originally Posted by Zachery (Post 2517581)

Please re-read the my statement.

You cannot make changes to the additional.css that will effect ckeditor templates/areas because they're loaded in an iframe.

Ok in that case how can I make it do as I want?

nerbert

10-03-2014 11:50 PM

You can try this plugin.

hook location "editor_construct"

Code:

$this->config['contentsCss'] .= $css_path . ',editor_additional.css';

Then make a new "editor_additional.css" template

The editor does not import additional.css you have to extend the list of templates with one of your own

HM666

10-04-2014 02:21 AM

Quote:

Originally Posted by nerbert (Post 2517589)

You can try this plugin.

hook location "editor_construct"

Code:

$this->config['contentsCss'] .= $css_path . ',editor_additional.css';

Then make a new "editor_additional.css" template

The editor does not import additional.css you have to extend the list of templates with one of your own

Thanks for the help. :)

All times are GMT. The time now is 11:10 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01088 seconds Memory Usage 1,744KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: