Forum Activity for @john-bizley

FireFox not playing video in playlist, ok in Chrome and IE though

Using Jamroom


Thanks Strumelia, I am on Win 8.1 pro but I think it may be someting in my browser then that's stopping it.
Thanks for checking it out

FireFox not playing video in playlist, ok in Chrome and IE though

Using Jamroom

When I view a playlist in Firefox and click on the video it does not seem to play but the audio tracks do. I tried this in Chrome and IE and the video plays fine, any ideas ?

Here is the link to the test playlist
http://1940snetwork.com/founder/playlist/4/my-playlist


updated by @john-bizley: 03/23/15 01:00:56AM

Seem to have lost all my save, ok, cancel buttons accross my site

Using Jamroom


Cool thanks Brian, appreciate the quick response
Thanks!

Seem to have lost all my save, ok, cancel buttons accross my site

Using Jamroom

All of a sudden I seem to have lost all my updating buttons accross my site. Checked all my css changes I made and all looks ok. Everything was working fine then went to update a blog and no save buttons etc at the bottom. Checked all over the site and it's the same for everything. Can't change out skins or integrity check either as the ok buttons are missing in the acp to. I added an image for you to see those missing buttons. Not sure what else I can do so would be grateful if anyone could take a look into the issue for me, cheers.



updated by @john-bizley: 03/15/15 12:22:36AM

Images on profile tabs - is it possible?

Design and Skin Customization


Thanks Michael, I did it a little bit of a different way than adding anything into the jrcore itself. I just added it all in the css sheet using the code in the posts above.

Images on profile tabs - is it possible?

Design and Skin Customization


No worries Clay gald you like it and yes you can easily reverse it. Those cascading menus where already part of the Ningja skin but yes I will add more of my own at some point.

Some funky things happening on cloned skins when styling

Design and Skin Customization


That menu placement was part of that skins style of ProJam Pro, I am now on the Ningja skin but it can be easily moved with just a little css, will pop a tip up for that one. Also with regards to the background this I added via the ACP but it can also be done easily by adding some little css into the css stylesheets.

I tend to work directly within the stylesheets as find it easier than going backwards and forwards in the style editor. I have not touched the module templates as just about everything for styling can be done in the css sheets.

Images on profile tabs - is it possible?

Design and Skin Customization


Thanks Clay, yes I agree about the images and will do something about that before I go into an active site. Yes I will add a section for all the css I use as I find my way about. I wil post another thread of how I did those other bits.

Images on profile tabs - is it possible?

Design and Skin Customization

Just added a few more to the menu for a bit of fun, events, documentation and gallery.

Images on profile tabs - is it possible?

Design and Skin Customization

Is this the sort of thing you are looking to do ? I have added just two images for now to demo this, one for the audio and one for youtube. When they are hovered over the image is replaced with the original tab link so the user can tell for which it is referring to. Once clicked on it returns back to the image.

You can see it working here: http://1940snetwork.com/founder

All this was done just using css in the profile.css template. You can just have images on certain tabs like the demo or have images on them all.

Here is how I did this.
First I got a couple of images, the ones I used where 128px x 128px transparent png's, and these I just uploaded via ftp straight into the skins img folder.

Next I added this to the profile.css sheet

.profile_menu a[href$="youtube"] > .profile_menu_entry {
background-image: url("/skins/jr1940sNetworkningja/img/videocamera.png") !important; color:transparent}

.profile_menu a[href$="audio"] > .profile_menu_entry {
background-image: url("/skins/jr1940sNetworkningja/img/music-record.png") !important;color:transparent }

.profile_menu a > .profile_menu_entry{background-size: contain;
background-repeat: no-repeat;
background-position: center center;}

.profile_menu a > .profile_menu_entry:hover{ background-image: none!important; color:blue }


So here is how it works

In the first line you see the href$="youtube" This is telling the css to look for the tab which ends with the word youtube at the end of the url and so appplies the background image to it. The background image you can see I linked to where it is by adding the url for it. Next the link text colour is set to transparent so it's not visible on top of the image. So to add more images you just add a new block for the tab as you can see for the one I added for the audio. This way you can just add images to the tabs you prefer or just add a block for each tab. It's really easy then to change or remove the images by just editing the url for the image or remove that block of css.

Next we add a little default styling for the images and that is the little block of code under the audio block.

And lastly the final line removes the image on hover and shows the text for the tab as blue.

updated by @john-bizley: 02/10/15 02:46:09PM