Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Css, Html fluent iframe videos!!
Click here to see it in action.

 

Design Studio, custom CSS, Global CSS

/* CSS gframe iframe */
/* Design Studio, custom CSS, Global CSS */
.gframe iframe{
position: absolute!important;
left:0px!important;
margin-left:0px!important;
display: inline-block!important;
width:100%!important;
height:100%!important;}
.gframe{
margin:10px!important;
display: inline-block!important;
vertical-align: middle!important;
float: none!important;
position: relative!important;
margin-left:0px;
width:47%!important;
height:auto;
padding-bottom:27%!important;
border: 0px solid rgba(000, 000, 000, 1)!important;
border-radius:8px 8px 8px 8px!important;
-webkit-border-radius:8px 8px 8px 8px!important;
-khtml-border-radius:8px 8px 8px 8px!important;
box-shadow: 0px 0px 3px 6px rgb(000, 000, 000)!important;
-webkit-box-shadow: 0px 0px 3px 6px rgb(000, 000, 000)!important;
overflow: hidden!important;
}
.gframe.geo{
width:79%!important;
padding-bottom:45%!important;
}
.gframes{
text-align: center!important;
}
@media screen and (max-width:1025px) {
body .gframe.geo,
body .gframe{
width:75%!important;
padding-bottom:42%!important; }}
/* End CSS gframe iframe */

 

The HTML go's in any singal collom page.

<div class="gframes">
<div class="gframe geo"><iframe width="560" height="315" src="https://www.youtube.com/embed/lydBPm2KRaU?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe width="560" height="315" src="//www.youtube.com/embed/X0gA2mxbjSY" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe width="560" height="315" src="https://www.youtube.com/embed/VwSIj4dyhtQ" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe width="560" height="315" src="https://www.youtube.com/embed/YbwhXFbsyVw" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="gframe"><iframe src="https://www.youtube.com/embed/OgStk7WlheE" allowfullscreen="allowfullscreen" frameborder="0" height="315" width="560"></iframe></div>
</div>

 

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    Love it... awesome G!  Good to see you back!

    • Thank you ⚡JFarrow⌁,..

      Really I haven't finished this discussion, there is a lot more you can do with the gframes.. I will update this discussion as soon as I have time..

      You have a wonderful day my friend. :)

      ⚡JFarrow⌁
      This is where Creators get together to share advice and tips about growing their Ning Social Networks.
This reply was deleted.

Featured Discussions

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Captain Major RockettBobebuzz updated their profile photo
14 hours ago
vishnu vardhan updated their profile
16 hours ago
Annabel Gregory replied to Annabel Gregory's discussion
Another issue with SSL certificate renewal - please, please sort it!
"Correction - Ning didn't reply for 2 days."
yesterday
Annabel Gregory posted a discussion
Hi,Just received an email with the subject line:Let's Encrypt certificate expiration notice for dom…
yesterday
Polly Galita posted a discussion
Hello,We recently created our social network using Ning www.tiomangrow.com and we have 100 members…
Saturday
Mayo Best replied to Anastasiia_NING support's discussion How to monetize your website: use sponsored content. in NING BUSINESS CLUB
"That's great advice thanks."
Saturday
Mayo Best liked Anastasiia_NING support's discussion How to monetize your website: use sponsored content. in NING BUSINESS CLUB
Saturday
Mayo Best and Dan Lee are now friends
Saturday
Bizz replied to Sheshdhar Tiwari's discussion
Profile pic in account bar
"No worries, glad to help
Bizz :-)"
Saturday
Sheshdhar Tiwari replied to Sheshdhar Tiwari's discussion
Profile pic in account bar
"Thanks a lot. It worked."
Saturday
Bizz replied to Sheshdhar Tiwari's discussion
Profile pic in account bar
"Here is some code that Sweet Potato posted some time back for this.
Add this line to your design st…"
Friday
Sheshdhar Tiwari posted a discussion
Is it possible to insert profile pic on account bar alongside name of the member?If yes, please pro…
Friday
More…

Meanwhile, you can check our social media channels