Daily Deviation
CypherVisor's avatar
deviantID widget box customization tutorial
By CypherVisor   |   Watch
5K 1K 165K (6 Today)
Published: June 13, 2012
______________________________________________________________________________________________________
»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

How to use ?


Just copy the source code(s) below and paste it in your deviantID-widget box in your profile page.



Video tutorial for this: www.youtube.com/watch?v=Jwj8mb...


Tutorial courtesy: *AllAmericanArtist



SOURCE CODE:



BLACK TEXT version
-----------------------------------------
<div class="popup2-moremenu"><br/><div class="floaty-boat"><img align="center" src="Background-image-url"/></div></div><div class="popup2-moremenu"><br/><div class="floaty-boat"><br><br><br><a href="Deviation-URL"><img align="center" src="Deviation-image-link"/></a><div align="left" class="pppp"><font size="5">
<b>:devYOUR_USERNAME:</b></font>

<h3>YOUR NAME
<font size="3">Artist | Professional | Design & Interfaces</font>
<font size="2">YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy<br> text ever since the 1500s, when an unknown printer took a galley of type<br> and scrambled it to make a type specimen book. It has survived not only five<br> centuries, but also the leap into electronic typesetting, remaining essentially<br> unchanged. It was popularised in the 1960s with the release of Letraset sheets<br> containing Lorem Ipsum passages, and more recently with desktop publishing<br> software like Aldus PageMaker including versions of Lorem Ipsum.
</font></h3></div>
</div></div>

<br><br><br><br><br><br><br><br><br><br><br>



WHITE TEXT version
-----------------------------------------
<div class="popup2-moremenu"><br/><div class="floaty-boat"><img align="center" src="Background-image-url"/></div></div><div class="popup2-moremenu"><br/><div class="floaty-boat"><br><br><br><a href="Deviation-URL"><img align="center" src="Deviation-image-link"/></a><div align="left" class="pppp"><span class="smbutton-purple popup2-clear"><font size="5">
<b>:devYOUR_USERNAME:</b></font>

<font size="3">YOUR NAME</font>
<font size="3">Artist | Professional | Design & Interfaces</font>
<font size="2">YOUR_COUNTRY_NAME

Lorem Ipsum is simply dummy text of the printing and typesetting<br> industry. Lorem Ipsum has been the industry's standard dummy<br> text ever since the 1500s, when an unknown printer took a galley of type<br> and scrambled it to make a type specimen book. It has survived not only five<br> centuries, but also the leap into electronic typesetting, remaining essentially<br> unchanged. It was popularised in the 1960s with the release of Letraset sheets<br> containing Lorem Ipsum passages, and more recently with desktop publishing<br> software like Aldus PageMaker including versions of Lorem Ipsum.
</font></span></div>
</div></div>

<br><br><br><br><br><br><br><br><br><br><br>




My background image link (the background that I've used for demo in this tutorial)
-----------------------------------------
http://fc05.deviantart.net/fs70/f/2012/155/a/d/bg2_by_cyphervisor-d529kxh.png


Other tutorials



For custom-box widget:


For New deviation-box widget:



Want to customize your profile more?


Check all my free resources + tutorials: somrat.deviantart.com/gallery/...



Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.


______________________________________________________________________________________________________
I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some
points :points: to me as an appreciation or support.
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.
______________________________________________________________________________________________________
Image size
800x5000px 1009.65 KB
IMAGE DETAILS
Software
Adobe Photoshop CS6 (Windows)
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
Comments (1438)
Beeroxxx's avatar
Beeroxxx|Hobbyist General Artist
Hi, thank you for the tutorial.  I've followed most steps, but removed some aspects I didn't want to show (just trial and error as I have no concept of coding...lol).  Anyway, all is fine, but the Core Membership star stays right in the middle of my bio page as it was before any changes were made.  Kindly advise how I can get rid of it?  Much appreciated.
Reply  ·  
PsYcHo-pupG's avatar
PsYcHo-pupG|Hobbyist Artist
It didnt work I even have the core ;-;
Reply  ·  
AZForever-18plus's avatar
AZForever-18plus|Student General Artist
The background picture shows up above the text rather than letting the text overlay it!?!?! HALP!!!
Reply  ·  
L-emoncake-S's avatar
I don't have a link location for my deviantid picture because i use my own drawn artwork for it from my computer

what do i do ;-;
Reply  ·  
Pastelkittyqq's avatar
Pastelkittyqq|Hobbyist Digital Artist
Upload that image to your sta.sh: sta.sh/
then get the url from there
Reply  ·  
L-emoncake-S's avatar
ok thx
Reply  ·  
that-tickles's avatar
that-tickles|Hobbyist General Artist
I have extra space at the bottom of my profile, and an extra "core" symbol randomly placed there too.
Reply  ·  
Miyeopta's avatar
Why when I did it and 2 core member sign shows?
Reply  ·  
Sophibelle's avatar
Sophibelle|Hobbyist General Artist
I have a... problem. My core star is still visible and I don't know how to get rid of it. I did everything right. I only made the text centered and wrote my username without the dev because I wanted it to be white. The star is visible with and without any code alterations.
Reply  ·  
3kkio's avatar
3kkio|Hobbyist Digital Artist
I tried. Didn't work. Then I realized it was meant for premium members and super groups.
Reply  ·  
SoulRidaaa's avatar
SoulRidaaa|Hobbyist Digital Artist
How do I prevent 2 core symbols from showing up?
Reply  ·  
MOBz1LLA's avatar
MOBz1LLA|Hobbyist General Artist
Ahhh! I'm completely new to all of this coding stuff and this is super helpful! Thank you so much!
I do have a question, however. Is the only text colors available black and white?
Reply  ·  
MOBz1LLA's avatar
MOBz1LLA|Hobbyist General Artist
And I can't seem to get the core symbol to disappear in the box too, ahhh.... any help would be appreciated
Reply  ·  
Freiha's avatar
Freiha|Hobbyist Digital Artist
I've got the same problem. I've tried around for a while but it wouldn't disappear. :faint:
Reply  ·  
MOBz1LLA's avatar
MOBz1LLA|Hobbyist General Artist
Yeah....

I just gave up and made my own custom box.
Reply  ·  
SoulRidaaa's avatar
SoulRidaaa|Hobbyist Digital Artist
MY interest drop down box disappeared, how do I get it to show?
Reply  ·  
IceCr3amKitty's avatar
IceCr3amKitty|Hobbyist Digital Artist
what are the
direct image link and image URL
for apple?
Reply  ·  
MOBz1LLA's avatar
MOBz1LLA|Hobbyist General Artist
It should be "copy Image Address"
Reply  ·  
IceCr3amKitty's avatar
IceCr3amKitty|Hobbyist Digital Artist
thank you. =w=
Reply  ·  
MOBz1LLA's avatar
MOBz1LLA|Hobbyist General Artist
My pleasure >w<

Happy coding!
Reply  ·  
LadySeshiiria's avatar
LadySeshiiria|Student General Artist
I just placed the code in a custom box and renamed the custom box and used br tags to fix the length of the box. I had issues with double core and I tried troubleshooting and doing what others said to, to no avail. :(
Reply  ·  
tats2's avatar
tats2|Hobbyist Digital Artist
Thank you
Reply  ·  
TomFraggle's avatar
Your video tutorial is stating it no longer exists on YouTube.  Might want to fix that.  Thanks!
Reply  ·  
HoovlesNBits's avatar
HoovlesNBits|Hobbyist General Artist
It doesn't show up very well on mobile devices. Everything gets cut off and shifted unless I view it on my 22 inch monitor. Any work around? 
Reply  ·  
View 1 reply
anonymous's avatar
Join the community to add your comment. Already a deviant? Sign In
©2019 DeviantArt
All Rights reserved