CMS Umbraco - install VS2012

Very simple instructions here

CMS Orchard - Manual Install

I've been looking at different CMSs that use ASP.NET and came across Orchard CMS.  It's a CMS that is created by Microsoft(c), open source and "similar" to Wordpress(c).

How to Manually Install in VS2012
Orchard.source.zip

1. Unzip the source put it in your projects directory.
2. Open the sln file in VS.
3. Build and run.

There will be an intial setup and account creation.  After that you are ready to roll!

Or if you don't use VS2012, etc.
Orchard.web.zip

Follow instructions from here
Ensure you have the latest ASP.NET

1. Get the latest .zip files of the Web and Source.
2. Put the unzipped web files into inetpub/wwwroot folder.
3. Modify the security for 4 folders:  App_data, Media, Modules, and Themes. (edit: also bin folder)
4. Open iis (edit: right click folder select install as app) and create a new site for Orchard.

note: to create modules you use codegen

Back in Business

Ok so i haven't posted in almost a year.  But i'm back in business starting today coz i'm gonna learn!

ModalPopupExtender AJAX flashes when page loads

ModalPopupExtender AJAX, I don't quite understand it and it likes to do stuff I don't know where it comes from.

For instance, in a project having a pop up on the master page and switching between pages the darn pop up flashes when page loads.  

solution:  add the style="display: none"

 

more at this link another-modal-popup-extender-question

css attribute coding convention

define outside attributes then inner ones last.

margin / border / background / padding / height × width

{
    display: ;    /* Where and how the box is placed */
    position: ;
    float: ;
    clear: ;

    visibility: ; /* Can the box be seen? */
    opacity: ;
    z-index: ;

    margin: ;     /* Layers of the box model */
    outline: ;
    border: ;
    background: ;
    padding: ;

    width: ;      /* Content dimensions and scrollbars */
    height: ;
    overflow: ;

    color: ;      /* Text */
    text: ;
    font: ;
}

http://rhodesmill.org/brandon/2011/concentric-css/

css: zoom overlay on image thumbnail

I was thinking of an alternative method of doing this instead of the absolute positioning of another div. 

 <a href="image.png" class="screen-img" target="_blank">  
 <img src="image.png" width="100" />  
 </a>  

using this class:

 .screen-img {  
 display: inline-block;  
 margin-right: 5px;  
 background: #999 url(zoom.png) 50% 50% no-repeat;  
 height: 75px;  
 width: 100px;  
 img {  
 &:hover { opacity: 0.4; }  
 }  
 }  

The zoom.png is the magnify image, set as a background in the link tag.  So when the image is hovered, it will be a little transparent showing the magnify image from behind.

bonus: niffy code formatting gen for blogger - http://codeformatter.blogspot.ca/

extra space using position relative (css)

use negative margin instead.