Welcome to tumblrtutoriial! a place where we share our resources, tutorials and themes! this blog was created by jess on july 2nd, 2011. feel free to ask us a question if you don't understand something! please also read our faq before asking us (:
I have this new theme, and the title of the posts have the same font as the text in the post. I want to change the font of the title (NOT the title like the name of my blog or something), but I just can’t find any title{ thing or so. Only body{, but when I change the font-family, the text in the posts and the title of the posts both change into it. I’ve searched for over an hour at google, but hell, I can’t find anything... So... any help?
Anonymous
asked by

look for {block:Posts} and you should see like a div in it or like an id or a class, like example:

<div id=”posts”>

{block:Posts}

<div class=”entry”>

now it’s either in the #posts in the css or .entry once you find it, change the font-family (:

hope i helped!

// claire

Posted with 0 notes · Reblog?
blog borders

preview

put this code under <style>

.borderleft{
position: fixed;
width: 30px;
background: #dbdbdb;
height: 100%;
top: 0px;
left: 0px;
}
.bordertop{
position: fixed;
background: #dbdbdb;
width: 100%;
height: 30px;
top: 0px;
left: 0px;
}
.borderbottom{
position: fixed;
background: #dbdbdb;
width: 100%;
height: 30px;
bottom: 0px;
left: 0px;
}
.borderright{
position:fixed;
top:0;
right:0;
width:30px;
height:100%;
background:#dbdbdb;
}

things that could be modified is the width and the height and the background in color codes (:

and this code under <body>

<div class="borderleft"></div>
<div class="bordertop"></div>
<div class="borderbottom"></div>
<div class="borderright"></div>

// claire

Posted with 6 notes · Reblog?
how to have tooltips // updated

okay guys tooltips are the little bubbles that pop up following your cursor when you hover on something. the live preview is on my blog (x) first you will need to put this under <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
<style>
#s-m-t-tooltip{
max-width:300px; 
padding:4px 4px 4px 4px;
margin:20px 0px 0px 20px;
background: #fff;
border:1px solid #eee;
font-family: Calibri;
font-size:10px;
letter-spacing:1px;
text-transform: uppercase;
color:#555;
z-index:999999999999999999999999999999999999;
}
</style>

okay so that is all!

you can modify it too~

background ~ background color (html color codes x)

border ~ the width, color and style of the border (put 0 if you don’t want borders)

font-family ~ the font family in the tooltip

font-size ~ the size of the font

text-transform ~ can be uppercase, lowercase or none

color ~ the color of the text

letter-spacing ~ the spacing between the letters in the tooltip

// claire

Posted with 9 notes · Reblog?
request something?

bc bored

Posted with 1 notes · Reblog?
Do you know how to add text onto your theme/background for your blog. idk what it's called but tumblr users outrights and luneteen have it and i really want to add it to my blog but idk how. help :((
Anonymous
asked by

oh you mean like text graphic?

put this under <body>

remember you can always change the margins, font, font size, font color and the quote (:

// claire

Posted with 1 notes · Reblog?

okay so i made a base code for a moved/saved url.

so here it is!

preview // code

// claire

Posted with 17 notes · Reblog?
floating pagination (buttons)

requested by: (x)

so thejadedfoolsennui asked if we could add floating pagination into an existing theme. yes you could but you will need an image for your pagination (optional) and where you wanna put it.

image pagination (if you don’t want this skip to the text pagination)

step 1, you will need the pagination code, stick this before </body>

{block:Pagination}
<div style="position: fixed; margin-bottom: 10px; margin-right: 10px; background: transparent;">
{block:PreviousPage}
<a href="{PreviousPage}"><img src="previouspageimageurl.jpg"></a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}"><img src="nextpageimageurl.jpg"></a>
{/block:NextPage}
</div>
{/block:Pagination}

step 2, here are some images to replace ‘previouspageimageurl.jpg’

they all have a white background so it looks kinda fab. feel free if you wanna request any (: but please give us the html color codes for the arrow and the background

here are some images to replace ‘nextpageimageurl.jpg’

Posted with 11 notes · Reblog?
updated tutorials

and also deleted some other tutorials (: check them out!

// claire

Posted with 0 notes · Reblog?

danube | arista | cocogoose | eraser (tfios font) | upon a dream (maleficent font) | kraash

just google search it, (eraser and upon a dream is from dafont) most is from dafont, excuse my derpy english

// claire

Posted with 4 notes · Reblog?
okay tutorial request?
Posted with 1 notes · Reblog?
unpredictable theme

claihre:

image

theme #2 by claihre

live preview \ code

theme features:

- disable right click

- disabled drag and drop and viewing source

- 1 column theme 

- 250px sized posts

- hover description

- 5 custom links

- title bar

- modified audio post

- infinite scrolling

give a like to this post if you’re taking! and message me if you want (:

(optional) if you see thieves please contact me (:

// claire

Posted with 4 notes · Reblog?
cursors

it looks ugly here but fab if you put it in your blog, tumblr quality is ugly so yeah.

(optional) but i also take custom requests that could be like:

(yes you may use these if you want)

with the cursor head, color, pixel font, and anything else you want (:

(optional) click here if you want one!

// claire

Posted with 49 notes · Reblog?