Jump to content

Airex


DustinRyan

Recommended Posts

%7Boption%7D



File Name: Airex

File Submitter: DustinRyan

File Submitted: 14 Oct 2012

File Category: Themed Skins

Supported Versions: IP.Blog 2.6.x, IP.Board 3.4.x, IP.Calendar 3.3.x, IP.Chat 1.4.x, IP.Content 2.3.x, IP.Downloads 2.5.x, IP.Gallery 5.0.x, IP.Nexus 1.5.x



A white and blue skin with a compact feel and stylish break from the usual forum mold. Great for professional and general discussion forums.

*FREE Mobile Skin included*

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

If you are interested in this skin for IP.Board 3.3.4 instead of 3.4.0, download version 1.0 from the "previous versions" field on the right side of the page.



here to download this file

Link to comment
Share on other sites

Hi.

1. How do i change the width of the forum?

2. How do i change the blue background colour to another colour?

Thomas

1. In the ipb_styles CSS, look for the #content div and change the width from 900px to whatever width you want it to be. Afterward, be sure to change the width of the div called extra_width from 1020px to a new width that fits with whatever you chose for the #content width. It's personal preference.

2. Same as above, go into ipb_styles CSS and change the body background color from #D5E0E6 to the new color.

Link to comment
Share on other sites

1. In the ipb_styles CSS, look for the #content div and change the width from 900px to whatever width you want it to be. Afterward, be sure to change the width of the div called extra_width from 1020px to a new width that fits with whatever you chose for the #content width. It's personal preference.

2. Same as above, go into ipb_styles CSS and change the body background color from #D5E0E6 to the new color.

Thank you! ^_^

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 month later...

Bitter, you have very awesome skins. I am going to buy some of them. But can you please create screenshots for blogs? Or better create some example blog entries and allow guests to see them? I would like to see how the blog entries are styled. Thank you!

Link to comment
Share on other sites

  • 1 month later...

It would involve extensive editing of the post HTML template bit (in topicViewTemplate). It looks like you're taking global elements out of globalTemplate and putting them into the post template. So all in all, it doesn't seem too difficult, but if you're unfamiliar with IPB's HTML structure, it could be a bit daunting. You would also have to basically remove the existing post_block h3 unless you want the person's username to repeat twice for every post, since the username is already above the author_info in each post.

Link to comment
Share on other sites

  • 3 weeks later...
  • 1 month later...

Just locate the width in the #content div of ipb_styles and change 900 to the new width you want. And if need be, locate #header_bar and change 1030 min-width for that div and make it larger so that it lines up with the new content width. And that's it!

How do u make it so that it auto adjust width of the skin in all browsers depending on the screen size? I would like to have full width.

Thanks!

PS Nice skin!

Link to comment
Share on other sites

In the ipb_styles CSS, there are two lines to adjust. One is in #content, change the pixel with to a percentage. Same goes for the #header_bar width.

If you need help changing them, just shoot me a PM with a link to your board and an admin login and I can take care of it for you. Oh, and specify the exact percentage you want. Thanks!

Link to comment
Share on other sites

  • 4 weeks later...

I have a very minor suggestion.

Have you considered using sprites for the navigation menu icons?

This will prevent the slight lag when hovering over the menu entries for the first time while requesting the new images from the server.

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...