Forum Activity for @john-bizley

My Video Sizing For YouTube Videos In The URL Scanner

Design and Skin Customization

If you have the url scnner installed then in your timeline when it finds a link for media it will display the contents when you click the click. Well I decided to resize the videos and give them a little more 3d effect while having all the borders go away once you start it or move your mouse away. The sizes are set so it re-sizes on the screen size. Of course depending on your site layout and page widths you may have to edit the sizes a little but this will get your going. My site is 1280px wide.

Here is the code I used and added this to my html css file.

/* This is on the timeline on profiles etc for the url scanner youtube videos */
/* yt player in the action link on timeline */
@media only screen and (max-width:501px){
#profile .action_item_link iframe{ width:100%!important;height:198px!important;display:flex;margin:auto}}
@media only screen and ( min-width:501px )and ( max-width:587px){
#profile .action_item_link iframe{ width:440px!important;height:248px!important;box-shadow:2px 4px 6px rgba(0,0,0,0.8);display:flex;margin:auto}}
@media only screen and ( min-width:587px )and (max-width:998px){
#profile .action_item_link iframe{ width:420px!important;height:237px!important;box-shadow:2px 4px 6px rgba(0,0,0,0.8);display:flex;margin:auto}}
@media only screen and ( min-width:998px )and (max-width:1100px){
#profile .action_item_link iframe{ width:520px!important;height:293px!important;box-shadow:2px 4px 6px rgba(0,0,0,0.8);}}
@media only screen and ( min-width:1110px ){
#profile .action_item_link iframe{ width:640px!important;height:360px!important;box-shadow:2px 4px 6px rgba(0,0,0,0.8);}}

And here is the link to my site profile where the top three posts in the timeline are videos so click on the link and you will see the videos show up with the styling above.

http://1940snetwork.com/founder

Regards
John
updated by @john-bizley: 01/08/15 06:30:31AM

Height - Width Issues in Timeline

Using Jamroom

Here is a line of css which fix's the issue and an after image of the now full width video in the profile timeline.

I added this to my site html css file: .action_item_link div { display:block!important }

updated by @john-bizley: 12/05/14 02:39:55PM

Height - Width Issues in Timeline

Using Jamroom

I have some code can style this to get it nicely full width to get rid of the borders and but the issue causing the ' skinny look ' is a div which is set as an inline-block, if this was changed to just block then the player fills the width as it should. Here is a screenshot showing the div which I set to a block in firebug to test it.
@brian seeing as you are following this one thing I noticed in the forums is that you have to press Post Response to then be able to add an image to the said post. So you have to then edit the post to add the image rather than do it all at the same time ?

updated by @john-bizley: 12/05/14 01:55:40PM

Arranging Tabs In Profiles: How Do You ?

Design and Skin Customization


Thanks Michael will take a look into that.

My Beta Slate Skin Site So Far

Design and Skin Customization

Sure can take a look for you Ken and see what we can come up with.Just sent a friend request on creators so we can use the email function there to discuss further.

Can't Find Forum Template

Design and Skin Customization


It should be possible to target just the forum page by setting the css to read the url so it will only make those changes on that page.

Height - Width Issues in Timeline

Using Jamroom

Ken I have noticed this to and am going to write a little snippit of code to adjust that much like I did for my YouTube videos. Will try and get to that later today as it was on my list of to do items today.

Facebook Player - words to right, instead of below...

Design and Skin Customization

In firfox I use firebug which allows you to right click on an element in a page to view the code, you can make changes in that page which is then shown on your web page then if happy copy out your setting then add it to the css files. In IE you press F12 to get the code showing which is what you see in that screenshot above. Again you can make the changes which I did to show how the fix would look.

The image above shows the code on the same screen but I have three monitors so I can move the tab with the code on onto one of those so it makes it easier to see the whole webpage on my main monitor and then the changes I make. I you do a lot of code stuff this works really well and is worth investing in another monitor. It's very handy to keep your email open there or whatever so you don't have to keep switching around other pages or programs on your main monitor.

My Beta Slate Skin Site So Far

Design and Skin Customization


I have checked on my tablets including microsoft surface and all looks ok, the buttons sizes have not changed from the original Jamroom ones as I have only added some styling to them. I use the developer responsive option in firefox as it allows me to see it all happen as I resize the developer window which gives the screen sizes as it goes. The timeline works ok too as I have set the styling to only come into affect from 800px and upwards so on screens under that it is the default layout by Jamroom.

Can't Find Forum Template

Design and Skin Customization

You should be able to do this purely using some css to remove the buttons etc and leave behind what you want, this way you won't have to mess with any templates. Will have a play with my site to see how this could work out later today.