dyothms

adeoru's theme support and theme appreciation blog. free for use - credit must be kept

[jeongguk-moved]

TUTORIAL: calc() css

difficulty: easy/medium/hard

calc() css is a way to define any length value using math calculations instead of using numbers. supported in all major browsers!

syntax:

+ add - subtract * multiply (one of the values must be a number) / divide (the value on the right must be a number)

width: calc(120px + 80px); width: calc(40% - 30px); width: calc(40px * 2); width: calc(100% / 2 + 50px);

where does this come in handy?

there’s a lot of different uses– but for the sake of having an example, here’s a sample of me vertically aligning something with a height of 50px using calc().

.mydiv { margin: calc(50vh - 50px) auto 0 auto; }

(vh = 1% of your viewport width, and ‘viewport’ is your browser window; therefore 50vh is 50% of your browser window.)

example

in the context of tumblr html, you can also replace any of the values with a meta tag:

.mydiv { width: calc({select:mychoice} + 40px); }

here, ‘mydiv’ would be the same width as ‘mychoice’ (a drop down list using tumblr meta tags) plus 40px. if size has the options of ‘100px’, ‘200px’, and ‘300px’, and you chose ‘200px’, then the div would be 240px.

of course, this isn’t all of the uses– there are a million reasons why you could use it– but here are some examples. you can also learn more about it here. have fun!

[dyothms]

hi! i'm using the spatial theme, and there was a problem with the tumblr controls because tumblr changed the code, and i fixed it with the new one, but the same problem has popped up again. what do i do? thanks!

did you change it with the new one or the new new one

if the new new one and it's still not working then ¯\_(ツ)_/¯

[ladmilk]

Tumblr Controls

Recently theme makers and users have had some trouble with the tumblr controls, and it looks like tumblr have changed the code - or are currently in the process of doing so. This is why the tumblr controls work for some and not for others. 

If your tumblr controls do not work correctly

Tumblr have changed the name of the class and deleted the id on the new code. So instead of coding with the id:

#tumblr_controls

You need to change it to:

.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop

Or change it to one of the classes:

.tmblr-iframe .tmblr-iframe--desktop-loggedin-controls (css visible if logged in) .iframe-controls--desktop

If your tumblr controls still does not show, it might be because it’s hiding behind another div. Add this to the tumblr controls css:

z-index:999999999!important;

Don’t understand how to edit the tumblr controls? Check out this mini tutorial

[ladmilk]

Tumblr updated the tumblr controls code again (and i’m screaming).

.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop

Or just one of the classes.

.tumblr-iframe

.tmblr-iframe--desktop-logged-in-controls

.iframe-controls--desktop

[bychloethemes]

IDs and Classes, what’s the difference?

I see a lot of people on here misusing IDs, so I thought I might write a little explanation on the differences etc.

Keep reading

[zacharyfury-blog]

Smoothscroll

so someone asked me for this tutorial long back.

scrolling your blog on some browsers can be jerky (mostly chrome on win), so I found a fix.

• just add this code above your </head> 

and scrolling on your blog will be smooth as butter on all browsers! 

- mouse wheel, middle mouse and keyboard support - also works with embedded content - full touchpad support

• theme makers can add this to their themes & please reblog this if it helped you. 👍   

[yoonora]

theme - te añoré

a theme inspired by the album cover of ‘Boys Be’ by the korean group called Seventeen

features:

theme comes only in a 400px width, it cannot be changed

there’s two pop-up blocks:

for the description (it can be as long as you want)

for the links

you can have a total of six (6) links

you can customize a total of three (3) titles

you can also remove a title by deleting all the text in the respective box assigned for the title

there’s three (3) types of post info styles

more options that you can discover on the customization page

live preview / code 

[cathms]

never mind - theme #32:

code / static preview: 1, 2 freetexthost code

features:

posts width: from 250 to 540px

options: background position/repeat, body font/size, info font/size, description align, number of links (4/6/8), title, captions, infinite scroll, no rescaling*

*no rescaling: on 540px posts, photosets and photos will show on its original size

[flatlights-deactivated20190812]

PSA.

for some godforsaken reason, tumblr’s updated such that some links no longer work. for example, a lot of people have /link on their pages instead of url.tumblr.com/link, tumblr’s made it so that now, when you click on the link, it takes you to t.umblr.com/link. i know i’m not the only person who shortcuts on their links like this, but tumblr is out to get us i swear. this only happens on pages, so if you have links in your HTML, you’re fine but if you have links in your pages (aka no html, no fancy coded pages) that lead to other pages, tags, etc, THEY ARE BROKEN! even if this doesn’t help you specifically, please reblog to help other people!!! i’ve checked around 10 blogs and it’s broken on everyone!!!!

[dyothms]

for your submerge theme is there a way to edit the gap between photos in a photoset? I'm trying to get the gap to be equal to the gap between different posts so it looks more uniform, thank you!

try this :)

[dyothms]

are you planning on adding a menu button to your neko atsume links page? i'd really love to use it as a follow forever page but i don't want to have to use one of the links to just link back to my main blog. otherwise it's a really adorable page and i'd love to use it!

its not my theme :)

[dyothms]

Hello! I really love you Spatial theme, but the Dashboard/Reblog/Delete buttons aren't working. Is there something I can do to fix this?

thank you!! the reason and tutorial to solve this is is here ; i’ve also updated the code 

[yoonora]

018 - neko  ― theme

a theme clearly inspired by the game neko atsume

features:

pop up links box which can hold custom links

personality, power lv, and visits text can be edited 

an extra box that pops up when you click extra

the box where the mementos from the cats can be edited

three options of post size small, medium, & large (it’s not a clear number)

more options when you look into the theme

here is the guide on how to customize the theme 

live preview / code

018.5 - neko links - links page

features:

you can add as much links as you want though there’s only 20 slots for a different cat

that’s it really there’s almost no editing here

live preview / code

any questions regarding the theme can be answered on yoonora

[genshimada]

This userstyle: Tumblr Image Width: No Rescaling is by far the best script to use for fixing the gif dimensions. It allows for old gif dimensions (500px, 245px, 160px) and new gif dimensions (540px, 268px, 177px) to both be viewed properly on the dash, no blurriness, etc. However, both this style and the other one that just reverts the dash back to old dimensions have been ruined because of the tumblr update. BUT I just checked and Tumblr Image Width: No Rescaling has been updated! Everything is working properly again! The ability to see both old and new dimension gifs without everything looking ugly is back. I strongly suggest that everyone (not just gif makers!) install (or update) this style if you haven’t already.

[itsphotoshop]

FOR THOSE WHO ASKED: THIS WORKED. Update this extension in case it’s the one you are using. Thanks for submitting <3 xx

[dyothms]

hi there! your themes are gorgeous, which one do you use on the blog luhyns? sorry I feel like this is really obvious but im not sure haha thanks!

thank you but it’s not published yet ;; i usually dont post themes im using while using them

[yukoki]

THEME [37] INTERPHASE by YUKOKI

✄ PREV 1: live / static | PREV 2: live / static | VIEW CODE ✄

38 colour options

6 custom links

2 column 250px posts option

cover wall paper option

draggable windows & desktop icons

pop up archive, ask box, blogroll, about page, blog posts (can be closed)

upload 5 photos to your desktop

fully customizeable desktop icons from fontawesome

up to three sticky notes for you to leave extra notes/greetings/updates around your blog (also draggable and closeable)

posts pop up to 500px size

visible tags, like button, reblog button on index page

Please like/reblog if you’re using the theme! :)

[dyothms]

Hello! I really love you Spatial theme, but the Dashboard/Reblog/Delete buttons aren't working. Is there something I can do to fix this?

thank you!! the reason and tutorial to solve this is is here ; i’ve also updated the code 

[ladmilk]

Tumblr Controls

Recently theme makers and users have had some trouble with the tumblr controls, and it looks like tumblr have changed the code - or are currently in the process of doing so. This is why the tumblr controls work for some and not for others. 

If your tumblr controls do not work correctly

Tumblr have changed the name of the class and deleted the id on the new code. So instead of coding with the id:

#tumblr_controls

You need to change it to:

.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop

If your tumblr controls still does not show, it might be because it’s hiding behind another div. Add this to the tumblr controls css:

z-index:999999999!important;