#th:interphase

[yukoki]

Hello! I have the theme Interphase, i've customized it and haven't been able to figure out how to insert an icon image for link icon 1, is it an image url i need to insert into the options?

Hello, you’re in luck!

The [37] Interphase tutorial page is back online! Tutorials included:

How to edit sticky notes

How to set up your ‘photo uploads’

How to set up desktop icons

How to edit the about pop up’s basic info

How to get your askbox and archive pop-ups working

[yukoki]

Um I would like to know how to edit the blogroll function of your theme [37] Interphase? I have looked on your page for that theme and for some reason, it looks kinda weird?? But when I click on customize, there is a "contacts" icon and I would like to know how to edit the blogroll function (I searched up "contacts" in the html) My blog is @pain-and-beauty (it's a secondary blog)

Hello! The blogroll is automatically displayed on your blog, however, I must stress that blogrolls do not show up when you use the theme on sideblogs! Alternatively, you may click here to learn how to display specific blogs instead of all your followed blogs.

[yukoki]

Hey! Sorry if I'm bothering, or if this has already been answered (I couldn't find anything related), but in [37] Interphase, how can I put a photo upload to the desktop? (I'm new on that so I have no clue).

Upload them from your customize page, under appearance options.

[yukoki]

Sticky Notes Tutorial

coded by yukoki & suggested by hyskoa-mourououu

A tutorial for how to add these sticky notes to your theme!! They’re draggable, you can add bold/italic/linked text, and you can close the sticky notes once per page refresh. This tutorial mainly involves a lot of copy-pasting, so it’s not too difficult. I don’t guarantee they’ll work on all blog themes because of conflicting scripts, though.

STEP 01: Adding the scripts Paste the below code in your theme html, anywhere after < head> but before < style type="text/css">.

<!--yukoki sticky note scripts--> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $( "#stickynote1" ).draggable({ handle: "div.dragstickynote1" }); $(".closestickynote1").click(function(){$("#stickynote1").fadeOut();}); }); </script> <!--yukoki sticky note scripts end-->

STEP 02: Adding the CSS Paste the below code after < style type="text/css">.

#stickynote1 {    width: 180px;    margin-bottom: 20px;    position: fixed;    z-index: 100000000000;    top: 30px; /** position from top of screen **/    left: 30px; /** position from left of screen **/ } #stickynote1 {    width: 180px; /** width of your sticky note **/    background-color: rgba(165,216,216,0.7); /** background colour **/ } .dragstickynote1 {    font-family: consolas;    font-size: 10px;    text-transform: uppercase;    letter-spacing: 1px;    padding: 10px;    background-color: rgba(255,255,255,0.4); } .closestickynote1 {    cursor: pointer;    margin-left: 148px;    width: 32px;    height: 32px;    line-height: 32px;    font-family: arial;    font-size: 10px;    position: absolute;    text-align: center;    float: right;    background-color: rgba(255,255,255,0.4); } .stickynotecontent {    padding: 10px;    font-family: consolas;    font-size: 10px; } .stickynotecontent b,strong {    color: #000000; /** colour of bolded text **/ } .stickynotecontent i,em {    color: #666666; /** colour of italic text **/ } .stickynotecontent a {    text-decoration: underline;    color: #666666; /** colour of linked text **/ } .stickynotecontent a:hover {    color: #aaaaaa; /** colour of hovered linked text **/ }

STEP 03: Adding the HTML Paste the below code after < body>.

<div id="stickynote1"> <div class="closestickynote1">X</div> <div class="dragstickynote1">> sticky note 1</div> <div class="stickynotecontent"> Type what you want to put in your sticky note here. </div> </div><!--stickynote1 end-->

Adding more sticky notes

You can add more sticky notes by first editing the scripts from step 01 to apply to the added sticky notes. You should find two lines from the step 01 code that look like the ones below. Just duplicate them and change the number 1 to 2. It should look like:

$( "#stickynote1" ).draggable({ handle: "div.dragstickynote1" }); $(".closestickynote1").click(function(){$("#stickynote1").fadeOut();}); $( "#stickynote2" ).draggable({ handle: "div.dragstickynote2" }); $(".closestickynote2").click(function(){$("#stickynote2").fadeOut();});

This is optional, but if you want to change the width and background colour of the added notes, you gotta edit the CSS too. You need to assign the CSS of the first note to also apply to the second note. And to make it further customized, you must add in coding for #stickynote2. You can change the colour, width and position of the second sticky note. (The below code is all edited from the codes already given earlier)

#stickynote1, #stickynote2 {    width: 180px;    margin-bottom: 20px;    position: fixed;    z-index: 100000000000;    top: 30px; /** position from top of screen **/    left: 30px; /** position from left of screen **/ } #stickynote1 {    width: 180px; /** width of your sticky note **/    background-color: rgba(165,216,216,0.7); /** background colour **/ } #stickynote2 {    top: 30px;    left: 250px;    width: 220px; /** width of your sticky note **/    background-color: rgba(255,178,178,0.7); /** background colour **/ }

And finally add in the code for the HTML. Remember to change the second sticky notes’ divs to have a 2 instead of a 1.

<div id="stickynote1"> <div class="closestickynote1">X</div> <div class="dragstickynote1">> sticky note 1</div> <div class="stickynotecontent">ôヮô</div> </div><!--stickynote1 end--> <div id="stickynote2"> <div class="closestickynote2">X</div> <div class="dragstickynote2">> sticky note 2</div> <div class="stickynotecontent">❀◕ ‿ ◕❀</div> </div><!--stickynote2 end-->

The concept is the same if you wish to add even more sticky notes. Hope this helped!!

[yukoki]

How do I get the online users/user count code to be in a sticky note? The theme is [37] Interphase

Generate here and here

Paste them into any sticky note in your customize screen

[yukoki]

Hello! I'm using your theme [37] Interphase and have hit a snag. If I make "Link 1" a page on my blog (/tags for example) and click it, the Documents icon doesn't bring me back to the posts. I turned the Documents icon into an link and it worked fine, but I wasn't satisfied with it. Do you think I could put the "< back to main" link anywhere so that it would show up in "postnav" on these pages that don't technically have 'permalinks'? If not, that's okay! Thank you for your time!

hi, this is a very slight overlooking on my part, but i’ve updated the code with the fix!!

[yukoki]

hello! Is there a way to make the "user info" icon's pop-up say something other than your description on 37? Thanks :)

Hello! Use ctrl+f to search for the following line of code:

< div class=“rightabout”>< div class=“desc”>{description}< /div>< /div>

And replace {description} with your own text. 

[yukoki]

hi! is it possible to remove the "contacts" icon from theme #37 from the code?

Yes, delete lines 1644 to 1649 of the code.