{"id":1131,"date":"2015-04-12T04:30:22","date_gmt":"2015-04-12T04:30:22","guid":{"rendered":"http:\/\/networkdiagram101.com\/?page_id=1131"},"modified":"2015-11-28T09:45:08","modified_gmt":"2015-11-28T17:45:08","slug":"tip-11","status":"publish","type":"page","link":"https:\/\/networkdiagram101.com\/?page_id=1131","title":{"rendered":"Tip 11"},"content":{"rendered":"<div id=\"google_translate_element\"><\/div>\n<p><script type=\"text\/javascript\">\nfunction googleTranslateElementInit() {\n  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, gaTrack: true, gaId: 'UA-41069223-1'}, 'google_translate_element');\n}\n<\/script><script type=\"text\/javascript\" src=\"\/\/translate.google.com\/translate_a\/element.js?cb=googleTranslateElementInit\"><\/script><\/p>\n<p><span style=\"font-size: 18px;\"><span style=\"color: #676767;\"><span><span class='dropcap1'>U<\/span>se transparent text boxes to frame your device information without obstructing detail behind it. This works well when the diagram becomes busy with links and you find yourself running out of space to include device information. <\/span><\/span><\/span><br \/>\n<div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Step 1<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Choose your shape to put info into, such as switch name and IP address. Give it a stroke color like black or a dark gray.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/04\/tip11_step11.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Step 2<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Go to Fill&gt;Fill Options. Select solid fill, white background, and between 20-30% transparency.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/04\/tip11_step2.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Step 3<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Add text infomation. You should always take the longest named device and base the shape on that first. This way you will have uniformly shaped text boxes throughout the diagram.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/04\/tip11_step3.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Step 4<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Place text next to shape, making sure it is at the top layer. You can still see shapes, names, and links behind the text box.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/04\/transparent_example_1.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p style=\"text-align: center;\"><a target='_self' href='http:\/\/networkdiagram101.com\/?page_id=350' class='button large rounded green'>&lt; TIP<\/a><a target='_self' href='http:\/\/networkdiagram101.com\/?page_id=1172' class='button large rounded green'>TIP &gt;<\/a>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2013\/05\/compass-vsmall.png\" \/><\/center><center><a target='_blank' href='http:\/\/networkdiagram101.com\/?page_id=820' class='button large rounded orange'>Diagram Store<\/a><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>se transparent text boxes to frame your device information without obstructing detail behind it. This works well when the diagram becomes busy with links and you find yourself running out of space to include device information. Step 1 Choose your shape to put info into,&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1169,"parent":66,"menu_order":11,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/1131"}],"collection":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1131"}],"version-history":[{"count":47,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/1131\/revisions"}],"predecessor-version":[{"id":5031,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/1131\/revisions\/5031"}],"up":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/66"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/media\/1169"}],"wp:attachment":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}