HOME | DD
TheOutli3R — Kitsch's Featured Deviation Widget Tutorial.
#deviation #customizationbackground #customization #featured #tutorial #widget
Published: 2017-03-14 03:29:02 +0000 UTC; Views: 6713; Favourites: 100; Downloads: 0
Redirect to original
Description
A tutorial to help premium members display a custom background behind the selected image in their featured deviation widget. The following code will work for any background of your choosing, but if you'd like to download some cheap multi-packs, just jump to the end of this tutorial to browse. Everything listed below is 200
or less.> CODE EXCERPTS FROM THE TUTORIAL FOR EASY COPY/PASTING <
STEP ONE
< div class="popup2-moremenu">< br>< div class="floaty-boat">< img align="center" src="BACKGROUND URL HERE"/>< /div>< /div>< /div>< br>< br>< br>
STEP TWO
< div class="popup2-moremenu">< br>< div class="floaty-boat">< br>< div align="center">< br>< br>< a href="GALLERY URL HERE">< img wdith="" height="YOUR VALUE HERE" src="DIRECT IMAGE URL HERE"/>< /a>< /div>< /div>< /div>
TO ADJUST HEIGHT/SIZE OF DEVIATION
< img width="" height="YOUR VALUE HERE" src="DIRECT IMAGE URL HERE">
TO ADJUST HEIGHT OF WIDGET
< div class="popup2-moremenu">< br>< div class="floaty-boat">< img align="center" src="BACKGROUND URL HERE"/>< /div>< /div>< /div>
< br>< br>< br>
< br>< br>< br>
< br>< br>< br>< /div>
**Remember to delete the spaces in the code before pasting!
This tutorial uses a custom pastel watercolor background that you can download as a complete set for just 150
, or feel free to check out other handmade background sets here as well - > DEVIATION USED <
If y'all have any questions or run into problems, pls ask in the comments! I'm super happy to help, and by asking publicly, you might help someone else out as well. (Also it's just nice to have a record for later FAQ's, y'know?)
Thank you for downloading, and pls enjoy!
Done in Adobe Ai cs6.
All assets © TheOutli3R
Related content
Comments: 82
There's no requirement I don't think -- but the values you end up using depend on how large your original image was. I honestly just messed around with the width and height tags until something worked haha.
👍: 0 ⏩: 0
How do you go about this with literature deviations? :0c
👍: 0 ⏩: 0
Thanks so much, works so good and was just what I was looking for. I will so check out the rest of your stuff!
👍: 0 ⏩: 1
is there a way to have no image and its just information? like the caption of the deviation but no deviation? im not sure what this is called but i've seen other users with this for their 'featured' area
👍: 0 ⏩: 1
Ahhh no I'm afraid not -- in order for this specific box tutorial to work you have to select a deviation :<
👍: 0 ⏩: 1
oh okay! thank you anyways!
👍: 0 ⏩: 0
Is it normal that I can't add anything else to the widget after changing the background? I thought of adding some stamps and extra stuff, but all of it disappears, even if it's still in the code.
(Thanks for the tutorial, super useful!)
👍: 0 ⏩: 0
wow great tutorial, thanks so much!! since the process basically seems to be choosing a cover image for your deviation, could you theoretically use an image different from your deviation as the thumbnail? :thinking:
👍: 0 ⏩: 1
Haha you're welcome!! And possibly, yes. It's not something I've looked into heavily but it might work!
👍: 0 ⏩: 0
Excuse me, but do you have any idea how to remove the deviation from this widget? Like, i wanna completely remove the image
👍: 0 ⏩: 0
do you know how to put extra pictures in it? like gifs
👍: 0 ⏩: 1
Hmmm I don't think so. Since the widget itself is built for featuring an image, I don't think the code allows for anything other than stamps, plz accounts, etc in addition to the piece you've selected.
👍: 0 ⏩: 0
"Hi I'm catzk3, I'm 17 years old, and I never fuckin learned how to read."
👍: 0 ⏩: 3
*27 years old
god that’s depressing
👍: 0 ⏩: 0
Someone's upset he couldn't go to the Wiggles concert.
👍: 0 ⏩: 0
Do you make a habit of being needlessly rude to random strangers online? Or is it just my lucky day?
👍: 0 ⏩: 1
... Are you retarded or do you just enjoy playing dumb?
I mean if you actually just stopped to read into the context of my comments & the subject matter of the deviations I am commenting on, you would find that it is neither random nor lucky.
👍: 0 ⏩: 1
Can you go be ableist somewhere else? I don't tolerate slurs of that nature anywhere on my page.
👍: 0 ⏩: 1
Nigga YOU are the one that began talking to ME.
If the mean words make you uncomfy then go play & stop bothering me.
👍: 0 ⏩: 2
First of all I'd like to remind you that you posted a comment to me on a piece in my gallery. You came here on your own, you spoke to me on your own, so you aren't bothered bc there's no way you could be. You initiated this conversation. If you're annoyed now it's your own fault.
Secondly, the n-word? Really? Begone scum, and take your racism with you.
👍: 0 ⏩: 1
Don't you mean "dyke"? Look if you're gonna insult me at least do it properly.
👍: 0 ⏩: 1
One more slur out of you and you can get a free falafel!
👍: 0 ⏩: 0
So, what kind of message is she supposed to decipher from 'ur tutorial sucks lawl' other than you're an socially challenged individual that can't do basic html coding?
If you're going to come onto somebody's work with your 2edgy4u attitude, at least use Google to educate yourself before blaming other artists for your own pitfalls. Nobody is not here to hold your hand.
👍: 0 ⏩: 2
You clearly cared enough to reply. Just delete my reply and move on next time. It’s a lot less effort and it actually proves you don’t care. /end free advice
👍: 0 ⏩: 1
Why does this person need an entire army to fight her battles for her?
👍: 0 ⏩: 2
Bold of you to assume this is a "battle" LMAO buddy.
You used offensive slurs in a public space and you're surprised the ppl who follow me saw your nonsense and are rightfully upset? Gemme a fuckin break.
👍: 0 ⏩: 1
Its a popular phrase/idiom... don't be so literal.
Also, All I said was your tutorial sucks, you are the one that got pissy.
👍: 0 ⏩: 1
The only person who's angry in this thread is you. And for no reason, might I add LOL.
You showed up on your own accord, used slurs from every walk of life to rip into an internet stranger you've never spoken to before, left the most unhelpful, unintelligent excuse for a critique in the comments, and then shit your pants when some of my followers 1) read what you posted and 2) called you out on your bullshit.
And the best part is I'm not even the first artist you've done this to.
You accused me of "not reading" for context, but if you'd bothered to scan the comments on this piece - or on any of my customization resources for that matter - you'd notice I'm actually quite pleasant and helpful when a question or concern arises. Hell, your issue might already be solved and waiting for you down below, all you had to do was read.
But no, you decided to have a proper temper tantrum instead when I wouldn't.. what? Kiss your ass? Tell you I'm so sorry for what a failure I am and that all my art sucks and so does this tutorial? You're the only person who seems to be incapable of following along and getting the desired result. I dunno dude, mayhaps I'm not the problem here.
Anyways I'm blocking you now, I have no further interest in entertaining your self-hatred. You're 27 years old and you need to do better than this. Ciao!
👍: 0 ⏩: 0
Why behave like an entitled asshole on a public website if you’re going to get upset at a couple of people calling you out?
👍: 0 ⏩: 1
Yea, sure, I'm the one behaving like an entitled asshole.
Get off your high horse already.
👍: 0 ⏩: 1
I’m not the one throwing out slurs and insulting random strangers on the internet just because I can’t code so I’m quite cosy on this high horse, thanks. c:
It's funny because if you'd just written 'hey, I'm not getting this tutorial, could you give me some pointers, please?' - like you did here: comments.deviantart.com/4/4572… - I'm pretty sure Kitsch would've given you some help, but you had to be rude/abusive here for some bizarre reason.
👍: 0 ⏩: 1
I guess its all about perspectives.
I said, this tutorial sucks, and then I went & found another one that was significantly better & used that instead.
I am not going to sit & write out a well detailed analysis on WHY it sucked, because I am not gunna waste my breath encase this person didn't care. Alternatively she could have asked me WHY, but she didn't, instead she just bitched a bit & then got you lot to harass me.
Furthermore I am not insulting random strangers, I am merely being hostile towards a bunch of people who were hostile towards me first.
I don't owe you anything & you don't owe me anything, we are just that, a bunch of strangers on the internet, & I am free to express myself however I please, If you don't like the words I use or my phrasing then you are free to just ignore me & go on your merry way.
👍: 0 ⏩: 1
"Hostile towards you first"? Uh dude, I get that you're busy re-writing history because you want to look like the victim but when you say somebody's tutorial 'sucks' and then throw slurs at them when you're asked why you have to be needlessly rude, that's being pretty hostile and people do have the right to get upset with you and defend themselves: comments.deviantart.com/1/6688…
And Kitsch would've certainly listened because this is an art site, so she welcomes constructive criticism. Saying something 'sucks' without elaborating isn't constructive. It just gives somebody the impression you're out to insult them and their work for no good reason. How did she know you weren't going to insult her further if she did ask 'why' when you were clearly so hellbent on being rude to begin with? Also, this is how you deal with sulky children who behave badly. Not somebody who is 27. If you weren't going to volunteer why it sucked and explain yourself like a mature adult, that's your problem. Not the artist's.
and cool you're free to express yourself how you please. That's correct... but people are also free to call you out when you start insulting them for no reason? Don't start what you can't finish. It's clear you're capable of polite conversation so it's not like you don't know any better or anything. Also, try taking your own advice. If you feel "harassed" or whatever due to your own actions, you're quite welcome to go about your merry way as well.
Using slurs is gross and everything but I'm not upset to the point where I need to leave or block you, don't worry. It's just funny how I'm supposedly the asshole riding in on my high horse when all this began because of your disrespectful conduct.
👍: 0 ⏩: 1
I have been pretty chill this entire time, If yall wanna read my comments in a scary Darth Vader voice it isn't my fault.
👍: 0 ⏩: 1
Except Darth Vader actually talks like a badass and acts his age. You talk and act like a 10-year-old. Hardly a suitable comparison. lol
👍: 0 ⏩: 0
Them rats, man. Them fuckin rats.
👍: 0 ⏩: 0
Is there a way you can write text in as well without it going under or over the image/background?
👍: 0 ⏩: 2
I THINK.-...IF YOU PUT THIS AT THE END OF THE CODE YOU CAN ACTUALLY DO IT
< br>< br>< br>DESCRIPTION TEXT HERE
*ERASE THE SPACES FIRST
👍: 0 ⏩: 1
I'm still refining the code so if you send me an inbox I can give you the full code I'm using in my own deviantart 
👍: 0 ⏩: 1
I don't wish to bother you, I'm sure - if I need to - I'll figure it out.
👍: 0 ⏩: 1
Don't worry,
👍: 0 ⏩: 0
| Next =>