themes by legilimen

theme and resource blog of tumblr user legilimen.

[magnusthemes]

Like Button with Infinite Scroll Tutorial

Difficulty: ★★★☆☆

Tumblr’s like button is easy to implement into your theme, you can do so using the {LikeButton} from tumblr’s custom theme documentation. However, using it with infinite scroll is not so easy because the same documentation says that “If your theme uses infinite scrolling or some other form of AJAX pagination, you must request the like status of the new posts once the page is loaded or inserted”. This tutorial will teach you how to do this. Experience with/basic knowledge of jQuery is highly recommended for this.

Keep reading

[legilimenthemes]

are we able to add a search box to the lovely theme? and how?

of course! it depends on where you want it on the page, but here’s a tutorial to help. 

[legilimenthemes]

in theme 040 any images added as captions appear very large, is there a way to fit them to the post size?

hello,

i’ve been having issues trying to solve this problem, so this code isn’t a perfect fix. replace the code in your custom html with this one:

           {Title} {block:Description}{/block:Description}        <p>@import url(http://weloveiconfonts.com/api/?family=fontawesome);<br>/* fontawesome */<br>[class*="fontawesome-"]:before {<br>font-family: 'fontawesome', sans-serif; }<p> *, body, a, a:hover {cursor: url(http://i1347.photobucket.com/albums/p715/breezeblocks/themes/cursor_zpsc12dc478.png), auto;}<p>a {<br>    color:{color:link};<br>    text-decoration:none;<br>    -moz-transition-duration:0.1s;<br>    -webkit-transition-duration:0.1s;<br>    -o-transition-duration:0.1s;<br>}<p>a:hover {<br>    color:{color:link hover};<br>        -moz-transition-duration:0.1s;<br>    -webkit-transition-duration:0.1s;<br>    -o-transition-duration:0.1s;<br>}<p>::-webkit-scrollbar-thumb{<br>background-color: {color:scrollbar};<br>border: 1px solid {color:background};<br>height:auto;<br>}<p>::-webkit-scrollbar {<br>height:auto;<br>width:4px;<br>background-color: {color:scrollbar};<br>border:3px solid {color:background};<br>}<p>::selection {<br>background-color:{color:highlight};<br>color: {color:text when highlighted};<br>}<br>::-moz-selection {<br>background-color:{color:highlight};<br>color: {color:text when highlighted};<br>}<p>body {<br>   background-color:{color:background};<br>   font-family:{select:font};<br>   font-weight:lighter;<br>   font-size:9px;<br>   letter-spacing:0px;<br>}<p>h1 {<br>   font-weight:lighter;<br>   font-size:9px;<br>   text-align:center;<br>   font-family:{select:font};<br>   line-height:100%;<br>   text-transform:none;<br>   color:{color:text};<br>}<p>h2 {<br>    font-size:11px;<br>    text-align:center;<br>    line-height:100%;<br>    letter-spacing:0px;<br>    font-weight:lighter;<br>    color:{color:text};<br>    font-style:none;<br>    text-transform:none;<br>}<p>blockquote {<br>    border-left:1px dotted {color:text};<br>    padding-left:20px;<br>    padding-top:10px;<br>    padding-bottom:10px;<br>    margin:10px 10px 10px 15px;<br>}<p>#theme {<br>    background-color:{color:background};<br>    width:700px;<br>    margin: 0 auto -12px auto;<br>    text-align: center;<br>}<p>#sidebar {<br>    color:{color:text};<br>    width:150px;<br>    text-align:left;<br>    position:fixed;<br>    padding-left:150px;<br>    left:0;<br>    }<p>  #sidebar img{<br>    width: 90px;<br>    padding: 0px;<br>    margin-left:0px;<br>    margin-top:20px;<br>}<p>.sidelinks {<br>    width:150px;<br>    text-transform:lowercase;<br>    font-family:{select:font};<br>    text-align:left;<br>    letter-spacing:5px;<br>    font-size:9px;<br>    font-style:italic;<br>    margin-top:5px;<br>}<p>.sidelinks a{<br>    letter-spacing:0px;<br>    text-decoration:underline;<br>    color:{color:sidebar links};<br>    -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>.sidelinks a:hover{<br>    color:{color:link hover};<br>    -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>.subtitle {<br>    margin-left:0px;<br>    margin-bottom:20px;<br>    margin-top:20px;<br>    text-align:center;<br>    text-transform:uppercase;<br>    font-size:11px;<br>    font-family: {select:font};<br>    color:{color:text};<br>    letter-spacing:3px;<br>    line-height:120%;<br>    padding-top: 3px;<br>    width:150px;<br>}<p>.desc {<br>    margin-left:0px;<br>    margin-bottom:20px;<br>    margin-top:20px;<br>    text-align:justify;<br>    font-style:none;<br>    font-size:9px;<br>    font-family: {select:font};<br>    color:{color:text};<br>    letter-spacing:0px;<br>    line-height:120%;<br>    border-width:2px;<br>    padding-top: 3px;<br>    width:150px;<br>}<p>#thing1{<br>    width:30px;<br>    height:100%;<br>    background-color:#171b1f;<br>    position:fixed;<br>    left:0;<br>    top:0;<br>}<p>#thing2{<br>    width:30px;<br>    height:100%;<br>    background-color:#171b1f;<br>    position:fixed;<br>    right:0;<br>    top:0;<br>}<p>#thing3{<br>    width:100%;<br>    height:30px;<br>    background-color:#171b1f;<br>    position:fixed;<br>    left:0;<br>    bottom:0;<br>}<p>#thing4{<br>    width:100%;<br>    height:30px;<br>    background-color:#171b1f;<br>    position:fixed;<br>    top:0;<br>    left:0;<br>}<p>.pagination {<br>    text-transform:uppercase;<br>    letter-spacing:0px;<br>    text-align:center;<br>    font-family:{select:font};<br>    margin-top:50px;<br>    margin-bottom:100px;<br>    opacity:1;<br>    width:400px;<br>    position:static;<br>    text-align:center;<br>}<p>.pagination a {<br>    color:{color:text};<br>}<p>.jump_page {<br>    padding: 15px;<br>    color:#585858;<br>    font-family:{select:font};<br>    font-size:9px;<br>    opacity:1;    <br>    text-decoration:none;<br>}<p>.current_page, .jump_page:hover {<br>    padding: 15px;<br>    color: #585858;<br>    font-family:{select:font};<br>    font-size:9px;<br>    font-style:bold;<br>}<p>#stuffcontainer {<br>    margin:0px auto 35px auto;<br>    text-align:justify;<br>    text-transform:none;<br>    background-color:{color:background};<br>    color:{color:text};<br>    width:400px;<br>}<p>#stuff {<br>    width:400px;<br>    margin-top:75px;<br>    text-align:justify;<br>    font-size:9px;<br>    margin-bottom:50px;<br>    line-height:100%;<br>    letter-spacing:0px;<br>    max-width:400px;<br>    overflow:hidden;<br>    color:{color:text};<br>}<p>.caption {<br>    width:400px;<br>    padding:5px 0px 0px 0px;<br>    text-align:justify;<br>    line-height:120%;<br>    font-size:9px;<br>    text-transform:none;<br>}  <p>/**Ask Posts**/<p>#ask {<br>    font-size:9px;<br>    text-align:left;<br>    padding-top:15px;<br>    background-color:{color:ask background};    <br>}<p>#ask img{<br>    border-radius:12px;<br>    margin-left:15px;<br>}<p>#ask a{<br>    color:{color:link};<br>        -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>#ask a:hover{<br>    color:{color:link hover};<br>        -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>.asker {<br>    margin-top:-30px;<br>    font-size:9px;<br>    text-transform:uppercase;<br>    letter-spacing:2px;<br>    padding:15px 15px 10px 0px;<br>}<p>.question{<br>    padding:0px 15px 15px 15px;<br>}<p>.ans {<br>    text-align:left;<br>    padding:15px;<br>    font-size:9px;<br>    color:{color:text};<br>}<p>/**Audio Posts**/<p>.audio {<br>    margin-top:-10px;<br>    background-color:{color:post background};<br>}<p>.audio-player {<br>    opacity:1;<br>    width:400px;<br>    height:30px;<br>    overflow:hidden;<br>    color:#fff;<br>    background-color:#000;<br>    margin-left:0px;<br>}<p>.audio-info {<br>    margin-left:0px;<br>    line-height:30px;<br>    width:390px;<br>    font-size:10px;<br>    padding:0px 0px 0px 10px;<br>    font-weight:lighter;<br>    background-color:#000;<br>    color:#fff;<br>    border-bottom:2px solid #fff;<br>}<p>/**Chat Posts**/<p>.chat {<br>    line-height:160%;<br>    list-style:none;<br>}<p>.line.odd {<br>    background:#fafafa;<br>    margin-bottom:2px;<br>    padding:5px;<br>    list-style:none;<br>}<p>.line.even {<br>    background:{color:background};<br>    margin-bottom:2px;<br>    padding:5px;<br>    list-style:none;<br>}<p>.label {<br>    padding-right:1px;<br>    text-transform:uppercase;<br>    font-weight:bold;<br>}<p>/**Post Info, Notes**/  <p>#postinfo {<br>    font-family:{select:font};<br>    width:400px;<br>    line-height:150%;<br>    font-size:9px;<br>    text-transform:lowercase;<br>    font-style:normal;<br>    text-align:center;<br>    margin-top:-10px;<br>    padding:5px 0px 0px 0px;<br>}<p>#postinfo a {<br>    color:{color:link};<br>        -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>#postinfo a:hover {<br>    color:{color:link hover};<br>        -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>#tags {<br>    text-transform:lowercase;<br>    font-size:9px;<br>    font-family:{select:font};<br>    text-align:center;<br>    margin-top:-15px;<br>    width:400px;<br>    font-style:italic;<br>    letter-spacing:0px;<br>    padding:3px 0px 0px 0px;<br>}<p>#tags a{<br>    color:{color:link};<br>        -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>#tags a:hover {<br>    color:{color:link hover};<br>        -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>}<p>.note {<br>    text-transform:lowercase;<br>    font-style:normal;<br>    letter-spacing:0px;<br>    font-size: 9px;<br>    text-align:left;<br>    line-height:90%;<br>    margin-left:0px;<br>    margin-top: 10px;<br>    max-height:200px;<br>    width:400px;<br>    overflow-y:auto;<br>    overflow-x:hidden;<br>}<p>.note li {<br>    margin-left:-35px;<br>    list-style-type:none;    <br>    text-align:left;<br>    -moz-transition-duration:0.5s;<br>    -webkit-transition-duration:0.5s;<br>    -o-transition-duration:0.5s;<br>}<p>.note img{<br>    display:none;<br>}<p>.note li a{<br>    font-style: none;<br>    background-color: {color:background};<br>}<p>.note li a:hover{<br>    font-style:none;<br>    color:{color:link hover};<br>}<p>#credit {<br>    position:fixed;<br>    font-size:10px;<br>    font-weight:normal;<br>    line-height:150%;<br>    letter-spacing:2px;<br>    right:35px;<br>    bottom:35px;<br>    text-transform:uppercase;<br>    text-align:center;<br>}<p>#credit a {<br>    padding:3px;<br>    color:{color:text};<br>    -moz-transition-duration:.1s;<br>    -webkit-transition-duration:.1s;<br>    -o-transition-duration:.1s;<br>    }<p>    {CustomCSS}<p>    #s-m-t-tooltip {<p>max-width:300px;<p>padding:6px 8px 6px 8px;<p>margin:20px 0px 0px 20px;<p>background-color:#fff; /* change the background color */<p>font-family:{select:font}; /* change the font */<p>font-style:none;<p>font-size:9px; /* change the font size */<p>line-height:130%;<p>letter-spacing:0px; /* change the letter spacing */<p>text-transform:lowercase; /* can be uppercase, lowercase, none*/<p>color:{color:text}; /* change the text color */<p>z-index: 100;<p>}<p>    

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:10,

tip_fade_speed:100,

attribute:"title"

});

});

})(jQuery);

   {Description}

     {block:IfLink1}{text:link1} {/block:IfLink1}{block:Iflink2}{text:link2} {/block:IfLink2}{block:IfLink3}{text:link3} {/block:IfLink3}{block:IfLink4}{text:link4} {/block:IfLink4}{block:IfLink5}{text:link5} {/block:IfLink5}{block:IfLink6}{text:link6} {/block:IfLink6}{block:IfLink7}{text:link7}{/block:IfLink7}

{text:subtitle}

 {block:Posts}

{block:Text}{block:Title}

{Title}

{/block:Title}{Body}{/block:Text}

{block:Quote}

"{Quote}"

– {Source}

{/block:Quote}

{block:Link}

{Name}

{block:Description}

{Description}

{/block:Description}{/block:Link}

{block:Photo}

{block:Caption}

{Caption}

{/block:Caption}{/block:Photo}

{block:Photoset}

{Photoset-400}{block:Caption}

{Caption}

{/block:Caption}{/block:Photoset}

{block:Chat}{block:Title}

{Title}

{/block:Title}

{block:Lines}

{block:Label} {Label} {/block:Label}{Line}

{/block:Lines}

{/block:Chat}

{block:Video}{Video-400}{block:Caption}

{Caption}

{/block:Caption}{/block:Video}

{block:Answer}

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp{Asker}

{Question}

{Answer}

{/block:answer}

{block:Audio}

{block:TrackName}Track: {TrackName}{/block:TrackName}

{block:Artist}Artist: {Artist}{/block:Artist}

{block:Album}Album: {Album}{/block:Album}

{block:PlayCount}Plays: {PlayCount}{/block:PlayCount}

{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}

{block:Caption}

{Caption}

{/block:Caption}{/block:Audio}

{block:Date}{24HourWithZero}:{Minutes}:{Seconds} {CapitalAmPm}{/block:Date}&nbsp&nbsp / &nbsp&nbsp{block:NoteCount}+{NoteCount}{/block:NoteCount}&nbsp&nbsp{block:RebloggedFrom}via{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} source{/block:ContentSource}

{block:HasTags}{block:Tags} #{Tag}&nbsp&nbsp{/block:Tags}{/block:HasTags}

{block:PostNotes}{PostNotes}{/block:PostNotes}

{/block:Posts}

{block:Pagination}{block:PreviousPage}←{/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}{PageNumber}{/block:CurrentPage}{block:JumpPage}{PageNumber}{/block:JumpPage}{/block:JumpPagination}{block:NextPage}→{/block:NextPage}{/block:Pagination}

☼

[legilimenthemes]

love using your themes!! but for theme 27 i was just wondering how to increase the spacing between links in the second sidebar and move it to the right side? thanks!!XX

hello, i think you sent me another message off-anon w/o meaning to, so i’ll answer your other question here as well. 

to move the second sidebar to the right, ctrl+f “sidebar2″ and replace that first tag with

#sidebar2 {    color:{color:text};    width:150px;    position:fixed;    top:0;    right:0;    margin-right:250px;    margin-top:200px;    z-index:1;    display:none;    text-align:left;    }

to increase the spacing between the links, scroll down a touch and find the “links2″ tag. then find the “line-height” aspect. if you increase the percentage there, the space between the lines will increase. 

and as for the “with,” it can’t be removed unless you want to remove it from the posts as well. 

if you need anything else, send me another message!

[legilimenthemes]

hi there! i really hope this isn't breaking the rule of your faq but i was wondering if you could help me? im using acuite's theme calypso but i am also trying to use your 'show element on scroll' i'm a bit dyslexic but i've tried following your instructions to the best of my abilities but it seems i only mess up in the end. if there is a way you can help me i would appreciate it! if not i understand.

go ahead and send me a message!

[legilimenthemes]

hi, i just started using your lovely theme and i seem to be having a problem with the side bar? it's too far up, i think. also is there a way to make all the font sizes slightly bigger?

hello - 

try repasting the code into the theme customization. if that doesn’t work and the sidebar is still too high up, message me again. 

as for the font size, ctrl + f “font-size” and change the corresponding font size. body refers to the general font size, but might be overridden by the “stuff” font size, so it takes some fiddling. 

[legilimenthemes]

hello same anon as before asking for help on 'show on element scroll' if you are able to help me can you answer with a yes or no through text post rather than my message so we can message each other privately? im a bit embarrassed of being dyslexic and even on anon i still feel embarrassed.. i really hope i am not asking for too much if you do end up helping me! thank you and have a nice day!!

sorry!! i’ve been unbelievably busy with school, and have not had a chance to look at any messages for the past couple of months. i will be answering all theme related questions with in the next week if i have the time, so go ahead and message me off anon!! 

[acuite]

HEMERA

Live Preview Code: Pastebin

One column theme with customisable post size and full header.

Options include colours, links, tags, captions, pagination, photo effects, and drop links.

[mvaild]

theme 020: radio // orthrusthemes preview 1 • preview 2 // code

from 250px to 500px posts

optional sidebar image (60px x 60px) 

optional infinite scrolling 

5 custom links 

optional tags on hover 

tooltips

Please like/reblog if you are using, all the usual rules apply. Do not use as a base code.

[resourcesmill-deactivated201510]

theme 08 by resourcodes - more x pastebin x preview

70px sidebar image (4) and 4 links

400px or 500px posts

hover tags

pagination below

mini cursor

custom scrollbar

rules: 

these themes are free, so please respect my work and give like or reblog if  you use

feel free to ask me questions

more: 

css properties send a message request

[sizofcrows]

code oceans made by rosewillians - preview | code contain - title; 3 custom links + links of home and message; description; 400px post size; 450x250 sidebar image size; appearence; tooltip; captions option; description max 2 lines. rules - don’t copy; don’t move or memove the credits; likeor reblog if you using; don’t use a base for your own themes. obs: any questions: ask. thank u and enjoy. more themes here!

[kurtcobangs-deactivated20181112]

Theme 11: Converse High by Kurtcobangs

Preview // Code // (Pop Up Description Preview)

Post Width: 250px Only

Three Columns Only // Bordered Theme

Pop Up Description ( which is you “About” Link)

Infinite Scrolling

45x x 45px Icon (100px works fine)

4 Custom Links located on bottom bar w/ Search Bar

Accent Color (colors Title first Letter, tooltips, post info notes)

Visible Post Info (permalink page shows your tags)

Theme 12: Drowning  by Kurtcobangs Preview // Code 

Post Width Options: 400px & 500px Only

100px x 100px Sidebar Icon

3 Custom Links

Input Your Own Title

Search Bar

Accent Color (colors your bottom border over tags when hover)

All themes are optimized for google chrome. All the theme previews will tell you the theme features.

*Note, the google font used in these themes in ‘Roboto’, in which may show incorrectly on the customize page but looks perfectly fine on your actual blog. Both themes come with visible info and tags, hide or show captions, tooltips and lazy load.

Go to the theme blog if you need help or to see other themes. Go here for Icon resources. Background resources & here.

Please like or reblog If you use or/are using. Keep credit intact on all themes, no using as base or redistributing.

[mrsthemes]

theme epoch: preview – code – code (raw)

includes:

250 up to 500px option

sidebar image option (180px)

3 custom links

lazy load option

hover info/tags option

photoset margin option

notes: looks best with google chrome. use 3-4 lines of description text for best looking. 

please like or reblog if you’re using, don’t remove credit.

[ilyhazz]

Theme 20 - Neptune - By Afirehaz

Features - 

60px sidebar

5 links

Title + description

400px posts

Reblog button on posts

Option to turn captions on or off

Extremely simple & cute !!!

Please reblog if you use or like it. Highly appreciated !

Preview | Code

[shythemes]

mint theme

preview & download

post widths: 300px, 350px, 400px

show/hide description, captions, tags, and control buttons

pagination or infinite scrolling

[prewars]

fourteen, light/dark by prewars

400px post size, topbar with five links. two color options, because i couldn’t choose. general rules and restrictions apply.

preview (dark) + code (dark) / preview (light) + code (light) / more

[sorrism]

solitudine : preview / code

I’m pretty excited about this theme! On the main page, post thumbnails are displayed. Clicking each thumbnail brings up the full post in a popup (if the option is enabled, otherwise clicking the thumbnail will bring you to the permalink page of the post).

Features:

Post thumbnails on main page, optional full-post popup

Header with 3 custom links and optional 60px round icon

Optional tags on popup

Optional thumbnail border radius

Infinite scroll / manual load / pagination options

Blog title style options

Notes:

This was made largely for photo-oriented blogs. In the thumbnail, only the first photo of a photoset will appear. If an image is very wide and short, it will appear distorted to fit the thumbnail. Text will be cut off if it overflows the thumbnail–think of them as previews.

I spent a lot of time fretting over this theme. It took me a day to code it and longer to plan. Therefore, please do not steal my coding. I will not change things for you either. It looks good as it is, so don’t ask.

As always, to have the manual load work, you must also have the infinite scroll option checked.

This theme was inspired by Cargo and a previous personal theme of iliyon’s

If there are bugs, please let me know.