Jump to content

Maxx 2012: The Most Advanced Skin.


Ajouz ♞

Recommended Posts

  • Replies 1.4k
  • Created
  • Last Reply

I noticed that there is no underline or mouse over color on the forum links. Is that a bug or a choice you made with the design? Would it be possible to ask how i change it so it looks more like the default ipb theme links?



Hello ,
I added a small glow effect , but if you so not like you can change it from ipb_styles.css file

a:hover {

color: #fff;

text-shadow: 0 0px 1px #777 !important;


 }

if you want for example underline decoration you can add this to the css class

 text-decoration: underline !important;[/code]

Link to comment
Share on other sites


for like add the code in branding div




then add this to ipb_styles.css


/******* custom css related facebook like *******/

.fb_edge_widget_with_comment {

position: absolute !important;

right: -170px;

top: 50px;

}

#branding {

padding-bottom: 20px;

}

/******* custom css related facebook like *******/





That got it right where I wanted it! But there is another small issue. When I add the css code you gave me it moves the facebook like icon from the bottom of the thread up by my facebook page like button. Here is a screenshot.

post-364938-0-00616000-1345161545_thumb.

Also where should I place the javascript for the facebook like so it will display on all pages?

Thanks!
Link to comment
Share on other sites

I just purchased and installed the Maxx build 6 skin (dark) on my test forum and for some reason I'm getting this error message...


]Fatal error: Method encodeMetaTagContent does not exist in output in /hermes/web09/b779/pow.blazt/htdocs/forumstest/admin/sources/classes/output/publicOutput.php on line 342



I looked at line 342 and it's pointing to this...

trigger_error( "Method $funcName does not exist in $className", E_USER_ERROR );



Please advise!

Thanks.

-mtsymbal
Link to comment
Share on other sites


I just purchased and installed the Maxx build 6 skin (dark) on my test forum and for some reason I'm getting this error message...






I looked at line 342 and it's pointing to this...





Please advise!



Thanks.



-mtsymbal


Is that happening on the entire skin?
Link to comment
Share on other sites

What's New in Version 3.3.4 build7 (See full changelog)

  • MaxxDark Build7 (Visual Improvments):
  • this update include visual improvements
  • 1- remove all unnecessary white color inputs to fit the skin
  • 2- some icons changed
  • 3- more css3 effects
  • 4- adding hover effects on many area of the skin

Support : We have now limited access to internet ,so I asked Lucy Heartfilia to help us with the support ,and she accept .
so if I was not available you can ask Lucy .
Best regards .
Link to comment
Share on other sites

I resolved this issue below by updating to version 3.4. I was on version 3.2



Fatal error: Method encodeMetaTagContent does not exist in output in /hermes/web09/b779/pow.blazt/htdocs/forumstest/admin/sources/classes/output/publicOutput.php on line 342



Here is my test forum: http://www.fighterse...com/forumstest/

I need some help with a few things and I also think I found a possible bug which seems to happen on older versions of Internet Explorer. I'll mention it below. Please help, thank you in advance.

#1, I'm looking to use a custom background and have a top header logo incorporated. I'd like to find a way to shift the board downwards so it looks more like the image below. OR if you can suggest any way that I could incorporate my logo header into the skin. I do however need this to work on all types of resolutions, so whatever advice you can give is greatly appreciated!

# 2 and 3 are related to a similar request area...

#2, Is there a way to remove the text name forum located on the top left without affecting the top window bar text in your browser?
#3, Could I also create my own custom social media icons? This way I could utilize the bar area with my own custom images linking to whatever I wish.


ie.PNG



# 4, Using FireFox, Chrome and Safari it looks great. However, when using Internet Explorer 8 or lower, I've noticed that the skin isn't looking the same. Please see images below. I have however noticed that on my other computer which has I.E.9, it looks just as great. Is there any reason why the older browsers are appearing this way or are they simply not supported? If so, could there be a patch or fix since there are some users who may use older versions of IE?

request.PNG


Thanks again for your help!

-mtsymbal

Edit: Forgot to mention that this IE8 issue happens with any type of style you select, i.e. Category,Forum,etc.
Link to comment
Share on other sites

I was wondering if you could tell me how to decrease the width of the Nav and Admin/user Sign in bars on the top and bottom of the slider. I looked around at the ipb.styles css file and tried some settings but could not work it out. It is probably about 40 - 50% wider than I would like to go with.

I've noticed that my search bar has disappeared from my header but the little cog to do the advanced search is still there. I'm not sure if it is a result of my playing around in the CSS but I noticed someones board in the MAXX Dark support thread also had the same issue. I'm pretty sure it was working after the last time I was working with the CSS.

I'm not sure if there is a solution to this one but I applied my own custom background image but there is still a minor delay flash as it loads with some sort of light blue default screen. The image file I used was only about 400KB which was comparible to the demo set that comes with the skin, so I wouldn't think that would be a huge issue. Anyway, I have no idea but was wondering what you thoughts were.

Is there a way to remove the ips-skins.com link from the bottom of the skin? I find that giving my forum users a link to click that directs them straight to the site that demonstrates the building blocks of mine kind of takes away from the professional image that I am trying to portray. I know these sorts of developer tags are common practice but I would be more comfortable with people being redirected to a web developers page or something other than a demonstration of the bricks and mortar of my site.

Overall, I am really impressed and am having a great time working with this skin and the simple user options it provides. It has taken very little time to go from out of the box to functioning in a way tha exceeds my expectations. I would be interested to see how others who have purchased this skin have made use of it. For anyone who would like to see how I am going with it, check my site out at www.meridianadventure.com

Link to comment
Share on other sites



I'm not sure if there is a solution to this one but I applied my own custom background image but there is still a minor delay flash as it loads with some sort of light blue default screen. The image file I used was only about 400KB which was comparible to the demo set that comes with the skin, so I wouldn't think that would be a huge issue. Anyway, I have no idea but was wondering what you thoughts were.





I have seen the same, where before the background loads you will see a solid color of whatever your selected default color is set as and then your background image loads. For slower internet connections that would be more noticable for users visiting the site. If there is a fix for that, that would be great as well.
Link to comment
Share on other sites

Hello.


#1, I'm looking to use a custom background and have a top header logo incorporated. I'd like to find a way to shift the board downwards so it looks more like the image below. OR if you can suggest any way that I could incorporate my logo header into the skin. I do however need this to work on all types of resolutions, so whatever advice you can give is greatly appreciated!

Set the min-height property of #empty to something like 250px.

#2, Is there a way to remove the text name forum located on the top left without affecting the top window bar text in your browser?

I'm not sure what you mean by forum in the top left...

#3, Could I also create my own custom social media icons? This way I could utilize the bar area with my own custom images linking to whatever I wish.

Well you could, but it won't be easy. The skin uses CSS sprites so you'd have to edit this image...meaning the heights will have to stay the same.
%7Boption%7D
Otherwise just code in the images yourself


# 4, Using FireFox, Chrome and Safari it looks great. However, when using Internet Explorer 8 or lower, I've noticed that the skin isn't looking the same. Please see images below. I have however noticed that on my other computer which has I.E.9, it looks just as great. Is there any reason why the older browsers are appearing this way or are they simply not supported? If so, could there be a patch or fix since there are some users who may use older versions of IE?

Yeah I guess that CSS doesn't work in IE8...I'm sure a patch would require less fancy stuff...but Ajouz can do that.
Link to comment
Share on other sites

Hello.


I was wondering if you could tell me how to decrease the width of the Nav and Admin/user Sign in bars on the top and bottom of the slider. I looked around at the ipb.styles css file and tried some settings but could not work it out. It is probably about 40 - 50% wider than I would like to go with.



Umm can you take a picture and circle what you mean?


I've noticed that my search bar has disappeared from my header but the little cog to do the advanced search is still there. I'm not sure if it is a result of my playing around in the CSS but I noticed someones board in the MAXX Dark support thread also had the same issue. I'm pretty sure it was working after the last time I was working with the CSS.

The skin is coded such that the search bar is removed when social icons are displayed.



Is there a way to remove the ips-skins.com link from the bottom of the skin? I find that giving my forum users a link to click that directs them straight to the site that demonstrates the building blocks of mine kind of takes away from the professional image that I am trying to portray. I know these sorts of developer tags are common practice but I would be more comfortable with people being redirected to a web developers page or something other than a demonstration of the bricks and mortar of my site.


Well, that's copyright. Maybe Ajouz will remove it for a fee.
Link to comment
Share on other sites

Hi Lucy, thanks for getting back to me. Please see below, I still need your help.

Set the min-height property of #empty to something like 250px.


Could you be so kind to please advise on how to actually do this? i.e. Where to go to modify?

For request # 2, if you look at the image here below, I crossed out the text in red lines of what/where I'd like to remove. Please let me know if that's possible.
%7Boption%7Dhttp://www.fightersevolution.com/BTS/request.PNG


For request # 3, could you point me in the right direction as to where I could start modifying the code? Would I simply just add images to the current image?

Well you could, but it won't be easy. The skin uses CSS sprites so you'd have to edit this image...meaning the heights will have to stay the same.




#4, yeah I'm surprised as well though I would assume it should be working properly. I hope that gets patched before I actually decide to release my message board. I wouldn't want my visitors looking at a site that isn't appearing the way it should.

Again, thank you Lucy and Ajouz for your support and help!

-mtsymbal
Link to comment
Share on other sites

Can you PM me acp access and the social media images that you would like to use? I am bad at giving instructions and also don't know the answers myself...need to look at the code, so might as well just do it on your page.

Link to comment
Share on other sites


#4, yeah I'm surprised as well though I would assume it should be working properly. I hope that gets patched before I actually decide to release my message board. I wouldn't want my visitors looking at a site that isn't appearing the way it should.



Again, thank you Lucy and Ajouz for your support and help!



-mtsymbal




hello ,
there are many css3 in this skin and some of old browsers does not support css3 , like (ie8 or less ) ,
what I can do is to add custom css regarding these browsers ,which will make skin looks better with these old browsers , but not exactly same as in the modern browsers

for the bugs you report please open the template called custom_css and add this code to the end of this file



<!--:::: regarding old  IE browsers :::-->

<!--[if lt IE 9]>


<style type="text/css">


.ipsBox_withphoto,.author_info,.ccsBase, .chat-notice,#messages-display, #mymedia_toolbar,p.citation,.preview_info,.preview,.ipsSideBlock, #community_app_menu > li.active > a {

	 background:transparent !important;

	 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000');


}

.ipsSideBlock h3 ,.maintitle {

background-image: url({style_images_url}/maintitle.png ) !important;


}

table.ipb_table tr {

border-bottom: 1px solid #222222;

}

</style>


<![endif]-->

<!--:::: end regarding old  IE browsers :::-->



%7Boption%7D

Best regards

Link to comment
Share on other sites

Ajouz, regarding the older versions of Internet Explorer. I applied your fix as directed above and it worked perfectly, thank you. I do see what you mean by it not being perfect. However, it is good enough, once again thank you.

Lucy, where do I go to adjust the "min-height property" so I could shift my board downwards to make room for a header logo? Thanks again.


Lucy/Ajouz, I'd like to remove the top header text in the upper left. How can I go about doing that? Please see image below for example.

top_bar.PNG

Thanks agian for all your help!

-mtsymbal

Link to comment
Share on other sites


I've noticed that my search bar has disappeared from my header but the little cog to do the advanced search is still there. I'm not sure if it is a result of my playing around in the CSS but I noticed someones board in the MAXX Dark support thread also had the same issue. I'm pretty sure it was working after the last time I was working with the CSS.




when social icons installed , it automatically hide search bar to save some space , if you want to restore it
just open the template
  • maxx_social_media

in global templates
and delete this part

<style>

#search_wrap{

display:none

}

</style>



%7Boption%7D

Link to comment
Share on other sites



Lucy/Ajouz, I'd like to remove the top header text in the upper left. How can I go about doing that? Please see image below for example.



[img=http://www.fightersevolution.com/BTS/top_bar.PNG]



Thanks agian for all your help!



-mtsymbal



Hello ,
to do this we need two things
  • removing the solid background
  • restore original logo


step1:(remove solid background and reset logo position)
in the css template ipb_styles.css
find

#branding {

    background: #323232;

    min-height: 64px;

	   -webkit-border-radius: 10px 10px 0px 0px;

	   border-radius: 10px 10px 0px 0px;

}

remove

    background: #323232;

now find and delete this code

#logo a {

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

    font-size: 20px;

    left: 9px;

    position: absolute;

    top: 20px;

    height: 35px;

font-weight: 300 !important;

}




step2:(restore original logo)
open the template called


  • defaultHeader

and revert it

%7Boption%7D
Link to comment
Share on other sites


Hello ,


to do this we need two things

  • removing the solid background
  • restore original logo


step1:(remove solid background and reset logo position)


in the css template ipb_styles.css


find


#branding {

background: #323232;

min-height: 64px;

	 -webkit-border-radius: 10px 10px 0px 0px;

	 border-radius: 10px 10px 0px 0px;

}

remove

 background: #323232;

now find and delete this code

#logo a {

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

font-size: 20px;

left: 9px;

position: absolute;

top: 20px;

height: 35px;

font-weight: 300 !important;

}

step2:(restore original logo) open the template called

  • defaultHeader

and revert it [img]

[/img]

just forget to say , if you want only to remove background , just delete

 background: #323232;

from

#branding {

background: #323232;

min-height: 64px;

	 -webkit-border-radius: 10px 10px 0px 0px;

	 border-radius: 10px 10px 0px 0px;

}[/code]

and ignore the rest of my post




Link to comment
Share on other sites

Ajouz, thank you for your help. However, I'm sorry let me elaborate on exactly what I want to do. I apologize for not being clear.

Here is my forum: http://www.fightersevolution.com/forumstest/

And here is a picture. On left is how it is currently. On right is how I want to set it up.

site_example1.PNG

Link to comment
Share on other sites


Can you PM me acp access and the social media images that you would like to use? I am bad at giving instructions and also don't know the answers myself...need to look at the code, so might as well just do it on your page.


:)
Link to comment
Share on other sites

Lucy, thank you. I'm not ready yet to start utilizing/modifying the social media icons just yet. I do however want to apply an image banner in that same bar by removing the text that says "Fighters Evolution: Home of The -X- Team TEST Forum" which I crossed out in the image below. Could I place a custom image banner there?

I still need to some how push the board downwards just so I could see the image header in the background image, again please see image below. I'll PM you the access and greatly appreciate your help. However, this is only my TEST forum. Will I be able to export the modifications and import them into my official forum?


site_example1.PNG

Link to comment
Share on other sites

Will I be able to export the modifications and import them into my official forum?


Yes, of course.

PM me the image you would like to put there in the PM you already sent me.

Alternatively go into the skin and edit the defaultHeader template and put in your banner image code there.
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...