#container themes

theme 05 by josie

hey y’all ! it’s been a bit since i released a theme so i’m sorry if this is a bit .. rusty , but i wanted to put something out there because well , i miss coding .  all of my resources are free because i know the #struggle , but please be sure to give this post a like or reblog if you use - it would mean a lot .

ok so , most of you know the drill - no stealing , ripping , or using this as a base code . it isn’t one .

sidebar background image is 315 x 500 px .

the second sidebar background is 200 x 250 px .

there is a background overlay , if you wanna change the color ctrl + f background-blend-mode and change the color to your liking .

this theme does not have tabs because i just didn’t have it in me today .

please report any bugs .

theme by matt @femgays​

fucked up theme i had issues making the links look good (punches

CONQUEROR THEME BY ANNIE @NOODLE

temporary preview

it’s here! after being suspended n coming back, i can finally release this LOL. getting the dropdown links to look good was harder than expected! don’t (re)move credit or i’ll report u for misattribution :flushed:

HONG KONG 97 THEME

BY PIKACHUGBC

another old web inspired theme! wanted to try my hand at making a contailer theme and i think i did pretty decent! 8-D code and features under cut

Do NOT set the background to COVER or fit, etc. it will ONLY stretch the background IMAGE but not the actual container or theme itself.

That means the container’s position will remain unchanged and it will no longer be aligned with your background. This is a preview if the background is set normally, position set to ( top left ): 

as you can see, the container and links are aligned perfectly with the image. and below, THIS is what happens when I test it on a SMALLER screen resolution ( 1024 x 600 ) while set to COVER. The image is made smaller to fit the screen size BUT the container and links keep their unchanged position according to the pixel number set.

Even if you have everything set to perfectly align on YOUR own resolution while set to cover, it will not align perfectly with any other resolutions except those identical to yours.

That’s why I recommend setting it to top left, that way the image size remains the same and in the same position, regardless of screen size.

Theme 11: Galaxy

[ preview ] - [ code ] - [ BG PSD ] - [ Popup PSD ]

A Theme to fit RP blogs!

I coded this for one of my own rp blogs and toned it down for release. This is a very code heavy theme for RP blogs and I am honest, I forgot to put comments into the code, so I would advise that you only use this theme if you know how HTML/CSS works (to some extend).

description scrolls!

pagination pictures (feel free to replace with your own pictures)

ask, rules, about, verses and navigation popup!

customisable colours (Link, Italics, Bold).

300px posts

altering the code for your personal use is ok.

Please don’t remove the credit.

Credits:

Updated! (January 3rd, 2019)

(Base) Theme: Passing the Torch / Preview / Download: Code / BG Image .PSD Tutorial: BG .PSD how to / Tutorial: Capital Letter styling explained

This is a fully functional theme with customizable popup pages. It is made specifically to be extremely non-coder friendly because of meta tag usage, which allows all the work (including popup pages) to be done in the customization instead of the coding itself. I’ve included some optional aesthetic extras in this which you can turn on and off at your leisure with a simple click. These include my text-wrapping for icons/images, animated sparkling texture usage, and the option to give your icons curved corners and/or borders.

PLEASE READ / IMPORTANT NOTES:

1. To get your ask and submit boxes working in the popup page: While I mentioned that you generally do not need to venture into the code of this theme, this is the one thing you do need to venture into the coding for. But it’s very simple, simply click on Edit HTML, then click the little cogwheel icon at the very top, then choose ‘Find and replace’, in the left box that just appeared, you type YOURURLHERE and in the one on the right, you type your own URL, then click ‘All’. Here, let me show you.

2. Popup pages not appearing? Go into your blog’s settings and make sure that the option ‘Always serve blog over SSL‘ is turned off, in other words, it needs to be grayed out, like so. This option has the tendency to interfere with a lot of coding, including popup pages and music players.

3. Subheaders for your popup pages (similar to the little headers in your description box) are created by wrapping your text like so: <h4>Your text here</h4>

3. If you utilize the boxes on the customization page for your popup pages, I’m aware that they are a little wonky. Sadly, this is something on Tumblr’s end and therefore out of my control. I would suggest writing what you want in a program such as Notepad or Wordpad and then copying it over into the respective boxes.