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

Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Hello!
You are not able to edit your landing page in the draft mode because of the current bug. Onc…"
3 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Hello!Thank you for sharing your work with us! I, personally, really like the main landing page. 
H…"
3 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Hi there!
Thank you for letting us know! I`ve added your network to the report as well so we can pr…"
3 hours ago
Lucie Stephens, Tiffany Bethea, Jeremy Carrasco and 4 more joined Ning Creators Social Network
4 hours ago
Dan Lee replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Best way to edit is to use google chrome https://brainwavefusion.com/home"
9 hours ago
Ceddy J replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"I have been quiet as I have been one of the beta testers. Not only is this a smart default landing…"
yesterday
J.Ayvar replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"My website is also one of those that can not use this new tool. Actually, When i click to the edit…"
yesterday
Zachary Hunt replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"ALthough it`s beta version, everything is going right, I like it. Ning, very well, it`s a right way…"
yesterday
Philip Voice replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"I set up a test home page but I can't add content to it. I also found that I had to save as a live…"
yesterday
Caroline Barratt, Nicole Choman, Andrea Retini and 3 more joined Ning Creators Social Network
yesterday
Bradley Combs replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Great news, thank you. A necessary feature, it`s cool that you added this opportunity! "
yesterday
Anastasia_Ning_Support replied to Dr. Krishna Kumari Challa's discussion
Why isn't my Ning network site not secure?
"Hi there!
Please accept my apologies for the inconveniences. I have made a request to install SSL c…"
yesterday
More…

Meanwhile, you can check our social media channels