The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rounded corners on youtube videos.

View previous topic View next topic Go down

Solved Rounded corners on youtube videos.

Post by luiz1877 on December 30th 2013, 11:41 pm

Can i have rounded corners on youtube videos? (not square or rectangle)

My forum is everyonesblog.net and its phpbb3.

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 1:32 am

Hello luiz1877 ,

Add this to your CSS styesheet :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet
Code:
.post embed[type="application/x-shockwave-flash"] { border-radius:15px; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by BlackScorpion on December 31st 2013, 2:19 am

@Ange Tuteur wrote:Hello luiz1877 ,

Add this to your CSS styesheet :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet
Code:
.post embed[type="application/x-shockwave-flash"] { border-radius:15px; }

Have a code for PunBB?or will this work also?

BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 4451
Reputation : 651
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 2:19 am

didnt work, i can see if the punbb code works

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 2:42 am

It should work for all version. Try using important :
Code:
.post embed[type="application/x-shockwave-flash"] { border-radius:15px !important; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 2:48 am

For some reason it still looks the same.

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 2:53 am

@luiz1877 wrote:For some reason it still looks the same.
Are they rounded or not ? If the corners are still sharp then it did not work.

I have tested on my test forum and it is working properly, increase the pixels until its round enough to what you wish.


Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by SLGray on December 31st 2013, 6:26 am

Add the code to the top of your stylesheet.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35634
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Luffy on December 31st 2013, 11:45 am

Still doesn't work to me also SLGray. Even in the top doesn't work..






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by musket on December 31st 2013, 11:53 am

It works only on the videos posted with [youtube][/youtube] not on the iframe code posted versions Smile

musket
Helper
Helper

Male Posts : 1129
Reputation : 131
Language : English
Location : Northern Ireland

http://hemmingsdaman2.forumotion.co.uk/

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Luffy on December 31st 2013, 11:58 am

It doesn't work on youtube videos.. Sad

Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by musket on December 31st 2013, 12:05 pm

Marios94 wrote:It doesn't work on youtube videos.. Sad
I put it in css here so you will see what happens you will see the difference to videos posted

http://hemmingsdaman2.forumotion.co.uk/t264p180-post-your-favourite-videos#4344

the video URL has to go between the [youtube][/youtube] BBcode for the rounded corner effect to work Hello

I may remove this CSS mod later as I dont really want it Very Happy

in Admin panel. Display>colors>css stylesheet add the code below and submit

@Ange Tuteur wrote:It should work for all version. Try using important :
Code:
.post embed[type="application/x-shockwave-flash"] { border-radius:15px !important; }

musket
Helper
Helper

Male Posts : 1129
Reputation : 131
Language : English
Location : Northern Ireland

http://hemmingsdaman2.forumotion.co.uk/

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 8:54 pm

musket hasnt worked for me at all.

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 9:11 pm

Hello what browser and version of that browser are you using ?

Thanks in advance. I love you

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 9:13 pm

Latest firefox according to http://www.mozilla.org/en-US/firefox/new/

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 9:18 pm

Then the property should be supported.

Try without the type selection however, this will select all embedded contents in posts.
Code:
.post embed { border-radius:15px !important; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 9:24 pm

...wont work still.

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 9:30 pm

Please post a link to a video on your forum that guests can see. Make sure the CSS code given is still in your stylesheet, thanks.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 9:34 pm

http://www.everyonesblog.net/t117-testing-video-embed#481
If you need to use the 'guest' account to see my admin panel you can use it because i dont know whats wrong.


Last edited by luiz1877 on December 31st 2013, 9:40 pm; edited 1 time in total

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 9:39 pm

Hello I have found the problem why it is not working see here :


You are making the CSS selectors invalid by placing slashes and text in from of them. Javascript and CSS comments are different, doing the above makes your code not work.

You should instead write comments as :
/* This is a CSS comment */

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 9:45 pm

Fixed!
12:47:00 I have a new issue wait until i get screenshots


Last edited by luiz1877 on December 31st 2013, 9:49 pm; edited 1 time in total

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 9:48 pm

Please open a new topic for other problems.

Is this problem solved ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by luiz1877 on December 31st 2013, 9:50 pm

Well, yes but by fixing this problem we caused another problem.

luiz1877
Forumember

Male Posts : 155
Reputation : 2
Language : English | Portuguese

http://everyonesblog.net

Back to top Go down

Solved Re: Rounded corners on youtube videos.

Post by Ange Tuteur on December 31st 2013, 9:55 pm

Then we will get to that. Smile

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum