Maxx 2012: The Most Advanced Skin.

[Ajouz ♞]

I'm having a strange issue. Every single button on the site seems to link to a 404 not found page.

"

[size=5][color=#008000]404 Not Found[/color]

[color=#008000][font=Times New Roman]The requested URL /app=ipchat was not found on this server.[/font]

[font=Times New Roman]Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. "[/font][/color][/size]

[size=3][font=arial, helvetica, sans-serif][color=#000000]When I try and go on " Chat " it links me here for some reason with this theme : [url="http://www.societybadger.com/app=ipchat"]http://www.societyba....com/app=ipchat[/url] when it should be linking here [/color][/font][/size][url="http://www.societybadger.com/index.php/chat/"]http://www.societyba...index.php/chat/[/url]

[size=3][font=arial, helvetica, sans-serif][color=#000000]Every single page is broken as it uses " App " instead of the other link structure , at least I think that is the cause.[/color][/font][/size]

[size=3][font=arial, helvetica, sans-serif][color=#000000]I also cannot seem to change the theme within the website, all the themes are listed yet they are not clickable.[/color]

[color=#000000]However if I stay in chat in a different theme and change over to the Maxx theme, it takes me to chat and back to home if I wish but from then on I cannot use any other button at all.[/color][/font][/size]

[size=3][font=arial, helvetica, sans-serif][color=#000000]On all other modes other than default most images are broken. [/color][/font][/size]

this is not skin problem .
I think that there is a problem in friendly url in your system settings , you may need to check also htaccess mod_rewite setting .
can you please try to check them ??
regards

[GymnasticBodies]

Overall, I love the skin but I had hoped for an option for transparency. I got this skin over Nacht because of the slider, but the lack of transparency changes the look of the site significantly.

[Legeam]

A couple of things (one of them an apparent bug) regarding the shoutbox.

First, is there any way to change the color of the input box of the shoutbox? It is currently white, and it really stands out as it does not really match the rest of the skin. See the screenshot below:



The second thing is something that looks like a bug. When I set the skin to "Topic Mode" the shoutbox overlaps the skin completely as shown in the picture below:

[Ajouz ♞]

as you know topics mode move board to the right as sideblock and so all hooks above boarindex will move to sidebar , for shoutbox we can do this trick to be compatible with topics mode
open the template
hookGlobalShoutbbx

and replace the content by

<if test="$this->settings[$this->settings['ipsskinscom_name'].'_skin_layout']!=topics_mod">

<script type='text/javascript' src='{$this->settings['public_dir']}js/shoutbox.js'></script>

<script type='text/javascript'>

/* Setup some value */

ipb.shoutbox.shoutboxGLOBAL = true;

</script>

<if test="in_array( $this->settings['shoutbox_global_hook'], array( 'b' ) )"><br class="clear"/></if>

<div class='category_block block_wrap' id='category_shoutbox'>

<h3 class='maintitle'>

<a class='toggle right' href='#' title='{$this->lang->words['toggle_shoutbox']}'>{$this->lang->words['toggle_shoutbox']}</a>

<a href="{parse url="app=shoutbox" seotitle="false" base="public"}" title='{$this->lang->words['view_main_shoutbox']}'>{$this->settings['shoutbox_title']}</a>

<if test="showPopupLink:|:$this->settings['shoutbox_popup']"><a href="#" id="shoutbox-popup-button" title="{$this->lang->words['open_popup']}"><img src="{$this->settings['img_url']}/shoutbox/popup.png" alt="{$this->lang->words['open_popup']}" /></a></if>

</h3>

<div class='ipsBox table_wrap'><div class='ipsBox_container'>

<table class='ipb_table shoutbox_table'>

{$d['announcement']}

<if test="$this->settings['shoutbox_global_theme'] == 2">

<tr class='row1'>

	 <td valign='top' class='altrow' colspan='2'>

	 <div id='shoutbox-shouts' style='height:{$d['shout_height']}px;overflow:auto'>

	 {$d['noshouts']}

	 {parse template="inactivePrompt" group="skin_shoutbox" params=""}

	 <table id='shoutbox-shouts-table'>

	 <tbody>

		 {$d['shouts']}

	 </tbody>

	 </table>

	 </div>

	 <div id='shouts-global-resizer'></div>

	 {parse template="popupInlineError" group="skin_shoutbox" params="glb"}

	 </td>

</tr>

<if test="$this->memberData['g_shoutbox_use']">

	 <tr class='row1'>

	 <td class='altrow' valign='top' colspan='2'>

	 <input type='text' id='shoutbox-global-shout' size='70' class='input_text' />

	 <input type='button' id='shoutbox-submit-button' value='{$this->lang->words['shout']}' class='input_submit' />

	 <input type='button' id='shoutbox-clear-button' value='{$this->lang->words['clear']}' class='input_submit alt' />

	 <input type='button' id='shoutbox-refresh-button' value='{$this->lang->words['refresh']}' class='input_submit alt' />

	 <if test="$this->settings['shoutbox_allow_smilies']"> <input type='button' id='shoutbox-smilies-button' value='{$this->lang->words['smilies']}' class='input_submit alt' data-clicklaunch="populateSmilies" data-scope="shoutbox" /></if>

	 <if test="$this->settings['shoutbox_allow_bbcode']"> <input type='button' id='shoutbox-bbcode-button' value='{$this->lang->words['bbcode']}' class='input_submit alt' /></if>

	 <input type='button' id='shoutbox-myprefs-button' value='{$this->lang->words['my_prefs']}' class='input_submit alt' />

	 </td>

	 </tr>

</if>

<else />

<tr class='row1'>

	 <td class='altrow' valign='top'<if test="$this->memberData['g_shoutbox_use']"> style='width:75%'<else /> colspan='2'</if>>

	 <div id='shoutbox-shouts' style='height:{$d['shout_height']}px;overflow:auto'>

	 {$d['noshouts']}

	 {parse template="inactivePrompt" group="skin_shoutbox" params=""}

	 <table id='shoutbox-shouts-table'>

	 <tbody>

		 {$d['shouts']}

	 </tbody>

	 </table>

	 </div>

	 <div id='shouts-global-resizer'></div>

	 {parse template="popupInlineError" group="skin_shoutbox" params="glb"}

	 </td>

	 <if test="$this->memberData['g_shoutbox_use']">

	 <td class='short row2 altrow' style='width:25%;min-width:250px;' valign='top'>

	 <textarea id='shoutbox-global-shout' style='width:92%;overflow:auto;' rows='3' cols='50' class='input_text'></textarea>

	 <br /><br />

	 <input type='button' id='shoutbox-submit-button' value='{$this->lang->words['shout']}' class='input_submit' />

	 <input type='button' id='shoutbox-clear-button' value='{$this->lang->words['clear']}' class='input_submit alt' />

	 <input type='button' id='shoutbox-refresh-button' value='{$this->lang->words['refresh']}' class='input_submit alt' />

	 <br /><br />

	 <if test="$this->settings['shoutbox_allow_smilies']"> <input type='button' id='shoutbox-smilies-button' value='{$this->lang->words['smilies']}' class='input_submit alt' data-clicklaunch="populateSmilies" data-scope="shoutbox" /></if>

	 <if test="$this->settings['shoutbox_allow_bbcode']"> <input type='button' id='shoutbox-bbcode-button' value='{$this->lang->words['bbcode']}' class='input_submit alt' /></if>

	 <input type='button' id='shoutbox-myprefs-button' value='{$this->lang->words['my_prefs']}' class='input_submit alt' />

	 </td>

	 </if>

</tr>

</if>

</table>

</div></div>

</div>

<if test="in_array( $this->settings['shoutbox_global_hook'], array( 't', 'ct' ) )"><br class="clear"/></if>

<script type='text/javascript'>

//<![CDATA[

{$d['js']}

//]]>

</script>

<else />

<script type='text/javascript' src='{$this->settings['public_dir']}js/shoutbox.js'></script>

<script type='text/javascript'>

/* Setup some value */

ipb.shoutbox.shoutboxGLOBAL = true;

</script>

{$d['emoticons']}

<div id='shoutbox_sidebar' class='ipsSideBlock clearfix'>

<h3>

{$this->settings['shoutbox_title']}

<if test="showPopupLink:|:$this->settings['shoutbox_popup']"><a href="#" id="shoutbox-popup-button" title="{$this->lang->words['open_popup']}"><img src="{$this->settings['img_url']}/shoutbox/popup.png" alt="{$this->lang->words['open_popup']}" /></a></if>

</h3>

<ul class='hfeed block_list'>

<table class='ipb_table shoutbox_table'>

{$d['announcement']}

<tr class='row1'>

<td valign='top' class='altrow'>

	 <div id='shoutbox-shouts' style='height: {$d['shout_height']}px; overflow-x: hidden;'>

	 {$d['noshouts']}

	 {parse template="inactivePrompt" group="skin_shoutbox" params=""}

	 <table id='shoutbox-shouts-table'>

	 <tbody>

	 {$d['shouts']}

	 </tbody>

	 </table>

	 </div>

	 <img src='{$this->settings['img_url']}/spacer.gif' id='shouts-global-resizer' border='0' height='4px' alt='{$this->lang->words['resize_shouts_area']}' style='cursor:n-resize;width:100%;' />

	 {parse template="popupInlineError" group="skin_shoutbox" params="glb"}

	 <if test="$this->memberData['g_shoutbox_use']">

	 <br />

	 <input type='text' id='shoutbox-global-shout' style='width:95%;' class='input_text' /><br /><br />

	 <div class='short'>

	 <input type='button' id='shoutbox-submit-button' value='{$this->lang->words['shout']}' class='input_submit' />

	 <input type='button' id='shoutbox-clear-button' value='{$this->lang->words['clear']}' class='input_submit alt' />

	 <input type='button' id='shoutbox-refresh-button' value='{$this->lang->words['refresh']}' class='input_submit alt' />

	 </div><br />

	 <div class='short'>

	 <if test="$this->settings['shoutbox_allow_smilies']"> <input type='button' id='shoutbox-smilies-button' value='{$this->lang->words['smilies']}' class='input_submit alt' data-clicklaunch="populateSmilies" data-scope="shoutbox" /></if>

	 <if test="$this->settings['shoutbox_allow_bbcode']"> <input type='button' id='shoutbox-bbcode-button' value='{$this->lang->words['bbcode']}' class='input_submit alt' /></if>

	 <input type='button' id='shoutbox-myprefs-button' value='{$this->lang->words['my_prefs']}' class='input_submit alt' />

	 </div>

	 </if>

</td>

</tr>

</table>

</ul>

</div>

<script type='text/javascript'>

{$d['js']}

</script>

<br />

</if>

this will replace the global hook with the side hook in topics mod .
PS :Just I want to mention that topics mod quite special so sometimes you need to disable some hooks to fit it ,
I will do a research about this and find a suitable solution for hooks above boardindex in topics mode

regards

[Ajouz ♞]

A couple of things (one of them an apparent bug) regarding the shoutbox.

First, is there any way to change the color of the input box of the shoutbox? It is currently white, and it really stands out as it does not really match the rest of the skin. See the screenshot below:

[img=https://lh6.googleusercontent.com/-HDLc5ZQGONg/UBbCXGBjTHI/AAAAAAAABSM/quoMV1bfORo/s821/input%2520box.JPG]

hello again ,
this for first request
http://community.invisionpower.com/topic/365575-download-maxx-skin/#entry2284651

for second request see the post above

regards

[Legeam]

Ajoux.

The sidebar hook thing for shoutbox worked fine. Thank you.

However, the solution for changing the color of the typing bar did not work.

[Ajouz ♞]

Ajoux.

The sidebar hook thing for shoutbox worked fine. Thank you.

However, the solution for changing the color of the typing bar did not work.

hello again ,
sorry I thought you talking about IP.Chat .
to change this area there is two possibility :
1-change will effect all the board
open the css file called ipb_styles
find

.input_text, .ipsTagBox_wrapper {

    padding: 4px;

    border-width: 1px;

    border-style: solid;

    border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;

    background: #fff;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

}

replace by

.input_text, .ipsTagBox_wrapper {

    padding: 4px;

    border-width: 1px;

    border-style: solid;

    border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;

    background: #323232;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

   color :#fff ;

}

2-change effect shoutbox only add this to the end of css file

#shoutbox-global-shout {

    background: #323232; 

    color :#fff ;

}

second solution is recommended for me

[Legeam]

Ah, thanks for the terrific support! Your second suggestion did exactly what I wanted. Thank you again.

[GymnasticBodies]

Overall, I love the skin but I had hoped for an option for transparency. I got this skin over Nacht because of the slider, but the lack of transparency changes the look of the site significantly.

Is it possible to do similar transparency with this skin? I want the slider (great work) but need to do similar transparency like with Nacht.

[Ajouz ♞]

Is it possible to do similar transparency with this skin? I want the slider (great work) but need to do similar transparency like with Nacht.

it is planed but not in this version , I need some time to make transparent effects and settings to manage it .
I will inform you when it is ready
best regards

[Legeam]

Wish I had known you were releasing this light skin. I bought Maxx over the weekend, and I love it. I should really have read the support topic before purchase! I would have waited on the light! LOL

Regardless, I am extremely impressed with the Maxx skin and my site is getting lots of compliments because of it. Excellent support is also provided by Ajouz - and I appreciate that tremendously! This guy knows his stuff, and I am a very happy customer.

[GymnasticBodies]

it is planed but not in this version , I need some time to make transparent effects and settings to manage it .

I will inform you when it is ready

best regards

Thanks, I am excited for when you are able to inpliment it!

[Legeam]

Ajouz,

I wanted to show you this, as this may not be working as you intended.

In the gallery, with Maxx Dark this is how the social icons look in category view:



And this is how it looks on Maxx Light. Notice the large space between icons:



Now, this is how it looks when you are viewing a picture in Maxx Dark



And this is how it looks when you are viewing a picture in Maxx Light:

[Ajouz ♞]

Ajouz,

I wanted to show you this, as this may not be working as you intended.

In the gallery, with Maxx Dark this is how the social icons look in category view:

[img=https://lh5.googleusercontent.com/-d2ajMDx_Vpw/UBgBBMmkgYI/AAAAAAAABT0/BXSVUATAMB8/s309/Dark%2520Category.JPG]

And this is how it looks on Maxx Light. Notice the large space between icons:

[img=https://lh3.googleusercontent.com/-4heDeAmmMt0/UBgBBEBGn5I/AAAAAAAABT4/AD_e3KnqEyo/s748/Gallery%2520Category.JPG]

Now, this is how it looks when you are viewing a picture in Maxx Dark

[img=https://lh5.googleusercontent.com/-xNlMMoYWbvs/UBgBBMlc9_I/AAAAAAAABT8/5iA51c0TPAc/s334/Dark%2520Picture.JPG]

And this is how it looks when you are viewing a picture in Maxx Light:

[img=https://lh6.googleusercontent.com/-U7XAyS8BRlI/UBgBB7x-c9I/AAAAAAAABUA/X3IIemk8sCc/s345/Gallery%2520Picture.JPG]

Hello ,
I remeber that I fixed this !
ok this is the edits in the next update regarding this bug and blog header fix
can you please try to add it to the bottom of the ipb_styles.css

/******* build2 fix ***********/

.fbLike {	 float: right !important;	 padding-left: 2px; }

#blog_title span div {

    display: none;

}

#blog_title span {

    color: #323232 !important;

    font-family: 'Oswald',sans-serif !important;

    font-size: 20px !important;

    font-weight: 300 !important;

    left: 60px;

    top: 0px !important;

    width: 100%;

}

#blog_title {

    background: none !important;

}

#blog_title img {

    top: -10px !important;

}


#more_apps_menucontent.submenu_container {

    width: 260px;

}

    #community_app_menu .submenu_container li,

    #more_apps_menucontent.submenu_container li {

	    width: 260px;

    }

    .user_controls li a {

	    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

	    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

	    box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

    }

    .post_body .post {

	    word-wrap: break-word;

    }

    #attach_wrap ul { list-style-type: none; margin-left: 0px; }

package will update today to contain this fix

best regards

[B.Money]

Great, purchased! I'll follow this thread and wait until the social icon fix before downloading.

Thanks!

[B.Money]

Looks like the social icons are fixed!

I have a few other questions. I would like to add our logo image instead of text. I reverted the default header in global templates like you stated to do in your other maxx support thread but I am getting this:



I would like to keep my logo the same size and just increase the size of the top header. Is there a way to do this?

I was also wondering if there is a way to integrate the chat better. I want the background of the chat to match the background of the board. Also the chat is extra wide, can I get it smaller or scalable like the default IPB?

And last, when I am inside of a thread, if the title is 2 lines long it overlaps what user started the topic and when. Here is an example



Here is one with only a 1 lined title



Thanks!

[GymnasticBodies]

One small bug, it seems that if a headline or title goes to the second line, it has overlap with the smaller text underneath.

[B.Money]

I also found a couple more bugs.

First, when you view a members profile that has signed in through twitter, the right side of their profile extends past the header and footer.

Here is a picture of the top of the profile:



And here is one of the bottom:





I also found when the width is set to 1000px the turn notifications off/on is messed up in the private messages page.

Let me know if you want a screen shot.

[Ajouz ♞]

One small bug, it seems that if a headline or title goes to the second line, it has overlap with the smaller text underneath.

[img]

[/img]

[img]

[/img]

[img]

[/img]

Hello ,
quick fix for now add this to the bottom of ipb_styles.css

h1 {

height: auto !important;

}

[Ajouz ♞]

Looks like the social icons are fixed!

I have a few other questions. I would like to add our logo image instead of text. I reverted the default header in global templates like you stated to do in your other maxx support thread but I am getting this:

I would like to keep my logo the same size and just increase the size of the top header. Is there a way to do this?

I was also wondering if there is a way to integrate the chat better. I want the background of the chat to match the background of the board. Also the chat is extra wide, can I get it smaller or scalable like the default IPB?

And last, when I am inside of a thread, if the title is 2 lines long it overlaps what user started the topic and when. Here is an example

Here is one with only a 1 lined title

Thanks!

Hello ,
for text bug
quick fix for now add this to the bottom of ipb_styles.css

h1 {

height: auto !important;

}

for logo yes you can do this find in ipb_styles.css

#branding {



	background: none repeat scroll 0 0 #F3F3F3;

	border-radius: 10px 10px 0 0;

	min-height: 64px;

	position: relative;

}

change

 min-height: 64px;[/code]

to a suitable value for you (your image height) regard

[Ajouz ♞]

I also found a couple more bugs.

First, when you view a members profile that has signed in through twitter, the right side of their profile extends past the header and footer.

Here is a picture of the top of the profile:

And here is one of the bottom:

link to a "members profile that has signed in through twitter" will be quite helpful
Best

[Ajouz ♞]

I also found when the width is set to 1000px the turn notifications off/on is messed up in the private messages page.

Let me know if you want a screen shot.

a fix will include in package ,
for manual fix add this to bottom of ipb_styles.css

#participants {

	overflow: hidden;

	padding: 15px 5px 15px 9px;

}

regards

[Ajouz ♞]

package updated
Maxx Light Build2 :

• fix blog header
• social I con bug
• long text overflow
• minor other bugs
  

File Change-log :

• no image changes
• no settings changes
• no html changes
• few css changes
  

manual update :
open ipb_styles.css and add the following to the bottom of file

/******* build2 fix ***********/

.fbLike {	 float: right !important;	 padding-left: 2px; }

#blog_title span div {

    display: none;

}

#blog_title span {

    color: #323232 !important;

    font-family: 'Oswald',sans-serif !important;

    font-size: 20px !important;

    font-weight: 300 !important;

    left: 60px;

    top: 0px !important;

    width: 100%;

}

#blog_title {

    background: none !important;

}

#blog_title img {

    top: -10px !important;

}


#more_apps_menucontent.submenu_container {

    width: 260px;

}

    #community_app_menu .submenu_container li,

    #more_apps_menucontent.submenu_container li {

	    width: 260px;

    }

    .user_controls li a {

	    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

	    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

	    box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);

    }

    .post_body .post {

	    word-wrap: break-word;

    }

    #attach_wrap ul { list-style-type: none; margin-left: 0px; }


h1 {

height: auto !important;

}


#participants {

	    overflow: hidden;

	    padding: 15px 5px 15px 9px;

}

regards

[Ajouz ♞]

package updated
Maxx dark Build5 :

• fix blog header
• long text overflow
  

File Change-log :

• no image changes
• no settings changes
• no html changes
• few css changes
  

manual update :
open ipb_styles.css and add the following to the bottom of file

/******* build5 fix ***********/

#blog_title span div {

    display: none;

}

#blog_title span {

    font-family: 'Oswald',sans-serif !important;

    font-size: 20px !important;

    font-weight: 300 !important;

    left: 60px;

    top: 0px !important;

    width: 100%;

}

#blog_title {

    background: none !important;

}

#blog_title img {

    top: -10px !important;

}

h1 {

height: auto !important;

}

#participants {

	    overflow: hidden;

	    padding: 15px 5px 15px 9px;

}

[Alasaad]

Hi mate, ty for this work, i was working on put this simple slider and video few months ago without good result. Im taking Both of Maxx version to thanks you. But have questions before:

1: I have my own player which could use slider image preview so can i put it entierly in this "box" in full size, instead of what you did ?

2: Can i make this template use full browser (i means i want forum in full size without marge top left right down everywhere) ?

3: Can i use only full size HD images instead of title in topic box (in your example it would be "NEWS AND UPDATES", "SERVICES")

4: Can i delete or reprogram the top bar research and the main menu toolbar, to use another one external for all community like google top bar menu for example?

5: I have a NOCOPYRIGHT at IPS for my board, what about your ? (i prefer use a box saying Thanks to >> IPSlogo, IBSkinlogo than the current copyright)

I hope you are understanding my questions, sorry im not english and not a pro too, im trying to work hard so plz i need these way to download you stuff and work it for me.

Thanks very much Ajouz