Blue Inked Parchment

[plaxicofan7]

Jan 25, 2014 17:48:01 GMT -8 XaviEo said:

plaxicofan7 Yeah, that should be fine if my credit stays.

For your question, could you please provide a link to the site you're having problems on first? This makes it a lot easier for me to work out how to help you as I can see it then.

The skin I am using is one of the several choices that are offered to our members.

Members need to register to be able to pick from them, and your skin is not the default skin.

[Boy_Wonder]

XaviEo - just wanted to say thanks for the great skin!

plaxicofan7 - just wanting to say that margie can't help without you can show screenshots or the actual site

[XaviEo]

Boy_Wonder thanks and welcome!

plaxicofan7 Okay, I'm going to throw in a couple of cents before I ask for codes or screenshots or anything since this could be an easily fixed thing. (Oh I'm praying it is.)

How are you trying to edit the links in the hover banner? You should be going into the Forum Wrapper, scrolling down to Line 74 and editing them there. You should be able to make them link to anywhere, including other sites like Facebook. They're just basic links that have been styled. If they aren't working and you're editing them correctly I'm going to guess that you've accidentally messed up the coding somehow. In that case I'll need you to PM me your whole Forum Wrapper template.

[plaxicofan7]

XaviEo

When you said it was a very easy thing for the links, I went back to look at it. Long and behold, it was an easy mistake made by myself, as I did not notice that you had the insert link tool already there, and I was trying to insert the link tool where you had (Link 1, Link 2, etc) on lines 74-78.

So I now have the links up and running, and I very much appreciate it. The members will enjoy it a lot!

[Lethallan]

Nemaria

I'm having problems with the custom fields for application and plotter. I did everything as you said, yet when I click application or plotter. It directs me to an "oops error" page where it then says the account was not found. I've tried adding the application/plotter links again into the profile; looking at the custom fields to see if anything was wrong, but I couldn't find anything out of place. Please take a look and fix. Thank you in advance.

[XaviEo]

Okay, Lethallan. Could you PM me a screenshot of your custom fields page and your mini-profile template so I can work out what might be wrong? I can think of a couple of things and it'd be easier if I could see the custom fields and code to work out what is wrong.

[Lethallan]

Mini-profile code...my screenshot button just got stuck. >.> So, I couldn't screenshot this part. My apologizes.

{if $[user.is_staff]}
   
<!-- THIS IS YOUR MEMBER'S USERNAME, THE WIDTH MUST BE THE SAME AS THE AVATAR -->
   <div style="text-align:center;margin-left:10px;margin-top:5px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;">$[user]</div>
   
   <!-- THIS IS YOUR AVATAR, MAKE SURE YOU CHANGE THE HEIGHT AND WIDTH APPROPRAITELY TO HOW TO YOU WANT, I HAVE ALL AVATARS FOR THIS CODE BEING 200 BY 300 -->
<div class="my_avatar" width="220px" height="350px" align="center">$[user.avatar]</div>

<div class="profilemini">
<div class="info">
<table width="100%">

<!-- THIS IS THE INNER TABLE WITH THE WHITE BACKGROUND, IF YOU WANT TO ADD ANYTHING INTO THIS TABLE DO IT AFTER THIS DIV STYLE -->
<!-- IF YOU DON'T WANT TO SEE THE AVATAR ON HOVER, CHANGE THE TOP:20PX AND LEFT20PX TO TOP:10PX AND LEFT:10PX AND 180x280PX TO 200x300PX -->
   <div style="position:relative;top:0px;left:10px;background-color:#aaa786;border-left:5px solid #76775f;border-right:5px solid #76775f;border-top:10px solid #76775f;border-bottom:10px solid #76775f;width:210px;height:330px;">
   
   <center>
       
       <div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:10px;">$[user.custom_title]</div>
       <div style="width:190px;height:36px;font-size:10px;background-color:#c1bd96;padding:5px;text-align:center;margin-top:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;">$[user.personal_text]</div>
       <div style="float:left;height:100px;width:100px;margin-top:15px;margin-left:5px;margin-right:5px;">
           {foreach $[user.custom_field]}
{if $[user.custom_field.name] == "100x100 Image"}
<span class="$[user.custom_field.content_class]">
                   <img src="$[user.custom_field.value]" /></span>
               {/if}
{/foreach}
       </div>
       <div style="float:left;height:21px;width:95px;margin-top:15px;margin-bottom:5px;background-color:#257771;color:#ececec;padding-top:9px;font-size:10px;">$[user.age] years old</div>
       <div style="float:left;height:21px;width:95px;margin-bottom:5px;background-color:#257771;color:#ececec;padding-top:9px;font-size:10px;">$[user.gender.text]</div>
       <div style="float:left;height:22px;width:95px;background-color:#257771;color:#ececec;padding-top:8px;font-size:10px;"><a href="$[user.pm_href]"><font color="#bdbdbd">Send me a PM</font></a></div>
       <br clear="all">
       <div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:15px;">{if $[user.is_online]}<b>USER IS ONLINE</b>{else}<i>USER IS OFFLINE</i>{/if}</div>
       <div style="text-align:center;font-size:20px;margin-top:15px;color:#32332c;"><font color="#257771">$[user.posts]</font> POSTS & <font color="#257771">$[user.likes]</font> LIKES</div>
       
       <div style="width:210px;height:27px;background-color:#257771;margin-top:15px;"></div>
       
   </center>
   
<!-- ADD WHAT YOU WANT TO APPEAR INSIDE THE WHITE TABLE HERE -->    
   
</div>
<!-- THIS IS THE END OF THE WHITE INNER TABLE CODE SO DON'T ADD ANYTHING BELOW THIS LINE UNLESS YOU WANT SOMETHING NOT TO APPEAR IN THE WHITE TABLE -->
               
</table>
</div>
</div>
</div>

<div style="text-align:center;text-transform:uppercase;margin-left:10px;margin-top:-10px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;">$[user.group.name]</div>

{elseif $[user.is_member]}

<!-- THIS IS YOUR MEMBER'S USERNAME, THE WIDTH MUST BE THE SAME AS THE AVATAR -->
   <div style="text-align:center;margin-left:10px;margin-top:5px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;">$[user]</div>
   
   <!-- THIS IS YOUR AVATAR, MAKE SURE YOU CHANGE THE HEIGHT AND WIDTH APPROPRAITELY TO HOW TO YOU WANT, I HAVE ALL AVATARS FOR THIS CODE BEING 200 BY 300 -->
<div class="my_avatar" width="220px" height="350px" align="center">$[user.avatar]</div>

<div class="profilemini">
<div class="info">
<table width="100%">

<!-- THIS IS THE INNER TABLE WITH THE WHITE BACKGROUND, IF YOU WANT TO ADD ANYTHING INTO THIS TABLE DO IT AFTER THIS DIV STYLE -->
<!-- IF YOU DON'T WANT TO SEE THE AVATAR ON HOVER, CHANGE THE TOP:20PX AND LEFT20PX TO TOP:10PX AND LEFT:10PX AND 180x280PX TO 200x300PX -->
   <div style="position:relative;top:0px;left:10px;background-color:#aaa786;border-left:5px solid #76775f;border-right:5px solid #76775f;border-top:10px solid #76775f;border-bottom:10px solid #76775f;width:210px;height:330px;">
   
   <center>
       
       <div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:10px;">$[user.custom_title]</div>
       <div style="width:190px;height:36px;font-size:10px;background-color:#c1bd96;padding:5px;text-align:center;margin-top:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;">$[user.personal_text]</div>
       
       <div style="width:60px;height:55px;background-color:#76775f;color:#d6d2aa;padding-top:5px;text-align:center;margin-top:15px;margin-left:5px;float:left;font-size:14px;"><b>
           {foreach $[user.custom_field]}
           {if $[user.custom_field.name] == "Character Age"}
<span class="$[user.custom_field.content_class]">
                   $[user.custom_field.value]</span>
{/if}
{/foreach}
           <font size="1"><br />Years<br />Old</font></b></div>
       
       <div style="float:left;width:135px;height:19px;margin-left:5px;margin-bottom:6px;background-color:#257771;color:#ececec;padding-top:8px;font-size:10px;margin-top:15px;">$[user.gender.text]</div><br />
       <div style="float:left;width:135px;height:19px;margin-left:5px;background-color:#257771;color:#ececec;padding-top:8px;font-size:10px;">
        {foreach $[user.custom_field]}
            {if $[user.custom_field.name] == "Sexuality"}
<span class="$[user.custom_field.content_class]">
                   $[user.custom_field.value]</span>
{/if}
{/foreach}
       </div>
       <br clear="all">
       
       <div style="float:left;width:97px;height:22px;background-color:#257771;color:#ececec;padding-top:8px;text-align:center;margin-top:10px;margin-left:5px;margin-right:6px;font-size:10px;">
           {foreach $[user.custom_field]}
            {if $[user.custom_field.name] == "Application"}
<span class="$[user.custom_field.content_class]">
                       <a href="[user.custom_field.value]"><font color="#bdbdbd">Application</font></a></span>
{/if}
{/foreach}
       </div>
       <div style="float:left;width:97px;height:22px;background-color:#257771;color:#ececec;padding-top:8px;text-align:center;margin-top:10px;font-size:10px;">
        {foreach $[user.custom_field]}
            {if $[user.custom_field.name] == "Plotter"}
<span class="$[user.custom_field.content_class]">
                       <a href="[user.custom_field.value]"><font color="#bdbdbd">Plotter</font></a></span>
{/if}
{/foreach}
       </div>
       <br clear="all">
       <div style="width:200px;height:14px;background-color:#b1ae8c;padding:5px;text-align:center;margin-top:15px;">{if $[user.is_online]}<b>
           {foreach $[user.custom_field]}
            {if $[user.custom_field.name] == "Alias"}
            <span class="$[user.custom_field.content_class]" style="text-transform:uppercase;">
                   $[user.custom_field.value]</span>
{/if}
{/foreach}
       IS ONLINE</b>{else}<i>
           {foreach $[user.custom_field]}
            {if $[user.custom_field.name] == "Alias"}
            <span class="$[user.custom_field.content_class]" style="text-transform:uppercase;">
                   $[user.custom_field.value]</span>
{/if}
{/foreach}
       IS OFFLINE</i>{/if}</div>
       <div style="text-align:center;font-size:20px;margin-top:15px;color:#32332c;"><font color="#257771">$[user.posts]</font> POSTS & <font color="#257771">$[user.likes]</font> LIKES</div>
       
       <div style="width:210px;height:27px;background-color:#257771;margin-top:15px;"></div>
       
   </center>
   
<!-- ADD WHAT YOU WANT TO APPEAR INSIDE THE WHITE TABLE HERE -->    
   
</div>
<!-- THIS IS THE END OF THE WHITE INNER TABLE CODE SO DON'T ADD ANYTHING BELOW THIS LINE UNLESS YOU WANT SOMETHING NOT TO APPEAR IN THE WHITE TABLE -->
   
<!-- THIS IS YOUR MEMBER'S GROUP, SAME EDITS AS USERNAME ABOVE APPLY -->
               
</table>
</div>
</div>
</div>

<div style="text-align:center;text-transform:uppercase;margin-left:10px;margin-top:-10px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;">
   {if $[user.group]}
    $[user.group.name]
   {else}
    $[user.rank.name]
   {/if}
</div>

{else}

<!-- THIS IS YOUR MEMBER'S USERNAME, THE WIDTH MUST BE THE SAME AS THE AVATAR -->
   <div style="text-align:center;margin-left:10px;margin-top:5px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;">$[user]</div>

<div style="margin-left:10px;height:350px;width:220px;"><img src="http://i43.tinypic.com/wt6612.jpg" /></div>

<div style="text-align:center;text-transform:uppercase;margin-left:10px;width:220px;height:24px;padding-top:6px;font-size:16px;background-color:#b7b38d;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;">GUEST</div>

{/if}


<!-- THIS IS THE CSS -->
<style type="text/css">
.my_avatar {
position: absolute;
margin-left: 10px;
}
.profilemini {
   width: 220px;
   height: 350px;
   opacity: 0;
   -webkit-transition-duration: 1s;
   transition-duration: 1s;
   -moz-transition-duration: 1s;
}
.profilemini:hover {
   width: 220px;
   height: 350px;
   opacity: 1;
}
</style>

<!-- END PROFILE HOVER BY TRINITY BLAIR OF ADOXOGRAPHY, DO NOT STEAL -->

[XaviEo]

Lethallan

Okay, that's what I wanted and looking at the code the problem is what I thought I was. You need to go to Line 101 and Line 109 in your Mini-profile template. Fine this on both those lines:

[user.custom_field.value]
And add a $ before them so they looks like this:

$[user.custom_field.value]
That's all the problem is, you're missing the dollar sign from the variable.

Let me know if you have any more issues.

[Lethallan]

XaviEo

Thank you! That worked. ^.^

[Black Rose]

Hello there. Obligatory compliments on the great theme to begin with. Now then, I recently started a forum up for the purposes of RPing with a group of friends (and whoever else may want to join in), and decided after filtering through the theme library that I simply had to have yours. (I will hopefully in due time start making my own, but for now, I'm being lazy). Here is a link to the forum in it's current state:

endlesspossibilities.boards.net/

1. I can't seem to insert the ProBoards integrated Shoutbox into the space reserved for Chatboxes. I followed the steps outlined on the first page of this topic correctly (as far as I'm aware), but still have had no luck in implementing it. Here's what it currently looks like.



2. I've attempted to re-arrange certain components on the hover banner, but have had no luck re-structuring them to suit my tastes. I re-named some of them with little difficulty and re-sized some things, but after a short while things just stopped working and I didn't want to risk messing things up further. I want to know two things. First, how would one go about changing the number and sizes of individual boxes present in any given section? (For example, in the '...of the months' section, there are currently 5 tiles). Second, how much free reign do we have to modify what's there? Is what I'm doing even considered a legitimate way of using your template?

Also, with regards to the mini profile, would I be allowed to (and how would I go about doing so) changing some of the hover profile fields to be within the mini profile by default, rather than having to hover over the image? (For example, post count / like count and online status).

I myself am rather new to forum creation, so, thanks in advance.

[XaviEo]

Okay, I'll answer everything in order. So...

1. From the looks of things there could be multiple things wrong but I'm just gonna go with the simplest one (that's what problems usually are) and ask you if in Settings > Shoutbox that you have the shoutbox Enabled? If it isn't enabled, enable it and it should show. If it is enabled, post here to let me know and I'll move onto a different possibility.

2. This is where I'm going to try and be polite and nice. Um, if I do sound rude, I'm sorry, I don't mean to. As for editing remodels on my skin, I prefer that people don't unless they have asked my permission first. An example is Equestriad where a few small things have been and will be changed but Boy_Wonder asked me before he changed anything and once I knew what he wanted to change, it was fine.

So, what do you want to change? I'd like to know and make sure you aren't drastically changing the pre-made skin. If I'm fine with the changes, I can help you with them but I really won't be able to walk you through changes bit by bit because if everyone decided they wanted to change bits and I walked them all through it, I'd have no time to work on anything else. This is a pre-made skin and in most it is meant to be used with changes only to colours, text and images really.

As for the mini-profile, that would be a bit of work to get that remodel edited like that and I'm sorry to say I really don't want to redesign the whole thing for one person. It isn't necessary, it isn't difficult to hover over the mini-profiles to see that information. Are you really determined on having it set out that way?

[vivianazariah]

I'm quite lost on how I might make this forum look a little different; and keep the same coding and extra options. I'd like to swap backgrounds and gradients, I'd also like to know how to edit the updates, welcomes and the shout box wont work for me for somereason.

[XaviEo]

Hey there vivianazariah,

Have you read the set-up guide? It's the second post in this thread and will tell you how to edit things like the updates and welcomes in the banner hover.

As for the shoutbox. Are you trying to move the Proboards Shoutbox into the chatbox area or are you trying to add in the code of a different type of shoutbox like a cbox?

And as for changing backgrounds and gradients. Okay, I've given the colours that were used in the skin in the set-up guide if you want to change the blues or anything else. If you want to change the brown background gradient you'll need to go to Advanced Styles & CSS > Background and just change the url under Background Image. Do you want to change any of the parchment images? Let me know and I'll tell you where to go in the Style Sheet.

[nicolecarine]

So I would like to start by saying how incredible your layout is. I like to consider myself quite creative but when it comes to writing codes I have to admit I'm completely lost. Enough with my rambling and on to the questions. I don't really like the proboards shoutbox and was wondering if you knew where I could find a chatbox that would best fit your layout and would I have to install a code for it or install it as a plugin? And how would I go about doing so without completely screwing up your layout? My second question is about the image sizes, more specifically, the otm images. I would like to make them somewhat bigger if at all possible. If not that's fine. Like I said before I wouldn't want to do anything that will drastically change your layout. My third and final question (for now) is about image galleries. I'm not really sure if I should be asking you (as it may be a layout issue) or if I should be asking the moderators at proboards. I would be applying a gallery to several sub-boards and really don't want it to effect the layout. I think that's everything. Thanks in advance:)

[XaviEo]

Hey there, nicolecarine! (:

Firstly, thank you! (: It's nice to hear that you like my skin.

Okay, chatboxes. I dislike the proboards shoutbox as well, so you aren't alone in that. xD I usually use cbox.ws, they have free chatboxes (although the free ones don't have features like auto-refresh and staff/members) and they also have paid ones that are like *runs off to check prices* $11 for 6 months or $20 bucks for a year. (link) They're trustworthy and common to see on PB forums, I've paid for premium cboxes and they're worth it if you can afford it. I'm not really too sure about other chatboxes that are out there, you could always do a bit of research on that, any chatbox around that can have the width changed would work well.

Once you have the code for your chatbox you just need to go into Structure > Layout Templates > Forum Wrapper and replace this with your chatbox code:

<img src="http://placehold.it/720x280&text=CBOX+HERE+(720x280)" />
I just put an image placeholder there to make it easy for someone to put in a chatbox. (It seems that plan hasn't worked out but I tried. xD)


OTM images. What size do you want them and how many of them do you want? I can play around with the code and change the sizes of them so they're bigger but that'll mean having less of them.

Image galleries. I'm not too sure about that, is it a plugin or code or...? Really, if something isn't mentioned in my set-up guide then I probably have no idea how it'll affect my skin.