Home › Updates

Updates

New option for Twitter plain feeds

 March 31, 2016
by Flavio Mester

Our Twitter Feed, Plain content block now includes an option that lets you specify whether the user info info (the photo and name) should be include in every tweet.

Twitter plain feeds

Twitter feed example


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Creating a transparent stationary navigation bar on the Home page only

 March 4, 2016
by Flavio Mester

Some modern fluid websites with a stationary navigation bar feature a large, responsive “hero” picture on the Home page. The effect can be made more dramatic if the navigation bar is transparent, with the logo and links appearing to hover above the photo. As you scroll down the page, the stationary bar transparent background automatically changes into a flat colour, so the links remain visible against the page content underneath.

For instance, when this Home page is loaded, the top portion of the page looks like this:

Beginning

As you scroll down, the bar changes automatically:

Changed bar

This can now be easily achieved without coding, directly from YWD Designer. Assuming your website is set to use the Stationary and fluid navigation style, you simply go to Navigation / Main horizontal nav. / Navigation bar, advanced and select the Transp. on Home, flat on others option.

Fluid transparent

Notes:

  1. On all the other pages, the navigation bar will display the flat background colour from the start i.e. it will not be transparent.
  2. The default flat background colour is white. You can change that colour in Layout / Banner options in the Banner area background field. In the example above, a shade of grey was selected.

 

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

New stationary navigation style options

 March 2, 2016
by Flavio Mester

Stationary menu options

Previosuly, if your website was set to use a stationary navigation style i.e one in which the banner and navigation bar stays in place at the top of the page as you scroll down, and you wanted to style the navigation bar – add a drop shadow, remove the grey hairline, or make the bar semi-transparent for instance – you had to add your own custom CSS code.

YWD Designer now includes options to do that without coding in Navigation / Main horizontal nav. / Navigation bar, advanced.

 


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

Header and Footer blocks can now be displayed on mobile

 March 2, 2016
by Flavio Mester

Header and Footer blocks can now be displayed on mobile

Previously, content blocks placed in the Header or Footer areas of the page i.e. above the Left, Main and Right columns could not be displayed on mobile. But you can now display them there if you want. The setings are located on Design / Mobile devices / Phones / Banner.

In order to maintain compatibility with existing websites they will remain set to “hide” until explicitly changed, whereas for new websites they’ll be set to “show” by default. In that case, you also have the ability to hide specific Header or Footer blocks from mobile if you want.


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

YWD Commands

 March 1, 2016
by Flavio Mester

Bracket ywd-section Bracket

YWD display code version required: v 1.1

Add an Embed Code content block before a set of blocks with the command above to create a section, and apply an Autoformat and/or a backgrund image to it. This way you will be able to visually group those blocks.

If the page has more blocks, insert another Embed Code block as described below to close the section.

An example

Let’s say you would like to build content that looks like this:

ywd-section, final

In other words, you have 4 blocks of content – the “Our Services” heading, followed by 3 callout boxes appearing side by side. And all those 4 blocks share the same “stretchy” background image.

To accomplish that:

1. Add an Embed Code content block above the group. Type in the text below (don’t forget the brackets):

ywd-section

Now switch to the Advanced options of the content block. We’ll select a background image, as well as an Autoformat (previously definied in the website’s Design settings, with some padding around the content) which is also set to stretch any background images.

ywd-section settings

2. If your page contains more blocks after the section (as this example does) then you need to add another Embed Code like that. Place this one at the end of the section. But for that block, don’t enter any box style.

So here’s what the structure would be in this case:

ywd-section structure

The best thing is that the structure above is responsive: if the page is viewed on a phone, the side by side block will automatically appear “stacked”, with the background image still stretching to cover the whole section:

Mobile display


Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn

 

  

 

 
Top of page