4 replies to this topic

[Bitter]

File Name: Xgame

File Submitter: Bitter

File Submitted: 18 Jan 2012

File Category: IP.Board 3.4

IP.Board 3.4 compatible?: Yes
IP.Board 3.3 compatible?: Untested
IP.Board 3.2 compatible?: Untested
IP.Board 3.1 compatible?: No
IP.Board 3.0 compatible?: No

Xgame is the perfect skin for gamers. It has a very customizable jQuery slider in the header that has beautiful animations for switching between displays, and is perfect for showcasing the latest gaming news, tips, tricks, and more! The skin also comes with a detailed footer with three columns of customizable links to display anything and everything. Xgame is very sleek and full of hidden surprises such as a hover-over dropdown menu for displaying the search bar, as well as subtle hovers and a very satisfying display of information. If you're a gamer, you need this skin.

Supported add-ons: Blog, Gallery, Downloads, Chat, Nexus, Calendar, and Content.

*FREE mobile skin included*

Note: If you wish to download this skin for IPB 3.3.4 instead of IPB 3.4, please download version 1.1.6 from the "previous versions" box on the right!

Click here to download this file

[Bitter]

I released an update to v1.0.1 today, but for those who may have bought version 1.0 and don't want to reimport the whole skin, here are the edits needed to update the skin yourself:



I just released a small update that fixes two images and adjusts the register button's position slightly.
The update is version 1.0.1 but if you don't want to reinstall the skin, here's the manual edits:

Download the two files attached here and upload them to the xgame image directory as the following:
cat_minimize.png
cat_maximize.png

 cat_minimize.png   2.99K   18 downloads

 cat_maximize.png   3.01K   9 downloads



Then in the CSS (within your ACP), open category.css for Xgame and locate the following:

.maintitle_3 .toggle {
visibility: hidden;
background: url(http://netdna.invisionmodding.com//public/style_images/invisionmodding/cat_minimize.png) no-repeat;
text-indent: -3000em;
width: 25px; height: 25px;
display: block;
outline: 0;
}

See where it says "width: 25px;"
Replace the 25 with 30, so the end result looks like this:

.maintitle_3 .toggle {
visibility: hidden;
background: url(http://netdna.invisionmodding.com//public/style_images/invisionmodding/cat_minimize.png) no-repeat;
text-indent: -3000em;
width: 30px; height: 25px;
display: block;
outline: 0;
}

Save.

Next, open up ipb_styles.css and locate the register link code:

#user_navigation #register_link {
background: #71b618;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #71b618;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

Below "text-shadow: 0px 1px 2px rgba(0,0,0,0.3);" add the following:

margin-right: 15px;

So your final result will look like this:

#user_navigation #register_link {
background: #71b618;
color: #fff;
display: inline-block;
padding: 3px 8px;
border: 1px solid #71b618;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
margin-right: 15px;
}

Save. All done!

[AmgedOsman]

haha nice font!!

[neogenius]

Hi i've a little problem with this skin.

I've reade many thread and how to for add a custom tab on navbar but into this skin i can't find one line like tutorial, so how is possible to add this?

thanks a lot

[Bitter]

You already PMed me. Please only ask a question once. Also fix your forum URL.