As a lot of you already know, I havent been active on tumblr for a while. The full explanation can be viewed here, but long story short I will not be active and I will not be posting any more themes. Thank you to everyone who has been using my codes, I appreciate everything. I will keep the blog up so that my codes will still be available when I’m gone. Thank you everyone for the encouragement and guidance I have received when writing code, and I hope that someday my work will be helpful to others. Sorry, I will not be available to help anyone with anything concerning my themes anymore. Thank you.
Hello! I'm using your theme Paracosm and I absolutely adore it. :) I've been trying to edit the code so that when you first land on the blog you don't have to hit the down arrow to see the posts, you can just scroll. It feels like I've been trying to find it for hours lol. I managed to find the code where you can take away the down arrow but I know that doesn't cause it to automatically scroll down to the posts. Any help would be amazing - I appreciate you taking the time to answer this!
sorry there isnt a way to remove the click to scroll effect without changing the entire code.
hi there! I apologize if this has been asked before -- but the latest "page pack #2" you just released -- you don't have a matching theme for that yet, do you? I really really love it and would love to make my entire blog that style, but wanted to just check if I had missed something. Thank you for all that you do.
nope sorry but I dont have a matching theme for that! thank you for using my pages anyways xx
A simple header theme with 400px posts; don’t let the description get longer than five lines. You have three links, and can select a typeface from six preset options. This is the only theme that I’m actually proud of, so please don’t steal it. Thank you!
can you make a tutorial for the search bar in the page pack #2? thanks!
of course! this code is used in my about, faq and tags page (click to preview).
difficulty: intermediate
tutorial under the read more..
so this is a code i created using this plugin by Johann Burkard (credits are in the code). the first thing you’ll need to do is to have the source code for jquery. so paste this somewhere between and (i like to place my codes right before but thats a personal choice):
after that, go down to and then go to wherever you want to put the search bar and paste this code:
No results found. Try again?
when this is done, go back to and find where you pasted the jquery source code from above. right underneath that, paste this code.
*** IMPORTANT *** right after you paste this code, go to the three places indicated in the picture below where it says .content and replace it with the name of the div that you want to search through. if you want the search box to search for the text throughout the WHOLE page, replace .content with body. if you want it to only search throughout a SPECIFIC div, replace .content with the id or class of the div. (ex. #posts, #entries, .container, etc)
Now, lets start the styling. find and right above that, paste this:
so, the first class is the class .noresult. this is the text that shows up when the search query can’t be found. for example if somebody searched for a random string of letters, such as “fnhrfbrhbjjbfrfbhrhbvh” and it wasnt found in the text, the div .noresult would show up. The default text is “No results found. Try again?” but if you want you can easily change it. you can style this text any way you want using the css above ^^
the next class is #searchfor which is the div for the search box itself. I already have the default as border:0px; but of course you can change it and style the search box the way you would any other element.
the input:focus just makes sure that when the search box is clicked, there is no glowing border/outline (which happens to be the default for most search boxes on chrome)
this is the most important class, .highlight. this styles the text that has been found by the search bar. the default is to make the background yellow like a highlighter (as indicated above) but you could literally do anything with it, such as change the font size, the color, make it bold/italicized/underlined etc. you can style this any way you choose to.
by now, if you’ve completed all these steps correctly your search box should be working! if there are any questions or if I made any mistakes please be sure to message me about it!
*** EXTRAS: if anyone is interested in seeing the explanations for the code, i made a version of it where each line was explained. Enjoy!
so i have a folder full of icons and i decided to put them all on an icon page bc why not??????? // all credit goes to the original owners of these images!
