Visual Site Mapper Tool

Site Mapper A very simple website planning tool for small sites. Make a Map! What's a Site Map? Type here to add a title. Add Page Here! -

Here! -

+

Here! +

Print Sitemap / Print to PDF This will only print your sitemap, not the whole website. $(document).ready(function () { //hide intro, show app $('#show').on('click', function () { $('#preamble').hide(); $('#app').fadeIn(); }); //clone item template, append to current column $(document).on('click', '.plus', function () { var col = $(this).parent().parent(); var cloneMe = $('.template').find('.page'); $(cloneMe).clone() .appendTo(col) .fadeIn(); }); //remove deleted item function removeItem() { $(this).parent().remove(); }; $(document).on('click', '.delete', function () { $(this).parent().fadeOut(); setTiemout(removeItem, 500); }); //remove deleted column function removeCol() { $(this).parent().parent().remove(); }; $(document).on('click', '.deleteCol', function () { $(this).parent().parent().fadeOut(); $(this).parent().parent().removeClass('inline'); setTiemout(removeCol, 500); }); //clone col template, append to app $('.addCol').on('click', function () { var cloneCol = $('.template').find('.newB'); $(cloneCol).clone() .appendTo('#appArea') .fadeIn() .addClass('inline'); }); //print $('h3').on('click', function () { window.print(); return false; }); }); .rPst {display: none !important;}.onPst .blogPts{max-width:1040px;}.pBd h1, .pBd h2, .pBd h3, .pBd h4, .pBd h5, .pBd h6 {margin:0;}@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);*{margin:0;padding: 0;}body{font-family:'noto sans',sans-serif}#show,.addCol,.col .deleteCol,.item .plus,.page .delete,.transition{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}#app{display:none;background-color:#ffffff00}#preview{height:400px;width:100%;position:relative;background-color:#f0f0f0;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242749/preview.jpg);background-size:cover;background-attachment:fixed}.learn{width:100%;text-align:center;color:#000;padding:1em 0;text-decoration:none;background-color:#d1d1d1}a{text-decoration:none}#show{cursor:pointer;width:200px;text-align:center;padding:1em 0 1em 0;border-radius:7px;background-color:#8775f5;color:#fff;margin:8.5em auto 0 auto}#show:hover{background-color:#5f47f1}#about{background-color:#4a4e8f;text-align:center;color:#fff;padding:1em 0 1em 0;box-shadow:0 5px 7px rgba(0,0,0,.5)}#intro{width:100%;background-color:#8775f5}#introText{text-align:center;width:100%;background-color:rgba(53,127,201,.7)}#intro h1{padding:1em 0 .8em 0;font-size:4em;color:#fff;font-weight:300}.title{background-color:#4a4e8f;width:100%;color:#fff;text-align:center;font-size:1.7em;padding:.5em 0 .5em 0;box-shadow:7px 7px 5px rgba(0,0,0,.2)}#appArea{width:100%;max-width:1200px;margin:1em auto;min-height:400px}@media screen and (max-width:1200px){#appArea{width:90%;margin-left:5%}}.item{width:100%;margin-bottom:.75em}.item .box{padding:.75em;border-radius:3px;font-size:1.2em;text-align:center;margin-bottom:.75em}.item .head{background-color:#8775f5;color:#f0f0f0;border:none}.item .sub{border:4px solid #bfb5fd}.item .plus{background-color:#d1d1d1;width:20px;height:20px;margin:0 auto;border-radius:50%;text-align:center;cursor:pointer;line-height:15px}.item .plus:hover{background-color:#bdbcbc}.item .plus p{padding-top:2px}.col{width:14%;margin:1em .5em 1.25em .5em;display:inline-block;vertical-align:top}@media screen and (max-width:800px){.col{width:22%}}@media screen and (max-width:650px){.col{width:30%}}@media screen and (max-width:585px){.col{width:46%;margin-right:.3em}}@media screen and (max-width:420px){.col{width:93%;margin:1em 0 1.25em 5%}}.inline{display:inline-block!important}.addCol{text-align:center;width:100px;margin:0 auto 1em auto;padding:.8em;border-radius:2px;background-color:#d1d1d1;cursor:pointer;font-size:.8em}.addCol:hover{background-color:#bdbcbc}.page{display:none;position:relative}.page .delete{position:absolute;top:10px;left:.7em;background-color:#d1d1d1;width:15px;height:15px;border-radius:50%;text-align:center;cursor:pointer;line-height:17px}.page .delete:hover{background-color:#bdbcbc}.page .delete p{margin-top:-2px}.newB{display:none}#print{background-color:#e8e8e8;width:100%;cursor:pointer}#print h3{text-align:center;width:210px;background-color:#8775f5;margin:0 auto 0 auto;padding:.5em 0 .5em 0;color:#fff;font-size:.9em}#print h3:hover{background-color:#335e88}#print h4{width:100%;padding:.5em 0 .5em 0;text-align:center;background-color:#d6d5d5;font-size:.8em}.col .item{position:relative}.col .deleteCol{position:absolute;top:7px;left:.5em;background-color:#335e88;color:#f0f0f0;width:15px;height:15px;border-radius:50%;text-align:center;cursor:pointer;line-height:17px}.col .deleteCol:hover{background-color:#bdbcbc}.col .deleteCol p{margin-top:-2px}@media print{*{-webkit-print-color-adjust:exact;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}@page{margin:.5cm}body{background-image:none}#intro{display:none}#print{display:none;opacity:0}#footer{display:none}.plus{display:none}.delete{display:none}.title{box-shadow:none;border-bottom:1px solid #000}#app{background-color:none}.addCol{display:none}}

Mobster Demo

Visual Site Mapper Tool

Site Mapper

Print Sitemap / Print to PDF

This will only print your sitemap, not the whole website.

Mobster

Ad-Blocker Detected!

Cookies Consent

Cookies Policy