dioganal section design for page

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
Bart Design
 
 
Posts: 122
Joined: Thu Dec 12, 2013 9:38 am

dioganal section design for page

Post by Bart Design » Mon Dec 18, 2017 10:57 am

Hi is there annyone that can help me out! I like to make a dioganal section in a webpage. I like to make this full lenght... in a layer?? Annyone... Thanks in advange.

User avatar
Pablo
 
Posts: 13964
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: dioganal section design for page

Post by Pablo » Mon Dec 18, 2017 11:08 am


Bart Design
 
 
Posts: 122
Joined: Thu Dec 12, 2013 9:38 am

Re: dioganal section design for page

Post by Bart Design » Mon Dec 18, 2017 6:40 pm

Thanks pablo, but i mean horizental and than instead of 90 degrees, i like to make it for example 115 degrees. I try everething without anny succes.
Hope you have annouther solution for me.

pajadt
 
 
Posts: 326
Joined: Sat Mar 16, 2013 11:23 am
Location: Europe
Contact:

Re: dioganal section design for page

Post by pajadt » Tue Dec 19, 2017 3:05 pm

Hi Bart
that what you want require css coding, any way you can contact me and i see what is need
\\

User avatar
bburgess
 
 
Posts: 202
Joined: Mon May 13, 2013 5:05 am
Location: Australia
Contact:

Re: dioganal section design for page

Post by bburgess » Tue Dec 19, 2017 11:32 pm

Bart Design wrote:
Mon Dec 18, 2017 10:57 am
Hi is there annyone that can help me out! I like to make a dioganal section in a webpage. I like to make this full lenght... in a layer?? Annyone... Thanks in advange.
Hi Bart, if you mean this: https://www.burgessfreelancer.ga/design ... y_concept/

Just yell and I will post the small bit of CSS that makes it work. Sorry at Work at the moment with out access to WB

Cheers
BB

Bart Design
 
 
Posts: 122
Joined: Thu Dec 12, 2013 9:38 am

Re: dioganal section design for page

Post by Bart Design » Wed Dec 20, 2017 1:57 pm

Thank you guy's for replying to my question. If you can help me out with de css coding i will apresiate this a lot. Can i use the code for a shape and also a layer? And how and were to install! Thanks in advange

Bart Design
 
 
Posts: 122
Joined: Thu Dec 12, 2013 9:38 am

Re: dioganal section design for page

Post by Bart Design » Wed Dec 20, 2017 2:13 pm

bburgess wrote:
Tue Dec 19, 2017 11:32 pm
Bart Design wrote:
Mon Dec 18, 2017 10:57 am
Hi is there annyone that can help me out! I like to make a dioganal section in a webpage. I like to make this full lenght... in a layer?? Annyone... Thanks in advange.
Hi Bart, if you mean this: https://www.burgessfreelancer.ga/design ... y_concept/

Just yell and I will post the small bit of CSS that makes it work. Sorry at Work at the moment with out access to WB

Cheers
BB
Hi bburgess, what i also like on your site, is the way how it zooms in verry slowly on a picture! That looks really great! Is that also css coding or can i do this with the WB? Thanks i like to hear from you. Greeting Bart Design

User avatar
bburgess
 
 
Posts: 202
Joined: Mon May 13, 2013 5:05 am
Location: Australia
Contact:

Re: dioganal section design for page

Post by bburgess » Wed Dec 20, 2017 8:14 pm

The zoom images are from a Block in in WB I am running 12.3.0 but it should be in 12.0 and up I think, it comes with the Zoom Background HTML Element so its Pablo who's done all the hard work on that one :)

The CSS to Skew is:
Object HTML > Custom Style > Paste in code

Code: Select all

-ms-transform: skewY(10deg); /* IE 9 */
-webkit-transform: skewY(10deg); /* Safari */
transform:skewY(10deg);
You just adjust the degrees, either -10 -15 -20 et cetera or 10 15 20.

On the page I have made a layer 10 degrees and a picture -10 degrees so its possible to make different angles with some playing.

Hope this helps :)

Cheers
BB

Bart Design
 
 
Posts: 122
Joined: Thu Dec 12, 2013 9:38 am

Re: dioganal section design for page

Post by Bart Design » Thu Dec 21, 2017 6:51 pm

Thanks bburgess, i try it out and it workes! Nice... This wil give a extra demention to my site! Thanks again!

Post Reply

Who is online

Users browsing this forum: No registered users and 23 guests