{"id":1931,"date":"2019-09-27T18:00:47","date_gmt":"2019-09-27T17:00:47","guid":{"rendered":"https:\/\/ipsview.brownson.at\/?p=1931"},"modified":"2019-09-27T19:11:34","modified_gmt":"2019-09-27T18:11:34","slug":"colibrico-design-studio","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=1931","title":{"rendered":"Colibrico Design Studio"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-first\" style=\"--awb-bg-size:cover;width:60%;width:calc(60% - ( ( 4% ) * 0.6 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-1\"><p>Da ich das \u00a0<a href=\"https:\/\/www.colibrico.de\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u201eColibrico Design Studio\u201c<\/a> als <a href=\"https:\/\/ipsview.brownson.at\/?page_id=93\">Add-on<\/a> anbiete, m\u00f6chte ich dem Programm hier auch einen kurzen Beitrag widmen.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-clearfix\" style=\"float:left;margin-top:10px;margin-bottom:10px;width:100%;max-width:80%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#8bc34a;border-color:#8bc34a;border-top-width:4px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"--awb-bg-size:cover;width:33.333333333333%;width:calc(33.333333333333% - ( ( 4% ) * 0.33333333333333 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-one\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Icons ausw\u00e4hlen<\/h1><\/div><div class=\"fusion-text fusion-text-2\"><h3>Das Colibrico Design Studio liefert eine Vielzahl an Icons mit, im ersten Schritt w\u00e4hlt Ihr nun aus den verschiedensten Themes und Styles Eure gew\u00fcnschten Icons aus.<\/h3>\n<\/div><div class=\"fusion-text fusion-text-3\"><h3>\u00dcber die Suche im oberen Bereich k\u00f6nnt Ihr auch gezielt nach einem bestimmten Begriff suchen.<\/h3>\n<\/div><div class=\"fusion-text fusion-text-4\"><h3>Icons, die Ihr verwenden wollt, zieht Ihr dann per Drag and Drop in die Liste auf der rechten Seite.<\/h3>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"--awb-bg-size:cover;width:66.666666666667%;width:calc(66.666666666667% - ( ( 4% ) * 0.66666666666667 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element fusion-image-align-center in-legacy-container\" style=\"text-align:center;--awb-bottom-shadow-color:rgba(0,0,0,0.4);--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"imageframe-align-center\"><div class=\"awb-image-frame awb-image-frame-1 imageframe-liftup awb-bottomshadow\"><span class=\" fusion-imageframe imageframe-bottomshadow imageframe-1\"><a href=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[7b44dc6c6f2a1dc9fe2]\" data-title=\"Colibrico_Images_SelectImages\" title=\"Colibrico_Images_SelectImages\"><img decoding=\"async\" width=\"1208\" height=\"770\" src=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages.png\" alt class=\"img-responsive wp-image-1939\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages-200x127.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages-400x255.png 400w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages-600x382.png 600w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages-800x510.png 800w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages-1200x765.png 1200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_SelectImages.png 1208w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"100%\" viewBox=\"0 0 600 28\" preserveAspectRatio=\"none\"><g clip-path=\"url(#a)\"><mask id=\"b\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"600\" height=\"28\"><path d=\"M0 0h600v28H0V0Z\" fill=\"#fff\"\/><\/mask><g filter=\"url(#c)\" mask=\"url(#b)\"><path d=\"M16.439-18.667h567.123v30.8S438.961-8.4 300-8.4C161.04-8.4 16.438 12.133 16.438 12.133v-30.8Z\" fill=\"#000\"\/><\/g><\/g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h600v28H0z\"\/><\/clipPath><filter id=\"c\" x=\"5.438\" y=\"-29.667\" width=\"589.123\" height=\"52.8\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/><feGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_3983_183\"\/><\/filter><\/defs><\/svg><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-clearfix\" style=\"float:left;margin-top:10px;margin-bottom:10px;width:100%;max-width:80%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#8bc34a;border-color:#8bc34a;border-top-width:4px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-first\" style=\"--awb-bg-size:cover;width:66.666666666667%;width:calc(66.666666666667% - ( ( 4% ) * 0.66666666666667 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element fusion-image-align-center in-legacy-container\" style=\"text-align:center;--awb-bottom-shadow-color:rgba(0,0,0,0.4);--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"imageframe-align-center\"><div class=\"awb-image-frame awb-image-frame-2 imageframe-liftup awb-bottomshadow\"><span class=\" fusion-imageframe imageframe-bottomshadow imageframe-2\"><a href=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[86d39d883e49178e4be]\" data-title=\"Colibrico_Images_Designs\" title=\"Colibrico_Images_Designs\"><img decoding=\"async\" width=\"1200\" height=\"765\" src=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs.png\" alt class=\"img-responsive wp-image-1937\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs-200x127.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs-400x255.png 400w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs-600x382.png 600w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs-800x510.png 800w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Designs.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"100%\" viewBox=\"0 0 600 28\" preserveAspectRatio=\"none\"><g clip-path=\"url(#a)\"><mask id=\"b\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"600\" height=\"28\"><path d=\"M0 0h600v28H0V0Z\" fill=\"#fff\"\/><\/mask><g filter=\"url(#c)\" mask=\"url(#b)\"><path d=\"M16.439-18.667h567.123v30.8S438.961-8.4 300-8.4C161.04-8.4 16.438 12.133 16.438 12.133v-30.8Z\" fill=\"#000\"\/><\/g><\/g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h600v28H0z\"\/><\/clipPath><filter id=\"c\" x=\"5.438\" y=\"-29.667\" width=\"589.123\" height=\"52.8\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/><feGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_3983_183\"\/><\/filter><\/defs><\/svg><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last\" style=\"--awb-bg-size:cover;width:33.333333333333%;width:calc(33.333333333333% - ( ( 4% ) * 0.33333333333333 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-one\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Icon Design anpassen<\/h1><\/div><div class=\"fusion-text fusion-text-5\"><h3>Im Bereich Design habt Ihr nun die M\u00f6glichkeit das Aussehen der Icons anzupassen, auch hier gibt es wieder eine Vielzahl an M\u00f6glichkeiten das Aussehen der Icons anzupassen.<\/h3>\n<\/div><div class=\"fusion-text fusion-text-6\"><h3>Das Beispiel im Screenshot zeigt die M\u00f6glichkeit einen Schatten zu einem Image hinzuzuf\u00fcgen.<\/h3>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-clearfix\" style=\"float:left;margin-top:10px;margin-bottom:10px;width:100%;max-width:80%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#8bc34a;border-color:#8bc34a;border-top-width:4px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"--awb-bg-size:cover;width:33.333333333333%;width:calc(33.333333333333% - ( ( 4% ) * 0.33333333333333 ) );margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-one\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Export der Icons<\/h1><\/div><div class=\"fusion-text fusion-text-7\"><h3>Im letzten Schritt erfolgt der Export der Icons.<\/h3>\n<\/div><div class=\"fusion-text fusion-text-8\"><h3>Im linken Bereich w\u00e4hlt Ihr das gew\u00fcnschte Format, Gr\u00f6\u00dfe und das Verzeichnis. Im rechten Bereich gibt es auch noch die M\u00f6glichkeit den Namen der Icons anzupassen.<\/h3>\n<\/div><div class=\"fusion-text fusion-text-9\"><h3>Nach Bet\u00e4tigung des Buttons &#8222;Save&#8220; erfolgt der Export der Icons in das Dateisystem. Wenn Ihr die Icons auch in verschieden Aufl\u00f6sungen haben wollt, dann wiederholt Ihr den Vorgang\u00a0 f\u00fcr jede gew\u00fcnschte Gr\u00f6\u00dfe.<\/h3>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-last\" style=\"--awb-bg-size:cover;width:66.666666666667%;width:calc(66.666666666667% - ( ( 4% ) * 0.66666666666667 ) );\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element fusion-image-align-center in-legacy-container\" style=\"text-align:center;--awb-bottom-shadow-color:rgba(0,0,0,0.4);--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"imageframe-align-center\"><div class=\"awb-image-frame awb-image-frame-3 imageframe-liftup awb-bottomshadow\"><span class=\" fusion-imageframe imageframe-bottomshadow imageframe-3\"><a href=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export.png\" class=\"fusion-lightbox\" data-rel=\"iLightbox[ff66b01df4296da356a]\" data-title=\"Colibrico_Images_Export\" title=\"Colibrico_Images_Export\"><img decoding=\"async\" width=\"1200\" height=\"765\" src=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export.png\" alt class=\"img-responsive wp-image-1938\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export-200x127.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export-400x255.png 400w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export-600x382.png 600w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export-800x510.png 800w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Colibrico_Images_Export.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"100%\" viewBox=\"0 0 600 28\" preserveAspectRatio=\"none\"><g clip-path=\"url(#a)\"><mask id=\"b\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"600\" height=\"28\"><path d=\"M0 0h600v28H0V0Z\" fill=\"#fff\"\/><\/mask><g filter=\"url(#c)\" mask=\"url(#b)\"><path d=\"M16.439-18.667h567.123v30.8S438.961-8.4 300-8.4C161.04-8.4 16.438 12.133 16.438 12.133v-30.8Z\" fill=\"#000\"\/><\/g><\/g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h600v28H0z\"\/><\/clipPath><filter id=\"c\" x=\"5.438\" y=\"-29.667\" width=\"589.123\" height=\"52.8\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/><feGaussianBlur stdDeviation=\"5.5\" result=\"effect1_foregroundBlur_3983_183\"\/><\/filter><\/defs><\/svg><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,17],"tags":[128,127],"class_list":["post-1931","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-howto","tag-colibrico","tag-icons"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/1931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1931"}],"version-history":[{"count":4,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/1931\/revisions"}],"predecessor-version":[{"id":1942,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/1931\/revisions\/1942"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}