As to change things up a bit, this is a dashboard edit that can be safely installed with the help of Stylus (this is an extension equivalent to the old Stylish, but by a different creator and wholly safe for use), created within the same aesthetic as my themes. Simply install the Stylus extension, then navigate to the Download/Install link above and click ‘Install Style’ and voila, your dashboard has gotten a makeover.
Very, very important:
As this userstyle was created to use the same fonts as my themes (which generally do not come pre-installed on Windows or Macs), you will need to download two fonts as to view this dashboard userstyle as it was created to be viewed; here are the needed links:
- Calibri
- Frank Ruhl Libre
As an added note: This entire userstyle consists of weeks and weeks of hard work and as a result, it spans over 7500 lines of code. So while I can try to help with various small alterations, I’ll be incredibly picky as nothing in it is a small endeavor by any means.
As always (though it’s increasingly more important here), please like or ideally REBLOG THIS POST. You’re under no obligation whatsoever to do so, but I’d immensely appreciate it if you helped spread the word! And by all means, if you have questions or have found a glitch, never hesitate to message me!
ARSENI’S TUTORIALS : linking pages / google doc pages in the dashboard description
a few people have asked about it, so i’m gonna toss a quick walkthrough for creating / making links on your dashboard description! it’s a long one, so it’s going under a readmore.
STEP ONE : go to your theme edit page. this page.
STEP TWO : copy this coding and put it in the “description” part.
<a href="URLHERE">YOUR TEXT HERE!</a>
STEP THREE : replace “URLHERE” with the page link, then replace “YOUR TEXT HERE” with what you want it to actually say in your description. ( example pic below )
LINK COLOR : if you’re looking to change the color of the link, it directly to the “accent color” under your blog settings aka the place where you can change your url or upload a new dashboard header image.
Tutorial: Dashboard text-wrapping. Almost a year after originally releasing my text-wrapping for your theme tutorial, I’ve come to bear a New Year’s gift, known as text-wrapping for your Tumblr dashboard. Now, this tutorial is extremely simple due to Stylish’s involvement, but I have to point out that this is something that only you and anyone else who has this set up will see. But that’s really what most of us care about, right? Let’s get down to it. The following steps should be similar, if not the same, across all browsers.
Step 1. Download the extension called ‘Stylish’ and follow the instructions given in each browser to fully install it, a browser reboot may be needed. Chrome (and Opera) users can find their download here (Opera users will need to download/install this first) Firefox users can download it here, while this link should work for Safari users. And if you’re still using Internet Explorer or Edge for Tumblr, let me chuck some legos at you. ;)
Step 2. While on your Tumblr dashboard, navigate to the Stylish extension that should be in the top right-hand corner of your browser. Then click on the three vertical dots in the upper-right corner of the new window that pops up, then select ‘Create New Style’, like so:
Step 3. On the new page that opened in your browser, copy / paste the following line of code into the large box on the right-hand side of the page.
Now to clarify some things here; the top ‘figure’ line is what affects all images in text posts, including those within blockquotes, it also includes my personal styling that you can see at the very top of this post that includes the semi-transparent borders. If you’re uninterested in this styling, then copy / paste the following into the box instead and you’ll have the basic/default styling:
The margins within ‘figure’ can be increased or decreased to whatever you prefer, and to have text-wrapping look ideal, these may actually need to be edited to fit different icon sizes. Now, if you’re interested in having icons within blockquotes be on the opposite (right) side, simply add the lines below beneath the ‘figure’ line. Again, you can change the margins to whatever you like, I simply urge you to not touch ‘margin-top’.
Step 4. Directly under this box you just copied / pasted those lines into, you should see ‘Applies to’, followed by a drop down menu, make sure to select ‘URLs starting with‘, and in the box to its right, you enter the domain of Tumblr (https://www.tumblr.com) before clicking ‘Add’, like so:
Step 5. Now let’s save it. Move to the left-hand side, and at the top, where it asks you to name it, name it however you please. Make sure to check the box underneath it that says ‘Enabled’ and then simply save it. I recommend that you do not touch any of the other settings.
Note: Keep in mind that this effect may not always appear perfectly on the dashboard, it will look a little glitchy if people’s icons are beneath their reply (as text needs to come after an icon for there to be any text to wrap around it) or it can look a little bizarre within blockquotes if people’s replies are extremely short. These are, sadly, not things I can resolve at this time; they are simply... code limitations, of sorts. Regardless...
I hope that this was helpful to at least some of you! Remember that my askbox is always available to any of you, if you get stuck or need more help. So never hesitate! If this was helpful to you, a reblog is always immensely appreciated— merely so that other people may find the use for it as well through your reblog.
