Icy Phoenix

Old Styles Topics - Sudoku Images For Dark Styles

Limun [ Fri 29 May, 2009 13:13 ]
Post subject: Re: Sudoku Images For Dark Styles

Lopalong wrote: [View Post]
You're welcome.

Re this: "but what if there gonna be changes in main (default one) common.css ?"

Yes it could cause some sort of small problems, but at the moment there's no other way to drop the image fade.

man but this your code worked

Code: [Hide] [Select]

$img_fade = ''; 

$img_fade_nm = '';

without changing common.css

Lopalong wrote: [View Post]

Re the Padding:

Code: [Hide] [Select]
Code: [Show]
You had this in your old cfg after the include line.

$extra_padding = '" style="margin-left:2px;'; (Which is slightly wrong) ;)

When this option already exists in the style.cfg

$extra_padding = in_array($color, $png_buttons_colors) ? '" style="margin-bottom:2px;' : '';

So just change that to:

$extra_padding = in_array($color, $png_buttons_colors) ? '" style="margin-left:2px;' : '';

or:

$extra_padding = in_array($color, $png_buttons_colors) ? '" style="margin-bottom:2px; margin-left:2px;' : '';

if you have to or want to.

this doesnt work
but this does

Code: [Hide] [Select]

$extra_padding = '" style="margin-left:2px;';

so i dunno what to do ,as u say "(Which is slightly wrong) "

Lopalong [ Fri 29 May, 2009 13:44 ]
Post subject: Re: Sudoku Images For Dark Styles

Re this:

Code: [Hide] [Select]

$extra_padding = '" style="margin-left:2px;';

I already edited my other post.

Re This:

Code: [Hide] [Select]

$img_fade = ''; 

$img_fade_nm = '';

Mate, there seems to be a problem with the Vars overwriting previous vars unless the default.cfg is in the same folder as the style. And if MG wants to keep the default.cfg in the default folder, he's going to have to come up with some way that the var entries after the include line, actually force the changes to the default config.

I think it's better to shut off and wait until he looks at what the heck is happening here.

That's why I'm waiting for the final release before creating anything - because the RC's still need some testing.

Limun [ Fri 29 May, 2009 13:51 ]
Post subject: Re: Sudoku Images For Dark Styles

unfortunaly there also missing in nav q links

at the end isnt better to have default.cfg in own style
(thats why i used it in my styles , it made me lot troubles when i didnt used it

in my style )

anyway we have to see what MG gona say

regarding you : how are you ?

Lopalong [ Fri 29 May, 2009 14:42 ]
Post subject: Re: Sudoku Images For Dark Styles

Limun wrote: [View Post]
At the end isnt better to have default.cfg in own style

It's not what MG planned on doing, but if there's no other alternative ??.

Quote:
anyway we have to see what MG gona say

The way to go Captain Obvious!

Quote:
regarding you : how are you ?

Not too bad - but aren't we getting off-topic here?

Catcha Later.

Limun [ Fri 29 May, 2009 14:57 ]
Post subject: Re: Sudoku Images For Dark Styles

Lopalong wrote: [View Post]

Not too bad - but aren't we getting off-topic here?

Lopalong [ Fri 29 May, 2009 15:16 ]
Post subject: Re: Sudoku Images For Dark Styles

Hehehehe! Thought you might like a BIGGER one.

Edit:

Limun, do you want to test this with vB_black?

It should fix the img_fade thing, and just add your changed images .png etc here ->

Code: [Hide] [Select]

// Start vB_black specific images

$images['menu_sep'] = $current_template_buttons . 'menu_sep.png'; 

$images['nav_menu_sep'] = $current_template_buttons . 'menu_sep.png';

// END vB_black specific images

vB_black.cfg

Spoiler: [ Show ]

Code: [Hide] [Select]

<?php

/**

*

* @package Icy Phoenix

* @version $Id$

* @copyright (c) 2008 Icy Phoenix

* @license http://opensource.org/licenses/gpl-license.php GNU Public License

*

*/

$color = $row['body_background'];

$css_color = $color;

$full_server_url = create_server_url();

$default_images_root = 'templates/default/images/';

$current_template_images = $current_template_path . '/images/' . $color . '/';

$png_colors = array('vbblack');

$png_buttons_colors = array('vbblack');

$images_extension = in_array($color, $png_colors) ? 'png' : 'gif';

$buttons_extension = in_array($color, $png_buttons_colors) ? 'png' : 'gif';

$extra_padding = in_array($color, $png_buttons_colors) ? '" style="margin-bottom:2px; margin-left:2px;' : '';

// Start Forced changes to the default.cfg 

$img_fade = '';

$img_fade_nm = '';

// End forced changes to the default.cfg 

if ($color == 'vbblack')

{

	$images['page_begin'] = '<div id="wrapper"><div id="wrapper1"><div id="wrapper2"><div id="wrapper3"><div id="wrapper4"><div id="wrapper5"><div id="wrapper6"><div id="wrapper7"><div id="wrapper-inner">';

	$images['page_end'] = '</div></div></div></div></div></div></div></div></div>';

}

$images['tbl_b_l'] = '';

$images['tbl_b_c'] = '';

$images['tbl_b_r'] = '';

$images['tbl_f_l'] = '';

$images['tbl_f_c'] = '';

$images['tbl_f_r'] = '';

$images['tbl_h_l'] = '<div class="tbl"><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title">';

$images['tbl_h_c'] = '';

$images['tbl_h_r'] = '</div></div></div></div>';

$images['tbl_f_l'] = '<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;';

$images['tbl_f_c'] = '';

$images['tbl_f_r'] = '</div></div></div></div>';

$images['tbl_h_l_house'] = $images['tbl_h_l'];

$images['tbl_h_l_alt'] = $images['tbl_h_l'];

$images['tbl_h_r_alt'] = $images['tbl_h_r'];

$images['tbl_h_l_small_b'] = $images['tbl_h_l'];

$images['tbl_h_r_small_b'] = $images['tbl_h_r'];

$images['tbl_h_l_small_y'] = $images['tbl_h_l'];

$images['tbl_h_r_small_y'] = $images['tbl_h_r'];

if ($color == 'vbblack')

{

	$copyright_link = '<span class="copyright">Design by <a href="http://www.icyphoenix.com/profile.php?mode=viewprofile&u=3336" target="_blank">Limun</a>&nbsp;</span>';

}

include(IP_ROOT_PATH . 'templates/default/default.cfg');

// Start vB_black specific images

$images['menu_sep'] = $current_template_buttons . 'menu_sep.png'; 

$images['nav_menu_sep'] = $current_template_buttons . 'menu_sep.png';

// END vB_black specific images

// SUDOKU - BEGIN 

if (defined('IN_SUDOKU')) 

{ 

$images['sudoku_x'] = $current_template_images . 'sudoku/sudoku_blank.gif'; 

$images['sudoku_1'] = $current_template_images . 'sudoku/1_given.png';

$images['sudoku_2'] = $current_template_images . 'sudoku/2_given.png';

$images['sudoku_3'] = $current_template_images . 'sudoku/3_given.png';

$images['sudoku_4'] = $current_template_images . 'sudoku/4_given.png';

$images['sudoku_5'] = $current_template_images . 'sudoku/5_given.png';

$images['sudoku_6'] = $current_template_images . 'sudoku/6_given.png';

$images['sudoku_7'] = $current_template_images . 'sudoku/7_given.png';

$images['sudoku_8'] = $current_template_images . 'sudoku/8_given.png';

$images['sudoku_9'] = $current_template_images . 'sudoku/9_given.png';

$images['sudoku_11'] = $current_template_images . 'sudoku/11_given.png';

$images['sudoku_12'] = $current_template_images . 'sudoku/12_given.png';

$images['sudoku_13'] = $current_template_images . 'sudoku/13_given.png';

$images['sudoku_14'] = $current_template_images . 'sudoku/14_given.png';

$images['sudoku_15'] = $current_template_images . 'sudoku/15_given.png';

$images['sudoku_16'] = $current_template_images . 'sudoku/16_given.png';

$images['sudoku_17'] = $current_template_images . 'sudoku/17_given.png';

$images['sudoku_18'] = $current_template_images . 'sudoku/18_given.png';

$images['sudoku_19'] = $current_template_images . 'sudoku/19_given.png';

$images['sudoku_21'] = $current_template_images . 'sudoku/1_ran.png';

$images['sudoku_22'] = $current_template_images . 'sudoku/2_ran.png';

$images['sudoku_23'] = $current_template_images . 'sudoku/3_ran.png';

$images['sudoku_24'] = $current_template_images . 'sudoku/4_ran.png';

$images['sudoku_25'] = $current_template_images . 'sudoku/5_ran.png';

$images['sudoku_26'] = $current_template_images . 'sudoku/6_ran.png';

$images['sudoku_27'] = $current_template_images . 'sudoku/7_ran.png';

$images['sudoku_28'] = $current_template_images . 'sudoku/8_ran.png';

$images['sudoku_29'] = $current_template_images . 'sudoku/9_ran.png';

} 

// SUDOKU - END

// adding custom template variables

$template->assign_vars(array(

	'FULL_SITE_PATH' => $full_server_url,

	'THIS_STYLE_NAME' => $row['style_name'],

	'THIS_TEMPLATE_NAME' => $row['template_name'],

	'T_TPL_PATH' => $current_template_path . '/',

	'T_COMMON_TPL_PATH' => 'templates/common/',

	'T_TEMPLATE_PATH' => $template_dir,

	'T_IMAGESET_PATH' => $imageset_dir,

	'T_IMAGESET_LANG_PATH' => $imageset_dir . 'lang_' . $tpl_lang,

	'CURRENT_LANG' => $board_config['default_lang'],

	'CURRENT_TPL_LANG' => $tpl_lang,

	'IS_XMAS' => $is_xmas,

	'S_XMAS_GFX' => (($board_config['xmas_gfx'] == true) ? true : false),

	'S_XMAS_FX' => (($board_config['xmas_fx'] == true) ? true : false),

	'TPL_COLOR' => $color,

	'CSS_COLOR' => $css_color,

	'SHOW_HIDE_PADDING' => $show_hide_padding,

	'S_LOGGED_IN' => ($userdata['session_logged_in'] ? 1 : 0),

	'S_ADMIN' => (($userdata['user_level'] == ADMIN) ? 1 : 0),

	'S_MOD' => (($userdata['user_level'] == MOD) ? 1 : 0),

	'S_ADMIN_MOD' => ((($userdata['user_level'] == ADMIN) || ($userdata['user_level'] == MOD)) ? 1 : 0),

	'S_BOT' => (($userdata['bot_id'] !== false) ? 1 : 0),

	'C_PM' => (($userdata['session_logged_in'] && $userdata['user_new_privmsg']) ? (' <b>(' . $userdata['user_new_privmsg'] . ')</b>') : ''),

	'S_SID' => $userdata['session_id'],

	// Mighty Gorgon - Rounded Corners and Global HTML Vars - BEGIN

	'EXTRA_CSS_JS' => $extra_css_js,

	'PAGE_BEGIN' => $images['page_begin'],

	'PAGE_END' => $images['page_end'],

	'COPYRIGHT_LINK' => $copyright_link,

	'IMG_THL' => $images['tbl_h_l'],

	'IMG_THC' => $images['tbl_h_c'],

	'IMG_THR' => $images['tbl_h_r'],

	'IMG_TBL' => $images['tbl_b_l'],

	'IMG_TBC' => $images['tbl_b_c'],

	'IMG_TBR' => $images['tbl_b_r'],

	'IMG_TFL' => $images['tbl_f_l'],

	'IMG_TFC' => $images['tbl_f_c'],

	'IMG_TFR' => $images['tbl_f_r'],

	'IMG_THL_HOUSE' => $images['tbl_h_l_house'],

	'IMG_THL_ALT' => $images['tbl_h_l_alt'],

	'IMG_THR_ALT' => $images['tbl_h_r_alt'],

	// Mighty Gorgon - Rounded Corners and Global HTML Vars - END

	'SITELOGO' => $images['sitelogo'],

	'SPACER' => $images['spacer'],

	'GRAPH_IMAGE' => $images['voting_graphic_body'],

	'LEFT_GRAPH_IMAGE' => $images['voting_graphic_left'],

	'RIGHT_GRAPH_IMAGE' => $images['voting_graphic_right'],

	'R_GRAPH_IMAGE' => $images['voting_graphic_red_body'],

	'R_LEFT_GRAPH_IMAGE' => $images['voting_graphic_red_left'],

	'R_RIGHT_GRAPH_IMAGE' => $images['voting_graphic_red_right'],

	'G_GRAPH_IMAGE' => $images['voting_graphic_green_body'],

	'G_LEFT_GRAPH_IMAGE' => $images['voting_graphic_green_left'],

	'G_RIGHT_GRAPH_IMAGE' => $images['voting_graphic_green_right'],

	'B_GRAPH_IMAGE' => $images['voting_graphic_blue_body'],

	'B_LEFT_GRAPH_IMAGE' => $images['voting_graphic_blue_left'],

	'B_RIGHT_GRAPH_IMAGE' => $images['voting_graphic_blue_right'],

	'IMG_ARROW_UP' => '<img src="' . $images['arrow_up'] . '" alt="up" title="up" />',

	'IMG_ARROW_RIGHT' => '<img src="' . $images['arrow_right'] . '" alt="right" title="right" />',

	'IMG_ARROW_DOWN' => '<img src="' . $images['arrow_down'] . '" alt="down" title="down" />',

	'IMG_ARROW_LEFT' => '<img src="' . $images['arrow_left'] . '" alt="left" title="left" />',

	'IMG_MENU_SEP' => $images['menu_sep'],

	'IMG_POST_PREV' => $images['icon_post_prev'],

	'IMG_POST_NEXT' => $images['icon_post_next'],

	'IMG_MAXIMISE' => $images['maximise'],

	'IMG_MINIMISE' => $images['minimise'],

	'IMG_NAV_MENU_SEP' => '<img src="' . $images['nav_menu_sep'] . '" alt="" title="" />',

	'IMG_NAV_MENU_APPLICATION' => $images['nav_menu_application'],

	'IMG_NAV_MENU_NEWSPAPER' => $images['nav_menu_newspaper'],

	'IMG_NAV_MENU_INFORMATION' => $images['nav_menu_information'],

	'IMG_NAV_MENU_GROUP' => $images['nav_menu_group'],

	'IMG_NAV_MENU_PALETTE' => $images['nav_menu_palette'],

	'IMG_NAV_MENU_WORLD' => $images['nav_menu_world'],

	'IMG_NAV_MENU_RANDOM_QUOTE' => $images['nav_menu_random_quote'],

	'IMG_NAV_MENU_SPONSOR' => $images['nav_menu_sponsor'],

	'IMG_NAV_MENU_FEED' => $images['nav_menu_feed'],

	'IMG_NAV_MENU_RSS_FEED' => $images['nav_menu_rss_feed'],

	'IMG_NAV_MENU_GAMES' => $images['nav_menu_games'],

	'IMG_NAV_MENU_GAMES_ALT' => $images['nav_menu_games_alt'],

	'IMG_NAV_MENU_PM' => $images['nav_menu_pm'],

	'IMG_NAV_MENU_STAR' => $images['nav_menu_star'],

	'IMG_NAV_MENU_USERS' => $images['nav_menu_users'],

	'IMG_NAV_MENU_WSETTINGS' => $images['nav_menu_wsettings'],

	'RSS_NEWS_HELP' => '<a href="javascript:rss_news_help()">' . $lang['Rss_news_help'] . '</a>',

	'IMG_CALENDAR' => $images['icon_calendar'],

	'IMG_VF_ANN' => $images['vf_topic_ann'],

	'IMG_VF_CAL' => $images['vf_topic_cal'],

	'IMG_VF_GA' => $images['vf_topic_ga'],

	'IMG_VF_IMP' => $images['vf_topic_imp'],

	'IMG_VF_NEWS' => $images['vf_topic_news'],

	'IMG_VF_NOR' => $images['vf_topic_nor'],

	'IMG_VF_POLL' => $images['vf_topic_poll'],

	)

);

?>

Limun [ Sun 31 May, 2009 10:34 ]
Post subject: Re: Sudoku Images For Dark Styles

Lopalong wrote: [View Post]

Limun, do you want to test this with vB_black?

yes it work ...png in IE are ok now (fade is not working but pngs are normal what i wanted)
there also appaered menu_sep in drop down menu

however i m a bit confused in all that below // SUDOKU - END

thanks

Lopalong [ Sun 31 May, 2009 11:16 ]
Post subject: Re: Sudoku Images For Dark Styles

All that below // SUDOKU - END re-establishes the template variables and some of them are probably a bit of overkill. But! - - - - the other alternative is to start adding arguments to the default.cfg for each and every variation to the style. And that is not going to be very useful as it would mean altering the default.cfg for any new style that required changes.

Or it would mean selecting different vars to add to the style.cfg (Could get messy)

I also can't see MG varying the default.cfg, because he would have to change all of his styles also to include the vars array in each style.cfg.

Maybe he may decide it's better to have the var array in the style.cfg only, and do it anyway. Who knows?

But at the moment, re-establishing the whole var array in the style.cfg takes the guesswork out of which vars to modify for what changes that need be added to it.

Now we can wait - wait - wait - for MG to decide, and tell us how he intends or would go about overcoming the problem.

PS: When you say Fade is not working, do you mean that fade has been "Killed" or the buttons still have the glow effect.?

Limun [ Sun 31 May, 2009 11:27 ]
Post subject: Re: Sudoku Images For Dark Styles

Lopalong wrote: [View Post]

PS: When you say Fade is not working, do you mean that fade has been "Killed" or the buttons still have the glow effect.?

i mean this (this is no longer there) buttons are now ok.

Lopalong [ Sun 31 May, 2009 11:37 ]
Post subject: Re: Sudoku Images For Dark Styles

You had me worried there for a minute. Thanks for clearing it up.

C'mon MG - It's Your turn!

Mighty Gorgon [ Sun 31 May, 2009 19:41 ]
Post subject: Re: Sudoku Images For Dark Styles

I'm a bit lost in this huge topic...

I've spent ten minutes reading it, but I don't know if I have understood what is still open...

Can someone please recap which issues still need to be resolved?

Which vars should you need to overlay?

If you just need to overlay menu_sep, you can just add menu_sep template declaration at the end of your cfg file.

Code: [Hide] [Select]

include(IP_ROOT_PATH . 'templates/default/default.cfg');

$images['menu_sep'] = $current_template_buttons . 'menu_sep.png'; 

$images['nav_menu_sep'] = $current_template_buttons . 'menu_sep.png';

$template->assign_vars(array(

	'IMG_MENU_SEP' => $images['menu_sep'],

	'IMG_NAV_MENU_SEP' => '<img src="' . $images['nav_menu_sep'] . '" alt="" title="" />',

	)

);

Lopalong [ Sun 31 May, 2009 23:57 ]
Post subject: Re: Sudoku Images For Dark Styles

Mighty Gorgon wrote: [View Post]
I'm a bit lost in this huge topic...

You caused it!

Quote:

If you just need to overlay menu_sep, you can just add menu_sep template declaration at the end of your cfg file.

We already worked that out, but isn't that a BIG ask for a novice theme maker, to start adding vars to re-echo the changes to the strings ?

Only a suggestion, but would it not be easier to split the vars array from the default.cfg and do something like this ?

Code: [Hide] [Select]

include(IP_ROOT_PATH . 'templates/default/default.cfg'); 

// Start Put any forced changes to the default.cfg here.

$images['menu_sep'] = $current_template_buttons . 'menu_sep.png'; 

$images['nav_menu_sep'] = $current_template_buttons . 'menu_sep.png'; 

// END Put any forced changes to the default.cfg here.

include(IP_ROOT_PATH . 'templates/default/default_vars.cfg');

Else I'll simply remove all of the unwanted vars from the example I did, and we'll have to use that as the base for modded theme vars for all the images that theme makers may want to change.

I honestly don't think that most theme-makers are also programmers, so we'll give them the easiest way to do it, without having to work out what var belongs to what image etc..

Mighty Gorgon [ Mon 01 Jun, 2009 00:19 ]
Post subject: Re: Sudoku Images For Dark Styles

I don't think so many designers will need to change the default.cfg... and most important... you can also decide to don't use default.cfg at all!!!

I have created a default one for my templates... but it is just a default one!

You can add all the vars you need in your CFG and avoid to use the INCLUDE.

Unfortunately making complex themes requires some extra editing in CFG... you cannot avoid that.

Limun [ Mon 01 Jun, 2009 00:30 ]
Post subject: Re: Sudoku Images For Dark Styles

Mighty Gorgon wrote: [View Post]
I don't think so many designers will need to change the default.cfg... and most important... you can also decide to don't use default.cfg at all!!!

I have created a default one for my templates... but it is just a default one!

You can add all the vars you need in your CFG and avoid to use the INCLUDE.

Unfortunately making complex themes requires some extra editing in CFG... you cannot avoid that.

so we are here at begining

u want to say that i can use your default.cfg in my folder styles ?

Lopalong [ Mon 01 Jun, 2009 00:47 ]
Post subject: Re: Sudoku Images For Dark Styles

Didn't know you posted ahead of me Limun.

@ MG

The only concern with not using and including the default/default.cfg is that should you make any important changes to the default.cfg in the way of upgrades etc, then those upgrades would not be accessible to any style that bypasses the default/default.cfg.

Ok, so anyone wanting to change image.ext etc, is going to have to learn how to re-define the strings and add them and the vars to the style.cfg. And that's no problem - So long as everyone knows that and does it the same way, then it wont become a headache for those trying to help.

@Limun - Why did you have to make those images .png ?

Limun [ Mon 01 Jun, 2009 01:05 ]
Post subject: Re: Sudoku Images For Dark Styles

Lopalong wrote: [View Post]
Didn't know you posted ahead of me Limun.

Ok, so anyone wanting to change image.ext etc, is going to have to learn how to re-define the strings and add them and the vars to the style.cfg. And that's no problem - So long as everyone knows that and does it the same way, then it wont become a headache for those trying to help.

@Limun - Why did you have to make those images .png ?

first i learned more than few things in this topic from you ,thats why i created .pngs

(i like png ... they are more confortable than .gif and we are in 21 century also ... sites are going on transparency ,quality ecc and with .gif you cant take out so much

)

anyway your last cfg is working so i will probably use it .... but dunno what i will do if some other things came out ... this is only reason why i wont default.cfg

Lopalong [ Mon 01 Jun, 2009 01:39 ]
Post subject: Re: Sudoku Images For Dark Styles

For myself, I intend to remove all the things that will never change from the last config I posted and use that. Because I don't want to be in the position of having to upgrade the /style/(style.cfg and moved default.cfg) if and when MG ever adds another MOD that requires a block of images or anything else that may be added to the /default/default.cfg.

Because as far as the end-user of the style is concerned, having to modify the /default/default.cfg for all unmodified styles, and then having to modify the default.cfg that has / may have been added to the modified style - - is all too much.