ASP.NET CMS: Administration Template
For many creating advanced ASP.NET website or application administration templates is difficult; we are software developers not designers. This sample and tutorial shows you how to leverage freely available pre-designed templates and how to use them in your existing ASP.NET application or website.
<p class="overview_day">Today</p>
<p class="overview_count">1,876</p>
<p class="overview_type">Hits</p>
<p class="overview_count">2,103</p>
<p class="overview_type">Views</p>
</div>
<div class="overview_previous">
<p class="overview_day">Yesterday</p>
<p class="overview_count">1,646</p>
<p class="overview_type">Hits</p>
<p class="overview_count">2,054</p>
<p class="overview_type">Views</p>
</div>
</article>
<div class="clear"></div>
</div>
</article>
<!-- end of stats article -->
<article class="module width_3_quarter">
<header>
<h3 class="tabs_involved">Content Manager</h3>
<ul class="tabs">
<li><a href="#tab1">Posts</a></li>
<li><a href="#tab2">Comments</a></li>
</ul>
</header>
<div class="tab_container">
<div id="tab1" class="tab_content">
<table class="tablesorter" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Entry Name</th>
<th>Category</th>
<th>Created On</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox"></td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Articles</td>
<td>5th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
<td>
<input type="checkbox"></td>
<td>Ipsum Lorem Dolor Sit Amet</td>
<td>Freebies</td>
<td>6th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
<td>
<input type="checkbox"></td>
<td>Sit Amet Dolor Ipsum</td>
<td>Tutorials</td>
<td>10th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
<td>
<input type="checkbox"></td>
<td>Dolor Lorem Amet</td>
<td>Articles</td>
<td>16th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
</tbody>
</table>
</div>
<!-- end of #tab1 -->
<div id="tab2" class="tab_content">
<table class="tablesorter" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Comment</th>
<th>Posted by</th>
<th>Posted On</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox"></td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Mark Corrigan</td>
<td>5th April 2011</td>
<td>
<article class="module width_quarter">
<header>
<h3>Messages</h3>
</header>
<div class="message_list">
<div class="module_content">
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
</div>
<div class="module_content">
<fieldset>
<label>Post Title</label>
<input type="text">
</fieldset>
<fieldset>
<label>Content</label>
<textarea rows="12"></textarea>
</fieldset>
<fieldset style="width: 48%; float: left; margin-right: 3%;">
<!-- to make two field float next to one another, adjust values accordingly -->
<label>Category</label>
<select style="width: 92%;">
<option>Articles</option>
<option>Tutorials</option>
<option>Freebies</option>
</select>
</fieldset>
<fieldset style="width: 48%; float: left;">
<!-- to make two field float next to one another, adjust values accordingly -->
<label>Tags</label>
<input type="text" style="width: 92%;">
</fieldset>
<div class="clear"></div>
</div>
<footer>
<div class="submit_link">
<select>
<option>Draft</option>
<option>Published</option>
</select>
<input type="submit" value="Publish" class="alt_btn">
<input type="submit" value="Reset">
</div>
</footer>
</article>
<!-- end of post new article -->
<h4 class="alert_warning">A Warning Alert</h4>
<h4 class="alert_error">An Error Message</h4>
<h4 class="alert_success">A Success Message</h4>
More Information
I will add additional tutorials on this subject adding more advanced features to the original template until we end up with a full CMS written with your needs in mind. When part two is ready I will edit this page to include a link to it. Future Tutorials will contain:
u.sanwen.net/578286.html
szdkfp1688.bandcamp.com
hzdkfp1688.bandcamp.com
zzdkfp1688.bandcamp.com
bjdkfp1688.bandcamp.com
nndkfp1688.bandcamp.com
ncdkfp1688.bandcamp.com
jade1225.auyou.com
t.99.com/932375268
Introduction
Customization I: The basics
Customization 2: Advanced
Adding User Administration
User Administration
Roles Administration
Adding Users With Roles
Adding Database Administration
Adding Content Administration
Frontend Template customization