create account

Utopian.io Select Background Settings by toffer

View this thread on: hive.blog |  peakd.com |  ecency.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)
authortoffer
permlinkutopian-io-select-backrground-settings
categoryutopian-io
json_metadata"{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":104593314,"name":"utopian.io","full_name":"utopian-io/utopian.io","owner":{"login":"utopian-io","id":18612062,"avatar_url":"https://avatars2.githubusercontent.com/u/18612062?v=4","gravatar_id":"","url":"https://api.github.com/users/utopian-io","html_url":"https://github.com/utopian-io","followers_url":"https://api.github.com/users/utopian-io/followers","following_url":"https://api.github.com/users/utopian-io/following{/other_user}","gists_url":"https://api.github.com/users/utopian-io/gists{/gist_id}","starred_url":"https://api.github.com/users/utopian-io/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/utopian-io/subscriptions","organizations_url":"https://api.github.com/users/utopian-io/orgs","repos_url":"https://api.github.com/users/utopian-io/repos","events_url":"https://api.github.com/users/utopian-io/events{/privacy}","received_events_url":"https://api.github.com/users/utopian-io/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/utopian-io/utopian.io","description":"Utopian.io React Frontend","fork":false,"url":"https://api.github.com/repos/utopian-io/utopian.io","forks_url":"https://api.github.com/repos/utopian-io/utopian.io/forks","keys_url":"https://api.github.com/repos/utopian-io/utopian.io/keys{/key_id}","collaborators_url":"https://api.github.com/repos/utopian-io/utopian.io/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/utopian-io/utopian.io/teams","hooks_url":"https://api.github.com/repos/utopian-io/utopian.io/hooks","issue_events_url":"https://api.github.com/repos/utopian-io/utopian.io/issues/events{/number}","events_url":"https://api.github.com/repos/utopian-io/utopian.io/events","assignees_url":"https://api.github.com/repos/utopian-io/utopian.io/assignees{/user}","branches_url":"https://api.github.com/repos/utopian-io/utopian.io/branches{/branch}","tags_url":"https://api.github.com/repos/utopian-io/utopian.io/tags","blobs_url":"https://api.github.com/repos/utopian-io/utopian.io/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/utopian-io/utopian.io/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/utopian-io/utopian.io/git/refs{/sha}","trees_url":"https://api.github.com/repos/utopian-io/utopian.io/git/trees{/sha}","statuses_url":"https://api.github.com/repos/utopian-io/utopian.io/statuses/{sha}","languages_url":"https://api.github.com/repos/utopian-io/utopian.io/languages","stargazers_url":"https://api.github.com/repos/utopian-io/utopian.io/stargazers","contributors_url":"https://api.github.com/repos/utopian-io/utopian.io/contributors","subscribers_url":"https://api.github.com/repos/utopian-io/utopian.io/subscribers","subscription_url":"https://api.github.com/repos/utopian-io/utopian.io/subscription","commits_url":"https://api.github.com/repos/utopian-io/utopian.io/commits{/sha}","git_commits_url":"https://api.github.com/repos/utopian-io/utopian.io/git/commits{/sha}","comments_url":"https://api.github.com/repos/utopian-io/utopian.io/comments{/number}","issue_comment_url":"https://api.github.com/repos/utopian-io/utopian.io/issues/comments{/number}","contents_url":"https://api.github.com/repos/utopian-io/utopian.io/contents/{+path}","compare_url":"https://api.github.com/repos/utopian-io/utopian.io/compare/{base}...{head}","merges_url":"https://api.github.com/repos/utopian-io/utopian.io/merges","archive_url":"https://api.github.com/repos/utopian-io/utopian.io/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/utopian-io/utopian.io/downloads","issues_url":"https://api.github.com/repos/utopian-io/utopian.io/issues{/number}","pulls_url":"https://api.github.com/repos/utopian-io/utopian.io/pulls{/number}","milestones_url":"https://api.github.com/repos/utopian-io/utopian.io/milestones{/number}","notifications_url":"https://api.github.com/repos/utopian-io/utopian.io/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/utopian-io/utopian.io/labels{/name}","releases_url":"https://api.github.com/repos/utopian-io/utopian.io/releases{/id}","deployments_url":"https://api.github.com/repos/utopian-io/utopian.io/deployments","created_at":"2017-09-23T19:24:57Z","updated_at":"2017-11-03T12:46:59Z","pushed_at":"2017-11-10T12:52:59Z","git_url":"git://github.com/utopian-io/utopian.io.git","ssh_url":"git@github.com:utopian-io/utopian.io.git","clone_url":"https://github.com/utopian-io/utopian.io.git","svn_url":"https://github.com/utopian-io/utopian.io","homepage":null,"size":59299,"stargazers_count":15,"watchers_count":15,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":10,"mirror_url":null,"archived":false,"open_issues_count":36,"forks":10,"open_issues":36,"watchers":15,"default_branch":"master","score":29.996407},"pullRequests":[],"platform":"github","type":"graphics","tags":["utopian-io","design","art","graphics"],"users":["toffer"],"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"],"image":["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"]}"
created2017-11-10 15:46:42
last_update2017-11-10 16:35:24
depth0
children8
last_payout2017-11-17 15:46:42
cashout_time1969-12-31 23:59:59
total_payout_value37.110 HBD
curator_payout_value13.346 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,141
author_reputation338,626,724,209,616
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id19,971,460
net_rshares26,731,821,198,717
author_curate_reward""
vote details (37)
@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)
authorarie.steem
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t173759559z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2017-11-10 17:38:12
last_update2017-11-10 17:38:12
depth1
children1
last_payout2017-11-17 17:38:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length216
author_reputation43,266,931,781,631
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,981,159
net_rshares0
@toffer · 
Thanks @arie.steem for approval.. I appreciate this.
properties (22)
authortoffer
permlinkre-ariesteem-re-toffer-utopian-io-select-backrground-settings-20171110t194231360z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["arie.steem"],"app":"steemit/0.1"}
created2017-11-10 19:42:30
last_update2017-11-10 19:42:30
depth2
children0
last_payout2017-11-17 19:42:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length52
author_reputation338,626,724,209,616
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,990,971
net_rshares0
@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)
authorbayanihan
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t160454539z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["bayanihan"],"image":["https://steemitimages.com/0x0/https://i.imgur.com/TdGi6Er.gif"],"links":["https://steemit.com/@bayanihan"],"app":"steemit/0.1"}
created2017-11-10 16:04:54
last_update2017-11-10 16:08:36
depth1
children1
last_payout2017-11-17 16:04:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length177
author_reputation2,095,599,326,790
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,972,870
net_rshares0
@toffer · 
Thank you for your support @bayanihan..
properties (22)
authortoffer
permlinkre-bayanihan-re-toffer-utopian-io-select-backrground-settings-20171110t160759217z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["bayanihan"],"app":"steemit/0.1"}
created2017-11-10 16:08:00
last_update2017-11-10 16:08:00
depth2
children0
last_payout2017-11-17 16:08:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length39
author_reputation338,626,724,209,616
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,973,192
net_rshares0
@jassennessaj · 
That is absolutely fantastic! Nice @toffer. Good job bro.
properties (22)
authorjassennessaj
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t160102458z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["toffer"],"app":"steemit/0.1"}
created2017-11-10 16:01:03
last_update2017-11-10 16:01:03
depth1
children1
last_payout2017-11-17 16:01:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length57
author_reputation158,167,711,482,591
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,972,556
net_rshares0
@toffer · 
Thank you bro @jassennessaj.. you also a good work..
👍  
properties (23)
authortoffer
permlinkre-jassennessaj-re-toffer-utopian-io-select-backrground-settings-20171110t160320751z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["jassennessaj"],"app":"steemit/0.1"}
created2017-11-10 16:03:21
last_update2017-11-10 16:03:21
depth2
children0
last_payout2017-11-17 16:03:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length52
author_reputation338,626,724,209,616
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,972,722
net_rshares5,436,413,074
author_curate_reward""
vote details (1)
@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)
authorutopian-io
permlinkre-toffer-utopian-io-select-backrground-settings-20171110t180906722z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2017-11-10 18:09:06
last_update2017-11-10 18:09:06
depth1
children1
last_payout2017-11-17 18:09:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length652
author_reputation152,955,367,999,756
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,983,950
net_rshares5,298,579,802
author_curate_reward""
vote details (1)
@toffer · 
Thank you @utopian-io. I appreciate this..
👍  
properties (23)
authortoffer
permlinkre-utopian-io-re-toffer-utopian-io-select-backrground-settings-20171110t194154729z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["utopian-io"],"app":"steemit/0.1"}
created2017-11-10 19:41:54
last_update2017-11-10 19:41:54
depth2
children0
last_payout2017-11-17 19:41:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation338,626,724,209,616
root_title"Utopian.io Select Background Settings"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id19,990,922
net_rshares5,434,440,823
author_curate_reward""
vote details (1)
Help/Feedback