HOME | DD
UszatyArbuz — Custom box: Pixel perfect (CSS)
by-nc-nd
#background #backgrounds #batch #black #box #buttons #clean #closed #code #codes #coding #commission #commissions #complex #css #custom #decorate #decoration #design #designs #directory #feature #free #freetouse #hold #html #journal #menu #minimalist #music #musicplayer #onhold #open #pack #packs #payed #player #playlist #poland #polska #polskie #profile #red #resource #simple #skin #social #status #white #widget #yellow #journalskin #nabigation #p2u #artstatus #f2u #paytouse #freatures #custombox #looking #art #profilemusic #profileplayer #musicprofile
Published: 2018-02-07 11:00:03 +0000 UTC; Views: 40348; Favourites: 537; Downloads: 95
Redirect to original
Description
Commission Info dA Resources Prints Instagram Twitter Buy me a coffee!
LIVE PREVIEW : CSS testing
CSS BASED WIDGET CODE DESIGNWidget type: Featured deviation
Deviant type: Core member
Last update: 11 VI 2018
Before purchase, please get to know with the On Premium Content and Refunds Q&A.
Another twist of my Custom box: Six tiles (CSS) box... I'm just loving the clearness of those designs SO MUCH, so I decided to make all-in-one widget, with a menu and smaller icons, all in mirror view that just looks pixel perfect. It pleases my soul.
The box is divided into three columns. On the top cell of the left column there is a hidden box with a "cover" (any picture you want), when you hover it there is a place for your Welcome message. On the bottom there is six small boxes where you can add icons to your social media sites (icons not included!).
In the middle column there are six buttons to set up for you.
In the column on the right, on top there is a section for six YT songs of your choice. On the bottom, a bit Gallery button where you can set up two images, that will change once you hover this cell.
IS one is rather complex to customize (a lot of buttons, images, etc...) so be aware of that!
Premium content pack contains: Text files codes:
- CSS base codes (the layout)
- Journal base code (the content)
- Widget base code (the background)
Step by step tutorial on how to install it - click HERE to see the preview!
READ-ME.txt file with additional info about how to customize the content
I have used art status icons from Simple Resources Pack (10 colors) for the preview only. Stock used in the preview: Girl with the camera. | Free Stock: Button Nose | Shy Girl
RULES
1. No distribution is allowed! Only for personal use.
2. You can change the code anyhow you want, but no further selling is allowed.
3. You cannot use this premium content as journal skin for your journal, or as a base to create a journal skin.
4. Please give a PROPER CREDIT as described in my Terms of Service
5. If you have any questions or problems with installing or editing it, note me for help
Other similar resources:
Related content
Comments: 69
Just in Featured Deviation, as description states
👍: 0 ⏩: 0
May I perchance use this on toyhou.se?
Some coding may need changed, but it wouldn't be hard to credit you back to your page either.
👍: 0 ⏩: 1
If you want to try, please do! I'm actually working on my TH account now, and I want to start doing stuff like this one for TH too 
Regarding credit, either utilize on one the buttons to create a link to my TH account ( toyhou.se/uszatyarbuz ), or just write it wherever to be quite visible but not too invasive.
Let me know how it went! I'm actually quite excited someone wants to try it there XD
👍: 0 ⏩: 0
Brought! LOVE THIS SO MUCH I AM SO GLAD I BROUGHT THIS
👍: 0 ⏩: 1
Thank you! Hope you'll like using it
👍: 0 ⏩: 1
DON'T send the codes in the comments! If you have problem, send me a note!
👍: 0 ⏩: 1
Ahh I'm so sorry! I didn't think of that at the time, it was midnight where I live when I commented that I'm so sorry!
👍: 0 ⏩: 0
sorry to bother, but, the songs don't play anymore?
I know other resources have been having the same issue with youtube players not working,
so I just wanted to know if there was anyway to fix it?
👍: 0 ⏩: 1
The fix is already applied to all my codes that has music player in them - if you purchased before June 11th just re-download the codes and change the CSS code
If that was after that date, then probably something with the code is wrong
👍: 0 ⏩: 2
hiii excuse me, I'm having the same problem with this code? I tried the updated version but nothing
may I possibly send you the code for you to look over?
👍: 0 ⏩: 1
Somehow the new updated file didn't went though and it was still the old pack you got
👍: 0 ⏩: 0
Hmm yea I bought it after that date, could i note you with screencaps of the code to ask what i did wrong?
👍: 0 ⏩: 1
Looking good! sorry if i missed something but is it free to use?
👍: 0 ⏩: 1
No, there is a Purchase button on the right side of the screen 
👍: 0 ⏩: 1
Oh right, sorry, Ima check that out now.
👍: 0 ⏩: 0
okay so I have some technical difficulties with mine, I'm assuming it's working but i cannot make it work in the Featured Deviation widget
Test
👍: 0 ⏩: 1
Probably because you added stamps, please check out Alternate Submission" section on the bottom part of the Tutorial image
👍: 0 ⏩: 1
👍: 0 ⏩: 0
Hmm, in the Read-Me file I described what to do that - if you have a problem it's better you send me a note rather than a comment
👍: 0 ⏩: 0
quick question! is there anyway to add more/change the social media buttons?
👍: 0 ⏩: 1
The icons are not set up, they were added only for the preview (link to this social media icon set is in the description) - but you can't add more, sorry
👍: 0 ⏩: 1
that’s alright! I’ll just add more to the about me part! Thank you!
👍: 0 ⏩: 0
Lovely indeed, so beautiful! I'm decorating my profile with it already. Already credited you as requested. Hope to see more widgets soon!
👍: 0 ⏩: 1
Of course, it's stunning! Already watching you to stay tunned on what's new <3
👍: 0 ⏩: 1
I try to post a new one every three weeks... time wise I can't do anything new more often that I used to
👍: 0 ⏩: 1
That happens, I do hope you get more time and less pressure! I'll just sit around here and wait (?) <3
👍: 0 ⏩: 1
Omg xD It's like once you buy one, there another one you just HAVE to buy but you already have something similar to this!
yet
you want it.
I'LL COME BACK TO THIS
You just make so many good codes AhAHHHH
👍: 0 ⏩: 1
I'm sorry 
👍: 0 ⏩: 0
This looks so amazing!! O:
And complicated...
I love how it looks~
It amazes me when you code these things cuz its all sooo gooooood!!!
👍: 0 ⏩: 1
Thanks a lot
Yeah it's pretty complex.. not only for me but there is a lot of info to fill in (songs, buttons, social media...) so it's definitely a widget that you need spend some time setting up
👍: 0 ⏩: 1
I can definitely see that...
Every time I try to change my profile page, I almost give up cuz if he complicated it can sometimes get D:
You're pretty amazing cuz you are making these finely detailed custom boxes that are so aesthetically pleasing!
👍: 0 ⏩: 1
Coding is definitely not for someone who can't pay attention and is not patient...
👍: 0 ⏩: 1
Every time I try to code, I have over a dozen tutorials open and am screaming internally the whole time!
Having grand ideas on what to code and not being able to effectively execute it is super frustrating lmao
👍: 0 ⏩: 1
👍: 0 ⏩: 1
| Next =>