HOME | DD
UszatyArbuz — Custom box: Responsive Four columns devID (CSS)
by-nc
#boxes #button #code #codes #coding #commission #commissions #complex #condensed #css #custom #customization #customize #cute #design #dev #deviant #deviantart #devid #directory #encoded #fancy #featured #free #gallery #icon #icons #id #menu #page #pastel #payed #profile #request #resource #responsive #short #status #super #sweet #thumbnails #tutorial #widget #widgets #how #art #use #cssbased
Published: 2016-08-02 10:00:03 +0000 UTC; Views: 11534; Favourites: 208; Downloads: 0
Redirect to original
Description
Commission Info dA Resources Prints Instagram ToyHou.se
LIVE PREVIEW (no background): 4 tiny boxes
CSS BASED WIDGET CODE DESIGNWidget type: Featured deviation
Deviant type: Core member
Last update: 31 X 2016
Before purchase, please get to know with the On Premium Content and Refunds Q&A.
This box has a place for top banner / ID image, and a place for all the info you'd lik to add in frour separate columns.
The first part is the image. If you want the image on top to look best, the image should be 120 pixels heigh and at least 600 up to 1000 pixels wide, or in the same proportions.
The second part is the white box for content. The box is divided into four even columns, where you can put any content you would like, aming many descriptions, icons, stamps, art status and social media icons and a lot more. If any of the columns reach certain amount of content, it will become a scroll box, so no content will be cut out from you profile.
Moreover, the code has a lot of customized features, such as links, recolored user star, five headers, Quote block and more.
It's a really nice box for people who put a lot of content to their profiles but want to have an order using a lot of sections.
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
For the preview, I have used this free to use resource: Books Stamp
Top image by Kyasarinn : Follow Us
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 sta.sh/0dhyk2qlb41
5. If you have any questions or problems with installing or editing it, note me for help
Other similar resources:
Do not hesitate to note me if something doesn't work right! I'll try to fix the code ASAP!
Related content
Comments: 58
For column sections I always use flexbox layouts cause it makes them responsive and even and it's easy to use 
👍: 0 ⏩: 1
can i note you too? i'm having the same issues with the ZIP files :/
👍: 0 ⏩: 1
Of course
I also updated the Pack just in case (tho still works for me... lol), you can try to download it again )
👍: 0 ⏩: 0
I'm having the same problem as Mana-Mage? It doesn't extract the files and instead just creates a whole new zip folder
When I try to open the folder it says its an invalid file
👍: 0 ⏩: 1
If you want NOTE me a screenshot proving you bough it and I can send you unpacked code.
👍: 0 ⏩: 0
So I just bought this and it doesn't seem to be extracting the folders properly. Any reason as to why?
👍: 0 ⏩: 1
The files are fine, so it's something on your side. If you want NOTE me a screenshot proving you bough it and I can send you unpacked code.
👍: 0 ⏩: 0
In the Purchase button.
👍: 0 ⏩: 1
How do you add someone else's icon to your profile bio?
👍: 0 ⏩: 1
:iconTHEIRUSERNAME: in the place of THEIRUSERNAME you write their dA username, for example
:iconuszatyarbuz: makes
👍: 0 ⏩: 1
.3. is there any way you could just tell me how to do the columns...?
👍: 0 ⏩: 1
It's just a standard column code, but I made it even width and used more than two times 
👍: 0 ⏩: 1
Hey, I Purchased it but the file wont open for me aaa
👍: 0 ⏩: 1
Can you send me a note with a screenshot that you bough that? 
👍: 0 ⏩: 3
is there a way you can help me ?
👍: 0 ⏩: 0
The same thing happened just a moment ago, i purchased it and it says it won't let me open/extract the files :/
👍: 0 ⏩: 1
Can you send me a note with a screenshot that you bough that?
👍: 0 ⏩: 1
Hi I'd be super interested to buy this code but I was wondering can the picture height be changed or does it always have to be 120px? ; v ;
👍: 0 ⏩: 1
The code is set up for this height, but you can mess up with the code if you wish. Just remember the max height of these widgets that are displayed on the profile is 350 pixels 
👍: 0 ⏩: 1
Thank you for letting me know~ Also purchased <3
👍: 0 ⏩: 1
Sure! If you have problems and want to set up the height different but too confused, just drop me a note ;D
👍: 0 ⏩: 0
Okay, can you send me a NOTE with a screenshot that you have bough it? it's only because I don't have info on who bought which content
👍: 0 ⏩: 1
Aw thank you, have fun with it
👍: 0 ⏩: 1
Is there any way to make the journal box itself shorter?
Because my box looks like this: i.gyazo.com/6945ac066c60d83229…
I'd like it to look something like this: i.gyazo.com/da77515f579be051fe…
After taking a break from working on it, I figured it out! I had to add a "max-height:" under the "min-height:".
👍: 0 ⏩: 1
Hey yeah that should have work actually but it has to be set up individually so yeah
👍: 0 ⏩: 0
I'm not sure why it happens to some people - let me send you the proper files!
👍: 0 ⏩: 1
hello I just bought this but the file isn't opening. . . .
👍: 0 ⏩: 1
What error message do you get more specifically?
👍: 0 ⏩: 1
Once I extract it I open it but then there is another .zip file which I try to either open and extract.
It then tells me that "Windows cannot open file" and that the file is invalid
👍: 0 ⏩: 1
Okay I got it! Can you send me in a NOTE a screenshot or something proving you have bought it? (it's because i don't get an info on who actually bough my premium content
And I will send you the opened files
👍: 0 ⏩: 1
I'm just going to sleep, so I will reply to you in a few hours, hope that's okay
👍: 0 ⏩: 1
Wysłałam Ci w końcu czy nie? XD
👍: 0 ⏩: 1
Nie ;^; nie mogę się doczekać aż dostanę ten kodzik w swoje łapki *o*
👍: 0 ⏩: 1
| Next =>