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

Anastasiia_NING support posted a discussion in NING BUSINESS CLUB
- Light. Try to make shots during morning and afternoon (дневные) hours. It will strongly influence…
2 hours ago
Alex replied to Alex's discussion
Missing images???
"Yes, I also reported that to Ning Support a while back - but not fixed yet."
16 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Trick: Perfect Combination for Bringing Your Community Into a Facebook Page
"It seems like the only way people respond to posts inside this community anymore is if it is a comp…"
18 hours ago
Fabricio Giugni replied to Fabricio Giugni's discussion
Like button is not working
"Hi There,
I took about a minute to find where it was. It works better when Like button cames under…"
21 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"here is the new color : 
rgb(35, 85, 117)
or
#235575"
22 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"OMG Anastasiathat is amazing !!!thank youJust the color needs to be changed (sorry I have changed t…"
22 hours ago
marie replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"OMG Anastasia
that is amazing !!!
thank you
I will go into the code to modify the background colour…"
22 hours ago
Anastasiia_NING support posted a discussion in NING BUSINESS CLUB
Here is the list with their names and links to the resources where you can find information about w…
23 hours ago
Anastasia_Ning_Support replied to marie's discussion
Landing page navigations do not show menus on mobile screen
"Hello!
My colleague has made some changes to make it look as close as possible to the picture you s…"
23 hours ago
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
Like button is not working
"Hello!
My colleague has relocated the Like button as you asked, please check it. 
Best regards,
The…"
23 hours ago
Thisisbully replied to Alex's discussion
Missing images???
"Also when you upload say more than one photo at once it will show the first photo u select that man…"
yesterday
Anastasia_Ning_Support replied to Fabricio Giugni's discussion
A list of Problem just growing...
"Hello!
I am sorry, I will insert screenshots into my reply. 
"I can see that you have already check…"
yesterday
More…

Meanwhile, you can check our social media channels