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.

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

Fernando Bisbal left a comment on Ning Networks en español
"Alguien sabe si NING tiene pensado crear app para android o ios? seria genial que nuestras redes so…"
9 hours ago
diljot kaur updated their profile
yesterday
Tiffany Lawrence, Robert Dougherty, Harjot and 106 more joined Ning Creators Social Network
Wednesday
Ana Massien updated their profile photo
Monday
Ana Massien updated their profile
Monday
Alexander Wilon replied to Alexander Wilon's discussion
Ning 2 Site For Sale
"Hi Amber, yes, I am taking offers at the moment.  Please offer what you are prepared to pay as I ha…"
Sep 14
Amber replied to Badan Barman's discussion
Ning 2.0 Network is Available for Immediate Sale
"Still for sale?"
Sep 13
Amber replied to Alexander Wilon's discussion
Ning 2 Site For Sale
"Hello, Alex!
are you still looking to sell your site?"
Sep 13
Amber posted discussions
Sep 13
دانلود مقاله پرسش مهر ۹۸ updated their profile
Sep 13
Rhonda Smith, Derric Waller, Gregory Kolupanovich and 7 more joined Ning Creators Social Network
Sep 13
⚡JFarrow⌁ updated their profile photo
Sep 12
More…

Meanwhile, you can check our social media channels