Chủ Nhật, 17 tháng 4, 2016

Gonzo - Clean, Responsive WP Magazine

Gonzo - Clean, Responsive WP Magazine
Gonzo - Clean, Responsive WP Magazine is built with semantic HTML5/CSS3 and is completely responsive/retina-ready. Now, once we click away from the item, you'll notice that the item disappears. What's happening here is all of the items above the layer that we assigned to be a mask are now clipping in or being masked by our orange box. So, if we come over here and look at the Layers panel, we can see this little down arrow here for the image, which represents the fact that this image is being masked by this layer here, but we can also see the same thing happening to our type layer.

Version 1.9.7 Bug fix
style.css
js/scripts.js
includes/class/Tax-meta-class/ ***all files updated***

Gonzo - Clean, Responsive WP Magazine - intro
In order to get this item to ignore the mask, we're going to right click on this, come down, and choose Ignore Underlying Mask. Once we do that, the arrow on the left hand side will go away and now we can see our type showing up here. So, if you ever create any artwork after creating a mask and the artwork disappears, look over in your Layers panel, and just make sure that the item is not being clipped or masked into a previous defined mask layer. So, now with our headline created, I'm going to come up here and select this.

Gameleon - WordPress Magazine & Arcade Theme v4.2 Free Download

Gameleon - WordPress Magazine & Arcade Theme


Update Gameleon - WordPress Magazine & Arcade Theme V4.2 – 23 March 2016
Updating: Revolution Slider to the latest version(2 bugs fixed)
Updating: Arqam – Social Counter Plugin to the latest version
Added plugin versions to plugin activator for premium plugins so that the active plugins must be this version or higher, otherwise a notice is presented

Uploader - Advanced Media Sharing Theme - Free Download

Uploader - Advanced Media Sharing Theme
Uploader - Advanced Media Sharing Theme - Free Download just move this up a little bit here so it optically aligns with the top of the image. Let's come in here, let's select our characters, let's come over to our text style, let's create a new text style. We'll call this H2. Press Return. Then we'll come over here and create another text block. So, Insert, Text, click and drag, make this six columns across. Notice that since we created this above this layer here, this is not being clipped into this mask.

Uploader - Advanced Media Sharing Theme-intro
Uploader - Advanced Media Sharing Theme-list
Uploader - Advanced Media Sharing Theme in here and let's reuse the same block of content we used in the main section. So, we'll copy that to the clipboard. Back in our layout, I'll paste that in here. Now I want to style this text similar to what we did earlier in the main section, however, we don't have the ability to nest the styles or to create one style based on another. So, I'm going to come in here, and select all of this text. I'm going to come in here and set this to Open Sans.

Stratus - App, SaaS & Product Showcase

Stratus - App, SaaS & Product Showcase
Now we have three blocks of content that are perfectly sized with each other and take up 1/3 of the amount of space on the horizontal with the same amount of spacing in-between each item and to the edge of the art board. And before we continue on, let's go back to the Layers panel. Let's select all of these text layers and the three icon groups. And let's put all of these into a group called main. Stratus - App, SaaS & Product Showcase is a premium WordPress theme, designed specifically for App and SaaS companies, startups, product development companies, and businesses with a specific focus on lead generation, product and service showcasing as well as all the important features you need to make your business successful.

VERSION 1.1.1 – FEB 26, 2016

New Features
  • Added different cart icon options
  • Added option to hide cart icon
Updates & Fixes
  • Corrected styling for checkout table changes in WC 2.5
  • Corrected bug where cart icon appeared the wrong color
  • Corrected bug where menu font typography setting has no effect
  • Corrected bug with mailto links added as social media links
  • Fixed bug where sticky nav is overlapped by transparent header on scroll up
  • Corrected styling for top bar right margin
  • Improved support for Yoast SEO / Metabox plugin
  • Fixed tab wrap shortcode bug
  • Improved spacing for CTA with two buttons

Stratus - App, SaaS & Product Showcase- responsive
Stratus - App, SaaS & Product Showcase- one click demo
Now we'll start working on the next section. This is going to be our atmosphere section. So, first, let's come back to our View button. Let's come down and turn on the Show Layout. Now, these layout rules are a little dark, so, let's come down here, let's come down to Layout Settings, let's come down here for the colors, let's click on the swatch for Light, and let's come in here, and let's just bring this down a little bit. So, I'll make these dark enough so you guys can see this on the video. You might want to actually make them much lighter based on your layout.

KeySoft - WordPress Software Landing Page

KeySoft - WordPress Software Landing Page
KeySoft - WordPress Software Landing Page is a clean, creative and responsive WordPress landing page template for software , start-ups and mobile apps. Let's come up to the Insert panel. Let's come down to Shape, let's choose Rectangle. Now we'll come over here and draw a rectangle under the main section. Let's come down and let's make the height of this about 280 pixels. Using my arrow keys, I'm going to move this up a little bit. Now, with this new rectangle selected, let's come over to our fill, let's click on the Fill swatch, let's come down to document colors.

KeySoft - WordPress Software Landing Page 9 style
We're going to color it the same orange as the color that we're stroking our vector graphics with. Let's turn off the border properties. I'll delete them as well. So, now with this item selected, let's come back up to the Insert menu. Let's add a new rectangle that we're going to use as a mask for an image. So, let's come down here, let's get our cursor down about 20 or 30 pixels from the top. Then I'm going to click and drag and draw a rectangle here. Now this will want to snap to some of the other elements on the page, so I'll let go of the rectangle, then I'll go back, grab the side, and I want to snap this in to be half the width of the area of KeySoft - WordPress Software Landing Page here

BuildPress - Construction Business WP Theme

BuildPress - Construction Business WP Theme
BuildPress - Construction Business WP Theme allows you to create a smart website, easily, so you can focus on what’s most important – your building projects and clients. I'll start on the first vertical grey bar and make this span for six grey bars. Then we'll come up to the Insert menu. Let's come down and choose Image. Let's go into our exercise files, into the CHO1, into the Photos folder. Let's come down and select Lounge.jpeg, click Open. Now, just like before, this image will take up all of the available space in the artboard. So, let's come up here and zoom out.

v3.3.2 (2016-03-21)
@ improved: updated FontAwesome version, to include new icons
# fixed: strip away html in excerpt text of the Featured Page widget
# fixed: bug in WooCommerce for 768px screens
# fixed: custom excerpts in featured page are not shown when just a little longer than 240 chars

Let's come in here and scale this down a little bit, just to get somewhat close to the size we need. Move this into place. Let's zoom back in. Let's come over to the Layers panel. Let's select this rectangle here that we want to use as a mask. Right click. We'll choose Use as Mask. That will clip this photograph in here. Now let's come over here and let's turn off the layout.

Max Mag - Responsive Wordpress Magazine Theme

Max Mag - Responsive Wordpress Magazine Theme
You want to scale this down and I want to get this so we have the large ball here, showing about halfway, just touching the corner over here. Then I'll scale this down from the top. I want to make sure we can see some of the couches over here on the right. Then I'll move this up so I'm getting the cropping on the light that I want, in the upper left hand corner. Now I'll move my artboard over a little bit. Let's come back and turn our layout settings on again. Max Mag - Responsive Wordpress Magazine Theme s fully-responsive, retina-ready and Compatible with WooCommerce and bbPress. It also includes a “sticky” menu bar, a slider on each category page, 5 different ad units (including a wallpaper and mobile ad), a drag-and-drop homepage, 16 custom widgets, secondary feature headlines, SEO friendly and so much more!

v2.6 – March 26, 2016
  • Fixes bug with Theme Options caused by Wordpress 4.4 update
  • Updates title tag code to comply with Wordpress 4.0+
  • Updates Theia Post Slider to latest version (1.9.15)
/admin/admin-style.css
functions.php
header.php
style.css
Max Mag - Responsive Wordpress Magazine Theme intro
Max Mag - Responsive Wordpress Magazine Theme style
Let's insert a text block. We'll line this up with the top of the image mask. Click and drag, we'll drag this out to be the width of six columns. Then we'll type inside, Creating a Modern Atmosphere. I'll set this in Open Sans, bold. We'll set the size to 32. Set the color to white. Make sure the line spacing is set to 43.