Code Show @codeshow - Tumblr Blog

Posts

danceforyous-deactivated2018021

Navigation Theme #1.

Please like or reblog if using.

Live Preview { here )

Blue - Code { here }

Black - Code { here }

Light brown - Code { here }

Red - Code { here }

Grey - Code { here }

Green - Code { here }

#navigation

interludethemes

About me page by Interludethemes PREVIEW & CODE

All the instructions for this page are in the code.

Please don’t steal

keep the credit

blaah blahhh

#About page

interludethemes

Blogroll page by Interludethemes PREVIEW & CODE

Please keep the credit

Like this post if you’re using it

Thank you!! hope you like it

#blogroll

interludethemes

══════════════════════════════════════

Interlude theme 11, Navigation page 2 ~PREVIEW~♡♡♡~CODE~

══════════════════════════════════════

You can add a text

A long list of links in the second part

Cute big links in the third part

It has an AMAZING tags box that is so cute i can’t even ok?

Hope you guys like it!!:)

(Just keep the credit and i’ll be more than happy)

HERE’S THE COMPLETE TUTORIAL FOR THIS PAGE

#navigation

yeoli

Theme 31 - All in one theme

Includes: theme posts, ask box , about , navigation , faq’s , blogroll

Features:

300px / 400px / 500px posts

sidebar icon (100px x 100px)

show notes on index page (not available when infinite scroll enabled)

like / reblog buttons

optional tags / captions / infinite scroll

cutomisable background image positioning / stretch / repeat

Static Preview: [ x ] Codes: [ x ]

*best viewed in chrome

Note before using: when you are editing your theme, scroll down to the bottom after the colour options to where it says “Your Tumblr URL” and make sure you type in your own url so that the ask box will work correctly.

#themes #blue #minimalistic #blog #2 columns

kara-themes-blog

Theme 20 | Trouble | Kara-Themes

This is my old theme and I think it’s really nice and modern looking?? So please enjoy ♡

Additional Information: - Organized Permalink page - 4 Links - Two column - Refreshed permalinks - Transparent image - Option for click sound and update/stat/credits tabs - Pop up update/stat/credits tabs

Click here to figure out how to change the tab contents! [for this theme]

Features here

Preview - Code

Please like if you’re using or thinking of using

#themes #3 columns #red #gallery

uptional-themes

THEME 01

4 custon links

Sidebar fixed

Posts opcions 220px / 300px / 400px

Bottom back to top

Infinity Scroll

X Preview

X Download

Like this use.

#themes #3 columns #white #minimalistic #gallery

thehandyblog-blog

stratfor-d-blog

↓ about page 03 by stratfor-d

live preview | code

customized scrollbar

customized tooltip

four extra links

two images (110x110)

“cool” effects ^-^

tip: to change the accent color easily; [1] press ctrl+h [2] paste #e8c6d5 on the first box [3] paste the color that you want on the second box (ex: #cc9ad6)

please like or reblog first before you use it & keep the credits intact.

#About page

zuvia

Music Player with Playlist!

Live preview

How to Install:

Copy THIS CODE (the CSS)

Paste it before “</style>” (Use CTRL+F to find it)

Then copy THIS CODE (the BODY)

Paste it after “<body>”

Useful Links:

How to upload mp3 files

Html/CSS Editing

To add music, paste your code from Billyplayer right after the line that says

<!— YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. —>

It’s found in the BODY code. There are further instructions in the code - just follow them and you should be alright.

You can also move the player around on your theme. To do so, find “#editthis{” in the CSS, and change the “top” and “left” value numbers.

#music player

cocorinithemes

Tutorial: How to make a hover-over chatbox

Live Preview: HERE

Apparently a lot of people have been asking how I make this effect with the chatbox on my blog, so here you go. :)

#Slide in

thehandyblog-blog

Circle to square navigation

Preview: tickle me!

1. Paste this code before </style>

#navtab { position: fixed; width: auto; height: auto; margin: 170px 0px 0px 241px; padding: 1px; font-size: 11px; text-transform: lowercase; font-family: Arial; line-height: 12px; background-color: #fff; }

.headerlinks {height:30px; width: 30px; background-color: #fff; border: 1px dashed gray; font-family: littlefont; font-size:8px; text-transform:uppercase; margin:2px; float:left; text-align: center; line-height: 30px; -webkit-border-radius: 5ex; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition: all 1s ease-out; -webkit-transform: rotate(0deg);}

.headerlinks:hover {-webkit-border-radius: 0ex; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; transition: all 1s ease-out; -webkit-transform: rotate(0deg); margin-left: 0px; -moz-box-shadow: 4px 4px 9px #888; -webkit-box-shadow: 4px 9px 9px #888; box-shadow: 4px 4px 9px #888;}

small{font-size: 90%;}

2. Paste this code to where you want the navigation to appear.

<div id=”navtab”> <div class=”headerlinks”><a href=”link url“>link title</a></div> <div class=”headerlinks”><a href=”link url”>link title</a></div> <div class=”headerlinks”><a href=”link url“>link title</a></div> <div class=”headerlinks”><a href=”link url“>link title</a></div> </div>

3. Change the bold parts of the code to whatever you want. You can also add more links, just make sure that it’s between <div id=”navtab”> and </div>.

Re-type all the “quotation marks”.

#navigation

Rainy Day

Preview & Code

#website effects

Firefly effect

Preview & Code

#website effects

Trending Blogs

Recently Viewed Blogs

Code Show