Forum Activity for @john-bizley

Trying to change header

Design and Skin Customization


Rather than messing with templates and code etc is it not easier then to just make a transparent png image with the text in it ? This way it will also keep it mobile friendly and then other browsers will not render the font in a different way if the user has not got that font in their system.

Is there any way of changing how to add images into forum replies ?

Using Jamroom

Not sure if this is possible but when you add a reply to a forum post and want to add an image you first have to post the reply then go back into it again using update then choose the Select file option to add it. A lot of messing about so is there a way to have that select file option showing when you add the initial reply instead of having to post then update it again ?
updated by @john-bizley: 07/14/15 11:57:31PM

Trying to change header

Design and Skin Customization


To replace the site header from the Ningja words you can do that simply by going into your ACP and click on the tabs below
ACP > SKINS > IMAGES

Look for the Ningja logo the browse to select a new image, save it then go back in and make it active by ticking the new active box which will show up.

Refresh you caches and then it should show up

Here is mine with my logo


updated by @john-bizley: 06/08/15 12:20:14PM

Odd gray bars on side of Ninga skin

Design and Skin Customization


I think that is the standard gray wrapper background of the Ningja Skin. You can change that in your acp by going to skin settings > skin style. Click on the untagged tab and in the selector search type #wrapper You should then see the #wrapper colour as grey so by changing this to another colour will change the colour of those ' side bars '. Those bars are not actual bars but just the background showing, if the main site was set to 100% you would not see them.

Added an image to show how to change it

updated by @john-bizley: 06/08/15 12:10:06PM

A way of controlling big images added to forums

Using Jamroom


Here is where the list css is. It's in the css files of the directory of your skin.

updated by @john-bizley: 06/04/15 01:22:41PM

A way of controlling big images added to forums

Using Jamroom

Here is a small bit of css to help control big images when added into forums using the embed option, this will also help stop the image pushing the text out of the post.
You just set the max size for how big you want the image to be. You can take a look at this sample forum on my site, all these images are very big and where added using the xxxlarge-800px option as it's the biggest size for them to choose.

You will also notice I added another image in the update bit of the forum, the bit in yellow, this has been set to clear so it does not fowl the other parts and also the updted info has been set so it stays at the bottom.

The css below I just added to the sites list css at the top. The first line dictates the max image size and the 100% width makes sure it stays with the confinds of the post and does not go off screen.

The second line is for when adding an image in the update section.

The third line is for the updated info text at the bottom of the post.

And the last one is to set the margin to 4px no matter what the user chose when they added the image. If they had say chosen 20px then the image gets pushed over so by setting it to 4px on the smaller screens it keeps it nice and tidy.

Here is the example forum: http://1940snetwork.com/founder/forum/27/test-post



.forum_post_text > p > img{ clear:both; width:100%!important; max-width:400px!important; }
.forum_post_attachment{ clear:both }
.forum_post_text .normal{ float:left; clear:both }

@media only screen and ( max-width:771px ){
.forum_post_text > p > img{ margin:4px!important }
}
updated by @john-bizley: 07/05/15 01:15:30PM

Site Builder Menu on Mobile Device

Using Jamroom

I mentioned this in this post here https://www.jamroom.net/the-jamroom-network/forum/my_posts/28928/issue-regarding-new-site-builder-menu-creation-and-mobile-view but thought that had been fixed up ?

Configuring the Homepage with SiteBuilder

Using Jamroom

One way to secure your css settings when a skin is updated is to create a css stylesheet and add that to a folder somewhere on your server then add the link to it in the templates skin css. This way when the skin opens it will run the css for that particular section. Then when an update has been made that may affect the removal of the css you just need to then add the link back in again rather than adding in all your styling again.

questions about new image resizer

Design and Skin Customization


That should be quite possible with a line of css to limit the size of the photo but not the actual data size of the photo ie mb size. I did do this once before in a previous incarnation of my jamroom site. Will try it again so will have something to show you.

YouTube Embed No Longer Working Properly

Design and Skin Customization

This was announced a good while ago that they where going to be changing onto their new API3.0 from 2.0 to co-incide with the new mobile side of things. They seem to be running both side by side just now which is why some apps tend to work and some not. The code will need to be re-wrote for thier new api.