Sign in to follow this  
Followers 0
  • entries
    11
  • comments
    16
  • views
    19,564

About this blog

A little help

Entries in this blog

Wotsit

From: http://community.thehost4u.co.uk/topic/5338-having-team-icons-for-particular-theme/

Currently with IPB 4 if you use the Team Icons feature in admincp it will be applied to ALL themes which may look ok in some themes but not others.

If anyone is interested the following will allow using different team icons per theme.

To use Team Icons in IPB 4:

Create your Team Icons making note of filenames (e.g. team_admin.png, team_mod.png)

Upload your team icon images via the Manage Resources ('drop down arrow' far right of theme name)

Now we need to make changes to css and templates:

=========
TEMPLATE:
=========

AdminCP >> Customization >> Themes >> Far right of theme name 'Edit HTML/CSS'

Templates Tab

Scroll down to Forums >> Topics >> Post Container

Now, find where you want to place your Team Icon image and add following code:

            <!-- RANK IMAGE -->
             
   <li class='{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )" raw="true"}'></li>   
             
            <!-- END RANK IMAGE -->

Save

====
CSS
====

In custom.css add:

/*** THE FOLLOWING IS TO REMOVE THE GROUP TEXT SHOWN IN cAuthorPane PANEL ***/

.cAuthorPane_info span {
  display: none;
}

/*** FOLLOWING WILL PLACE THE GROUP ICON IMAGE YOU UPLOADED TO MANAGE RESOURCES ***/

/*** MAKE SURE YOU USE YOUR OWN FILENAME, APP AND LOCATION ***/

.Administrators {
background: url({resource="team_admin.png" app="core" location="custom"}) no-repeat;
  display: block;
  height: 48px; /** HEIGHT OF YOUR IMAGE **/
}

Repeat above for all Groups

NOTE: the classes used MUST be EXACTLY same as the Group Names in your AdminCP (note the A instead of a)

Once done, save

The above will only add the team icons to THAT THEME for other Themes you will have to do same as above for each Theme.

Wotsit

Radio in sidebar

First go here and configure your radio and copy your embed code to a text editor.

In a board without Nexus go to your ACP> System Settings> System> Ad Code Integration and enter the code in

the Sidebar Code and put <CENTER></CENTER> tags around it:

 

blogentry-4676-0-06576400-1336148020_thu

and click the "Upgrade Settings" button.

Go to your ACP> Applications & Modules> Manage Hooks section and make sure the Ad Code Sidebar hook is enabled and

drag and drop it to the position you want your radio to appear in the sidebar.

For boards with Nexus installed it's pretty much the same except you need to go to Promotions> Adverts and create an advert

in the sideblock the same way.

If you want to keep the radio going when you change pages/sites then click blogentry-4676-0-84434200-1336148860.png which will open the radio in a popup.

Wotsit

Using Broni's instructions:

http://www.smartestc...-the-left-side/

(Although I've seen others around the internet I found these the easiest)

blogentry-4676-0-50681900-1335216157_thu

For IP.content I edited the page by just switching "right" for "left" as below:

{ccs special_tag="navigation"}

<div class='ipsLayout ipsLayout_withleft ipsLayout_largeleft'>

<div class='ipsLayout_left'>

{parse block="artmedlink"}

{parse block="articles_menu"}

{parse block="recent_articles"}

{parse block="recent_comments"}

</div>

<div class='ipsLayout_content'>

{parse articles}

</div>

</div>

blogentry-4676-0-97941300-1335031277_thu

Wotsit

http://community.inv...ost__p__2198754

To Make it snow on your site simple put this code in your Global Template of your skin right above the </body> tag

<SCRIPT type="text/javascript">
/*
Snow Fall 1 - no images - Java Script

*/

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")

// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximum-size of your snowflakes
var snowmaxsize=30

// Set the minimal-size of your snowflakes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+'px';
snow[i].style.top=snow[i].posy+'px';
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
snow[i].style.top=snow[i].posy+'px';

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}

</SCRIPT>[/CODE]

Wotsit

Thanks to Kessler over at Invision for suggesting the correct syntax to use.

If you want to use different team icons for each skin you need to first:

make a folder called team_icons under public/style_images/nameofskin.

Second: Put your images in that folder.

Third: Go to your ACP> Members> Manage Member Groups> Edit Group

Fourth: For the Group Icon Image put


public/style_images/<#IMG_DIR#>/team_icons/nameofimage.png
[/CODE]

Fifth: Do that for each group you have an image for.

Wotsit

Posted by:

Evanescence

To do the menu, you first must download and install the "Blank Sidebar Hook" here:

http://community.invisionpower.com/files/file/2443-blank-sidebar-hook/

Then use this html in the hook for the menu:


<div class='ibskinmenu'>
<img src="http://www.yoursite.com/hosted/no-delete/home.png"> <a href="http://www.yoursite.com/">Home</a>
<img src="http://www.yoursite.com/no-delete/shop.png"> <a href="http://www.yoursite.com/shop">IBSkin Shop</a>
<img src="http://www.yoursite.com/no-delete/content.png"> <a href="http://www.yoursite.com/forums/index.php?app=ccs">IBSkin Content</a>
<img src="http://www.yoursite.com/no-delete/forums.png"> <a href="http://www.yoursite.com/forums/">Community Forums</a>
<img src="http://www.yoursite.com/no-delete/help.png"> <a href="http://www.yoursite.com/forums/index.php?app=tickets">IBSkin Support Desk</a>
<img src="http://www.yoursite.com/no-delete/custom-design.png"> <a href="http://www.yoursite.com/shop/index.php?main_page=page&id=8">Custom Skin Design</a>
<img src="http://www.yoursite.com/no-delete/star.png"> <a href="http://www.yoursite.com/forums/index.php?app=subscriptions">Premium Members</a>
<img src="http://www.yoursite.com/no-delete/prem-download.png"> <a href="http://www.yoursite.com/forums/index.php?app=downloads">Premium Downloads</a>
<img src="http://www.yoursite.com/no-delete/cust-download.png"> <a href="http://www.yoursite.com/forums/index.php?app=client">Customer Downloads</a>
<img src="http://www.yoursite.com/no-delete/blog.png"> <a href="http://www.yoursite.com/forums/index.php?/blog/2-evanescences-blog/">Evanescence's Blog</a>
<img src="http://www.yoursite.com/no-delete/tracker.png"> <a href="http://www.yoursite.com/forums/index.php?/tracker/">Skin Tracker</a>
<img src="http://www.yoursite.com/no-delete/gallery.png"> <a href="http://www.yoursite.com/forums/index.php?app=gallery">Skin Gallery</a>
<img src="http://www.yoursite.com/no-delete/faq.png"> <a href="http://www.yoursite.com/forums/index.php?/page/ibskin_faq.html">F.A.Q.</a>
<img src="http://www.yoursite.com/no-delete/contact.png"> <a href="http://www.yoursite.com/shop/index.php?main_page=contact_us">Contact Us</a>
</div>
[/code]

Of course, you will want to edit the links above to point to your own site. ;)

The CSS for this is already in all our skins

The icons used in the menu can be purchased here for only $5:

http://www.ibtheme.com/forums/index.php?/store/category/11-general-graphics/

Wotsit

Posted by:

Evanescence

To remove the background image from the post backgrounds in any skin...

In the admin cp, go in to your skin files here:

Look & Feel * Manage Skin Sets & Templates

Click on the drop down menu for the skin you want to edit and select "Manage Templates & CSS"

Open: ipb_styles.css

Search for and delete:


url({style_images_url}/post_bg.gif) no-repeat bottom right
[/code] [size="3"][color="#c50000"][b]or[/b][/color][/size]
[code]
url({style_images_url}/post_bg.png) no-repeat bottom right
or

url({style_images_url}/postbg.png) no-repeat bottom right
[/code] Each skin is a little different, but as long as you are in the section...
[code]
/* Post background */
.post_block {
...You will see the line of code you need to remove. Just leave in the color code and ; When you're all done with the edits, it will look something like this... (with your own color code of course)

/* Post background */
.post_block {
background: #191919;
border: 1px solid #000;
border-bottom: 0px !important;
margin-bottom: 0px !important;
}
[/code]

You're all done!

Wotsit

Posted by:

someone-else

Find this bottom of ipb_styles.css

/***************************/

/* IBSkin Menu Styles Stop */

/***************************/

add above

/***************/

/**Online List**/

/***************/

.online1, .online1 td {

background: #e9f4fc;

width: 20%;

}

.online1 .altrow, .online1.altrow,

.personal_info, .general_box {

background: #e9f4fc;

}

.online2, .online2 td {

background: #e9f4fc;

width: 50%;

}

.online2 .altrow, .online2.altrow,

ul.topic_moderation {

background: #e9f4fc;

}

.online1 .altrow_nopad, .online1.altrow_nopad{

background: #e9f4fc;

padding-left: 0px !important;

margin-left: 0px !important;

}

.online2 .altrow_nopad, .online2.altrow_nopad{

background: #e9f4fc;

padding-left: 0px !important;

margin-left: 0px !important;

}

/*******************/

/**Online List End**/

/*******************/

then go to Templates > onlinelist > showOnlineList

find

<if test="onlineusers:|:count($rows)">

{parse striping="online" classes="row1,row2"}

<foreach loop="online:$rows as $session">

<tr>

replace with

<if test="onlineusers:|:count($rows)">

{parse striping="online" classes="online1,online2"}

<foreach loop="online:$rows as $session">

<tr>

If you do this for other skin having same problem.......change the color code in above css to fit the background.

for Noel skin change color code in above css to #ecf1f4

Thanks to Tmod who fixed this problem for me

Wotsit

Expand stats area

Posted by:

Legion

Have done a little toying around and this is what I came up with

Before any changes to code

post-44-0-97878400-1290785489_thumb.png

After making a few changes to the boardIndexTemplate

post-44-0-75458000-1290785550_thumb.png

Ok, I have run various tests and does not seem to affect anything else on the board, below are the fixes that you can apply for both the White Christmas and Noel skins

In the ACP go to Look and Feel->Skin to edit (i.e. White Christmas) in the templates under Board Index open->boardIndexTemplate

FIND in the boardIndexTemplate and delete

<div class="catwrap">
Next FIND (if you scroll straight down from where you deleted the above catwrap it will be at the end of that section)

</foreach>
</table>


</div>




<div class="catfoot"><div class="catfoot_left"><div class="catfoot_right"></div></div></div>
<div class="clear"></div>


</if>
</foreach>

</if>

</div>
</div>
[/code] CHANGE TO
[code]
</foreach>
</table>
<div class="catfoot"><div class="catfoot_left"><div class="catfoot_right"></div></div></div>
<div class="clear"></div>

</div>

</if>
</foreach>

</if>

</div>
</div>
And lastly find

<div style='clear:both' id='board_statistics5' class='statistics5 general_box5 clearfix5'>
[/code] CHANGE TO
[code]
<div style='clear:both' id='board_statistics5' class='statistics5'>

That should do it

Note: The Here Comes Santa and Christmas Magick skins have most of that edit already done. There is a missing </div>. Do the second part of the edit to insert the missing </div>:

</foreach>

</table>

<div class="catfoot"><div class="catfoot_left"><div class="catfoot_right"></div></div></div>

<div class="clear"></div>

</div>

</if>

</foreach>

</if>

</div>

</div>

Wotsit

Image import problems?

Posted by:

Evanescence

If you can not get your images to import, this means that your server will not allow you to import .xml files larger than 2mb.

If this happens, simply upload your "images-xmas-magik.xml.gz" file to your forum's admin root folder via FTP.

Here is what the URL would be:

http://www.yoursite.com/forums/admin/

Now, go in to your admin control panel under the "Look & Feel" tab and go to import your images. Instead of uploading the .xml file, now you will simply type in the filename of the XMLArchive: images-xmas-magik.xml in the box that says "enter the filename of the XMLArchive".

NOTE: The file must be uploaded into the forum's admin root folder or this will not work.

Click on "Import Image Set" button and you're all done!

NOTE: This is usually only an issue with our holiday skins because they contain so many extra graphics and such high detail. This will not hurt your bandwidth.

This was for the Christmas Magick skin. You'll need to change the name of the .xml file for other skins.

Wotsit

Posted by:

The Old Man

Here's a useful tip which I obtained from Jason at IPS in response to a support ticket a while back, when I was having problems with IP.Gallery running out of memory (displaying a blank screen) when resizing large uploaded images taken from member's digital cameras (big files!).

Increasing the amount of memory available to IPB is a great way to speed up your board and its components, giving the scripys memory to breathe and if you are using 3.1.x the memory requirement is 128MB minimum, but overriding the amount allocated to you by default on your server by editing the conf_global is quick and easy and could save you from having to move servers if you want to upgrade to 3.1.x.

Putting it into initdata is also possible, but IPS have been overwriting that on every upgrade, so if you put it in conf_global it should remain okay after future upgrades.

To see how much server memory your board currently has available to it:

Go to the Admin Control Panel (ACP) -> Support -> PHP Info and look at the memory limit setting. This is the same memory value that shows up on the check list when you run the Installer to upgrade or install your board.

To increase your memory limit:

Open up your conf_global file on your server, then up at the top on the first line you can add the following line:

ini_set( 'memory_limit', '192M' );
Just add that into your conf_global and save it. Be sure not to enter 192MB, its 192M without the B. Its also an ideal time to make sure your conf_global file is set to 666 (CHMOD Permission) to prevent hackers from overwriting it. Here's how it might look afterwards, the rest of your conf_global may look a little different to mine but its the first line which you want to look at:
<?php
ini_set( 'memory_limit', '192M' );
$INFO['admin_group'] = '4';
$INFO['allow_creator_vote'] = '1';
$INFO['allow_dup_email'] = '0';

etc

etc
[/code]

Then you can check the [b]AdminCP (ACP)[/b] -> [b]Support[/b] -> [b]PHP Info[/b] and verify that the [b]memory limit setting[/b] shows 192MB on it after you add it.

128MB is the minimum for IPB 3.1.1. and allows IP. Gallery to cope with larger file uploads. I have mine set to 192MB, on another board its 256MB. Your server may not allow you to override, but if it does, don't be too greedy or your host might whinge, 192MB is ample.

Just to add, when you look in the PHP Info option to see how much memory your board is allowed to use, the memory limit value is under the PHP Core section and looks like this:

2010-07-09_1108.png

In the example above, you can see how the board now has more memory available if it needs it (192MB) where as before it was just at 32MB (the default amount) which is a bit tight especially for IP. Gallery, which needs a bit more ram to resize larger images uploaded by your users.

Sign in to follow this  
Followers 0