HOME | DD

#box #code #custom #featured #free #page #scroll #scrollbox #f2u #customization
Published: 2017-01-26 03:31:15 +0000 UTC; Views: 14152; Favourites: 534; Downloads: 0
Redirect to original
Description
New Updates! -> Added with 4 Columns! Also changed the coding a bit so you can easily tell apart Images from Text Boxes!
Quick F2U Code!
Got my inspiration from
whom has lots of OCs and wanted to only introduce a few at a time.
and
whom used one of my previous code (F2U Featured Box ) to showcase their Commissions.
Rules
- Free to Use!
- You're able to change the coding to whatever you'd like, this is just a base code for you to get started with!
- Custom boxes are for Premium/CORE members only
- Comment or Fav if using~
- Don't remove any of the coding credits
Info
- Overall it's really compact and a simplistic code but it can get messed up if you're using the "Widen Content" versions. Adjustments
- You can Showcase your Commissions, OCs, and etc!
- Images may need to be re-sized to make sure everything fits! I recommend an even width and height firstly, however, you can change if needed.
Boxes
Box 1: Is a Normal View of what the custom boxes look like without the "Widen Content" code. This is for people whom like the wide margins and like to keep things clean. Can fit up to two images per line with the proper width and height settings. Can fit up to two content holder boxes that are scroll boxes.
Box 2: Is the Widen Content version of the first box!
Box 3: Is the Widen Content version + being able to fit up to 3 images and 3 Scrollboxes. Please be warned that yes, the box/image sizes are a bit off as they aren't completely even! I know this but after experimenting I couldn't get it even but I got it as close as I could!
*VERY EASY TO MESS UP IF YOU AREN'T PAYING ATTENTION*
Box 4: Is the Widen Content version + being able to fit up to 4 images and 4 Scrollboxes. Please be careful when editing the code as it's very easy to mess up!
*VERY EASY TO MESS UP IF YOU AREN'T PAYING ATTENTION*
Credits
All Resources belong to rightful owners!
Other F2U Codes
Codes:
Normal [2 img] | Wide [2 img] | Wide [3 img] | Wide [4 img]
Related content
Comments: 55
rollingpoly In reply to dwelI [2018-02-24 18:45:23 +0000 UTC]
there are lots of tutorials for non-scrolling boxes on dA if you type in "Custom Box"
👍: 0 ⏩: 0
LumiDraws [2018-01-18 00:58:27 +0000 UTC]
how do you have it to where it is just the scroll boxes? I do not need the image spaces. When I delete them, it moves the scroll boxes up it and leaves a massive space where the images should go. help??
👍: 0 ⏩: 1
rollingpoly In reply to LumiDraws [2018-01-18 01:09:16 +0000 UTC]
which of the 4 are you using?
👍: 0 ⏩: 1
LumiDraws In reply to rollingpoly [2018-01-18 01:16:42 +0000 UTC]
the second one, the wider version of the first
👍: 0 ⏩: 1
rollingpoly In reply to LumiDraws [2018-01-18 02:35:48 +0000 UTC]
it must be the widen content code then. If you read my desc. the reason there might be a lot of space is because you need to adjust the height of the box: Adjustments
Putting the number lower should work and if you reach the max amount then it turns into a scrollbox
👍: 0 ⏩: 1
LumiDraws In reply to rollingpoly [2018-01-19 02:36:52 +0000 UTC]
OHH okay thank you so much!
👍: 0 ⏩: 0
KoiSushii [2017-11-05 05:57:19 +0000 UTC]
When i put the background in, it just makes it smaller and is doesn't cover the enitre background, could you help me out? (btw using the 4 boxes)
👍: 0 ⏩: 1
rollingpoly In reply to KoiSushii [2017-11-05 06:02:30 +0000 UTC]
Because this uses the Widen content code the background image needs to be 1000x3000
or you can use this option:
for the background (just insert the width part
👍: 0 ⏩: 1
rollingpoly In reply to Hoppin-Frogs [2017-07-02 20:45:40 +0000 UTC]
Yes? I mean it's pretty simple to add a background in....
👍: 0 ⏩: 1
Hoppin-Frogs In reply to rollingpoly [2017-07-02 20:46:19 +0000 UTC]
I tried and it doesn't work O^O
👍: 0 ⏩: 1
rollingpoly In reply to Hoppin-Frogs [2017-07-02 20:47:08 +0000 UTC]
which one are you using of my code?
👍: 0 ⏩: 1
rollingpoly In reply to Hoppin-Frogs [2017-07-02 20:48:23 +0000 UTC]
1st line -> "img scr="BG LINK">
Insert the background url there ^^
👍: 0 ⏩: 1
rollingpoly In reply to BreadsticcArt [2017-05-24 18:14:07 +0000 UTC]
Lots of ways check them out here
👍: 0 ⏩: 1
rollingpoly In reply to BreadsticcArt [2017-05-24 17:08:15 +0000 UTC]
Bottom of description hun
Under "Other F2U Codes"
👍: 0 ⏩: 1
BreadsticcArt In reply to rollingpoly [2017-05-24 17:08:49 +0000 UTC]
But that's others, not the one in the deviation?
👍: 0 ⏩: 1
BreadsticcArt In reply to rollingpoly [2017-05-24 17:09:42 +0000 UTC]
OH I see it now. Sorry, my eyes are really bad x3
👍: 0 ⏩: 1
rollingpoly In reply to BreadsticcArt [2017-05-24 17:10:28 +0000 UTC]
it's fine.
Since I'm getting a lot of the same questions I'm wondering if I should make the text for the codes larger to people can see it
👍: 0 ⏩: 1
BreadsticcArt In reply to rollingpoly [2017-05-24 17:10:55 +0000 UTC]
yeah that would be a good idea. its kinda hard to see.
👍: 0 ⏩: 1
rollingpoly In reply to BreadsticcArt [2017-05-24 17:12:51 +0000 UTC]
Thanks for the feedback! I will probably do that later today ^^
👍: 0 ⏩: 1
Atsuko-Art [2017-05-16 04:24:52 +0000 UTC]
I really need the code of box 2
But the link isn't working...?
Can you help me please? ;;
👍: 0 ⏩: 1
rollingpoly In reply to Atsuko-Art [2017-05-16 04:32:12 +0000 UTC]
What seems to be the problem? The link is working just fine for me hm
👍: 0 ⏩: 1
Atsuko-Art In reply to rollingpoly [2017-05-16 04:34:13 +0000 UTC]
When I click on the link, it said: 'The webpage is unavailable' ;-;
👍: 0 ⏩: 1
rollingpoly In reply to Atsuko-Art [2017-05-16 04:41:25 +0000 UTC]
I'm not quite sure what to tell tbh. The link is working just fine for me and my friends (had them check).
www.deviantart.com/users/outgo…
if you could try this just in case
👍: 0 ⏩: 1
Atsuko-Art In reply to rollingpoly [2017-05-18 08:13:35 +0000 UTC]
I think my browser doesn't support it...?
I have used an another one and it works
Thank you so much for helping me out!
👍: 0 ⏩: 0
140qr [2017-04-24 08:47:27 +0000 UTC]
I wanted to tell,what size are the square from custom box [4 img]?
👍: 0 ⏩: 0
SweetDuke [2017-02-10 03:45:11 +0000 UTC]
Thanks for the mention! This code looks pretty awesome too, I'll have to stow it away for later... *u*
👍: 0 ⏩: 1
rollingpoly In reply to SweetDuke [2017-02-10 19:27:49 +0000 UTC]
No problem and haha thanks for keeping my code in mind xD
👍: 0 ⏩: 0
| Next =>