Utopian.io Select Background Settings by toffer

View this thread on steempeak.com
utopian-io · @toffer · (edited)
$50.46
Utopian.io Select Background Settings
# **Utopian.io Select Background Settings**

![abstract 4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328528/rmf7mvjrtmh8vlex2nco.png)

Hello guys! I suggest to add select background in settings for utopian. io user the default white background is great but if they have background selection i think utopian is become greater and unique. I made the sample of background selection and you can see how it's works this things. Thank you!
***

# **Procedure:**
***

• If you want to change your background go to settings if the settings is open you can see the Background option i made 3 icon of background settings.

![2 settings.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327909/kxssytn4ci1u9rvk5ghe.png)

• Brush Icon

![3 brush icon.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327940/mxfsinvn0uftqxjbhjwl.png)

• Paint Icon

![4 paint.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327973/w2woijkakjf5bqi5ejeu.png)

• Picture Icon

![5 picture icon.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327998/zbliafv6dlw39whfafje.png)
***

• If you click the Background settings the background settings is open and you can select the background you want.

![7 background settings.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328077/qe6or7qwig0txqhfus3v.png)
***

• They have 9 categories of background you can select start with All Backgrounds, 3D, Abstract, Animals, City, Hi - Tect, Micro, Natures and Others you can also upload a background on your computer.

![Background setting option.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328113/ultmmihaecwmg2dbvjep.png)
***

# Here is the preview of how i made the Background Selection using Adobe Photoshop CS5:

• This is how i made the background selection I used more hd backgrounds.

![6 photoshop made.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328178/wyacchb6icjrkbqls1cj.png)

• This is how i made the sample of Utopian.io with a tranparent page and i used abstract backgrounds. 

![8 abstract wallpaper.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328211/spobbgdv9wnfoowdeitc.png)

• You can also used this Utopian.io background that i edited using Adobe Photoshop CS5

![abstract 3.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328262/frhpxckjm22kse09ogfs.png)
***

# Here is the sample of Utopian.io with backgrounds.

<center>Utopian.io with Abstract backgrounds</center><h1>

![abstract background.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328316/ojkofm7lvokjg8djw7sl.png)

<center> Utopian.io with 3D backgrounds</center><h1>

![3D wallpaper.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328339/u3jna8ozekr3tdcc0yu0.png)
***

If you want to download the PSD file and the HD backgrounds here is the <a href="http://www.mediafire.com/file/j2nmdgao1105c99/Background_File.rar">Link</a>











<br /><hr/><em>Open Source Contribution posted via <a href="https://utopian.io/utopian-io/@toffer/utopian-io-select-backrground-settings">Utopian.io</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
post_id17,327,890
authortoffer
permlinkutopian-io-select-backrground-settings
categoryutopian-io
json_metadata"{"type": "graphics", "repository": {"id": 104593314, "watchers": 15, "events_url": "https://api.github.com/repos/utopian-io/utopian.io/events", "forks": 10, "name": "utopian.io", "issues_url": "https://api.github.com/repos/utopian-io/utopian.io/issues{/number}", "trees_url": "https://api.github.com/repos/utopian-io/utopian.io/git/trees{/sha}", "fork": false, "git_url": "git://github.com/utopian-io/utopian.io.git", "assignees_url": "https://api.github.com/repos/utopian-io/utopian.io/assignees{/user}", "size": 59299, "owner": {"id": 18612062, "following_url": "https://api.github.com/users/utopian-io/following{/other_user}", "starred_url": "https://api.github.com/users/utopian-io/starred{/owner}{/repo}", "subscriptions_url": "https://api.github.com/users/utopian-io/subscriptions", "repos_url": "https://api.github.com/users/utopian-io/repos", "login": "utopian-io", "gists_url": "https://api.github.com/users/utopian-io/gists{/gist_id}", "followers_url": "https://api.github.com/users/utopian-io/followers", "received_events_url": "https://api.github.com/users/utopian-io/received_events", "type": "User", "avatar_url": "https://avatars2.githubusercontent.com/u/18612062?v=4", "site_admin": false, "organizations_url": "https://api.github.com/users/utopian-io/orgs", "gravatar_id": "", "events_url": "https://api.github.com/users/utopian-io/events{/privacy}", "url": "https://api.github.com/users/utopian-io", "html_url": "https://github.com/utopian-io"}, "forks_count": 10, "git_refs_url": "https://api.github.com/repos/utopian-io/utopian.io/git/refs{/sha}", "blobs_url": "https://api.github.com/repos/utopian-io/utopian.io/git/blobs{/sha}", "pushed_at": "2017-11-10T12:52:59Z", "watchers_count": 15, "teams_url": "https://api.github.com/repos/utopian-io/utopian.io/teams", "comments_url": "https://api.github.com/repos/utopian-io/utopian.io/comments{/number}", "archived": false, "svn_url": "https://github.com/utopian-io/utopian.io", "merges_url": "https://api.github.com/repos/utopian-io/utopian.io/merges", "subscribers_url": "https://api.github.com/repos/utopian-io/utopian.io/subscribers", "issue_events_url": "https://api.github.com/repos/utopian-io/utopian.io/issues/events{/number}", "stargazers_url": "https://api.github.com/repos/utopian-io/utopian.io/stargazers", "mirror_url": null, "statuses_url": "https://api.github.com/repos/utopian-io/utopian.io/statuses/{sha}", "has_projects": true, "milestones_url": "https://api.github.com/repos/utopian-io/utopian.io/milestones{/number}", "description": "Utopian.io React Frontend", "keys_url": "https://api.github.com/repos/utopian-io/utopian.io/keys{/key_id}", "open_issues": 36, "compare_url": "https://api.github.com/repos/utopian-io/utopian.io/compare/{base}...{head}", "ssh_url": "git@github.com:utopian-io/utopian.io.git", "html_url": "https://github.com/utopian-io/utopian.io", "commits_url": "https://api.github.com/repos/utopian-io/utopian.io/commits{/sha}", "open_issues_count": 36, "stargazers_count": 15, "branches_url": "https://api.github.com/repos/utopian-io/utopian.io/branches{/branch}", "full_name": "utopian-io/utopian.io", "forks_url": "https://api.github.com/repos/utopian-io/utopian.io/forks", "score": 29.996407, "deployments_url": "https://api.github.com/repos/utopian-io/utopian.io/deployments", "contributors_url": "https://api.github.com/repos/utopian-io/utopian.io/contributors", "homepage": null, "contents_url": "https://api.github.com/repos/utopian-io/utopian.io/contents/{+path}", "has_downloads": true, "collaborators_url": "https://api.github.com/repos/utopian-io/utopian.io/collaborators{/collaborator}", "created_at": "2017-09-23T19:24:57Z", "git_commits_url": "https://api.github.com/repos/utopian-io/utopian.io/git/commits{/sha}", "releases_url": "https://api.github.com/repos/utopian-io/utopian.io/releases{/id}", "private": false, "pulls_url": "https://api.github.com/repos/utopian-io/utopian.io/pulls{/number}", "git_tags_url": "https://api.github.com/repos/utopian-io/utopian.io/git/tags{/sha}", "notifications_url": "https://api.github.com/repos/utopian-io/utopian.io/notifications{?since,all,participating}", "language": "JavaScript", "updated_at": "2017-11-03T12:46:59Z", "has_wiki": true, "downloads_url": "https://api.github.com/repos/utopian-io/utopian.io/downloads", "hooks_url": "https://api.github.com/repos/utopian-io/utopian.io/hooks", "languages_url": "https://api.github.com/repos/utopian-io/utopian.io/languages", "default_branch": "master", "labels_url": "https://api.github.com/repos/utopian-io/utopian.io/labels{/name}", "url": "https://api.github.com/repos/utopian-io/utopian.io", "has_pages": false, "tags_url": "https://api.github.com/repos/utopian-io/utopian.io/tags", "clone_url": "https://github.com/utopian-io/utopian.io.git", "archive_url": "https://api.github.com/repos/utopian-io/utopian.io/{archive_format}{/ref}", "has_issues": true, "issue_comment_url": "https://api.github.com/repos/utopian-io/utopian.io/issues/comments{/number}", "subscription_url": "https://api.github.com/repos/utopian-io/utopian.io/subscription"}, "pullRequests": [], "format": "markdown", "image": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328528/rmf7mvjrtmh8vlex2nco.png"], "links": ["https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328528/rmf7mvjrtmh8vlex2nco.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327909/kxssytn4ci1u9rvk5ghe.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327940/mxfsinvn0uftqxjbhjwl.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327973/w2woijkakjf5bqi5ejeu.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510327998/zbliafv6dlw39whfafje.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328077/qe6or7qwig0txqhfus3v.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328113/ultmmihaecwmg2dbvjep.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328178/wyacchb6icjrkbqls1cj.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328211/spobbgdv9wnfoowdeitc.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328262/frhpxckjm22kse09ogfs.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328316/ojkofm7lvokjg8djw7sl.png", "https://res.cloudinary.com/hpiynhbhq/image/upload/v1510328339/u3jna8ozekr3tdcc0yu0.png"], "app": "utopian/1.0.0", "platform": "github", "tags": ["utopian-io", "design", "art", "graphics"], "community": "utopian", "users": ["toffer"]}"
created2017-11-10 15:46:42
last_update2017-11-10 16:35:24
depth0
children8
net_rshares26,731,821,198,717
last_payout2017-11-17 15:46:42
cashout_time1969-12-31 23:59:59
total_payout_value37.110 SBD
curator_payout_value13.346 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length3,141
author_reputation98,476,665,211,015
root_title"Utopian.io Select Background Settings"
beneficiaries
0.
accountbillbutler
weight3
1.
accountelear
weight142
2.
accountlafona-miner
weight15
3.
accountmasterthematrix
weight2
4.
accountmateria
weight2
5.
accountmisterdelegation
weight636
6.
accountned
weight631
7.
accountwackou
weight61
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars0
author_curate_reward""
vote details (37)
@jassennessaj · 
That is absolutely fantastic! Nice @toffer. Good job bro.
properties (22)
post_id17,328,868
authorjassennessaj
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t160102458z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["toffer"], "tags": ["utopian-io"]}"
created2017-11-10 16:01:03
last_update2017-11-10 16:01:03
depth1
children1
net_rshares0
last_payout2017-11-17 16:01:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length57
author_reputation163,430,584,272,314
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@toffer · 
Thank you bro @jassennessaj.. you also a good work..
👍  
properties (23)
post_id17,329,011
authortoffer
permlinkre-jassennessaj-re-toffer-utopian-io-select-backrground-settings-20171110t160320751z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["jassennessaj"], "tags": ["utopian-io"]}"
created2017-11-10 16:03:21
last_update2017-11-10 16:03:21
depth2
children0
net_rshares5,436,413,074
last_payout2017-11-17 16:03:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length52
author_reputation98,476,665,211,015
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@bayanihan · (edited)
Mabuhay! Your post has been upvoted by the @bayanihan curation team.

[<img src="https://steemitimages.com/0x0/https://i.imgur.com/TdGi6Er.gif">](https://steemit.com/@bayanihan)
properties (22)
post_id17,329,141
authorbayanihan
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t160454539z
categoryutopian-io
json_metadata"{"links": ["https://steemit.com/@bayanihan"], "app": "steemit/0.1", "users": ["bayanihan"], "image": ["https://steemitimages.com/0x0/https://i.imgur.com/TdGi6Er.gif"], "tags": ["utopian-io"]}"
created2017-11-10 16:04:54
last_update2017-11-10 16:08:36
depth1
children1
net_rshares0
last_payout2017-11-17 16:04:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length177
author_reputation2,083,957,649,352
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@toffer · 
Thank you for your support @bayanihan..
properties (22)
post_id17,329,408
authortoffer
permlinkre-bayanihan-re-toffer-utopian-io-select-backrground-settings-20171110t160759217z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["bayanihan"], "tags": ["utopian-io"]}"
created2017-11-10 16:08:00
last_update2017-11-10 16:08:00
depth2
children0
net_rshares0
last_payout2017-11-17 16:08:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length39
author_reputation98,476,665,211,015
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@arie.steem · 
Thank you for the contribution. It has been approved.

You can contact us on [Discord][discord].
[[utopian-moderator]][moderators]

[moderators]:  https://utopian.io/moderators
[discord]:  https://discord.gg/4NYhZU6
properties (22)
post_id17,336,397
authorarie.steem
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t173759559z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2017-11-10 17:38:12
last_update2017-11-10 17:38:12
depth1
children1
net_rshares0
last_payout2017-11-17 17:38:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length216
author_reputation133,864,884,206,999
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@toffer · 
Thanks @arie.steem for approval.. I appreciate this.
properties (22)
post_id17,344,992
authortoffer
permlinkre-ariesteem-re-toffer-utopian-io-select-backrground-settings-20171110t194231360z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["arie.steem"], "tags": ["utopian-io"]}"
created2017-11-10 19:42:30
last_update2017-11-10 19:42:30
depth2
children0
net_rshares0
last_payout2017-11-17 19:42:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length52
author_reputation98,476,665,211,015
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@utopian-io · 
### Hey @toffer I am @utopian-io. I have just super-voted you at 24% Power!
#### Suggestions https://utopian.io/rules
- Average amount of information. Good but you can do better!
#### Achievements
- Creativity makes the World a better place. Thanks!
- Much more informative than others in this category. Good job!
- Votes on this contribution are going well. Nice!
- You are having more votes than average for this category. Nice!
- In total you have more votes than average for this category. Bravo!
**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**
👍  
properties (23)
post_id17,338,859
authorutopian-io
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t180906722z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2017-11-10 18:09:06
last_update2017-11-10 18:09:06
depth1
children1
net_rshares5,298,579,802
last_payout2017-11-17 18:09:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length652
author_reputation152,913,012,544,965
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@toffer · 
Thank you @utopian-io. I appreciate this..
👍  
properties (23)
post_id17,344,948
authortoffer
permlinkre-utopian-io-re-toffer-utopian-io-select-backrground-settings-20171110t194154729z
categoryutopian-io
json_metadata"{"app": "steemit/0.1", "users": ["utopian-io"], "tags": ["utopian-io"]}"
created2017-11-10 19:41:54
last_update2017-11-10 19:41:54
depth2
children0
net_rshares5,434,440,823
last_payout2017-11-17 19:41:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length42
author_reputation98,476,665,211,015
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
Help/Feedback