1. How to Add the Portal Logo, Adding and styling the User/Login Skin Object on a Bootstrap Skin
  1. 10m 56s
    Apr 01, 2013

This is part 2 on creating a responsive twitter bootstrap skin for DotNetNuke 7.

In this tutorial we will be building upon the Bootstrap skin we have created for DNN 7.

We will be working on the skin we created in the ‘Creating a Responsive Twitter Bootstrap Skin for DotNetNuke 7’ so it is important that you have followed that tutorial and have your bootstrap skin ready before we begin.

In this tutorial we will walk you through how to add some standard skin objects such as the logo, the new login-messages-notifications feature and the privacy, terms and copyright skin objects, and finally we will lead you through how to create a footer for our skin.

This video contains:

  • Introduction
  • Creating a new row for the portal logo
  • Adding the portal logo to the skin
  • How to add the user/login skin object to the skin
  • Using jQuery to add the appropriate css classes to the user/login skin object
  • How to remove the excess padding from the avatar image
Tags:
dnn7 skin bootstrap
Author:
Andy Stephenson

About 2013 Edition

2h 47m 18s All Jan 01, 2013

DNN Video Tutorials posted during 2013

Tags:
dnn5 dnn6 dnn7 3rd party module advanced beginners bootstrap email installation menu search skin
Author:
Andy Stephenson
Back

Try FREE
30 days money back guaranteed