DotNetnuke Skin
- or -
Post a project like this3723
$75
- Posted:
- Proposals: 2
- Remote
- #409407
- Awarded
Description
Experience Level: Intermediate
Please provide your quote for building the below skin.
I am building a website using DNN as the CMS system.
I need a developer to build 2 skins for the website. Website is a simple personal website with 6-8 web pages. Home Page will have skin1 and all the other pages will have skin2.
Skin Requirements
The website consists of 6 pages with 2 skins. The homepage will be skin1 and all other pages will have a second skin skin2. The only difference between 2 skins will be the
1) presence of image box in home page (skin1) and its absence in all other pages (skin2)
2) presence of 4 homepage content matrix box as explained in Point 6.d
Skin should have the following elements/components:
Page Box:The page box will act as the page's complete content body. All page items like site logo box. menu box, image box, page body content, footer etc are contained within this page box. The page box will have a shadow background. Width of page box will standard webpage horizontal width and fixed, while height will be variable depending on content size within minimum set at homepage webpage height for all pages.
Site Logo Box: Site logo box will display the site logo at the top left corner of page box. This will be present across all web pages and will be at top left corner of page box will reasonable margin from left and top. The size of site logo box will vary depend on logo image pixels.
Menu box:
The menu box will be centrally aligned (horizontally) and may have 6/7 menu items. Over time number of menu items may vary so this should be factored into account for equal horizontal spacing between each menu item within the menu box. As each menu item is added/removed the horizontal central alignment should maintain.
Menu box will not have any border.
The corresponding menu item in the menu box will have a bold font as and when the corresponding webpage is active.
Menu item in the menu box will have graphic underline when the mouse hovers around the item. This hovering effect should not only include text area but the upto the horizontal midpoint between any 2 menu items.
Image Box:
There will be 2 versions of the image box. One for the homepage (skin1) and another (skin2) for all other webpages. Width for both skins image box will remain same however height will be smaller for all pages (skin2) in vertical pixels except for homepage (skin1).
Image box on homepage will contain an image slider. Image box on all other pages will contain no slider but simply a static image.
Slogan Box
Slogan box will have slogan text line and some kind of calligraphic line underneath. Basically rendering HTML & CSS
Page content box
Core objective behind box is to render html code and house all text/content for the web page.
Width of content box should match the width of image (including border) from the image box above.
Height of page content box will be variable depending on the content size.
Homepage Content matrix box. This is applicable only to homepage (skin1) and not to any other page (skin2).
The homepage will have a 4 square matrix box.
Each box will have the capability to render individual html code.
All 4 boxes will be of equal size.
Width of 2 boxes on each row including the spacing between the 2 boxes in middle will match the width of image box above.
Obviously each row of 2 boxes will be horizontally aligned to the center.
Footer Box:
Width of footer box will match the width of page box or less.
Height & width of footer box will be fixed.
Footer box will contain a html text box that will be centrally aligned (horizontally)
Bottom elements of page like footer etc should move downwards correspondingly as the height of page content box above increases.
I am building a website using DNN as the CMS system.
I need a developer to build 2 skins for the website. Website is a simple personal website with 6-8 web pages. Home Page will have skin1 and all the other pages will have skin2.
Skin Requirements
The website consists of 6 pages with 2 skins. The homepage will be skin1 and all other pages will have a second skin skin2. The only difference between 2 skins will be the
1) presence of image box in home page (skin1) and its absence in all other pages (skin2)
2) presence of 4 homepage content matrix box as explained in Point 6.d
Skin should have the following elements/components:
Page Box:The page box will act as the page's complete content body. All page items like site logo box. menu box, image box, page body content, footer etc are contained within this page box. The page box will have a shadow background. Width of page box will standard webpage horizontal width and fixed, while height will be variable depending on content size within minimum set at homepage webpage height for all pages.
Site Logo Box: Site logo box will display the site logo at the top left corner of page box. This will be present across all web pages and will be at top left corner of page box will reasonable margin from left and top. The size of site logo box will vary depend on logo image pixels.
Menu box:
The menu box will be centrally aligned (horizontally) and may have 6/7 menu items. Over time number of menu items may vary so this should be factored into account for equal horizontal spacing between each menu item within the menu box. As each menu item is added/removed the horizontal central alignment should maintain.
Menu box will not have any border.
The corresponding menu item in the menu box will have a bold font as and when the corresponding webpage is active.
Menu item in the menu box will have graphic underline when the mouse hovers around the item. This hovering effect should not only include text area but the upto the horizontal midpoint between any 2 menu items.
Image Box:
There will be 2 versions of the image box. One for the homepage (skin1) and another (skin2) for all other webpages. Width for both skins image box will remain same however height will be smaller for all pages (skin2) in vertical pixels except for homepage (skin1).
Image box on homepage will contain an image slider. Image box on all other pages will contain no slider but simply a static image.
Slogan Box
Slogan box will have slogan text line and some kind of calligraphic line underneath. Basically rendering HTML & CSS
Page content box
Core objective behind box is to render html code and house all text/content for the web page.
Width of content box should match the width of image (including border) from the image box above.
Height of page content box will be variable depending on the content size.
Homepage Content matrix box. This is applicable only to homepage (skin1) and not to any other page (skin2).
The homepage will have a 4 square matrix box.
Each box will have the capability to render individual html code.
All 4 boxes will be of equal size.
Width of 2 boxes on each row including the spacing between the 2 boxes in middle will match the width of image box above.
Obviously each row of 2 boxes will be horizontally aligned to the center.
Footer Box:
Width of footer box will match the width of page box or less.
Height & width of footer box will be fixed.
Footer box will contain a html text box that will be centrally aligned (horizontally)
Bottom elements of page like footer etc should move downwards correspondingly as the height of page content box above increases.
Mohammed A.
0% (0)Projects Completed
1
Freelancers worked with
1
Projects awarded
0%
Last project
11 Mar 2014
Saudi Arabia
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies